#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: 		#FFFFCD;
		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(http://www.camping-meier-ruegen.de/images/prevlabel.gif) left 15% no-repeat;
	}
	
#nextLink:hover, #nextLink:visited:hover
	{
		background: 			url(http://www.camping-meier-ruegen.de/images/nextlabel.gif) right 15% no-repeat;
	}

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

#imageData
	{
		padding:				0 10px;
		color: 					#000;
	}
	
#imageData #info
{
		float:					left;
		width:					90%;
		text-align:				left;
}

#imageData #leer
{
		width:					70%;
		float:					left;
}
	
#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;
	}