@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	div.rahmen 									{ position: relative; width: 100%; background: url(/images/design/bg-unten.gif) repeat-x 0px bottom; margin: 0px 0px 180px 0px; padding: 0px 0px 0px 0px;  }

	
	
/* Oben __________________________________________________________ */

	div.oben 									{ background: url(/images/design/bg-oben.gif) repeat-x 0px 0px; position: absolute; z-index: 4; left: 0px; top: 0px; width: 100%; height: 123px; }
	
	a.logo										{ position: absolute; left:  60px; top: 8px; }
	
	div.warenkorb								{ position: absolute; left: 550px; top: 22px; width: 150px; text-align: right; }
	div.warenkorb a								{ color: #F36424; text-decoration: underline; font-weight: bold; background: url(/images/design/pfeil-orange.gif) no-repeat 0px 3px; padding: 0px 0px 0px 15px; }
	div.warenkorb a:hover						{ text-decoration: none; }
	div.warenkorb span							{ color: #808080; }
	
	img.produktbox								{ position: absolute; left: 713px; top: 21px; }
	
	div.sprache									{ position: absolute; left:  19px; top: 78px; color: #8C8C8C; font-size: 10px; }
	div.sprache	a								{ color: #8C8C8C; font-size: 10px; }
	div.sprache	a:hover							{ color: #F36424; }
	
	form.suchbox								{ position: absolute; left:  19px; top: 94px; }
	form.suchbox input							{ float: left; border: solid 1px #7F9DB9; height: 16px; width: 120px; color: #808080; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 4px; font-size: 11px; }
	form.suchbox a.senden						{ float: left; height: 22px; width: 22px; margin: 4px 6px 0px 4px; background: url(/images/design/bg-suchbutton.gif) no-repeat 0px 0px; }
	form.suchbox a:hover						{ text-decoration: none; }

	ul.navigation 								{ font-family: Trebuchet MS; font-size: 12px; position: absolute; left: 309px; top: 85px; color: #FFFFFF; font-size: 12px; font-weight: bold; z-index: 7; list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.navigation li 							{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.navigation li a 							{ float: left; color: #FFFFFF; display: block; padding: 9px 10px 0px 10px; margin: 0px 0px 0px 0px; }
	ul.navigation li a:hover 					{ color: #F36424; }
	ul.navigation li.aktiv						{ background: url(/images/design/bg-menu-aktiv.gif) repeat-x 0px 0px; }
	
	ul.navigation ul 							{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; bottom: 28px; }
	ul.navigation ul li 						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: none; min-width: 200px; _width: 200px; _line-height: 12px; }
	ul.navigation ul li a 						{ font-family: Trebuchet MS; font-size: 12px; margin: 0px 0px 0px 0pxs; padding: 0px 0px 0px 0px; display: block; float: none; color: #000000; }
	ul.navigation ul li.aktiv 					{ background: none; }
	ul.navigation ul li.aktiv a					{ font-weight: bold; color: #F36424; }
	ul.navigation ul li a:hover 				{ color: #F36424; }


	
/* Mitte _________________________________________________________ */

	div.mitte 									{ position: relative; z-index: 2; background: url(/images/design/bg-mitte.gif) repeat-x 0px 0px #808080; margin: 0px 0px -1px 0px; _margin: 123px 0px -1px 0px; padding: 123px 0px 0px 0px; _padding: 0px 0px 0px 0px; }



/* Inhalt ________________________________________________________ */

	div.inhalt 									{ width: 990px; color: #FFFFFF; font-size: 12px; clear: both; }
	div.inhalt div.flash						{ position: relative; left: 0px; top: 0px; _top: 0px; float: left; display: inline; }



/* Unten _________________________________________________________ */

	div.unten 									{ position: relative; left: 0px; bottom: 0px; height: 200px; font-family: Arial; clear: both; }
	
	div.newsbox									{ position: absolute; left: 20px; top: 13px; width: 283px; background: url(/images/design/bg-trennlinie.gif) no-repeat right 2px; }
	div.newsbox a.headline						{ text-decoration: none; display: block; background: url(/images/design/headline-newsbox-de.gif) no-repeat 0px 0px; height: 22px; }
	div.newsbox img.icon						{ float: right; margin: 16px 15px 0px 15px; }
	div.newsbox h3								{ font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.newsbox p								{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.newsbox a								{ color: #6C2100; text-decoration: underline; font-weight: bold; }
	div.newsbox a:hover							{ color: #000000; }
	
	div.faqbox									{ position: absolute; left: 323px; top: 13px; width: 279px; background: url(/images/design/bg-trennlinie.gif) no-repeat right 2px; }
	div.faqbox img.icon							{ float: right; margin: 16px 18px 0px 15px; }
	div.faqbox a.headline						{ text-decoration: none; display: block; background: url(/images/design/headline-faqbox-de.gif) no-repeat 0px 0px; height: 22px; }
	div.faqbox ul								{ list-style-type: none; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.faqbox ul li							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; background: url(/images/design/pfeil-grau.gif) no-repeat 0px 3px; }
	div.faqbox ul li a							{ color: #6C2100; text-decoration: underline; font-weight: bold; }
	div.faqbox ul li a:hover					{ color: #000000; }
	
	form.memberbox								{ position: absolute; left: 622px; top: 14px; padding: 24px 0px 0px 0px; width: 350px; }
	form.memberbox-de							{ background: url(/images/design/headline-memberbox-de.gif) no-repeat 0px 0px; }
	form.memberbox-it							{ background: url(/images/design/headline-memberbox-it.gif) no-repeat 0px 0px; }
	form.memberbox img.icon						{ float: right; margin: 0px 6px 0px 0px; }
	form.memberbox input						{ float: left; border: solid 1px #7F9DB9; height: 16px; width: 110px; color: #000000; margin: 1px 4px 0px 0px; padding: 0px 0px 0px 4px; font-size: 11px; }
	form.memberbox a.senden						{ float: left; height: 22px; width: 22px; margin: 0px 20px 0px 6px; background: url(/images/design/bg-button-unten.gif) no-repeat 0px 0px; }
	form.memberbox p							{ float: left; line-height: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 2px; }
	form.memberbox p a							{ float: left; display: inline; text-decoration: underline; font-weight: bold; background: url(/images/design/pfeil-grau.gif) no-repeat 0px 3px; padding: 0px 5px 0px 14px; color: #6C2100; }
	form.memberbox p a:hover					{ color: #000000; }
	
	div.kontaktbox								{ padding: 0px 0px 0px 0px; position: absolute; left: 21px; top: 125px; width: 732px; }
	div.kontaktbox a.icon						{ float: left; padding: 8px 23px 0px 5px; }
	div.kontaktbox h4							{ float: left; font-size: 11px; font-weight: bold; width: 320px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.kontaktbox address						{ float: left; width: 160px; line-height: 15px; font-style: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.impressumbox							{ font-family: Trebuchet MS; font-size: 10px; line-height: 14px; position: absolute; left: 906px; top: 125px; }
	div.impressumbox p							{ margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.impressumbox img						{ position: absolute; left: 62px; bottom: 0px; }



/* Footer ________________________________________________________________ */
	
	div.footernavigation 						{ font-size: 10px; position: absolute; left: 93px; bottom: -200px; width: 910px; height: 170px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; overflow: hidden; }
	div.footernavigation div.linie				{ float: left; background-color: #464646; line-height: 1px; font-size: 1px; height: 1px; overflow: hidden; width: 910px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
	div.footernavigation ul 					{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.footernavigation li 					{ color: #808080; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	div.footernavigation a 						{ background: url(/images/design/bg-punkt.gif) no-repeat right 9px; color: #808080; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; }
	div.footernavigation a:hover 				{ color: #000000; }

	

/* 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%; background: transparent url(/images/lightbox/blank.gif) no-repeat; display: block; }
	#prevLink									{ left: 0; float: left; }
	#nextLink									{ right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/nextlabel.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 #bottomNavClose					{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

	#overlay									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* Ende __________________________________________________________*/