@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ text-align: center; width: 100%; }
	div.rahmen 													{ width: 871px; margin: 0 auto; text-align: left; }
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: relative; height: 250px; }
	
	div.oben div.bild-linksoben 								{ position: absolute; left: 0px; top: 34px; width: 200px; height: 200px; background-color: #00532C; }
	div.oben div.bild-linksoben img								{ width: 179px; height: 179px; overflow: hidden; margin: 11px 11px 11px 11px; }

	div.oben ul.menu 											{ position: absolute; left: 242px; top: 223px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 										{ float: left; position: relative; width: 116px; height: 25px; text-align: center; background: url(/images/design/bg-menu.gif) repeat-x 0px 0px; border: solid 1px #fae57b; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 										{ float: left; display: block; min-height: 25px; _height: 25px; line-height: 25px; width: 116px; font-family: Verdana, sans-serif; font-size: 14px; color: #58585A; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a:hover 								{  }
	div.oben ul.menu li.aktiv a									{  }
	
	div.oben ul.menu ul 										{ display: none; font-weight: normal; width: auto; background-color: #005D32; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 16px 0px; position: absolute; left: 0px; bottom: 26px; }
	div.oben ul.menu #Qualitat 									{ display: none; font-weight: normal; width: 116px; background-color: #005D32; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 16px 0px; position: absolute; left: 0px; bottom: 26px; }
	div.oben ul.menu ul li 										{ display: block; float: none; border: 0px; height: 18px; background: #005D32; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu ul li a	 								{ float: left; display: inline; text-align: left; width: auto; font-family: Verdana, sans-serif; font-size: 12px; height: 18px; min-height: 18px; _height: 18px; line-height: 18px; color: #FFFAE0; border-bottom: solid 1px #037E44; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu ul li a:hover 								{ border-bottom: solid 1px #FFFFFF; }
	div.oben ul.menu ul li.aktiv a 								{  }
	
	div.oben div.breadcrumb										{ position: absolute; left: 242px; bottom: -45px; width: 370px; }
	div.oben div.breadcrumb ul.breadcrumb						{ float: left; width: 370px; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.breadcrumb ul.breadcrumb li					{ float: left; display: inline; font-family: Verdana, sans-serif; font-size: 11px; line-height: 21px; color: #999999; background: url(/images/design/bg-breadcrumb.gif) no-repeat left 14px; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 6px; }
	div.oben div.breadcrumb ul.breadcrumb li.breadfirst			{ float: left; display: inline; font-family: Verdana, sans-serif; font-size: 11px; line-height: 21px; color: #999999; background: none; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.breadcrumb ul.breadcrumb a						{ font-family: Verdana, sans-serif; font-size: 11px; line-height: 21px; color: #999999; }
	div.oben div.breadcrumb ul.breadcrumb a:hover				{ color: #333333; }
	div.oben div.breadcrumb ul.breadcrumb a.aktiv				{ color: #333333; }
	
	div.oben div.sprache										{ position: absolute; right: 38px; bottom: -45px; _right: 48px; }
	div.oben div.sprache a										{ font-family: Verdana, sans-serif; font-size: 11px; line-height: 21px; color: #999999; margin: 0px 0px 0px 11px; }
	div.oben div.sprache a:hover								{ color: #333333; }
	div.oben div.sprache a.aktiv								{ color: #333333; }
	
	div.oben div.obenlinie										{ position: absolute; left: 242px; bottom: -46px; background-color: #DBDBDB; line-height: 0px; font-size: 0px; height: 1px; width: 590px; _width: 580px; margin: 0px 0px 0px 0px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px; min-height: 659px; _height: 659px; margin: -27px 0px 0px 0px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 200px; min-height: 649px; _height: 649px; background: url(/images/design/bg-links.gif) repeat-y 0px 0px #FFFFFF; margin: 0px 0px 0px 0px; z-index: 10; }
	
	div.links a.logo											{ float: left; display: inline; clear: both; margin: 43px 0px 0px 19px; padding: 0px 0px 0px 0px; }
	div.links div.suche											{ float: left; display: inline; width: 200px; height: 89px; background: url(/images/design/bg-suche.gif) no-repeat 0px 0px; margin: 22px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.suche	span									{ float: left; font-size: 16px; color: #58585A; margin: 15px 0px 0px 26px; }
	div.links div.suche	form									{ margin: 47px 0px 0px 0px; }
	div.links div.suche	input.input								{ float: left; display: inline; width: 156px; background: #FFFAE0; text-align: center; margin: 0px 0px 0px 8px; height: 18px; font-family: Verdana, sans-serif; font-size: 11px; color: #666666; }
	div.links div.suche	a.button								{ float: left; display: inline; width: 22px; height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.suche	a.button img							{ float: left; display: inline; width: 22px; height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

	div.links div.menulinks										{ float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

	div.links div.menulinks div.linkshead1						{ float: left; display: inline; margin: 50px 0px 0px 14px; padding: 0px 0px 0px 0px; }
	div.links div.menulinks div.linkshead2						{ float: left; display: inline; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; }
	div.links div.menulinks div.linkshead3						{ float: left; display: inline; margin: 0px 0px 14px 18px; padding: 0px 0px 0px 0px; }
	div.links div.menulinks div.linkshead4						{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.menulinks div.linkshead5						{ float: left; display: inline; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; }

	div.links div.menulinks a.linksheadlink1					{ position: absolute; left: 7px; top: 53px; width: 173px; height: 27px; background-color: #ffffff; opacity: 0.0; filter: alpha(opacity = 0); }
	div.links div.menulinks a.linksheadlink2					{ position: absolute; left: 10px; top: 201px; width: 173px; height: 27px; background-color: #ffffff; opacity: 0.0; filter: alpha(opacity = 0); }
	div.links div.menulinks a.linksheadlink3					{ position: absolute; left: 8px; top: 349px; width: 173px; height: 27px; background-color: #ffffff; opacity: 0.0; filter: alpha(opacity = 0); }
	div.links div.menulinks a.linksheadlink4					{ position: absolute; left: 8px; top: 389px; width: 173px; height: 27px; background-color: #ffffff; opacity: 0.0; filter: alpha(opacity = 0); }

	div.links div.menulinks	div.linksmenu						{ float: left; display: inline; width: 200px; }
	div.links div.menulinks	div.linksmenu ul					{ float: left; display: inline; width: 154px; margin: 0px 0px 0px 20px; padding: 13px 0px 16px 0px; list-style-type: none; }
	div.links div.menulinks	div.linksmenu ul li					{ float: left; display: inline; width: 154px; background: none; height: 22px; border-bottom: solid 1px #e2e2e2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.menulinks	div.linksmenu ul li a				{ width: 144px; background: url(/images/design/aufzahlung-submenu.gif) no-repeat left 6px; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; color: #00532c; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 10px; }
	div.links div.menulinks	div.linksmenu ul li a:hover			{ border-bottom: solid 1px #FFFFFF; }
	div.links div.menulinks	div.linksmenu ul li.aktiv a			{  }
	
	div.links div.abstand										{ clear: both; line-height: 1px; font-size: 1px; height: 35px; }
	div.links div.abstand2										{ clear: both; line-height: 1px; font-size: 1px; height: 49px; }
	div.links img.harmony										{ clear: both; margin: 35px 0px 0px 27px; padding: 0px 0px 0px 0px; }
	


/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ float: left; display: inline; width: 671px; margin: 0px 0px 107px 0px; padding: 0px 0px 0px 0px; }
	
	div.inhalt div.content										{ position: relative; margin: 115px 38px 0px 42px; }
	
	div.inhalt div.containernews								{ float: left; display: inline; position: relative; width: 286px; height: 114px; background: url(/images/design/bg-box2.gif) repeat-x 0px 0px; border: solid 1px #EDECEC; margin: 44px 13px 0px 42px; }
	div.headlinebox1											{ position: absolute; left: 16px; top: -23px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.inhalt div.qualitat										{ float: left; display: inline; position: relative; width: 286px; height: 114px; background: url(/images/design/bg-box2.gif) repeat-x 0px 0px; border: solid 1px #EDECEC; margin: 44px 0px 0px 0px; }
	
	div.inhalt div.startdownloads								{ float: left; display: inline; position: relative; width: 586px; height: 98px; background: url(/images/design/bg-box.gif) repeat-x 0px 0px; border: solid 1px #EDECEC; margin: 44px 0px 0px 42px; _margin: 44px 0px 0px 21px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; position: relative; height: 55px; margin: 0px 0px 0px 241px; }
	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten div.daten											{ position: absolute; left: 0px; top: -60px; font-size: 11px; line-height: 16px; margin: 0px 0px 0px 0px; }
	div.unten div.daten a										{ font-size: 11px; line-height: 16px; }
	
	div.unten div.produced										{ position: absolute; left: 0px; top: 12px; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px; }
	div.unten div.produced a									{ font-size: 11px; color: #666666; }
	div.unten div.untenlinie									{ position: absolute; left: 0px; top: 34px; background-color: #D4D6D0; line-height: 0px; font-size: 0px; height: 1px; width: 382px; margin: 0px 0px 0px 0px; }



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