/*
    CSS
*/
@import url("../../3rd_party/meyer_reset/reset.css");

#headerbar {
   width:100%;    
   height:65px;
   min-width:980px;         
}

#headerbar_container {    
   margin:0 10px 0 10px;
}

#logo {
   background: url(../images/guestcard-logo-small.png) 0 0 no-repeat;
   width: 270px;
   height: 55px;    
   color: #ffffff;
   margin-top:5px;
   margin-left:3px;
   float:left;    
   display:block;
}

#logo a {
   float: left;
   color:#ffffff;
   text-decoration:none;
   width: 313px;
   height: 49px;
}

#logo a span {
   visibility: hidden;    
}

#projekt {
   font-size:12px;
   /*color: #ffffff;*/
   color: #222;
   padding-top:23px;
   float:left;
   margin-left:35px;
}

#projekt a {
   /* color:#ffffff; */
   color: #222;
   font-size:1.1em; margin-right: 0px;
   font-weight: bold;   
}

#projekt a:hover {
   text-decoration: none;
}

#projekt_new_window {
   margin-left:5px;
}



body {   
   /*
   font-family: Arial, Helvetica, sans-serif;    
   */
   font-family: 'Arimo', Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;    
   font-size: 16px;  
   background-color: #f4f4f4;   
}

.body-content p {
   line-height: 130%;
}

label:after {
   content: " ";
}

.alert {
   color: red;
}

.smaller {
   font-size: 0.9em;
}

.mandatory:after {
   content: "* ";
}
.mandatory {
   color: red;
}

.label {
   width: 150px;
}

#content_container {     
   margin: 10px 10px 10px 10px;   
   border:1px solid #c9c9c9;    
   min-height: 400px;
   min-width:960px;
   background-color:#ffffff;
   -moz-box-shadow: 0 0 5px #dedede;
   -webkit-box-shadow: 0 0 5px#dedede;
   box-shadow: 0 0 5px #dedede;
   /*display:inline-block;*/    
}

#content_container2 {     
   margin: 10px 10px 10px 10px;   
   margin-top: 30px;
   border:1px solid #c9c9c9;    
   min-height: 400px;
   width: 350px;
   background-color:#ffffff;
   -moz-box-shadow: 0 0 5px #999;
   -webkit-box-shadow: 0 0 5px#999;
   box-shadow: 0 0 5px #999;
   /*display:inline-block;*/    
}

#ccontent {
   font-size: 0.9em;
}

#ccontent a,
#content_login a {
   color: #0087d7;
}

#ccontent label,
#content_login label {
   float:left;
   /*width:160px;*/
   margin-right:0px;
   padding-top:6px;
}

#ccontent .label_long {
   float:left;
   width:190px;    
   margin-right:0px;
   padding-top:9px;
}

#ccontent .add_new {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   background-color: #00b032;
   padding:7px;
   color: #ffffff;    
   text-decoration:none;
   font-weight:bold;
}

#ccontent .add_new:hover {
   background-color:#19b846; 
   background-color:#26bc51;     
}

#ccontent .add_new:active {
   color:#000000;
}

#ccontent {
   margin:10px 15px 10px 15px;
}

#ccontent strong {
   font-weight: bold;
}

#ccontent a,
#content_login a {
   color: #0087d7;
}

#ccontent h1,
#content_login h1 {
   font-size: 1.5em;
   margin-top: 20px;
   font-weight: bold;
   margin-bottom: 30px;
}

#ccontent h2,
#content_login h2 {
   font-size: 1.2em;
   margin-top: 20px;
   font-weight: bold;
   margin-bottom: 20px;
}

#ccontent p {
   margin-top: 10px;
}

#breadcrumbs {
   font-size:11px;
   font-family:  Arial, sans-serif;
}

#breadcrumbs a {
   color: #999999;
   font-size: 12px;
   font-family: Arial, "Lucida Sans Unicode";
   font-size:12px;
   color: #999999;
}

fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid #0087d7;
} 

input.form_error,
select.form_error {
   border: 1px solid red;
}

span.error {
   color: red;
   font-weight: bold;
}

input, select {    
   margin: 3px 5px 3px 0;
   color: #181818;    
   font-size: 13px;    
   border: 1px solid #cccccc;
   padding:3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   /* background: url(../images/input_bg.gif); */
   background: #fff;   
   margin-bottom:5px;
}
input[disabled="disabled"] {    
   background: #d5d5d5;
}

input:focus {
   background: none;
   background-color: #ffffe5;    
}

input.submit, button.submit {    
   background: none;
   background-color: #0087d7;
   padding:4px;
   font-size:13px;
   color:#ffffff;
   border: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   font-size:14px;
}

label {
   /*font-size: 0.9em;*/
   margin-bottom: 3px;
}

/*
    clearfix
*/
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}