/* ----------------------------------------------------
    Body settings ...
---------------------------------------------------- */

* { margin: 0;
    padding: 0;
}

img {
    border: 0;
}


body {
        font: 12px/1.5em Verdana, Helvetica, sans-serif;
        text-align: left;
        color:      #666;
        line-height: 1.5em;
        background:#fff url(/backstage/images/oemus_common/head_bg.jpg) no-repeat scroll center top; 
}


h3{
        color: #003268;
        font-size: 14px; 
}

h4{
        color: #003268;
        font-size: 11px; 
        line-height:1.3em;
        margin-bottom:3px;
}


/* ----------------------------------------------------
    Global link settings ...
---------------------------------------------------- */

a:link, a:visited {
    text-decoration: underline;
    color: #003268;
    background-repeat: no-repeat;
}

a:hover {
    text-decoration: underline;
    color: #003268;
}

a:active {
    text-decoration: none;
    color: #003268;
    outline: none; 
}

a:focus{
  outline:0;
  -moz-outline:0;
  outline: none; 
}
 

a.textLink, a:visited.textLink{
   color: #003268;
}


/* ----------------------------------------------------
   layout ...
---------------------------------------------------- */





div#header{
    width:              1000px;
    height:             100px;
    margin:             0 auto;
}


div#headerStart{
    width:              1000px;
    height:             426px;
    margin:             0 auto;
    overflow:           hidden;
}



div#contentFrame{
    width:              960px;
    margin:             0 auto;
}

div#socialLinks{
    border-top:         1px #dfdfdf dotted;
    width:              935px;
    margin:             15px auto;   
    padding-top:        15px; 
}


/*
############# Startseite ######################
*/

div#flashApp{
   margin-left: 30px;
   width: 621px; 
   margin-top: 11px;
   float: left;
}

div#homeInfo{
   float: left;
   margin-left: 24px;
   padding-top: 260px;
}



div#zwpNews{
   width: 616px;
   padding: 12px;
   float: left;
   background: white;
   margin-top: 20px;
}

.topNews{
   width: 300px;  
   float: left;  
}

.topNews h1{
  color: #cd0003;
  font-size: 13px; 
  height: 60px;
  margin-top: 12px; 
  line-height: 1.4em;
}

.topNews h2{
  color: #cd0003;
  font-size: 12px;
}

.topNews h2 a{
  color: #cd0003;
  text-decoration: none;
}



.topNews p{
  padding: 10px 0;
  font-size: 12px;
}

.topNews p.news{
  padding: 0;
  font-size: 12px;
  margin-bottom: 10px;
}

.zwpNewsBanner{
  float: left;
  width: 599px;
  height: 16px; 
  background-image:url(/backstage/picpool/common/zwp_rss_banner_615.gif);
  background-repeat:no-repeat;
  padding: 4px; 
  margin-top: 6px;
  margin-left: 12px;
}

.allEventsBanner{
  float: left;
  width: 304px;
  height: 16px; 
  background-image:url(/backstage/images/oemus_common/btn-304.gif);
  background-repeat:no-repeat;
  padding: 4px; 
  margin-top: 6px;  
  margin-left: 29px;  
}
/*
############# Teaserblock  ######################
*/

div#teaserBlock{
  width: 304px;
  float: left;
  padding: 8px;
  background: white;
}



/* fuer Publikationen */

a.popPub{
  cursor: help;    
}
table.pubTab{
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  font-size: 11px;
  margin-bottom: 5px;
}

table.pubTab tr.trHead th{
  padding: 0 0 10px 0;
  color: #333;
  font-size: 15px;
}


table.pubTab h3{
  height: 56px;
  font-size: 11px;
  font-weight: normal;
}

table.h3large h3{
  height: 56px;
}

table.pubTab a{
 text-decoration: none;    
}

table.pubTab a:hover{
 text-decoration: underline;    
}


table.pubTab .thumbPub{
  margin-bottom: 5px;
}

img.thumbBorder{
  border: 1px solid #e5e5e5;     
}


table.pubTab td{
  width: 94px;
  padding: 10px 30px 5px 0;
  text-align: left;
  vertical-align: top;
}

.thumb80{
  margin-bottom: 5px;
  border: 1px solid #e5e5e5; 
}


.thumb124{
  margin-bottom: 5px;
  border: 1px solid #e5e5e5; 
}





td.coverSpalte{
  padding:    6px;
  font-size:  11px;
  height:     572px;
}

.coverClass img{
  border:           1px solid #003268; 
}

td.textSpalte{
  padding:         0.5000em; /* 6px */
  width: 450px;
} 

td.textSpalte p{
  font-size:      11px;
}

/*
############# Publikationen etc. ######################
*/


div#content{
   width: 640px;
   float: left;
}

div#contentContent{
   background: white;
   padding: 24px;
   background-image:url(/backstage/images/oemus_common/contentContentShadow.gif);
   background-position: right top;
   background-repeat:no-repeat;
   min-height:  400px;
   height:  auto !important;
   height:  400px;
}

div#contentContent ol, ul{
  padding: 20px;
}

div#contentContent ol li, div#contentContent ul li {
  padding: 0px;
}


div#contentHeadline{
   margin-left: 25px;   
}


div#contentHeadline h1{
   color: white;
   font-size: 18px; 
   margin-bottom: 5px;
   line-height: 1.3em;
   padding-right: 10px;
}

div#contentHeadline h2{
   color: white;
   font-size: 15px; 
   margin-bottom: 11px;
   font-weight: normal;
}

.spacerHeadline{
   height: 35px;
   background-image:url(/backstage/images/oemus_common/pfeil_top_headline.gif);
   background-position: 29px bottom;
   background-repeat:no-repeat;
   clear: left;
   overflow: hidden;
   font-size: 0px;
   line-height: 0px;
}

div#colLeft{
   float: left;
   width: 216px;
}

div#ePaperTeaser{
   border: 1px solid #f1f7fb;
   background: #f5f9fc;
   padding: 25px 25px 5px 25px;
}

div#pubInfoText{
   float: left; 
   margin-left: 16px; 
   width: 355px;   
}

div#pubInfoText h1{
   font-size: 14px;    
}

div#pubInfoText h2{
   font-size: 14px; 
   margin-bottom: 10px;   
}



div#pubInfoText ul{
   margin: 0 10px;  
   padding: 0 10px 10px 10px;
}
div#pubInfoText li{
   margin: 0 10px;  
   padding: 0 10px 10px 10px;
}


div#pubInfoText p{
   padding-bottom: 10px;	
}

/* ### Publikationen Box left ### */

div#pubContentTeaserBox{
   float: left; 
   width: 278px;
   position: relative;
}

div#pubContentTeaserBox h3{
   margin-bottom: 10px;
}

div#pubContentTeaserBox p{
   margin-bottom: 12px;
}


div#pubContentTeaserBox h4{
   line-height: 1.5em;
}


div#pubContentTeaserBox a{
   text-decoration: none;
}

div#pubContentTeaserBox a:hover, div#pubContentTeaserBox a:hover h4{
   text-decoration: underline;
}

div#pubContentTeaserBox table{
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  margin-bottom: 5px;    
}

div#pubContentTeaserBox table td{
  padding: 0.1em;
  padding-left: 0;
  vertical-align: top;    
}



.autor, .textGrau{
   font-size: 11px;
   color: #777777; 
   display: block;
   margin-top: 4px;  
}

/* ### Publikationen Box rechts ### */

div#pubContentTeaserBoxRight{
  float: right; 
  width: 283px;     
}

div#relatedPubs{
  background: #f5f9fc;
  border: 1px solid #f1f7fb; 
  margin-top: 14px;
  padding: 5px;
}

table.coverTab{
  border-spacing: 0px;
  border-collapse: collapse;
  border: none;
}

table.coverTab td{
  padding: 5px;
  vertical-align: top;
  width: 79px;
}

table.coverTab td .thumbPub{
  height: 110px;
  width: 79px;
}


table.coverTab td .thumbPub img{
  height: 110px;
  width: 79px;
}


.aktuelleAusgabeBanner{
  width: 270px;
  height: 16px; 
  position: absolute;
  margin-top: 14px;
  bottom: 0px;
  background-image:url(/backstage/images/oemus_common/btn_alle_themen.gif);
  background-repeat:no-repeat;
  padding: 3px 4px 5px 4px; 
}



/* Inhaltsverzeichis aktuelle Ausgabe */

table.listInhalt{
  border-spacing: 0px;
  border-collapse: collapse;
  border: none;
  margin-top: 14px;
  width: 100%;
}

table.listInhalt a{
  text-decoration: none;
}

table.listInhalt a:hover{
  text-decoration: underline;
}



table.listInhalt tr.trHead td{
  padding: 4px 0;
  font-weight: bold;
  font-size: 12px;
}

table.listInhalt td{
  padding: 0.1em 0.5em;
  vertical-align: top;
  font-size: 11px;
}

table.aktuell td{
  padding: 0.5em 0.5em;
}


table.listInhalt tr.color1 td{
  background: #fafcfd;
  border: 1px solid #f8fbfd;
}

table.listInhalt tr.color2 td{
  border: 1px solid #f1f7fb;
  background: #f5f9fc;
}

table.listInhalt tr.color_select td{
  border: 0px solid #fff;
  background: #c4d6e6;
}


td.pageNr{
  width: 20px;  
  line-height:1.3em;
}

/*
############# Veranstaltungsteaser ######################
*/

.importantEvent{
  border: 1px solid #f1f7fb;
  background: #f5f9fc;  
  padding: 17px 14px 4px 14px;  
  font-size: 11px;  
}

.importantEvent .cover{
  float: left;
  width: 80px;
  margin-right: 13px;
}


.importantEvent .titel{
  float: left;
  width: 180px;
}

.importantEvent .titel h2{
  float: left;
  width: 180px;
}

.importantEvent a{
  text-decoration: none;    
}

.importantEvent a:hover{
  text-decoration: underline;    
}


ul.listBlock, ul.listBlockInhalt{
  list-style: none;
  padding: 0px !Important;
  font-size: 11px;
}

ul.listBlock li {
  padding: 10px 15px 10px 15px !important;
}

ul.listBlock li.firstEntry{
  border: 1px solid #f1f7fb;
  border-bottom: none;
  background: #f5f9fc;
}
ul.listBlock li.color1{
  border: 1px solid #f8fbfd;
  background: #fafcfd;
}
ul.listBlock li.color2{
  border: 1px solid #f1f7fb;
  background: #f5f9fc;
}

ul.listBlock li a{
  text-decoration: none;
}
ul.listBlock li a:hover{
  text-decoration: underline;
}

a.epaperTeaserEvents{
  display: block;
  width: 80px;
  margin-right: 13px; 
  float: left;
  position: relative;
}

.ePaperEcke60{
  position: absolute;
  right: 0;
  bottom: 0; 
}

.listFunctions select{
  width: 164px;    
  color:  #003268;
  font-size: 12px;
}

.listFunctions select option{
  padding-left: 8px;

}


/*
############# Fachgebiete ######################
*/

.coverFachList{
    background: #f5f9fc;
    border: 1px solid #f1f7fb;
    padding: 11px 0px 0px 8px; 
    margin-bottom: 4px;
}

.fachLeft{
    width: 276px;
    float: left; 
    overflow: hidden;
}

.fachText1{
    margin-top: 0px;    
}

.fachRight{
    width: 275px;
    float: left; 
    margin-left: 20px;
    overflow: hidden;
}



/*
############# Medidadaten ######################
*/

div#mediaData .toggler-closed{
  background-image:url(/backstage/images/oemus_common/md_fachreiter.jpg);
  background-repeat:no-repeat;
  display: block;
  width: 531px;
  height: 29px;
  padding: 14px 0px 0px 60px; 
  margin-bottom: 4px;
}

div#mediaData .toggler-opened{
  background: #fafcfd;
  background-image:url(/backstage/images/oemus_common/md_fachreiter_open.jpg);
  background-repeat:no-repeat;
  display: block;
  width: 531px;
  padding: 14px 0px 0px 60px; 
  height: 30px;
}


.mdLinks{
  background: #fafcfd;
  padding: 16px; 
}


.mdName{
  float: left;    
}

.mdName{
  float: left;    
  width: 270px;
}

.mdLink_Paper{
  float: left;    
}

.mdLink_PDF{
  float: left; 
  margin-left: 25px;   
}



/*
############# Cluetip Popup ######################
*/
.coverPop{
float: left;
width: 204px;
}


table td.coverPop img{
border: 1px solid #e5e5e5;
}

table td.inhaltPop, table td.coverPop{
  vertical-align: top;
}


table td.inhaltPop h1{
  color: #003268;
  font-size: 14px; 
  line-height:1.3em;
  margin-bottom:3px;
}
table td.inhaltPop h2{
  color: #999;
  font-size: 11px; 
  line-height:1.3em;
  margin-bottom:3px;
  font-weight: normal;
}


ul.listPop{
  list-style: none;
  padding: 0px;
}

ul.listPop li{
  padding: 7px 0px !important;
  border-top: 1px dotted #ccc;
}

.inhaltPop{
 float: left;
 width: 270px;
 margin-left: 14px;
 color: #666;
 padding: 8px;
}

a.tip{
    color: #276699;
}

/*
############# Footer Sitemap ######################
*/

div#footer{
    width:              1008px;
    margin:             0 auto;
    background:         url(/backstage/images/oemus_common/footer_bg.jpg) 0px 0px no-repeat; 
    font-size:          11px;     
}

div#footer a{
    color: #797979;
    text-decoration: none; 
}

div#footer a:hover{
    color: #797979;
    text-decoration: underline; 
}


div#footer table{
border-spacing: 0px;
border-collapse: collapse;
margin-bottom: 10px;
border: none;
margin-left: 32px; 
}

div#footer table col.col1{
  width: 160px;
}

div#footer table col.col2{
  width: 160px;
}

div#footer table col.col3{
  width: 320px;
}

div#footer table col.col4{
  width: 160px;
}


div#footer table tr.trHead td{
  padding: 12px 0;
  font-weight: bold;
  font-size: 12px;
}

div#footer table td{
  padding: 0.5em;
  padding-left: 0px;
  vertical-align: top;
}

div#footer ul{
  list-style: none;
  padding: 0px;
}

div#footer li{
  background-image:url(/backstage/images/oemus_common/pfeil_kurz_grau);
  background-position: 0px 0.6666em;
  background-repeat:no-repeat;
  padding-left: 8px;
}


/*
#############             FORMUlARE               ######################
*/


input, textarea, select{
    padding: 2px; /* 2px */
    border: 1px solid #E5E5E5; 
    background:   #FFFFFF;
}

 
label.left{
    cursor: pointer;
    float: left;
    width: 160px;
    vertical-align: middle;
    margin: 0.5em 0; /* 4px */
    font-size: 12px;

}  

.formError{
    float: left;
    margin: 6px 4px; /* 6px 4px */
    color:  #cc0000;
}

 
input.right, textarea.right, select.right, input.right2  {
    float: left;
    width:  188px;
    margin: 4px 0; /* 4px */
}

input.right2{
    width:  40px;
}




.radioright{
     width:  20px; 
     float: left;
     margin: 4px 0; /* 4px */
}

.radioright, .checkbox_style{
     width:  50px; 
     float: left;
     margin: 9px 0; /* 4px */
}



#name:hover, #name:active, #name:focus{
    border: 1px solid #9AD847; /* pim-gim-sim color */
}

#anrede:hover, #anrede:active, #anrede:focus{
    border: 1px solid #9AD847; /* pim-gim-sim color */
}

#email:hover, #email:active, #email:focus{
    border: 1px solid #9AD847; /* pim-gim-sim color */
}

form br{
    clear:  both; 
    margin: 2px 0; /* 2px */
}

.formMessage{
    margin-top:  4px;  /* 4px */
    margin-left: 160px;
}

input.submitClass{
    width: 8.33em;
    margin: 0 0.17em 0 0 ; /* 2px */
    background-color: #4B88BE;
    color: white;
    font-size: 11px;
}

#abschicken, #reset{
  background:                #4B88BE; /* pim-gim-sim color */
    padding:                     2px 4px ;
    margin:                     20px 4px 0 0;
    font-size:                 80%;
    font-weight:             bold;

    width:                        14.1667em; /*170px */

    float:                         left;
  color: #fff;
}

#abschicken:hover, #abschicken:active, #abschicken:focus,
#reset:hover, #reset:active, #reset:focus{
  background:             #003268; /* pim-gim-sim color */
  color: #fff;
}

/*
############# Kontaktbox ######################
*/


div#kontaktBox{
    background: #f5f9fc;
    border: 1px solid #f1f7fb;
    border-bottom: none;
    padding: 16px 14px 4px 14px; 
}

div#kontaktBox table{
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  width: 100%; 
}

div#kontaktBox table td{
  padding: 0px;
  text-align: left;
  vertical-align: top; 
}




/*
############# Archiv Finder ######################
*/

div#archivFinder{
    background: #f5f9fc;
    border: 1px solid #f1f7fb;
    border-bottom: none;
    padding: 16px 14px 4px 14px; 
    min-height:  300px;
    height:  auto !important;
    height:  300px;
    
}

div#btnMediaDaten{
    background: #f5f9fc;
    border: 1px solid #f1f7fb;
    border-bottom: none;
    padding: 16px 14px 14px 14px; 
    margin-top: 14px;
}


div#archivFinder fieldset{
    background: #ebf3f9;
    border: 1px solid #e4eff7;
    padding: 6px; 
    padding-bottom: 2px; 
}

div#archivFinder h3{
   display: none;   
}

div#archivFinder select{
   width: 260px; 
   border: 1px solid #ebebeb; 
   margin-bottom: 4px;
   color: #003268;
   font-size: 12px;
}

div#archivFinder select:focus{
  outline:0;
  -moz-outline:0;
}

div#archivFinder select option, div#archivFinder select optgroup{
   padding-left: 8px;
}



div#archivFinder .archivFinderCover{
   float: left;
   width: 110px; 
}

div#archivFinder .archivFinderLinks{
   float: left;
   width: 150px; 
   margin-left: 14px;
}


div#archivFinder .archivFinderLinks h4{
   font-size: 12px;
   margin-bottom:4px;
}

div#archivFinder .archivFinderLinks p{
   font-size: 11px;
   margin-bottom:8px;
}






.finder-loading {
    background: url(/backstage/images/oemus_common/wait.gif) no-repeat 0 50%;
    padding: 0 0 0 50px;
}
.finder-hidden {
    display: none;
}

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

.finder-issue-image {
  border: 1px solid #e5e5e5;
}




/*
############# Helpers ######################
*/


a.pfeil, a.pfeil:link, a.pfeil:visited {
  background-image:url(/backstage/images/oemus_common/pfeil_rot.gif);
  background-position: 8px 5px;
  background-repeat:no-repeat;
  color:#cd0003;
  font-size:11px;
  font-weight:bold;
  padding-left:20px;
  text-decoration:none;
}

a.pfeilBlau, a.pfeilBlau:link, a.pfeilBlau:visited {
  background-image:url(/backstage/images/oemus_common/pfeil_blau.gif);
  background-position: 8px 5px;
  background-repeat:no-repeat;
  color:#003268;
  font-size:11px;
  font-weight:bold;
  padding-left:20px;
  text-decoration:none;
}

a.pfeil:hover, a.pfeilBlau:hover {
  text-decoration:underline;
}

a.pfeilWeiss, a.pfeilWeiss:link, a.pfeilWeiss:visited {
  background-image:url(/backstage/images/oemus_common/pfeil_weiss.gif);
  background-position: 8px 5px;
  background-repeat:no-repeat;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  padding-left:20px;
  text-decoration:none;
}

a.pfeilWeiss:hover {
  text-decoration:underline;
}


a.pdf, a.pdf:link, a.pdf:visited {
  background-image:url(/backstage/images/oemus_common/icon_pdf_16x16_off.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  /* padding: 2px 0 2px 16px; */
  display: block;
  width: 16px;
  height: 16px;
}

a.pdf span{
  display: none;
  width: 0px;
}

a.pdf:hover{
  background-image:url(/backstage/images/oemus_common/icon_pdf_16x16.gif);
  background-repeat:no-repeat;
  /* padding: 2px 0 2px 16px; */
  text-decoration:none;
}



a.plus, a.plus:link, a.plus:visited {
  background-image:url(/backstage/images/oemus_common/plus_rot.gif);
  background-position: 0px 5px;
  background-repeat:no-repeat;
  color:#cd0003;
  font-size:11px;
  font-weight:bold;
  padding-left:10px;
  text-decoration:none;
}



a.info, a.info:link, a.info:visited {
  background-image:url(/backstage/images/oemus_common/info-16x16_off.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  padding: 2px 0 2px 16px;
}

a.info span{
  display: none;
  width: 0px;
}

a.info:hover{
  background-image:url(/backstage/images/oemus_common/info-16x16.gif);
  background-repeat:no-repeat;
  padding: 2px 0 2px 16px;
  text-decoration:none;
}


a.epaper, a.epaper:link, a.epaper:visited {
  background-image:url(/backstage/images/oemus_common/epaper-16x16_off.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  /* padding: 2px 0 2px 16px; */
  display: block;
  width: 16px;
  height: 16px;
}

a.epaper span{
  display: none;
  width: 0px;
}

a.epaper:hover{
  background-image:url(/backstage/images/oemus_common/epaper-16x16.gif);
  background-repeat:no-repeat;
  /* padding: 2px 0 2px 16px; */
  text-decoration:none;
}

.btn216{
  background-image:url(/backstage/images/oemus_common/link_btn_bg_216.gif);
  background-repeat:no-repeat;
  display: block;
  width: 216px;
  height: 24px;
  padding: 2px 8px; 
  margin-bottom: 4px;
}

.btn271{
  background-image:url(/backstage/images/oemus_common/link_btn_bg.gif);
  background-repeat:no-repeat;
  display: block;
  width: 271px;
  height: 24px;
  padding: 2px 8px; 
  margin-bottom: 4px;
}

.btn278{
  background-image:url(/backstage/images/oemus_common/link_btn_bg_278.gif);
  background-repeat:no-repeat;
  display: block;
  width: 278px;
  height: 20px;
  padding: 2px 8px; 
  margin-bottom: 4px;
}

.btn559{
  background-image:url(/backstage/images/oemus_common/link_btn_bg_559.gif);
  background-repeat:no-repeat;
  display: block;
  width: 559px;
  height: 20px;
  padding: 2px 8px; 
  margin-bottom: 4px;
}

.btn588{
  background-image:url(/backstage/images/oemus_common/link_btn_bg_588.gif);
  background-repeat:no-repeat;
  display: block;
  width: 588px;
  height: 20px;
  padding: 2px 8px; 
  margin-bottom: 4px;
}


img.imgLeft{
margin-right: 8px;
margin-bottom: 0px;
float: left;
border: 0px solid #d4d4d4;
}


.trenner {
display: block;
clear: both;
border:0;
height:1px;
background-image:url(/backstage/images/oemus_common/trenner_bg.gif);
margin: 10px 0 15px 0;
}

.trennerWhite {
display: block;
clear: both;
border:0;
height:1px;
background-image:url(/backstage/images/oemus_common/trenner_bg_white.gif);
margin: 10px 0 15px 0;
}

.trennerVertical{
display: block;
float: left;
border:0;
width: 1px;
background-image:url(/backstage/images/oemus_common/trenner_vertical.gif);
margin: 0 15px 0 15px;
}



.clearBlock {
    height:           0px;
    clear:            both;
    overflow:         hidden;
    font-size:        0px;
    line-height:      0px;
}

.spacer10 {
    height: 10px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;    
}

.spacer12 {
    height: 12px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;    
}

.spacer14 {
    height: 14px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;    
}



.spacer4 {
    height: 4px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;    
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.text11{
    font-size: 11px;
}

.infoBox{
  float: left;
  padding: 4px;
  background: #ebf3f9;
  color: #276699;
  margin-top: 10px;
  font-size: 12px;
}