div.overlayBigImage{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
    background-image: url(../images/bg_80.png);
	z-index: 1000001;
	min-height: 150%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; 
	-webkit-transition: opacity 0.5s;
  	-moz-transition: opacity 0.5s;
  	-o-transition: opacity 0.5s;
  	transition: opacity 0.5s;	
}

div#overlayBigImage div#imageContainer{
	cursor: pointer;
}

div#overlayBigImage div#imageContainer,
div#overlayGalleryImage div#imageContainer{
	position:fixed;
	left: 0px;
	top: 0px;
	height: 100%;
 	width: 100%;	
	z-index: 1000003;
	text-align: center;
	cursor: pointer;
}

div#overlayBigImage div#imageContainer img,
div#overlayGalleryImage div#imageContainer img{
	margin: 0 auto 0 auto;
    max-height: 100%;
    max-width: 100%;
    float: none;
    image-rendering: optimizeQuality;
	-webkit-transition: opacity 0.5s;
  	-moz-transition: opacity 0.5s;
  	-o-transition: opacity 0.5s;
  	transition: opacity 0.5s;	
}

div.overlayBigImage div#imageContainer img{
	position: absolute;
}

div#overlayBigImage div#imageContainer img.singleImage{
	border: 25px solid white;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}

div#overlayGalleryImage.gallery  div#imageContainer img.gallery{
	border: 1px solid #cecece;
}

div#overlayGalleryImage div#imageContainer img.close{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100000007;
}

div#overlayGalleryImage div#imageContainer div.rolloverRight{
	position: absolute;
	z-index: 10000000;
	background-image: url(../images/invisible.gif);
	cursor: pointer;
	text-align: right;
}

div#overlayGalleryImage div#imageContainer div.rolloverLeft{
	position: absolute;
	z-index: 10000001;
	background-image: url(../images/invisible.gif);
	cursor: pointer;
	text-align: left;
}

div#overlayGalleryImage div#imageContainer a.forward{
	display: block;
	float: left;
	z-index: 100000005;
}

div#overlayGalleryImage div#imageContainer div.rolloverRight:hover img.forward,
div#overlayGalleryImage div#imageContainer div.rolloverLeft:hover img.back{
	display: inline;
}

div#overlayGalleryImage div#imageContainer img.forward{
	float: right;
	position: relative;
	border: none;
	z-index: 100000;
	display: none;
	width: 91px;
	height: 250px;
}

div#overlayGalleryImage div#imageContainer img.back{
	position: relative;
	border: none;
	z-index: 1000004;
	display: none;
	width: 91px;
	height: 250px;
}