﻿/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: #e5ebfb; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #666666; font-size: 27px; line-height: 30px; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #666666; font-size: 13px; height: 31px; line-height: 31px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h3, h3 a													{ font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h4, h4 a													{ color: #79b41e; font-size: 18px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h5, h5 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h6, h6 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	
	ul 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ul li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; _height: 1px; }
	ul li ul													{ float: none; }
	ol 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ol li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }

	
	div.rahmen 													{ background: url(/images/design/bg-y.jpg) repeat-y 4px 0px #fbfbfb; border-bottom: solid 5px #fbfbfb; width: 996px; margin: 0 auto; text-align: left; }
	div.rahmen div.innen										{ background: url(/images/design/bg-all.jpg) no-repeat 0px 0px; position: relative; width: 992px; margin: 0px 0px 0px 4px; }
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ background: url(/images/design/bg-oben.png) no-repeat 43px bottom; _background-position: 44px bottom; position: absolute; left: 0px; top: 0px; width: 996px; height: 508px; }
	div.oben a.logo												{ position: absolute; left: 391px; top: 43px; }
	
	div.oben div.flash											{ z-index: 9; background: url(/images/design/bg-oben-blau.png) no-repeat 0px 0px; position: absolute; left: 40px; top: 244px; width: 908px; height: 264px; }
	div.oben div.flash div.shopdetailtop						{ width: 755px; height: 224px; }
	div.oben div.flash div.shopdetailtop table					{ width: 755px; height: 224px; }
	div.oben div.flash div.shopdetailtop table td.first			{ text-align: left; width: 246px; }
	div.oben div.flash div.shopdetailtop table div.bildteaser	{ width: 185px; margin: 0px 0px 0px 15px; overflow: hidden; }
	div.oben div.flash div.shopdetailtop table div.daten		{ border-bottom: solid 1px #65b2e9; width: 346px; }
	div.oben div.flash div.shopdetailtop table div.noborder		{ border: 0px; }
	div.oben div.flash div.shopdetailtop table div.daten strong	{ color: #FFFFFF; float: left; padding: 0px 0px 0px 2px; width: 158px; }
	div.oben div.flash div.shopdetailtop table div.daten span	{ color: #FFFFFF; float: left; width: 186px; }
	
	div.sprache													{ z-index: 10; position: absolute; right: 50px; top: 260px; width: 143px; color: #FFFFFF; font-size: 12px; text-align: right; }
	div.sprache a												{ color: #FFFFFF; text-decoration: none; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ background-color: #FFFFFF; margin: 508px 0px 0px 43px; width: 905px; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 0px 0px 0px 39px; float: left; display: inline; width: 532px; overflow: hidden; }
	div.puntivendita											{ width: 828px; }



/* Rechts ________________________________________________________________ */

	div.rechts 													{ float: left; display: inline; margin: 0px 0px 0px 39px; width: 295px; }
	
	div.rechts div.menuy										{ background: url(/images/design/bg-menu-left-y.png) repeat-y 0px 0px; margin: 44px 0px 48px 0px; }
	div.rechts div.menutop										{ background: url(/images/design/bg-menu-left-top.png) no-repeat 0px 0px; }
	div.rechts div.menubottom									{ background: url(/images/design/bg-menu-left-bottom.png) no-repeat left bottom; min-height: 187px; _height: 187px; }
	
	div.rechts ul.menu 											{ list-style-type: none; margin: 0px 0px 26px 23px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu li 										{ background: url(/images/design/bg-menu-li.gif) no-repeat 0px 6px; margin: 0px 0px 5px 0px; padding: 0px 0px 4px 0px; line-height: 16px; }
	div.rechts ul.menu li a 									{ color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; text-decoration: none; }
	div.rechts ul.menu li.aktiv a								{ background: url(/images/design/bg-menu-li-hover.gif) no-repeat 0px 5px; color: #c7dfef; font-weight: bold; }
	div.rechts ul.menu li a:hover 								{ background: url(/images/design/bg-menu-li-hover.gif) no-repeat 0px 5px; color: #c7dfef; }
	
	div.rechts ul.menu ul 										{ display: none; list-style-type: none; margin: 5px 0px 0px 8px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu ul li 									{ background: transparent; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu ul li a 									{ color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.rechts ul.menu ul li a									{ background: transparent; color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.rechts ul.menu ul li a									{ background: transparent; color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.rechts ul.menuul li.aktiv a								{ background: transparent; color: #c7dfef; font-weight: bold; }			
	div.rechts ul.menu ul li a:hover							{ background: transparent; color: #c7dfef; }
	div.rechts ul.menu li.aktiv ul li a							{ background: transparent; color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.rechts ul.menu li.aktiv ul li.aktiv a					{ background: transparent; color: #c7dfef; font-weight: bold; }
	div.rechts ul.menu li.aktiv ul li a:hover					{ background: transparent; color: #c7dfef; font-weight: normal; }
	
	div.rechts ul.menu ul ul 									{ display: none; list-style-type: none; margin: 5px 0px 0px 8px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu ul ul li 								{ background: transparent; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
	div.rechts ul.menu ul ul li a 								{ color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.rechts ul.menu li.aktiv ul li.aktiv ul li a				{ color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.rechts ul.menu ul ul li.aktiv a							{ background: transparent; font-weight: bold; }
	div.rechts ul.menu ul ul li a:hover							{ background: transparent; }
	div.rechts ul.menu li.aktiv ul li.aktiv ul li.aktiv a		{ background: transparent; color: #c7dfef; font-weight: bold; }
	div.rechts ul.menu li.aktiv ul li.aktiv ul li a:hover		{ background: transparent; color: #c7dfef; }
	
	div.rechts div.verkaufspunkte								{ background: url(/images/design/bg-puntivendita.png) no-repeat 0px 0px; width: 295px; }
	div.rechts div.verkaufspuntestartseite						{ margin: 55px 0px 0px 0px; }
	div.rechts div.verkaufspunkte span.title					{ color: #76af1c; font-size: 17px; float: left; height: 50px; line-height: 50px; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 21px; }
	div.rechts div.verkaufspunkte span.txt						{ display: block; padding: 0px 24px 14px 26px; }
	div.rechts div.verkaufspunkte img							{ margin: 0px 0px 28px 64px; }
	div.rechts div.verkaufspunkte a.greenbutton					{ float: right; margin: 0px 22px 46px 0px; }



/* Untendrinnen __________________________________________________________ */

	div.untendrinnen											{ background: url(/images/design/bg-untendrinnen.png) no-repeat 0px 0px; margin: 0px 0px 0px 43px; width: 905px; height: 332px; position: relative; }
	div.untendrinnen address									{ margin: 0px 0px 0px 36px; line-height: 46px; height: 46px; }
	div.untendrinnen address a									{ text-decoration: none; }
	
	div.untendrinnen div.newsletteronpage						{ background: url(/images/design/bg-newsletter-onpage-verlauf.png) repeat-y 0px 0px; width: 552px; position: absolute; right: 21px; top: 46px; z-index: 10; }
	div.untendrinnen div.newsletteronpage a						{ float: left; display: inline; font-size: 12px; line-height: 17px; color: #fbfbfb; text-decoration: none; margin: 15px 0px 12px 17px; }
	
	div.untendrinnen div.newsletteronpage div.verlauf			{ float: left; display: inline; background: url(/images/design/bg-newsletter-onpage.png) no-repeat left bottom; margin: -8px 0px 0px 0px; position: relative; left: 0px; bottom: -8px; width: 552px; }
	div.untendrinnen div.newsletteronpage div.newslinnen		{ float: left; display: inline; }
	
	
	form.newsletteronpage div.colum1							{ display: none; }
	form.newsletteronpage input									{ margin: 2px 0px 16px 17px; }
	form.newsletteronpage input.standard						{ width: 192px; }
	div.newsletteronpage div a.newsletterabonnieren				{ background: url(/images/design/bg-newsletter-btn.png) no-repeat 0px 0px; float: left; font-size: 1px; line-height: 1px; margin: 0px 0px 0px 17px; width: 24px; height: 24px; }
	
	div.untendrinnen div.kuh									{ background: url(/images/design/bg-kuh.png) no-repeat center top; position: absolute; left: 0px; top: 135px; width: 100%; height: 162px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; text-align: center; }
	div.unten div.innen											{ color: #797c86; font-size: 11px; margin: 12px auto 0px auto; width: 996px; height: 50px; text-align: right; }
	div.unten div.innen span									{ margin: 0px 0px 0px 5px; float: left; }
	div.unten div.innen a										{ color: #797c86; text-decoration: none; }
	div.unten a img												{ margin: 0px 3px 0px 0px; vertical-align: text-bottom; }



/* 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: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
	
	
	
/* 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; }
	
	#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											{ background: url(/images/lightbox/bg-bottomNav.png) no-repeat 0px 0px; height: 105px; }
	#Data #bottomNavPrint										{ background: transparent !important; float: left; margin: 22px 0px 0px 31px; }
	#Data #bottomNavClose										{ background: transparent !important; float: right; margin: 22px 31px 0px 0px; }
	
	#myhtmloverlay												{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }

	body.iframe													{ background: url(/images/lightbox/bg-lightbox-y.png) repeat-y 0px 0px #FFFFFF; overflow: hidden; }
	body.iframe div.puntivendita								{ background: url(/images/lightbox/bg-lightbox-top.png) no-repeat 0px 0px; width: 672px; text-align: left; }
	body.iframe div.puntivendita a.links						{ float: left; display: inline; margin: 38px 0px 0px 34px; }
	body.iframe div.puntivendita span.headline					{ color: #79b41e; background: url(/images/lightbox/bg-headline.gif) repeat-x 0px 0px; display: block; font-size: 18px; height: 39px; line-height: 39px; }
	body.iframe div.puntivendita address						{ font-size: 13px; line-height: 21px; float: right; display: inline; margin: 42px 34px 0px 0px; text-align: right; }
	body.iframe div.puntivendita address a						{ color: #82b92d; font-weight: bold; text-decoration: none; }
	body.iframe div.puntivendita div.txt						{ margin: 34px 0px 0px 34px; width: 600px; }
	body.iframe div.puntivendita div.txt div.innen				{ overflow-y: auto; margin: 12px 0px 0px 0px; height: 240px; }
	body.iframe div.puntivendita div.txt div.lightboxliste		{  }
	


/* __________________________________________________________________ Ende */

