@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(/images/design/bg-all.gif) repeat #DBDCDD; text-align: center; }
	div.rahmen 									{ margin: 0px auto; background-color: #FFFFFF; text-align: left; width: 942px; height: 568px; padding: 38px 0px 0px 0px; _padding: 50px 0px 0px 0px; position: relative; z-index: 1; }
	
	table.tableaussen							{ width: 100%; height: 100%; }
	table.tableaussen tr td						{ vertical-align: middle; text-align: center; }
	
	div.rahmen-flash							{ display: none; background-color: #FFFFFF; width: 100%; min-width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0px; left: 0px; z-index: 5; }
	div.rahmen-flash div.flash					{ position: absolute; left: 50%; top: 50%; width: 416px; height: 377px; margin-left: -208px; margin-top: -188px; }
	div.rahmen-flash div.flash a.skipintro		{ background-color: #FFFFFF; color: #B4B4B4; display: block; font-size: 12px; position: absolute; left: 178px; bottom: 14px; width: 79px; height: 17px; }
	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ position: relative; margin: 0px 84px 25px 86px; _margin: 0px 84px 0px 86px; height: 255px; }
	
	div.oben div.navigation						{ text-transform: lowercase; }
	div.oben div.navigation a					{ color: #98989B; float: right; font-size: 11px; margin: 0px 12px 0px 0px; }
	
	div.oben a.logo								{ float: left; }

	div.oben div.menu							{ background-color: #00527B; float: left; margin: 25px 0px 0px 0px; width: 193px; height: 197px; overflow: hidden; }

	div.oben div.menu ul 						{ height: 180px; list-style-type: none; margin: 20px 0px 15px 0px; padding: 0px 0px 0px 0px; width: 168px; overflow: hidden; }
	div.oben div.menu li 						{ float: left; display: inline; width: 168px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; }
	div.oben div.menu a 						{ display: block; height: 100%; overflow: hidden; text-indent: -1000px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	#TopUberuns a 								{ background-position:   -0px -0px; }
	#TopUberuns a:hover 						{ background-position: -193px -0px; }
	#TopUberuns.aktiv a 						{ background-position: -386px -0px; }
	
	#TopLeistungen a 							{ background-position: -0px -25px; }
	#TopLeistungen a:hover 						{ background-position: -193px -25px; }
	#TopLeistungen.aktiv a 						{ background-position: -386px -25px; }

	#TopTeam a 									{ background-position: -0px -50px; }
	#TopTeam a:hover 							{ background-position: -193px -50px; }
	#TopTeam.aktiv a 							{ background-position: -386px -50px; }
	
	#TopNetzwerk a 								{ background-position: -0px -75px; }
	#TopNetzwerk a:hover 						{ background-position: -193px -75px; }
	#TopNetzwerk.aktiv a 						{ background-position: -386px -75px; }
		
	#TopPublikationen a 						{ background-position: -0px -100px; }
	#TopPublikationen a:hover 					{ background-position: -193px -100px; }
	#TopPublikationen.aktiv a 					{ background-position: -386px -100px; }
		
	#TopKontakt a 								{ background-position: -0px -125px; }
	#TopKontakt a:hover 						{ background-position: -193px -125px; }
	#TopKontakt.aktiv a 						{ background-position: -386px -125px; }
	
	div.oben div.bilder							{ float: left; margin: 0px 0px 0px 0px; width: 566px; overflow: hidden; white-space: nowrap; }
	div.oben div.bilder img						{ margin: 25px 2px 0px 0px; }
	
	div.oben div.bildrahmen 					{ position: relative; left: 0px; _left: -3px; top: 25px; width: 495px; height: 172px; overflow: hidden; white-space: nowrap; }
	div.oben div.bildflache 					{ position: relative; left: 0px; top: 0px; width: 1050px; height: 200px; }
	div.oben div.bildflache div 				{ background-color: #DBDCDD; float: left; width: 163px; height: 172px; margin: 0px 2px 0px 0px; overflow: hidden; }
	div.oben div.bildflache img 				{ float: left; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.pfeil							{ position: absolute; left: 240px; bottom: 0px; _bottom: -5px; background: url(/images/design/pfeil.gif) no-repeat 0px 0px; width: 14px; height: 12px; }
	div.oben div.bildrahmen div.overlay			{ background-color: #FFFFFF; width: 163px; height: 172px; position: absolute; left: 330px; top: 0px; }
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ clear: both; margin: 0px 84px 0px 86px; }

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; margin: 10px 10px 0px 0px; width: 182px; }

	div.links ul.menu 							{ list-style-type: none; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li 						{ background: transparent; line-height: 12px; margin: 5px 0px 5px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li a 						{ color: #5C5B60; display: block; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li.aktiv a 				{ font-weight: bold; }
	div.links ul.menu li a:hover 				{ color: #37363A; }
	
	div.links ul.menu ul						{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; }
	div.links ul.menu ul li						{ font-weight: normal !important; }
	div.links ul.menu ul li	a					{ font-weight: normal !important; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ border-left: solid 1px #939598; float: left; display: inline; margin: 20px 0px 15px 0px; padding: 0px 10px 30px 16px; position: relative; height: 195px; _height: 225px; width: 548px; _width: 575px; overflow: hidden; text-align:justify;}
	
	div.mitte div.scrollingbuttons				{ position: absolute; right: 70px; _right: 65px; bottom: 35px; _bottom: 25px; z-index: 0; }
	div.mitte div.scrollingbuttons img.oben		{ margin: 0px 0px 6px 0px; }
	
	div.inhalt div.scrolling					{ float: left; display: inline; position: relative; z-index: 10; }
	
	div.inhalt ul								{ margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.inhalt ul li						 	{ background: url(/images/design/bg-li.gif) no-repeat 10px 7px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 20px; _height: 1px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; padding: 0px 0px 5px 10px; margin: 0px 0px 0px 0px; }
	div.unten span								{ color: #98989B; padding: 0px 0px 0px 10px !important; }



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



/* __________________________________________________________________ Ende */