@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background-color: #000000; text-align: center; }
	div.rahmen 									{ width: 1003px; margin: 0 auto; text-align: left; }

	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{  }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ background-color: #574725; float: left; display: inline; width: 259px; margin: 30px 13px 0px 0px; }
	div.links div.linksinnen					{ background-color: #000000; position: relative; color: #999999; float: left; display: inline; width: 257px; height: 908px; margin: 1px 1px 1px 1px; }
	div.links div.linksinnen address			{ font-style: normal; position: absolute; left: 11px; bottom: 30px; }
	div.links div.linksinnen address span		{ padding: 0px 0px 0px 50px; }
	div.links div.linksinnen a.logo				{ position: absolute; left: 11px; top: 28px; }
	div.links div.linksinnen a.download			{ position: absolute; left: 11px; top: 201px; }
	div.links div.linksinnen img.dolfi			{ position: absolute; left: 11px; bottom: 270px; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ background-color: #B29046; position: relative; float: left; display: inline; width: 724px; height: 910px; margin: 30px 0px 0px 0px; overflow: hidden; }
	div.inhalt img								{ margin: 28px 0px 0px 28px; }
	div.inhalt a.impressum						{ color: #333333; position: absolute; right: 29px; bottom: 6px; text-decoration: underline; }	
	div.inhalt a.impressum:hover				{ color: #000000; }	



/* Lightbox ______________________________________________________________ */

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

	#lightbox a img								{ border: none !important; }

	#outerImageContainer						{ position: relative; background-color: #FFFFFF; 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: 0px; }
	#hoverNav									{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0px; }
	#hoverNav a									{ outline: none !important; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat !important; }

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

	#imageData									{ padding: 0px 10px; color: #666666; }
	#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 #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ background: transparent !important; width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* __________________________________________________________________ Ende */