#container {margin: 0 auto; position: relative; width: 974px; text-align: left;}

	#middle {float: left; width: 974px; background: url(/images/design/bg-content-sommer.gif) repeat-y;}
	#left {float: left; width: 199px;}
	#center {float: left; width: 567px;}
		#content {margin: 10px 28px 40px 28px; overflow: hidden;}
	#right {float: left; width: 205px;}
	
	
	#video { display: none; position: absolute; left: 0px; top: 0px; width: 700px; height: 500px; z-index: 5; }
	
/* Lightbox ______________________________________________________________ */

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

	#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; }
	#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%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; left: 0; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat; right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat; }

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

	#imageData									{ padding: 0 10px; color: #666; }
	#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					{ width: 26px; float: right;  padding-bottom: 0.4em; }

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

	div#left div.facebook						{ float: left; display: inline; margin: 3px 0px 11px 30px; width: 163px; }
	div#left div.facebook a						{ display: block; color: #FFFFFF; }
	div#left div.facebook a img					{ float: left; display: inline; margin: 0px 7px 0px 0px; }
	div#left div.facebook a span				{ float: left; display: inline; }
	div#left div.facebook a:hover				{ text-decoration: underline; }
	
	
/* Sonstiges _____________________________________________________________ */

	br.clear													{ clear: both; line-height: 0px; font-size: 0px; height: 0px; }
	div.clear													{ clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; }

	p.abstand													{ margin: 0px 0px 16px 0px; }