/* UHST Layout */

#kopf
{
 top: 0px;
 left: 0px;
 width: 100%;
 position: fixed;
 font-size: 12px;
 height: 50px;
 margin: 0px;
 color: #FFFFFF;
 background: #00592D url(../images/hg-oben.gif) top left no-repeat fixed;
 z-index: 2;
}
#submenue
{
 top: 50px;
 left: 117px;
 width: 100%;
 position: fixed;
 font-size: 12px;
 height: 30px;
 margin: 0px;
 color: #000000;
 background: #008040;
 padding-left: 18px;
 border-top: 1px solid;
 border-top-color: #FFF;
 border-left: 2px solid;
 border-left-color: #FFF;

}


#links
{
 position: fixed;
 padding-top: 0px;
 margin: 0px;
 top: 0px; /*50px*/
 left: 0px;
 width: 117px;
 height: 100%;
 background-color: #008040;
 display:inline;
 z-index: 1;
 overflow:hidden;
}

#Menuebox
{
 position: fixed;
 padding-top: 80px;
 margin: 0px;
 top: 0px; /*50px*/
 left: 0px;
 width: 117px;
 display:inline;
 z-index: 3;
}

#inhalt
{
 margin: 70px 155px;
 line-height: 1.3;
 width:650px;
 z-index: 4;
 overflow:hidden;
}


#inhalt-submenue
{
 margin: 100px 155px;
 line-height: 1.3;
 width:650px;
 z-index: 4;
 overflow:hidden;
}


#rechts
{
/* position: absolute; 
 top: 100px;
 left: 500px; */ 
/* right: 10px; */ 
 width: 190px;
 float: right;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-left:15px;
 display:block;
 height: auto;
/* background-color: #ffefd5; /* #ffffcc */
}


#unten
{
 position: fixed;
 left: 0px;
 width: 100%;
 background-color: #00592D;
 display:inline;
 width: 100%;
 bottom: 0px;
 height: 40px;
 /*z-index:5; */
}

#Logo
{
 top: 5px;
 left: 700px;
 width: 100px;
 position: fixed;
# font-size: 12px;
 height: 50px;
 margin: 0px;
# color: #FFFFFF;
# background: #00592D url(../images/hg-oben.gif) top left no-repeat fixed;
# z-index: 2;
}

#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(../inc/lightbox2/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover
{ background: url(../inc/lightbox2/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;}