@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(/images/design/bg-all.jpg) no-repeat center top; text-align: center; }
	body.start									{ background: url(/images/design/bg-start.jpg) no-repeat center top !important; text-align: center; }
	body.produkte								{ background: url(/images/design/bg-produkte.jpg) no-repeat center top !important; text-align: center; }
	div.rahmen 									{ width: 951px; margin: 0 auto; text-align: left; position: relative; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ background-color: #4c351c; border-bottom: solid 1px #958c85; height: 113px; }
	
	div.oben a.logo								{ position: absolute; left: 39px; top: 6px; }

	div.oben ul.navi							{ position: absolute; right: 80px; top: 24px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.navi li 						{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.navi li a 						{ border-right: solid 2px #A9775D; color: #A9775D; float: left; font-family: Garamond, serif; font-size: 11px; text-transform: uppercase; display: block; min-height: 10px; _height: 10px; line-height: 10px; padding: 0px 8px 0px 8px; }
	div.oben ul.navi li a.last					{ border: 0px; }
	div.oben ul.navi li a:hover 				{ color: #FFFFFF; }
	div.oben ul.navi li.aktiv,
	div.oben ul.navi a:hover 					{ color: #FFFFFF; }
	
	div.oben div.eingeloggtals 					{ color: #A9775D; font-family: Garamond, serif; font-size: 12px; position: absolute; right: 88px; top: 40px; }
	div.oben div.eingeloggtals a				{ color: #A9775D; }
	div.oben div.eingeloggtals a:hover			{ color: #FFFFFF; }
	
	div.oben ul.menu 							{ font-weight: bold; position: absolute; left: 246px; top: 74px; 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; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ border-right: solid 2px #A9775D; color: #FFFFFF; float: left; font-family: Garamond, serif; font-size: 13px; text-transform: uppercase; display: block; min-height: 13px; _height: 13px; line-height: 13px; padding: 0px 8px 0px 8px; }
	div.oben ul.menu li a.last					{ border: 0px; }
	div.oben ul.menu li a:hover 				{ color: #A9775D; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 					{ color: #A9775D; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ text-align: center; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; text-align: left; width: 290px; }

	div.links ul.menu 							{ list-style-type: none; margin: 38px 0px 0px 36px; padding: 0px 0px 0px 0px; width: 224px; }
	div.links ul.menu li 						{ line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li a 						{ color: #4C351C; font-weight: bold; display: block; margin: 0px 0px 1px 0px; padding: 0px 0px 1px 6px; text-transform: uppercase; }
	div.links ul.menu li.aktiv a 				{ background: #e4d5ce; font-weight: bold; }
	div.links ul.menu li.aktiv span				{ background: #e4d5ce; color: #4C351C; display: block; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 1px 6px; text-transform: uppercase; }
	div.links ul.menu li a:hover 				{ background: #e4d5ce; font-weight: bold; }
	
	div.links ul.menu ul 						{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; }
	div.links ul.menu ul li 					{ line-height: 18px; margin: 0px 0px 0px 42px; padding: 0px 0px 1px 6px; }
	div.links ul.menu ul li a 					{ background: url(/images/design/bg-li-links.gif) no-repeat 0px 6px; background-color: transparent !important; font-weight: normal !important; margin: 0px 0px 0px 0px; text-transform: none; }
	div.links ul.menu ul li.aktiv 				{  }	
	div.links ul.menu ul li.aktiv span			{ background: #f2ebe5 !important; font-weight: bold !important; margin: 0px 0px 0px 0px; text-transform: none; }
	div.links ul.menu ul li.aktiv a,
	div.links ul.menu ul li a:hover				{ background: #f2ebe5 !important; font-weight: bold !important; text-transform: none; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ margin: 38px auto; text-align: center; width: 486px; min-height: 396px; _height: 396px; }
	div.inhalt img.startlogo					{ margin: 68px 0px 0px 0px; }
	div.inhalt div.sprache						{ position: absolute; left: 458px; top: 408px; _top: 407px; }
	div.inhalt div.sprache a					{ color: #FFFFFF; font-size: 14px; line-height: 20px; margin: 0px 16px 0px 0px; }
	div.produkte								{ float: left; display: inline; overflow: auto; width: 661px; height: 480px; text-align: left; }



/* Rechts ________________________________________________________________ */

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



/* Unten _________________________________________________________________ */

	div.unten 									{ color: #4C351C; clear: both; font-size: 13px; font-family: Garamond, serif; margin: 16px 0px 0px 0px; text-align: center; }
	div.unten a 								{ color: #4C351C; }
	div.unten a img								{ vertical-align: text-bottom; }
	div.unten a:hover							{ color: #4C351C; }



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