@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: url(/images/design/bg-all.jpg) repeat-x #FFFFFF; font-weight: bold; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	div.rahmen 													{ background: url(/images/design/bg-rahmen.gif) repeat-y 20px 0px #FFFFFF; position: relative; width: 1000px; min-height: 100%; _height: 100%; margin: 0 auto; text-align: left; }
	
	div.rahmen div.rahmen-links									{ background: url(/images/design/bg-rahmen-links.jpg) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 27px; height: 365px; }
	div.rahmen div.rahmen-rechts								{ background: url(/images/design/bg-rahmen-rechts.jpg) no-repeat 0px 0px; position: absolute; right: 0px; top: 0px; width: 27px; height: 365px; }
	
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ background: url(/images/design/bg-oben.jpg) no-repeat 0px 0px; margin: 0px 0px 18px 0px; height: 156px; position: relative; }
	div.oben a													{ text-decoration: none; }
	div.oben a:hover											{ text-decoration: none; }
	
	div.oben a.logo												{ position: absolute; left: 43px; top: 11px; }
	
	div.oben div.login											{ letter-spacing: 0px; color: #009ddc; font-size: 11px; position: absolute; left: 560px; top: 0px; width: 412px; height: 27px; }
	div.oben div.login div.innen								{ position: absolute; left: 14px; top: 6px; }
	div.oben div.login a										{ float: left; color: #009ddc; font-size: 11px; }
	div.oben div.login label									{ float: left; }
	div.oben div.login span										{ float: left; margin: 0px 8px 0px 8px; }
	div.oben div.login div input								{ color: #000000; font-size: 8px; font-family: Verdana, sans-serif; line-height: 10px; background: transparent; border: 0px; position: absolute; left: 5px; top: 0px; width: 72px; height: 12px; }
	div.oben div.login div.inputname							{ background: url(/images/design/bg-input-login.gif) no-repeat 0px 0px; position: absolute; left: 183px; top: 8px; width: 82px; height: 12px; }
	div.oben div.login div.inputpwd								{ background: url(/images/design/bg-input-login.gif) no-repeat 0px 0px; position: absolute; left: 272px; top: 8px; width: 82px; height: 12px; }
	div.oben div.login a.invia									{ position: absolute; left: 359px; top: 6px; }

	div.oben div.autoeval										{ cursor: pointer; position: absolute; right: 27px; top: 20px; z-index: 60; width: 607px; height: 78px; } 
	div.oben div.autoeval img									{ margin: 5px 0px 0px 5px; } 
	
	
	div.oben ul.menu 											{ font-weight: bold; position: absolute; right: 27px; top: 105px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 657px; height: 50px; overflow: hidden; }
	div.oben ul.menu li 										{ background: url(/images/design/bg-menu.png) repeat-x 0px 0px; float: left; position: relative; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; width: 147px; text-align: center; }
	div.oben ul.menu li.home									{ width: 64px; }
	div.oben ul.menu li a 										{ color: #FFFFFF; font-size: 14px; letter-spacing: -1px; display: block; min-height: 25px; _height: 25px; line-height: 25px; padding: 0px 0px 0px 0px; text-transform: uppercase; }
	div.oben ul.menu li a:hover 								{ color: #FFFFFF; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 									{  }
	div.oben ul.menu li.aktiv ul								{ display: block; }
	
	div.oben ul.menu ul 										{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 25px; width: 592px; height: 25px; }
	div.oben ul.menu ul li 										{ background: url(/images/design/bg-submenu.png) repeat-x left bottom; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 25px; text-align: center; width: 148px; }
	div.oben ul.menu ul li.erstes								{ background: url(/images/design/bg-submenu-erstes.png) repeat-x 0px 0px; padding: 0px 0px 0px 0px; width: 147px; }
	div.oben ul.menu ul li.aktiv 								{ font-weight: bold; }
	div.oben ul.menu ul li.aktiv a, 			
	div.oben ul.menu ul li a:hover								{ font-weight: bold; }
	div.oben ul.menu ul li a	 								{ background: url(/images/design/bg-menu-y.gif) no-repeat 0px 0px; font-size: 11px; font-family: Verdana, sans-serif; min-height: 22px; _height: 22px; line-height: 22px; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; }
	div.oben ul.menu ul li.erstes a	 							{ background: transparent; }
	
	div.oben ul.menu #TopPrevenzione ul							{ margin: 0px 0px 0px -148px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ position: relative; padding: 0px 0px 60px 0px; min-height: 100%; }
	div.mittestart												{ position: relative; padding: 0px 0px 120px 0px; min-height: 100%; }
	div.mitteform												{ position: relative; padding: 0px 0px 60px 0px; min-height: 100%; }
	div.mittethx												{ position: relative; padding: 0px 0px 60px 0px; min-height: 100%; }
	div.mitteauto												{ position: relative; padding: 0px 0px 60px 0px; min-height: 100%; }
	div.mitteautoresp											{ position: relative; padding: 0px 0px 60px 0px; min-height: 100%; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ background: url(/images/design/bg-inhalt-y.png) repeat-y 19px 0px; margin: 0px 0px 0px 35px; width: 934px; min-height: 100%; overflow: hidden; }
	div.inhalt div.inhalttop									{ background: url(/images/design/bg-inhalt-top.png) no-repeat 19px 0px; min-height: 1px; _height: 1px; }
	div.inhalt div.inhaltbottom									{ background: url(/images/design/bg-inhalt-bottom.png) no-repeat 19px bottom; padding: 0px 0px 188px 0px; }
	
	div.mitte div.inhaltspazzolino 								{ background: url(/images/design/bg-inhalt-y-rosa.png) repeat-y 19px 0px; }
	div.mitte div.inhaltspazzolino div.inhalttop				{ background: url(/images/design/bg-inhalt-top-rosa.png) no-repeat 19px 0px; }
	div.mitte div.inhaltspazzolino div.inhaltbottom				{ background: url(/images/design/bg-inhalt-bottom-rosa.png) no-repeat 19px bottom; }

	div.inhaltbottom a.autovalutazione							{ background-color: #ff00ff; opacity: 0.0; filter: alpha(opacity = 0); cursor: pointer; position: absolute; right: 66px; _right: 36px; bottom: 95px; -bottom: 23px; display: block; width: 103px; height: 103px; text-decoration: none; }
	div.inhaltbottom h1.bottomheadline							{ position: absolute; right: 180px; _right: 150px; bottom: 212px; _bottom: 50px; }
	
	div.mitteform div.inhalt 									{ background: url(/images/design/bg-inhalt-form-y.png) repeat-y 19px 0px; margin: 0px 0px 0px 35px; width: 934px; min-height: 100%; overflow: visible; }
	div.mitteform div.inhalt div.inhalttop						{ background: url(/images/design/bg-inhalt-form-top.png) no-repeat 19px 0px; }
	div.mitteform div.inhalt div.inhaltbottom					{ background: url(/images/design/bg-inhalt-form-bottom.png) no-repeat 19px bottom; padding: 0px 0px 48px 0px; }

	div.mittethx div.inhalt 									{ background: url(/images/design/bg-inhalt-thx-y.png) repeat-y 19px 0px; margin: 0px 0px 0px 35px; width: 934px; min-height: 100%; overflow: visible; }
	div.mittethx div.inhalt div.inhalttop						{ background: url(/images/design/bg-inhalt-thx-top.png) no-repeat 19px 0px; }
	div.mittethx div.inhalt div.inhaltbottom					{ background: url(/images/design/bg-auto-bottom.png) no-repeat 19px bottom; padding: 0px 0px 48px 0px; position: relative; }

	div.mitteauto div.inhalt 									{ background: url(/images/design/bg-auto-y.png) repeat-y 19px 0px; margin: 0px 0px 0px 35px; width: 934px; min-height: 100%; overflow: visible; }
	div.mitteauto div.inhalt div.inhalttop						{ background: url(/images/design/bg-auto-top.png) no-repeat 19px 0px; }
	div.mitteauto div.inhalt div.inhaltbottom					{ background: url(/images/design/bg-auto-bottom.png) no-repeat 19px bottom; padding: 0px 0px 48px 0px; position: relative; }
	
	div.mitteautoresp div.inhalt								{ overflow: visible; }
	div.mitteautoresp div.inhalt div.inhaltbottom				{ background: url(/images/design/bg-inhalt-bottom-auto.png) no-repeat 19px bottom; padding: 0px 0px 68px 0px; position: relative; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; position: relative; height: 114px; }
	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten div.innen											{ color: #009ad8; font-size: 14px; font-weight: bold; position: absolute; left: 27px; top: 0px; width: 946px; }
	div.unten div.flashbannerunten								{ position: absolute; left: 180px; top: -70px; }
	
	div.unten div.gewinnspiel2010home							{ position: absolute; left: 55px; top: -125px; background: url(/images/design/bg-gewinnspiel2010-home.jpg) no-repeat 0px 0px; width: 836px; height: 114px; }
	div.unten div.gewinnspiel2010home p.novita					{ position: absolute; left: 153px; top: 24px; font-size: 12px; line-height: 16px; font-weight: bold; }
	div.unten div.gewinnspiel2010home p.novita a				{ text-decoration: none; }
	div.unten div.gewinnspiel2010home p.novita span.red			{ color: #da3b27; }
	div.unten div.gewinnspiel2010home p.novita span.redbig		{ color: #da3b27; text-transform: uppercase; font-size: 14px; }
	div.unten div.gewinnspiel2010home a.clicca					{ text-decoration: none; color: #ffffff; line-height: 64px; position: absolute; left: 720px; top: 17px; cursor: pointer; width: 105px; height: 64px; }
	div.unten div.gewinnspiel2010home a.clicca:hover			{ color: #da3b27; }
	
	div.unten div.halitosis-startseite img						{ margin: 35px 0px 0px 35px; }
	div.unten div.halitosis-startseite p.novita					{ position: absolute; left: 178px; top: 47px; font-size: 12px; font-weight: bold; }
	div.unten div.halitosis-startseite p.novita span.red		{ color: #cd0b44; }
	div.unten div.halitosis-startseite a.cliccahali				{ text-decoration: none; position: absolute; left: 720px; top: 26px; cursor: pointer; width: 105px; height: 64px; }
	div.unten div.halitosis-startseite a.cliccahali span		{ display: block; color: #ffffff; margin: 9px 0px 0px 8px; text-decoration: none; font-size: 12px; }

	div.unten div.innen a.quifarmacista							{ cursor: pointer; background: url(/images/design/btn-seifarmacista.png) no-repeat 0px 0px; width: 269px; height: 29px; position: absolute; left: 12px; top: 0px; text-decoration: none; }
	div.unten div.innen img.meridol								{ position: absolute; right: 21px; top: 0px; z-index: 4; }
	div.unten div.innen span.bottomtext							{ font-size: 12px; position: absolute; right: 111px; top: 2px; }
	div.unten div.innen div.newsletter							{ color: #FFFFFF; font-size: 11px; background: url(/images/design/bg-newsletter-onpage.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 31px; width: 931px; height: 62px; z-index: 2; }
	div.unten div.innen div.newsletter span						{ position: absolute; left: 66px; top: 24px; }
	div.unten div.innen div.copyright							{ color: #666666; font-size: 11px; font-family: Verdana, sans-serif; font-weight: normal; position: absolute; left: 26px; top: 94px; }
	div.unten div.innen div.copyright a							{ color: #666666; text-decoration: none; }
	div.unten div.innen a.prodby								{ color: #666666; font-size: 11px; font-family: Verdana, sans-serif; font-weight: normal; position: absolute; right: 20px; top: 94px; text-decoration: none; }


	
/* Newsletter on page ____________________________________________________ */

	form.newsletteronpage										{  }
	form.newsletteronpage .colum1								{ display: none; }
	form.newsletteronpage input									{ width: 288px; font-size: 11px; height: 18px; line-height: 18px; position: absolute; left: 574px; top: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; background: transparent; }
	form.newsletteronpage a.newsletterabonnieren				{ color: #FFFFFF; position: absolute; right: 0px; top: 22px; }

	

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



/* __________________________________________________________________ Ende */