/*###########################################################################
ACHTUNG!!!!!!!
Neue CSS Anweisungen auch in print.css schreiben!!!! Sollen gleich sein!!!!
###########################################################################*/

html{ height: 100%;}
  
body {
  min-height: 101%;  
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80.5%;
  color: #333333;
  text-align: left;
  padding: 0px 10px;
  text-align:center;
  background-image:url(../media/bg.jpg);  
  background-repeat:repeat-x;
  background-color:#C9D4D7;
}

.formular{ text-align:left; }

#pageContainer {
  position:relative;
  margin: 0 auto;
  width:1000px;
  top: 0px;
  background-color:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#head {
  position:relative;
  top:-15px;
  height:200px;
  background-color:#FFFFFF;
  background-image:url(../media/head_noflash.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}

#head_ani{ height:130px; }

#headprint {
  position:absolute;
  top:-140px;
}

/* Navigationselemente */
#navi_sprache{
  position:relative;
  top:20px;
  left: 209px;
  width:300px;
  font-size:9px;
  vertical-align:top;
}

#navi_sprache a{ color:#CCCCCC; }
#navi_sprache a:hover{ color:#0094B3; }

#topmenu{
  position:relative;
  float:left;
  left:500px;
  top:8px;
  width:300px;
  vertical-align:top;
  font-size:9px;
  color:#CCCCCC;
}

#topmenu a { color:#CCCCCC; }  
#topmenu a:hover{ color:#0094B3; }

#inhalt{
  position:relative;
  width: 1010px;
  min-height:500px;
  float:left;
  left:-20px;
  left:0px;
  z-index:6;
  padding:0px;
  background-image:url(../media/bg_i.jpg);
  background-repeat:repeat-y;
}

#inhalt_cont{
  position:relative;
  width: 820px;
  float:right;
  z-index:7;
  min-height:500px;
}

/*linke Spalte*/
#inhalt1{
  position:relative;
  left:30px;
  width: 560px;
  float:left;
}

/*rechte Spalte*/
#inhalt2{
  position:relative;
  width: 200px;
  height:20px;
  top:-215px;
  float:right;
  z-index:100;
  left:-10px;
}

/*rechte Spalte*/
.fla_r{
  /*background-image:url(../media/rechts_noflash.jpg);
  background-repeat:no-repeat;*/
  height:750px;
  z-index:2;
}

#fla_bg{
  background-image:url(../media/rechts_noflash.jpg);
  background-repeat:no-repeat;
  height:750px;
  position:relative;
  /*top:-800px;
  left:0px;*/
  z-index:1;
}

#foot {
  position:relative;
  width: 250px;
  top:30px;
  font-size:9px;
  color:#999999;
  height:50px;
  float:right;
  z-index:30;
  width:750px;
  left:-40px;
}

#footmenu{
  position:relative;
  font-size:9px;
  width:780px;
}

/*-------------------------------------------------------------------------------------------*/
  #mainnavi {
    position:absolute;
    top: -87px;
    width: 190px;
    margin: 0em 0em 1em 0em;
    border-style: solid;
    border-color:#CCCCCC;
    border-width: 0px 1px 1px 1px;/* top */
    font-size: 0.85em;
    z-index: 30;
    background-color:#E5E5E5;
    line-height:15px;  
  }

  #mnbg {
    position:absolute;
    width: 190px;
    margin: 0em 0em 1em 0em;
    z-index: 29;
    background-color:#EEEEEE;
    height:100%;
    border-style: solid;
    border-color:#CCCCCC;
    border-width: 0px 1px 1px 1px;/* top */
  }

  #mainnavi ul {
    margin: 0em;
    padding: 0em;
    list-style: none;
  }

  #mainnavi li {
    padding: 0;
    margin: 0;
  }



  #mainnavi a {
    text-decoration: none;
    display: block;
    padding: 5px 0px 5px 10px;
    border-style: solid;
    border-color:#ffffff;
    border-width: 0px 0px 1px 0px; /* bottom */
  }

  #mainnavi a:hover {  }

  #mainnavi a.l1-no {
      line-height:15px;
      background-color:#e4e4e4;  
      font-size: 1.05em;/**/
  }

  #mainnavi a.l1-no:hover {
    color:#FFFFFF;
    background-color:#0094B3;
    /*font-size: 1.05em;*/
  }

  #mainnavi a.l1-act {
    background-color:#0094B3;
    color:#FFFFFF;
    line-height:15px;
    font-size: 1.05em;
    /*font-size: 1.05em;*/
  }

  /*------------*/

  #mainnavi a.l2-no{
    padding: 5px 10px 5px 18px;
    background-color:#ebebeb;  
  }

  #mainnavi a.l2-act{
    background-color:#31A9C2;
    color:#FFFFFF;
    padding: 5px 10px 5px 18px;
  }

  #mainnavi a.l2-no:hover{
    background-color:#31A9C2;
    color:#FFFFFF;
  }

  #mainnavi a.l3-no{
    padding: 3px 10px 3px 26px;
    background-color:#f3f3f3;
    font-size:10px;
  }

  #mainnavi a.l3-act {
    padding: 3px 10px 3px 26px;
    background-color:#73C4D5;
    color:#FFFFFF;
    font-size:10px;
  }

  #mainnavi a.l3-no:hover{
    background-color:#73C4D5;
    color:#FFFFFF;
  }

  #mainnavi a.l4-no{
    padding: 3px 10px 3px 34px;
    background-color:#FbFbFb;
    font-size:10px;
  }

  #mainnavi a.l4-act {
     padding: 3px 10px 3px 34px;
     background-color:#95D5E2;
     color:#FFFFFF;
     font-size:10px;
  }

  #mainnavi a.l4-no:hover{
    background-color:#95D5E2;
    color:#FFFFFF;
  }

  #mainnavi a.l5-no{
    padding: 3px 10px 3px 42px;
    background-color:#ffffff;
    font-size:10px;
  }

  #mainnavi a.l5-act {
    padding: 3px 10px 3px 42px;
    background-color:#C0DCE2;
    color:#FFFFFF;
    font-size:10px;

  }

  #mainnavi a.l5-no:hover{
    background-color:#C0DCE2;
    color:#FFFFFF;
  }

  /*-------------------------------------------------------------------------------------------*/

a {
  text-decoration: none;
  color:#0094B3;
}

a:link,  a:active, a:visited {color:#0094B3;}
a:hover {color:#000000;}    

#navi_breadcrumb {
  position:relative;
  top:-30px;
  font-size:9px;
  color:#CCCCCC;
}  

#navi_breadcrumb a {
  color:#CCCCCC;
}  

#navi_breadcrumb a:hover { color:#0094B3; }  

h1{
  font-size: 140%;
  font-weight:100;
  color:#555555;
  padding:0px 0px 10px 0px ;
  margin:0px;
}

h2{
  font-size: 110%;
  font-weight:bold;
  color:#555555;
}

.contenttable{
  width:560px;
  vertical-align:top;
}

#small_table{ width:380px; }

#mailform{
  border:0;
  border-style:none;
}

.f1{
  padding: 10px;
  margin: 10px;
  width:1000px;  
}

.f2{
  padding: 10px;
  margin: 10px;
  width:1000px;  
}

#f2{ vertical-align:top; }
.small{ font-size:9px; }
.rot{ color:#CC0000; }

.s_box{
  background-color:#F2FDFF;
  width:100px;
  position:relative;
  top:8px;
}

.s_box1{
  position:relative;
  top:15px;
}

#s_box_f{
  padding:0px 0px 0px 10px;
  border-style: solid;
  border-color:#ffffff;
  border-width: 0px 0px 1px 0px;
  height:45px;
}

/*Textfelder der Eingabeformulare*/
.form_f{
  background-color:#FFFFFF;
  width:400px;
  border: 1px solid #777777;
}

.form_f2{
  background-color:#FFFFFF;
  width:250px;
  border: 1px solid #777777;
}

.form_f3{
  background-color:#FFF3F3;
  width:250px;
  border: 1px solid #777777;
}

.bw_f{
  vertical-align:top;
  font-size:11px;
}

.bw{
  vertical-align:top;
  font-size:11px;
}

/*WICHTIG blendet das original suchfeld aus, so das ein eigenes erscheinen kann*/
.csc-searchform{
  visibility:hidden;
}

.suche_f{
  background-color:#F2FDFF;
  width:300px;
}

.contenttable{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #333333;
  text-align: left;
}

img{
  border:0;
}

#inhalt_cont img{
  border:0;
  padding: 0px 0px 15px 0px;
  vertical-align:15px;
}

#a_bild{
  position:relative;
  top:-700px;
  left:162px;
  background-color:#FFFFFF;
  width:400px;
}

.csc-textpic-caption{
  font-size:9px;
  color:#555555;
  position:relative;
  top:-15px;
}

.csc-mailform{ border:0px; }
.csc-mailform-radio{ border:0px; }
.csc-mailform{ width:500px; }

.csc-mailform-field{
  width:200px;
  padding:10px 0px 0px 0px;
}

#mailformgentle{
  width:600px;
  border:0px;
}

#mailformAnrede{
  width:600px;
  border:0px;
}

.mail_self_anr{
  position:relative;
  top:20px;
  left:10px;
}

#mailformvorname{ width:400px; }
#mailformNachname{ width:400px; }
#mailformStrasse{ width:400px; }
#mailformPLZ{ width:400px; }
#mailformWohnort{ width:400px; }
#mailformTelefonnummer{ width:400px; }
#csc-mailform-field{ width:400px; }
#mailformemail{ width:400px; }
#mailformfirma{ width:400px; }
#mailformLand{ width:400px; }
#mailformPosition{ width:400px; }
#mailformNachricht{ width:400px; }

.test{ width:750px; }

.bild_zentiert{
  position:relative;
  left:210px;
  top: -120px;
}

label { width:200px; }
#mailformgentle label { width:70px; }
#mailformAnrede label { width:70px; }

.titeldiv{
  background-image:url(../media/flashcollage.jpg);
  background-repeat:no-repeat;
  margin:0px;
  padding:0px;
  border:0px;
  width:744px;
  height:446px
}

.tabelle2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.clear{
  clear: left;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  height:20px;
}

.fehler_form{
  background-repeat:no-repeat;
  background-color:#e7dcdc;
  padding:20px;
  width:350px;
}

#mailformAnredeFrau{ position:relative; }
#mailformanrede{ border:0; }

table{ font-size: 12px; }


.info, .pdffile, .usprod, .extlink, .award {
border: 1px solid;
margin: 10px 0px;
padding: 5px 10px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.info {
color: #009FBE;
background-color: #E5F5F8;
background-image: url('/fileadmin/user_upload/neumonitoring/information_green_32.png');
}

.info a {color: #2D2D2D;}
.info a:hover {color: #009FBE;}


.pdffile {
/*  padding:10px 10px 10px 50px; */
  color: #404040;
  background-color: #F0F0F0;
  background-image: url('/fileadmin/user_upload/neumonitoring/pdf_icon.png');
}

.usprod {
color: #009FBE;
background-color: #E5F5F8;
background-image: url('/fileadmin/user_upload/neumonitoring/US-Flagge.png');
}

.extlink {
color: #404040;
background-color: #F0F0F0;
background-image: url('/fileadmin/user_upload/images/externalLink.png');
}

.award {
color: #C8C8C8;
background-color: #E0E0E0;
background-image: url('/fileadmin/user_upload/news/MedicaAward2011.jpg');
}

/*###########################################################################
ACHTUNG!!!!!!!
Neue CSS Anweisungen auch in print.css schreiben!!!! Sollen gleich sein!!!!
###########################################################################*/