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

body {
    padding:    0;
    margin:     0;
    color:      #000;
    background: #DEDEDE;    
    background-image:   url(/backstage/natur_wissen_schaffen/picpool/common/bg.gif);
    background-repeat: repeat-y;
    background-position: 0%;
    margin-top: 0px;
}


/* ----------------------------------------------------
    Global font and line height settings ...
---------------------------------------------------- */

body, textarea {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    line-height:1.0333em;
    text-align: left;
}
/* ----------------------------------------------------
    Global link settings ...
---------------------------------------------------- */

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

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

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

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

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

.hide{
     display: none;
}

div#all{
    width:              946px;
    padding:            0px;
    margin-left:        10px;
    background:           white;
}



.red{
    color:              #193551;
}

h1{
        font-size:          12px;
        color:              #e20074;
}

h2{
        font-size:          12px;
        color:              #000;
}



div#footer{
    text-align:         left;
    width:              946px;
    font-size:          11px;
}


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

div#footer ul li{
    height:             14px;
    width:              114px;    
    background:         #CCCCCC;  
    float:              left;     
    margin-right:       10px;       
}

div#footer ul li a{
    padding-left:       10px;
    width:              104px;
    height:             14px;
    display:            block;    
    text-decoration:    none;
    background:         #696969;  
    color:              white;
    line-height:        1.2em;  
}

div#footer ul li a:hover {
    background:         #e20074;   
    color:              white; 
}

div#footer ul li a.noMark{
    padding-left:       5px;
    width:              10px;
    height:             auto !important;  
    text-decoration:    none !important;
    background:         #ccc;  
    color:              #696969 !important;
    line-height:        1.2em !important;  
}

div#footer ul li a:hover.noMark{
    background:         #ccc !important;   
    color:              #696969 !important; 
}



div#header{
    width:              946px;
    height:             301px;
    overflow:           hidden;
    background:         #fff;
    background-image:   url(/backstage/natur_wissen_schaffen/picpool/common/header_home08.jpg);
    background-repeat:  no-repeat;   
}




/*
############# Menu ######################
*/

div#mainMenu{
    height:             52px;
    padding-left:       10px;
    font-size:          11px;
    margin-top:         0px;
}

div#mainMenu ul {
    margin:             0;
    padding:            0;
    height:             32px;
    list-style:         none;
    display:            inline;
    overflow:           hidden;
}
div#mainMenu li {
    margin:             0;
    padding:            0;
    list-style:         none;
    margin-right:       10px;
    float:              left;
}

div#mainMenu li a{
    padding-left:       10px;
    width:              104px;
    height:             38px;
    padding-top:        14px;     
    display:            block;    
    text-decoration:    none;
    color:              #000;
    
}

div#mainMenu li.logout {
    margin:             0;
    padding:            0;
    list-style:         none;
    margin-right:       10px;
    float:              right;
}

div#mainMenu li.selected a, div#mainMenu li.selected a:hover{
    background:         #EBB30C;    
    color:              #000;
}

div#mainMenu li a:hover {
    background:         #AF8509;   
    color:              white; 
}


div#mainMenu li a:active {

}

/*
############# SuBMenu ######################
*/

div#subMenu {
                 clear:left;
                 float: left;
                 margin-left: 0px;
                 width:  135px;
                 margin-top: 12px;
}

div#subMenu ul {
                  list-style-type:none;
                  margin:0px;
                  padding:0px;
}
div#subMenu li {
                 list-style-type:none;
                 margin:0px 0px 1px;
}
div#subMenu ul li a, div#subMenu ul li a:visited {
                 background:#FBEFCB none repeat scroll 0%;
                 color: #000;
                 display:block;
                 padding:2px 1px 2px 9px;
                 line-height:        1.4em; 
                 text-decoration:none;
                 width: 130px;
}
div#subMenu ul li a:hover, div#subMenu ul li.selected a, div#subMenu ul li.selected a:visited {
               background:#EBB30C none repeat scroll 0%;
               color: #000;
}

/*
############# Content ######################
*/

div#pom{
    color:              #990134;
    font-size:          10px;
    margin-bottom:     33px;
}

div#pom a, div#pom a:visited{
    color:             #990134;;
    
}



div#content{
    font-size:            11px;
    background:         white;
    padding:              0px;
    width:              946px;
   /* line-height:        1.7em;     */
    margin-bottom:      20px;    
}


div#contentForum{
    padding:            0 20px;
    margin-bottom:      20px;
}

.linkeSpalte{
    float: left;
    width: 527px;
    padding-left: 20px;
    margin-top: 10px;
    line-height: 1.6em;
}


.linkeSpalte p{
  /* margin: 0px;
  padding: 0px; */
    line-height: 1.6em;
}


.linkeSpalte br{
    line-height: 1.1em;
}

.rechteSpalte{
    float: left;
    width: 230px;
    margin-left: 20px;
}

.rechteSpalte p{
margin: 0px;
padding: 0px;
}

.linkeSpalte ul{
margin-top: 8px;
margin-bottom: 8px;
}


.rechteSpalte li{
margin-bottom: 10px;
}

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

img.imgRight{
margin-left: 6px;
margin-bottom: 12px;
float: right;
}

div#serviceBox{
  background:#F8F8F8 url(/backstage/natur_wissen_schaffen/picpool/common/bg-right.gif) no-repeat scroll left bottom;
  width:    225px;
  padding:  0pt 5px;
}


div#serviceBox h2{
  background:    #BDBDBD url(/backstage/natur_wissen_schaffen/picpool/common/bg-right-h2.gif) repeat-x scroll center top;
  border-bottom: 1px solid #BDBDBD;
  color:         #FFFFFF;
  font-weight:   bold;
  font-size:     11px;
  padding:       5px 4px 3px 8px;
  line-height:   1em;  
}

div#serviceBox p{
  padding:  6px 10px;
}


table.contentTab{
border-spacing: 2px;
border-collapse: collapse;
width: 400px;
clear: left;
margin-top: 10px;
}

table.contentTab .col1{
width: 75px;
}

table.contentTab .col2{
width: 300px;
}


table.contentTab tr td{
padding-bottom: 10px;
vertical-align: top;
}

table.contentTab tr td img{
border: 1px solid #AE8509;
}


 /*
#############             Einrichtungen     ######################
*/

.tList{
   clear: both;
  padding-bottom: 10px;
  border-bottom: 1px dotted #666;
  margin-bottom: 10px; 
}

.tListLeft{
  float: left;
  clear: left;
  width: 100px;
}

.tListMiddle{
  float: left;
  width: 250px;
}

.tListRight{
  padding-top: 18px;
  float: left;
  width: 160px;
}

.tListRightBreit{
  float: left;
  width: 400px;
}


.thumbImg{
width: 60px;
height: 70px;
background-position: top center;
}

a.thumbImg img{
width: 60px;
height: 70px;
}

 /*
#############             Uebersicht    ######################
*/

.ueber {
  clear: both;
  padding: 4px 0 10px 0;
  border-bottom: 1px dotted #666;
  margin-bottom: 10px; 
}

.ueber a{
  color: black;    
}

.ueberLeft{
  float: left;
  clear: left;
  width: 140px;
  font-weight: bold;
}

.ueberRight{
  float: left;
  width: 350px;
}

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

.imgThumb, .imgThumbVideo{
    background-repeat:no-repeat;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px; 
    vertical-align: bottom;
position: relative;
}

.imgThumb img{
   position: absolute;
   bottom: 0px;
   right: 0px;
}

.einrichtung{
   background: #FBEFCB;
   padding: 5px;
    margin-bottom: 10px;
}

.imgZwei{
   padding: 5px 0 0 5px;    
   float: left;
}

.einrichtung imgThumb{
    width: 210px;
}

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

 /*
#############             bilder Zoom      ######################
*/

.bild_zoom{
     float: left;
}

.bild_zoom .imgFrame{
    float:           left;
    margin-right: 14px;
    margin-bottom: 0px; 
}

* html body .bild_zoom .imgFrame{ /*IE6 hack*/ 
    margin-right: 5px;
}


.bild_zoom a img{
   border: none;
}



.bild_toogle{
    clear: both;
    padding-top: 0.5em; 
   margin-bottom: 10px;
}

.bild_toogle img{
    width:         15px; 
    height:        15px; 
    font-size:     12px; 
    margin-right: 4px;
}

.bild_toogle a{
     font-size:      11px; 
     color:          #666666; 
     padding-left:   0px;
    text-decoration: none; 
}


.contentFirst{
float: left;
width: 333px;
}

* html body .contentFirst{ /*IE6 hack*/ 
    width: 300px;
}

/* ----------------------------------------------------
    FAQ
---------------------------------------------------- */


.faqBlock{
  width: 470px;
  line-height: 1.6em;
  border-bottom: 0px solid #DFECEE;
  padding: 5px 0;
  clear: left;
  margin-top: 0px;
}

.faqNr{
  float: left;
  font-weight: normal;
  margin-right: 5px;
  color: #000;
  font-weight: bold;
  line-height: 1.4em;
}

.faqQuest{
  float: left;
  line-height: 1.4em;
  width: 450px;
  cursor: pointer;
  text-decoration: underline;  
}

.faqOpen, .faqClose{
  float: left;
  margin-right: 6px;
  margin-top: 0px;
  padding-left: 15px;
  font-size: 11px;
  background-image:url(/backstage/natur_wissen_schaffen/picpool/common/plus.gif);
  background-repeat:no-repeat;
  background-position: 0 0.2em;
  cursor: pointer;
  margin-left: 0px;
}

.faqClose{
  background-image:url(/backstage/natur_wissen_schaffen/picpool/common/minus.gif);
}

.faqAnswer{
  clear: left;
  float: left;
  margin: 0px 0px;
  width: 440px;
  border: 0px dotted #00ADEF;
  padding: 10px 15px;
  line-height: 1.6em;
  background: #fbefcb;
  margin-left: 0px;
margin-top: 5px;
  }
  
.faqAnswer img{
  border: 1px solid #ccc;
  }


/* ----------------------------------------------------
   Kontakt..
---------------------------------------------------- */

form {
   margin: 0;
  padding: 0;
}

fieldset{
  border: 0px;
  background: #F8F8F8; 
  width: 347px;
}

fieldset.loginField{
  width: auto;
  padding: 10px;
}

input, textarea, select{
    padding: 0.17em; /* 2px */
    border: 1px solid #CCCCCC;
    background-color: #fff;
      font-family: arial, helvetica, sans-serif;
    font-size: 11px;
}

 
label.left{
    float: left;
    width: 180px;
    margin: 0.2em 0.33em 0.50em 0; /* 6px 4px 6px 0 */
    font-weight: bold;
    color: #696969;
}  


div#serviceBox label.left{
    width: 70px;
}

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

 
input.right, textarea.right, select.right {
    float: left;
    width:  227px;
    margin: 0.33em 0; /* 4px */
}

div#serviceBox input.right{
    width:  120px;
}


textarea.right{
    width:  227px;
}


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

.formMessage{
    margin-top:  0.33em;  /* 4px */
    margin-left: 184px;
}

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

div#serviceBox input.submitClass{
    margin-left: 74px;
}

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


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

img.imgRight{
margin-left: 6px;
margin-bottom: 12px;
float: right;
display: inline;
}


a.pfeil, a:link.pfeil, a:visited.pfeil{
     font-size: 11px;
      text-decoration:none; 
      font-weight: bold;
      padding-right:15px;
      background-image:url(/backstage/natur_wissen_schaffen/picpool/common/pfeil.gif);
      background-repeat:no-repeat;
      color: #e20074;
      background-position: right 0em;
      line-height: 1.2em;
}

a.linkRot, a:link.linkRot, a:visited.linkRot{
     font-size: 11px;
      text-decoration:none; 
      font-weight: bold;
      color: #e20074;
      line-height: 1.0em;
}


a.pfeilBack, a:link.pfeillBack, a:visited.pfeillBack{
     font-size: 11px;
      text-decoration:none; 
      padding-left:12px;
      background-image:url(/backstage/natur_wissen_schaffen/picpool/common/link_intern.gif);
      background-repeat:no-repeat;
      color: #e20074;
}


a.pdfLink{
      padding-left:       30px;
      background-image:   url(/backstage/natur_wissen_schaffen/picpool/common/pdf_icon.gif);
      background-repeat:  no-repeat;
      background-position: 0 0em;
      display:            block;
      text-decoration:    none;
      font-size:                     10px;
}  

a.print {
      background:transparent url(/backstage/natur_wissen_schaffen/picpool/common/bg-print.gif) no-repeat scroll right center;
      color:#E20074;
      display:block;
      font-weight:bold;
      height:15px;
}

a.link {
      background:transparent url(/backstage/natur_wissen_schaffen/picpool/common/bg-link.gif) no-repeat scroll right center;
      color:#E20074;
      display:block;
      font-weight:bold;
      height:15px;
}

a.linkIntern {
      background:transparent url(/backstage/natur_wissen_schaffen/picpool/common/link_intern.gif) no-repeat scroll right 2px;
      color:#E20074;
      display:block;
      font-weight:bold;
}


a.mail {
      background:transparent url(/backstage/natur_wissen_schaffen/picpool/common/bg-mail.gif) no-repeat scroll right center;
      display:block;
      height:auto;
}

.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;
}

.gbg_fehler{
  padding: 5px;
  color: #918972; 
  margin: 10px;
  background: white;
  min-height: 1px;
}


.floatright {
float: right;
}

.floatleft {
float: left;
}

div#tt_rahmen{
 margin-left: 0px;
 margin-top: 20px;
 width: 535px;
 overflow: hidden;
 background: #e4e4e4;
 height: 20px;
 border-top: 1px solid #e20074;
 border-bottom: 1px solid #e20074;
}

.no_br{
   white-space: nowrap;
}


hr {
background-color:#dedede;
border:medium none;
color:#70747F;
height:1px;

}

.trenner {
border-color:#cfd0d5;
border-style:solid none none;
border-width:1px 0 0;
clear:both;
display:block;
height:1px;
margin: 5px 10px;
}

.linkInfo{
display: block;
margin-bottom: 5px;    
}


.contactBoxes{
margin-top: 10px;
width: 545px;    
}

.contactBox{
float: left;    
width: 247px;
padding: 10px;
background: #f8f8f8;
}

.small{
    font-size:          10px;
    color: #666;
    line-height: 1.333em;
}



table.terminvorschau {
border-collapse: collapse;
margin-bottom: 2em;
}

.terminvorschau tr.borderClass td, .terminvorschau tr.borderClass th {
border-bottom: 1px dashed #838383;
}

table.terminvorschau  tr.trClass th{
background: #ededed;    
}


.terminvorschau td {
text-align:left;
vertical-align: top;
padding: 4px;
}


.terminvorschau .colorOn {
background-color: #f6f6f6;
}

.col1 {
width: 170px;
}


table.terminvorschau h2{
margin: 0px;
padding: 2px 4px;
}

div#diaShowFrame{
width: 400px;
height: 270px; 
overflow: hidden;
}

div#navSlide a{
margin-right: 10px; 
text-decoration: none;   
}

div#navSlide a.activeSlide{
font-weight: bold;
}


/* Memberdata */
#memberdata {
    /* width: 600px; */
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

/* Form */
#memberdata form {
    padding: 0 0 20px 0;
    margin: 0;
}

/* Search Field */
#memberdata .searchField {
    padding: 0 0 20px 0;
    margin: 0;
}
#memberdata .searchField input {
    width: 280px;
    margin: 0;    
}
#memberdata .searchField input.submit {
    width: 8.33em;
    margin: 0 0.17em 0 0 ; /* 2px */
    background-color: #CCCCCC;
    color: #696969;
    font-size: 11px;      
}

/* Select Field */
#memberdata .selectField {
    padding: 0 0 20px 0;
    margin: 0;    
}
#memberdata .selectField select {
    width: 200px;
    margin: 0;     
}

/* Extra Field */
#memberdata .extraField {
    padding: 0 0 20px 0;
    margin: 0;
    margin-bottom: 15px; 
}
#memberdata .extraField ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#memberdata .extraField ul li {
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
    color: #999;
    font-size: 12px;
}
#memberdata .extraField ul li a {
    color: #333;
    text-decoration: underline;
}
#memberdata .extraField ul li a:hover {
    color: #333;
    text-decoration: none;
}
#memberdata .extraField ul li a.selected {
    color: e20074;
    text-decoration: underline;
}




/* Table */
#memberimage{
    float: left;
    margin-right: 20px;
}


#memberdata table{
    float: left;
    width: 520px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

#memberdata table tr {
    padding: 0;
    margin: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#memberdata table thead th {
    padding: 5px 0 5px 0;
    margin: 0;
}
#memberdata table tr td {
    padding: 10px 0 10px 0;
    margin: 0;
    border-top: 1px solid #ccc;
vertical-align: top;
line-height: 1.5em;
}