/*Ueberschriften in allen divs */


h1  {
      font-size:13pt;
      font-family:Arial, Helvetica, sans-serif;
      font-weight:bold;
      padding:0px;
      margin:0px;
      letter-spacing: .5px;}
h2  {
        font-size:11pt;
        font-family:Arial, Helvetica, sans-serif;
         font-weight:bold;
        padding:0px;
        margin:0px;

}
h3  {
        font-size:11pt;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
        padding:0px;
        margin:0px;

}

.zitat {
        font-size:17pt;
        font-family:Arial, Helvetica, sans-serif;
        text-align:center;
        font-weight:normal;
        font-style:italic;
        padding:0px;
        margin:0px;

}
.rot{color:#dc143c;
        font-size:10pt;
        font-family:Arial, sans-serif;
        text-align:left;
     }


/*keine Rahmen um gelinkte Bilder */
a img {border:0;}



/*Tabelle ohne Abstände*/
table, td, tr {
padding:0 0 0 0;
margin:0 0 0 0;
}




/* Navi oben */

.oben {
        position: absolute;
        border: 0px solid;
        top: 10px;
        left: 20px;
        height: 135px;
        width: 800px;
        background-color:#fff;

        font-size:17pt;

         font-family:arial, helvetica, sans serif;

        padding-top: 0px;
        padding-left: 0px;
         padding-right: 0px;
         padding-bottom: 0px;

        overflow:hidden;
        z-index:20;
     }



     /*linke Spalte */

.li {position: absolute;
    top: 150px;
    left: 20px;
    width: 150px;

overflow:visible;
       z-index:40;
        }
.li a:visited {color:#fff;font-size:10pt;text-decoration: none;font-weight:bold;}
.li a:link {color:#fff;font-size:10pt;text-decoration: none;font-weight:bold;}
.li a:focus {color:#fff;font-size:10pt;text-decoration: none;font-weight:bold;}
.li a:hover {color:#1a3855;font-size:10pt;text-decoration: none;font-weight:bold;}
.li a:active {color:#fff;font-size:10pt;text-decoration: none;font-weight:bold;}

 /*links oben */
.lio {position: relative;
background-color:#9bb7cf;
      color:#1a3855;
        font-size:12pt;
        font-family:Arial, sans-serif;
        text-align:left;
        padding:5px;
        padding-left:15px;
        padding-bottom:15px;
        margin-bottom:5px;
         border: 1px solid #ededed;
         min-height: 465px;
        overflow:visible;}


/*mittlere Spalte */
.mi {position: absolute;
       top: 150px;
       left: 174px;
       width: 645px;
       background-color:#FFFFD8;
       border: 1px solid #adc35e;
       overflow:visible;
       z-index:40;
       }


 /*Textbereich */
.mit { position: relative;

        min-height: 465px;

        color:#1a3855;
        font-size:10pt;
        font-family:Arial, sans-serif;
        text-align:left;
        padding-left:15px;
         padding-right:15px;
         padding-top:25px;
          padding-bottom:5px;
        margin-bottom:0px;
        overflow:visible;
     }




a:visited {color:#1a3855;text-decoration: underline;font-weight:bold;}
a:link {color:#1a3855;text-decoration: underline;font-weight:bold;}
a:focus {color:#1a3855;text-decoration: underline;font-weight:bold;}
a:hover {color:#1a3855;;text-decoration: underline;font-weight:bold;}
a:active {color:#000;text-decoration: underline;font-weight:bold;}





/*Fotogalerie - lightbox */
#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }