@import url(css-all.css);

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ background: url(/images/design/bg-rahmen.gif) repeat-y 0px 0px #FFFFFF; margin: 0 auto; min-height: 100%; _height: 100%; position: relative; text-align: left; width: 838px; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; width: 838px; height: 366px; z-index: 2; }	
	div.oben div.sprache						{ position: absolute; left: 24px; top: 1px; _top: 12px; }
	div.oben div.sprache a:hover				{ color: #FFFFFF; }
	div.oben div.sprache span					{ color: #FFFFFF; }
	div.oben div.wissen							{ position: absolute; right: 20px; top: 10px; }
	div.oben div.wissen	p						{ background: url(/images/design/bg-wissen-pfeil.gif) no-repeat right center #F5DEBC; float: left; font-size: 10px; line-height: 18px; margin: 0px 0px 0px 20px; padding: 0px 65px 0px 12px; }
	div.oben div.wissen	p.allergie				{ padding-right: 30px; }
	div.oben div.wissen	p.wissen				{ background: transparent; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; }
	
	div.oben img.logo							{ position: absolute; left: 24px; top: 59px; }
	
	div.oben div.menu-top						{ position: absolute; left: 254px; top: 71px; }

	div.oben ul.menu-top 						{ border-left: solid 1px #C0C2C5; float: left; font-size: 11px; list-style-type: none; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.erstes							{ border: none; }
	div.oben ul.menu-top li 					{ margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu-top li a 					{ min-height: 15px; _height: 15px; line-height: 15px; padding: 0px 0px 0px 26px; }
	div.oben ul.menu-top li a:hover 			{ color: #DF8B36; }
	div.oben ul.menu-top li.aktiv,
	div.oben ul.menu-top a:hover 				{ color: #DF8B36; }
	
	div.oben div.flash							{ position: absolute; left: 11px; top: 160px; }
	
	div.oben ul.menu 							{ background: url(/images/design/bg-menu-ul.gif) no-repeat 0px 0px #FFFFFF; width: 825px; font-size: 11px; font-weight: bold; position: absolute; left: 6px; top: 366px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
	div.oben ul.menu li 						{ background: url(/images/design/bg-menu-linie.gif) no-repeat top left; float: left; margin: 0px 0px 0px 0px; padding: 0px 7px 0px 8px; }
	div.oben ul.menu li a 						{ display: inline; float: left; min-height: 38px; _height: 38px; line-height: 38px; margin: 0px 0px 0px 0px; padding: 0px 23px 0px 22px; }
	div.oben ul.menu li.erstes					{ background: transparent; }
	div.oben ul.menu li a:hover 				{ background: url(/images/design/bg-menu-a-hover.gif) repeat-x 0px 0px #FFFFFF; color: #FFFFFF; }
	div.oben ul.menu li.aktiv a					{ background: url(/images/design/bg-menu-a-hover.gif) repeat-x 0px 0px #FFFFFF; color: #FFFFFF; }
	
	div.oben ul.menu ul#Unternehmen				{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 84px; top: 39px; _position: absolute; _left: 73px; _top: 39px; width: 147px; }
	div.oben ul.menu ul#Referenzen				{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 232px; top: 39px; _position: absolute; _left: 221px; _top: 39px; width: 133px; }
	div.oben ul.menu ul#Produkte				{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 366px; top: 39px; _position: absolute; _left: 355px; _top: 39px; width: 128px; }
	div.oben ul.menu ul#Sonderanfertigungen		{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 485px; top: 39px; _position: absolute; _left: 474px; _top: 39px; width: 197px; }
	div.oben ul.menu ul#Kontakt 				{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 683px; top: 39px; _position: absolute; _left: 672px; _top: 39px; width: 115px; }
	div.oben ul.menu ul li 						{ background: #E9AC6B; border-top: solid 1px #FFFFFF; float: left; display: block; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; width: 100%; }
	div.oben ul.menu ul li.erstes 				{ background: #E9AC6B; border: none; }
	div.oben ul.menu ul li.aktiv 				{ font-weight: bold; }
	div.oben ul.menu ul li.aktiv a				{ background: transparent; color: #FFFFFF !important; }
	div.oben ul.menu ul li a 					{ background: transparent !important; border: none; color: #000000 !important; display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }
	div.oben ul.menu ul li a:hover				{  }

	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background: url(/images/design/bg-inhalt.gif) repeat-y 0px 0px #FFFFFF; margin: 38px 0px 0px 6px; position: relative; width: 825px; z-index: 1; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ margin: 0px 0px 0px 0px; padding: 30px 40px 10px 40px; width: 740px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ background: url(/images/design/bg-schatten-inhalt-unten.gif) no-repeat 0px 0px #E1CFAF; clear: both; margin: 0px 0px 0px 6px; padding: 10px 0px 10px 0px; width: 825px; }
	
	div.unten div.impressum						{ margin: 10px 10px 0px 0px; text-align: center; }
	div.unten div.impressum span				{ color: #847A67;  margin: 0px 5px 0px 5px; }
	div.unten div.impressum a					{ color: #847A67; }
	div.unten div.impressum a img				{ margin: 0px 0px 0px 0px !important; }
	div.unten div.impressum a:hover				{ color: #DF8B36; }
	div.unten div.kontakt						{ margin: 10px 0px 0px 10px; text-align: center; }
	div.unten div.kontakt span					{ color: #847A67;  margin: 0px 5px 0px 5px; }
	div.unten div.kontakt span.firma			{ font-weight: bold; margin: 0px 5px 0px 5px; text-transform: uppercase; }
	div.unten div.kontakt a						{ color: #847A67; }
	div.unten div.kontakt a:hover				{ color: #DF8B36; }

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