/*  */
/*  */
/* === Global === */
body{
   margin: 0;
   padding: 0;
   background: #FFF;
   color: #00538f;
   font-size: 62.5%; /* 1em = 10px */
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 140%;
    }
.clear{
   clear: both;
   height: 0px;
    }
a {
   color: #00538f;
   text-decoration: none; 
    }
#overlay { 
    background-image: url(/cps/rde/xbcr/bms_de/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:99;
    display:none;
    width:100%;
}
* html #overlay{
    background-color: #000;
    back\ground-color: transparent;
    background-image: url(/cps/rde/xbcr/bms_de/trans.gif);
}
/* === Header === */
#header{
    width: 100%;
    height: 232px;
    background-color: #00538f;
    }
.logo{
    margin: 9px 0 0 12px;
    padding: 0;
    border: 0;
    float: left;
    }
#headerFlashBox{
    width: 975px;
    height: 200px;
    border-right: solid 1px #70a1c2;
    }
#headerFlash{
    float: left;
    margin: 10px 0 0 0;
    border-top: solid 1px #70a1c2;
    border-bottom: solid 1px #70a1c2;
    }
.decoBorder{
    width: 325px;
    height: 26px;
    float: left;
    border-left: solid 1px #70a1c2;
    border-right: solid 1px #70a1c2;
    margin-left: 323px;
    }
#headerTopNav{
    float: right;
    display: block;
    margin: 30px 10px 0 0;
}
#headerTopNav li{
    padding: 0 10px;
    border-right: solid 1px #FFF;
    float: left;
    list-style: none;
}
#headerTopNav .login{
    padding: 0 0 0 10px;
    border: 0;
}
#headerTopNav li a{
    color: #FFF;
    font-size: 1.1em;
}
#headerTopNav .login a{
    color: #70a1c2;
}
#headerNav{
    width: 975px;
    margin: 3px 0 0 0;
}
/* === Start === */
#startContent{
    margin: 0;
    width: 947px;
    float: left;
    color: #00538f;
}
#startContent .welcome{
    width: 534px;
    padding: 0 22px 0 0;
    float: left;
}
#startContent .welcome h1, #startContent .indikationen h1{
    font: bold 1.7em "Times New Roman" Times serif;
    margin: 0 0 10px 0;
    padding: 0;
    color: #00538f;
}
#startContent .welcome img{
    float: left;
    padding: 0 16px 3px 0;
}
#startContent .indikationen{
    width: 388px;
    padding: 0;
    float: right;
}
#board{
    border-left:solid 1px #00538f;
    border-right:solid 1px #00538f;
    padding: 0 22px;
    height: 274px;
}
#board .ind{
    height: 34px;
    border-bottom: solid 1px #dfe3e6;
}
#board .ind.first{
    border-top: solid 1px #dfe3e6;
}
#board .ind h3{
    font-size: 1.2em;
    margin: 3px 0 0 0;
    padding: 0;
}
#board .ind .abstr{
    color: #88b9e1;
}
#board .ind .color{
    float:right;
    width:4px;
    height:28px;
    margin-top:3px;
}
#board .ind .btext{
    display: none;
    color: #88b9e1;
}
#board .ind .btext img{
    float:right;
    margin: -10px 6px 0 0;
    border:0;
}
#startContent .indikationen h1{
    margin-left: 22px;
}
#startContent .topContent{
    padding: 0 0 18px 0;
    border-bottom: solid 1px #00538f;
}
#startContent .baseContent{
    padding: 18px 0 0 0;
}
#startContent .baseContent .teaser{
    width: 148px;
    height: 160px;
    overflow: hidden;
    padding: 0 22px;
    margin: 0;
    border-right: solid 1px #00538f;
    float: left
}
#startContent .baseContent .teaser.first{
    padding: 0 24px 0 0;
}
#startContent .baseContent .teaser h2{
    font: bold 1.7em "Times New Roman" Times serif;
    margin: 0 0 10px 0;
    padding: 0;
    color: #88b9e1;
}
#startContent .baseContent .teaser img{
    margin: 0 0 6px 0;
    padding: 0;
    border: 0;
}
/* === Content === */
#main{
    width: 948px;
    margin: 0 0 0 28px;
    padding: 0;
}
#grad{
    background: url(/cps/rde/xbcr/bms_de/header_grad.png);
    width: 976px;
    height: 38px;
}
#breadcrumb{
    font-size: 1.0em;
    color: #000;
    border-bottom: solid 1px #dfe3e6;
    padding: 0 0 5px 0;
}
#breadcrumb a{
    color: #000;
}
#mainContent{
    margin: 28px 0 0 30px;
    width: 623px;
    float: left;
    color: #000;
}
#mainContent .tlist{
    border-top: solid 1px #dfe3e6;
    margin: 8px 0;
}
#mainContent h1{
    float: left;
    font-size: 1.7em;
    line-height: 24px;
    font-weight: normal;
    color: #00538f;
    margin: 0;
    padding: 12px 0;
}
#mainContent .headline{
    border-bottom: solid 1px #dfe3e6;
    margin: 0 0 25px 0;
    padding: 0;
    height: 48px;
}
.colorCode {
    margin: 4px 0;
    background-color: #dfe3e6;
    float:right;
    height: 40px;
    width: 4px;
    display: none;
}
#mainContent h2{
    font-size: 1.0em;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
}
#mainContent .artikel .zoom{
    float: right;
    top: 60px;
    left: 580px;
    font-weight: bold;
    font-size: 1.5em;
    color: #00538f;
}
#mainContent .artikel .zoom a{
    font-weight: bold;
    color: #00538f;
}
#mainContent .artikel .aImage{
    float: left;
    margin: 0 15px 15px 0;
}
#mainContent .artikel .footer{
    margin: 60px 0 0 0;
    border-top: solid 1px #dfe3e6;
    font-weight: bold;
    line-height: 20px;
}
#mainContent .artikel .footer .druckversion{
    float: left;
    background: url(/cps/rde/xbcr/bms_de/druckversion_arrow.gif) no-repeat 0px 5px;
    padding-left: 12px;
    display: block;
}
#mainContent .artikel .footer .socialBookmarks{
    margin: 0 0 0 36px;
    float: left;
    color: #00538f;
}
#mainContent .artikel .footer .docPress{
    float: left;
    background: url(/cps/rde/xbcr/bms_de/druckversion_arrow.gif) no-repeat 0px 5px;
    padding-left: 12px;
    margin-left: 36px;
}
#mainContent .artikel .footer img{
    border: 0;
    margin: 0 0 0 5px;
    padding: 0;
}
#mainContent .teaser{
    border-bottom: solid 1px #dfe3e6;
    padding: 0 0 16px 0;
    margin: 16px 0 0 0;
}
#mainContent .teaser h2{
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    font-weight: bold;
}
#mainContent .teaser img, #mainContent .teaserPresse img{
    border: 0;
    float: left;
    margin: 0 ;
    padding: 0 16px 0 0;
}
#mainContent .teaser .tLink{
    display: block;
    font-weight: bold;
    margin: 8px 0 0 0;
}
#mainContent .teaserPresse{
    padding: 0;
    margin: 0 0 12px 0;
}
#mainContent .teaserPresse h2{
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    font-weight: normal;
}
#mainContent .teaserPresse .tLink, #mainContent .teaserStelle .tLink{
    display: block;
    font-weight: bold;
    margin: 4px 0 0 0;
    padding: 0;
}
#mainContent .teaserStelle{
    padding: 0;
    margin: 0 0 18px 0;
}
#mainContent .intro{
    font-weight: normal;
}
#mainContent .intro .footer{
    margin: 24px 0 0 0;
    border-top: solid 1px #dfe3e6;
}
#mainContent .intro .headline{
    margin-bottom: 24px;
}
#mainContent .switch{
    color: #a2a2a2;
    margin: 24px 0 0 0;
}
#mainContent .switch a{
    font-weight: bold;
}

/* === Footer === */
#footer{
    width: 948px;
    margin: 60px 0 0 28px;
    border-top: solid 1px #a2a2a2;
}
#footerNav{
    float: left;
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
}
#footerNav li{
    float: left;
    margin: 0 15px 0 0;
    list-style: none;
}
#footerNav li a{
    color: #a2a2a2;
}
#footer .copy{
    float: left;
    color: #a0a0a0;
    margin: 20px 0 0 30px;
}
/* === Navigation === */
#levelOne{
    display: block;
    margin: 0 0 0 20px;
    padding: 0;
}
#levelOne li{
    float: left;
    margin: 0 25px 0 0;
    list-style: none;
}
#levelOne li.last{
    margin: 0;
}
#levelOne li a{
    color: #FFF;
    font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#levelOne li.active a{
    color: #70a1c2;
}
#search{
    float: right;
    margin: -2px 10px 0 0;
    padding: 0;
    color: #70a1c2;
}
#search input{
    border: solid 1px #70a1c2;
    height: 12px;
    width: 148px;
    margin: 0;
    padding: 1px;
    font-size: 10px;
}
#search .go{
    color: #70a1c2;
}
#search .go img{
    border: 0;
}
#mainNav{
    margin: 20px 0 0 0;
    width: 295px;
    float: left;
}
#mainNav ul{
    margin: 0;
    padding: 0;    
    display: block;
}
#mainNav ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#mainNav .l2{
    border-bottom: solid 1px #00538f;
    padding: 12px 0;
    margin: 0;
}
#mainNav .l2 a{
    font-size: 1.1em;
}
#mainNav .l2.active a, #main #mainNav .l2 .l3.active a, #main #mainNav .l2 .l3 .l4.active a, #main #mainNav .l2 .l3 .l4 .l4.active a{
    font-weight: bold;
}
#mainNav .l2 ul{
    margin: 6px 0;
}
#mainNav .l2 .l3{
    padding: 5px 0 0 15px;
}
#mainNav .l2 .l3 a{
    font-size: 1.1em;
    font-weight: normal;
}
#mainNav .l2 .l3 ul{
    margin: 6px 0;
}
#mainNav .l2 .l3 .l4{
    padding: 5px 0 0 15px;
}
#main #mainNav .l2 .l3 .l4 a{
    font-size: 1.0em;
    font-weight: normal;
}

#main #mainNav .l2 .l3 .l4 .l4 a{
    font-size: 1.0em;
    font-weight: normal;
}

#naviVirology {
    padding:15px 0 0;
}
/* === Table === */
table.tableStyle {
    border-collapse: collapse;
}
table.tableStyle .head {
    background: #00538F;
    font-weight: bold;
    color: #fff;
}
table.tableStyle td {
    border: 1px solid #ddd;
    padding: 8px;
}
table.tableStyle tr.even {
    background: #eee;
}

/* === Sitemap === */

#sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#sitemap .n2 {
    list-style: none;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 0 5px 0;
    border-bottom: solid 1px #dfe3e6;
}
#sitemap .n2 a{
     color: #000;
}
#sitemap .n2 ul {
    margin: 3px 0 3px 36px;
}
#sitemap .n3 a{
    color: #00538f;
    font-size: 1.0em;
    font-weight: normal;
}
#sitemap .n4 a{
    color: #70a1c2;
    font-size: 1.0em;
    font-weight: normal;
}
#sitemap .n5 a{
    color: #a2a2a2;
    font-size: 1.0em;
    font-weight: normal;
}


#mainContent .mouseOverText  {
    border: 1px solid #00538F;
    background-color:#70A1C2;
    color:#00355D;
    display:none;
    font-size:10px;
    padding:5px;
    position:absolute;
    width:250px;
}

#mainContent div.slideBoxEntry.inactive div.slideBoxEntryHeadline  {
    background-color:#70A1C2;
    background-image:url(/cps/rde/xbcr/bms_de/bullet_blueArrow.gif);
    color:#00355D;
}

#mainContent div.slideBoxEntry div.slideBoxEntryHeadline {
    background:url(/cps/rde/xbcr/bms_de/bullet_whiteArrow.gif) no-repeat scroll 10px center #00538F;
    color:white;
    cursor:pointer;
    margin-bottom:1px;
    padding:9px 28px;
}

/* zentrales impressum */

#common_imprint {
    color:#000000;
}


#iframe_imprint {
    width:620px;
    height:2100px;
    border:none;
}

#common_imprint .zoom{
    float: right;
    top: 60px;
    left: 580px;
    font-weight: bold;
    font-size: 1.5em;
    color: #00538f;
}

#common_imprint .zoom a{
    font-weight: bold;
    color: #00538f;
}

/* zentraler Datenschutz */
#common_privacy {
    color:#000000;
}

#common_privacy h3 {
    font-size:10px;
    margin-top:10px;
    margin-bottom:2px;
}
#iframe_privacy {
    width:620px;
    height:3100px;
    border:none;
}
#common_privacy .zoom{
    float: right;
    top: 60px;
    left: 580px;
    font-weight: bold;
    font-size: 1.5em;
    color: #00538f;
}
#common_privacy .zoom a{
    font-weight: bold;
    color: #00538f;
}

/***************** Contact Begin ****************/

.inputGroup {
    padding:10px;
}
.inputGroup div {
    padding-left:10px;
    width:90%;
}
.inputGroup p {
    margin:5px 0;
}
.inputGroup a {
    color:#000000;
    text-decoration:none;
    font-weight:bold;
}
#contactBox {
    background:#e5edf4;
    padding:25px;
}

.blue1 {
    background:#e5edf4;
}
.blue2 {
    background:#f2f6f9;
}

.error {
    background:#ff6666;
}

label {
    width:80%;
}

label.error {
    background:#ffffff;
    color:red;
}

.inputField input {
    width:248px;
    height:20px;
}

.inputField select {
    width:248px;
    height:26px;
}

.inputField.floatLeft select {
    width:118px;
    margin-right:12px;
}

.inputField.floatLeft input {
    width:114px;
    margin-right:12px;
}

.inputField p {
    margin-bottom:2px;
}

.inputField a{
    font-weight:bold;
}

.inputSubtext{
    margin:0;
}

.inputField input {
    width:244px;
    height:20px;
}

.inputField select {
    width:248px;
    height:26px;
}

#agreementField {
    width:10px;
    height:10px;
    margin:10px 0;
}

#mandatoryNoteField {
    margin:15px 0;
    color:#00538F;
}

#submitButton {
    background:#00538F;
    border:none;
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
    height:24px;
    width:70px;
    padding-bottom:3px;
}

#agreementText  {
    margin-left:10px;
    margin-top:10px;
    width:475px;
}

#questionField {
    width:528px;
    height:112px;
    font-size:12px;
    font-family:verdana;
}

#contactFormInner {
    padding:0 15px 15px;
    width:505px;
}

#contactInfos {
    padding:15px 15px 0;
    margin-top:10px;
} 

#contactInfosAdditional {
    padding:15px 15px 0;
} 


#contactInfos table {
    margin-bottom:10px;
} 

.errorMessage {
    color:#ff0000;
} 

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

/***************** Contact End ****************/

/***************** Packungsbeilage Begin ****************/
#packageLeafletList {
    list-style:none;
    padding:0;
    font-weight:bold;
}
#packageLeafletList li{
    padding:5px 0;
}
.packageLeafletListHeadline {
    float:left;
    display:block;
    width:150px;
}
.packageLeafletListPdf {
    float:left;
    display:block;
    width:150px;
    background:url(/cps/rde/xbcr/bms_de/package_leaflet_pdf_icon.gif) no-repeat left center;
    padding-left:13px;
}
.packageLeafletListPackshot {
    float:left;
    display:block;
    width:150px;
    background:url(/cps/rde/xbcr/bms_de/package_leaflet_packshot_icon.gif) no-repeat center left;
    padding-left:13px;
}
#packageLeafletList sup {
    vertical-align:baseline;
    position:relative;
    bottom:4px;
}
/***************** Packungsbeilage End ****************/
/*  */