/* Layer, der sich unterhalb des Bildpopups ueber die Website legt */
#overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #F8F8F8;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

/* Popup - aenderbar: padding-top */
#lightbox {position: absolute;top: 0px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;padding-top:50px;}

/* aeusserer Container fuer alles unterhalb des Bildes */
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}

/* innerer Container fuer alles unterhalb des Bildes */
#imageData {padding:0 10px;}

/* fuer die noch nicht integrierte Bildunterschrift */
#caption {text-align:left;padding:0;margin:0 0 5px 0;font-size:11px;font-weight:normal;color:#9A9A9A;background:transparent;border-bottom:1px solid #7F8986;}

/* Container fuer den Schliessen-Button */
#bottomNav {z-index: 10;}
/* href-class fuer den Schliessen-Button */
#imageData #bottomNavClose {width: 67px; float: left;  padding-bottom: 8px;}	

/* Container fuer die Bildnummer (1/4) */
#imageData #imageDetails {width: 40px; text-align: center;margin:0 auto;padding:0;}
/* span-class fuer die Bildnummer */
#numberDisplay {padding: 0;color:#B83939;background:transparent;line-height:100%;}

/* Container fuer die Blaetternavigation */
#hoverNav {z-index: 10;}
/* zurueck- und weiter-Link */
#prevLink {float: right;width:50px;height:12px;}
#nextLink {float: right;width:47px;height:12px;margin-left:22px;}

/* original: Prev/Next-Links nur bei Mouseover:
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/media.php?path=/static_images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(/media.php?path=/static_images/lightbox/nextlabel.gif) right 15% no-repeat; }
*/

/**** die folgenden Styles nicht veraendern ****/
#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;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

.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 */
	}