#lightbox {position:absolute; top:40px; left:0; width:100%; z-index:100;	text-align:center; line-height:0;}

#lightbox a img {border:none}

#outerImageContainer {position:relative;	background-color:white;	width:250px; height:250px; margin:0 auto; filter: opacity(1);}

#imageContainer {padding:10px; background-color:white; } /*Bildrahmenhintergrund */


#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:transparent url(../site/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}

#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../site/prevlabel.gif) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../site/nextlabel.gif) right 50% no-repeat;}

#imageDataContainer {font:9px/11px verdana,sans-serif; background-color:white; margin:0 auto; filter: opacity(1); }  /*Bildcontainerhintergrund f77*/

#imageData {padding:0 10px;}

#imageData #imageDetails {width:320px; float:left; text-align:left;}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:10px;}			
#imageData #bottomNavClose {width:40px; float:right; padding-bottom:12px;}

#overlay {position:absolute; top:0; left:0; z-index:20; width:130%; height:100%; background-color:silver; filter: opacity(1.0);} /* großer Hintergrund f193*/

.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}

* html>body .clearfix {display:inline-block; width:100%;}

* html .clearfix {	/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}