@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	table.rahmen								{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; }
	table.rahmen tr td							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rahmen 									{ background-color: #FFFFFF; position: relative; text-align: left; width: 843px; height: 596px; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ background: url(/images/design/bg-linie-oben.gif) repeat-x left bottom #FFFFFF; position: absolute; left: 0px; top: 0px; width: 100%; height: 106px; z-index: 10; }
	div.startoben								{ background: transparent; height: 210px; }
	div.oben a.logo								{ position: absolute; left: 635px; top: 38px; }

	div.oben ul.menu 							{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; position: absolute; left: 69px; bottom: 6px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; }
	div.oben ul.menu li 						{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 175px; }
	div.oben ul.menu li.last					{ margin: 0px 0px 0px -26px; width: auto;}
	div.oben ul.menu li.last a					{ color:#000000;}
	div.oben ul.menu li a 						{ color: #A7A9AC; float: left; display: inline; min-height: 16px; _height: 16px; line-height: 16px; margin: 0px 0px 0px 0px; }
	div.oben ul.menu li a:hover 				{ color: #D2232A; }
	div.oben ul.menu li.aktiv a,
	div.oben ul.menu a:hover 					{ color: #D2232A; }
	
	div.oben ul.menu ul 						{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; _width: 149px; }
	div.oben ul.menu ul li 						{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
	div.oben ul.menu ul li.aktiv 				{ font-weight: bold; }
	div.oben ul.menu ul li.aktiv a, 			
	div.oben ul.menu ul li a:hover 				{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }


	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ position: absolute; left: 0px; top: 110px; z-index: 5; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ background: url(/images/design/bg-linie-links.gif) repeat-y right top #FFFFFF; float: left; display: inline; width: 174px; height: 376px; }

	div.links ul.menu 							{ font-size: 11px; list-style-type: none; margin: 0px 0px 0px 68px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li 						{ margin: 26px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li a 						{ color: #A7A9AC; }
	div.links ul.menu li.aktiv					{  }
	div.links ul.menu li.aktiv a,
	div.links ul.menu li a:hover 				{ color: #7A7C7C; }
	
	div.links ul.menu ul 						{ display: none; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu ul li 					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu ul li a					{  }
	div.links ul.menu ul li.aktiv 				{  }
	div.links ul.menu ul li.aktiv a,
	div.links ul.menu ul li a:hover 			{  }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 0px 0px 0px 59px; padding: 0px 0px 0px 0px; overflow: auto; width: 610px; height: 376px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 100px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ background-color: #FFFFFF; clear: both; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 106px; text-transform: uppercase;  z-index: 8; }
	div.startunten								{ height: 310px; }
	div.unten div.balken						{ background-color: #D2232A; line-height: 24px; position: absolute; left: 0px; top: 0px; width: 100%; height: 24px; }
	div.unten div.balken ul						{ list-style-type: none; margin: 0px 0px 0px 69px; padding: 0px 0px 0px 0px; }
	div.unten div.balken ul li					{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 145px; }
	div.unten div.balken a						{ color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.balken div.suchbox			{ position: absolute; right: 0px; top: 3px; }	
	div.unten div.balken div.suchbox .feld		{ float: left; display: inline; width: 100px; height: 18px; border: solid 1px #000000; }	
	div.unten div.balken div.suchbox .button	{ float: left; display: inline; margin: -3px 5px 0px 5px; }	
	
	div.unten div.sprache						{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #A8A9AD; position: absolute; left: 68px; bottom: 16px; }
	div.unten div.sprache a						{ color: #A8A9AD; margin: 0px 25px 0px 0px; }
	div.unten div.sprache a:hover,				
	div.unten div.sprache a.aktiv				{ color: #7B7B7B; }
	div.unten div.sprache a.home				{ border-left: solid 1px #A8A9AD; padding: 0px 0px 0px 25px; }



/* 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: 90%; float: left; text-align: left; }	
	#imageData #caption							{ font-weight: normal; }
	#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; }
	
	
	
/* HTML Lightbox _________________________________________________________ */

	#myHtmlLightbox												{ position: absolute; left: 0px; width: 100%; z-index: 1220; text-align: center; font-size: 0px; }

	#outerContainer												{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; }

	#htmlContainer												{ padding: 10px 10px 10px 10px; }
	
	#htmlContainer #htmlLightboxIFrame							{ border: 0px; opacity: 0.0; filter: alpha(opacity = 0); }

	#myloading													{ position: absolute; left: 0%; top: 50%; margin-top: -16px; width: 100%; height: 25%; text-align: center; line-height: 0px; }

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

	#Data														{ padding: 0px 10px; color: #666666; }
	#Data #bottomNav											{ height: 40px; }
	#Data #bottomNavClose										{ background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; }
	
	#myhtmloverlay												{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }


	
/* iFrame ________________________________________________________________ */

	body.iframe													{ background-color: #FFFFFF; text-align: center; }
	body.iframe div.inhalt										{ float: none; display: block; margin: 0 auto; width: 430px; height: auto; }
	
	

/* __________________________________________________________________ Ende */