@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: url(/images/design/bg-body.png) repeat-x #00a0e0; font-weight: bold; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	div.rahmen 													{ position: relative; width: 990px; 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; }
	
	a.buttonneu													{ width: auto; text-decoration: none; font-weight: bold; padding: 0px 28px 0px 0px; line-height: 18px; height: 18px; color: #004a99; font-style: italic; font-size: 12px; background: url(/images/design/btn-neu.png) no-repeat right center; }
	a.buttonneu:hover											{ color: #878787; }
	a.buttonneuback												{ width: auto; text-decoration: none; font-weight: bold; padding: 0px 0px 0px 24px; line-height: 18px; height: 18px; color: #004a99; font-style: italic; font-size: 12px; background: url(/images/design/btn-neu-back.png) no-repeat left center; }
	a.buttonneuback:hover										{ color: #878787; }
	
	a.buttonblau												{ color: #ffffff; text-decoration: none; width: auto; height: 38px; }
	a.buttonblau:hover											{ color: #878787; }
	a.buttonblau span.links										{ float: left; display: inline; width: 17px; height: 38px; background: url(/images/design/buttonbeginn-neu.png) no-repeat 0px 0px; }
	/*a.buttonblau:hover span.links								{ background: url(/images/design/buttonbeginn-neuhover.png) no-repeat 0px 0px; }*/
	a.buttonblau span.mitte										{ font-size: 18px; font-weight: bold; font-style: italic; float: left; display: inline; line-height: 38px; height: 38px; background: url(/images/design/buttonmitte-neu.png) repeat-x 0px 0px; }
	/*a.buttonblau:hover span.mitte								{ background: url(/images/design/buttonmitte-neuhover.png) no-repeat 0px 0px; }*/
	a.buttonblau span.rechts									{ float: left; display: inline; line-height: 38px; height: 38px; width: 60px; background: url(/images/design/buttonende-neu.png) no-repeat 0px 0px; }
	/*a.buttonblau:hover span.rechts							{ background: url(/images/design/buttonende-neuhover.png) no-repeat 0px 0px; }*/
	
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ background: url(/images/design/bg-oben-neu.jpg) no-repeat 0px 0px; margin: 0px 0px 0px 0px; height: 154px; position: relative; }
	div.oben a													{ text-decoration: none; }
	div.oben a:hover											{ text-decoration: none; }
	
	div.oben a.logo												{ position: absolute; left: 46px; top: 5px; }
	div.oben img.menu											{ position: absolute; left: 0px; top: 114px; }
	
	div.oben div.login											{  }
	div.oben div.suche											{ position: absolute; right: 26px; top: 75px; width: 400px; text-align: right; }
	div.oben div.suche input									{ height: 20px; line-height: 20px; color: #8F8F8F; }
	div.oben div.suche label									{ margin: 0px 10px 0px 0px; text-transform: uppercase; font-weight: normal; color: #00a0e0; font-size: 16px; line-height: 18px; font-style: italic; }
	div.oben div.suche a.invia									{ margin: 4px 0px 0px 3px; float: right; display: inline; background: url(/images/design/login-senden.png) no-repeat 0px 0px; width: 13px; height: 18px; }
	
	div.oben div.login div.textanmelden							{ font-size: 12px; line-height: 14px; position: absolute; right: 42px; top: 46px; font-weight: normal; }
	div.oben div.login div.textanmelden	a						{ float: right; display: inline; }
	div.oben div.login div.textanmelden	span					{ float: right; display: inline; color: #878787; }
	div.oben div.login div.textanmelden	a.recupera				{ text-decoration: underline; color: #878787; }
	div.oben div.login div.textanmelden	a.recupera:hover		{ color: #00a0e0; }
	div.oben div.login div.textanmelden	a.iscrivitiora			{ color: #00a0e0; padding: 0px 15px 0px 5px; }
	div.oben div.login div.textanmelden	a.iscrivitiora:hover	{ color: #878787; }
	
	div.oben div.login label									{ text-transform: uppercase; font-weight: normal; position: absolute; right: 295px; top: 18px; color: #00a0e0; font-size: 16px; line-height: 18px; font-style: italic; }
	div.oben div.login span										{ float: left; margin: 0px 8px 0px 8px; }
	div.oben div.login div input								{ line-height: 25px; font-size: 12px; color: #8f8f8f; background: transparent; border: 0px; position: absolute; left: 5px; top: 0px; width: 110px; height: 25px; }
	div.oben div.login div.inputname							{ background: url(/images/design/bg-login.png) no-repeat 0px 0px; position: absolute; right: 159px; top: 15px; width: 121px; height: 25px; }
	div.oben div.login div.inputpwd								{ background: url(/images/design/bg-login-pw.png) no-repeat 0px 0px; position: absolute; right: 42px; top: 15px; width: 120px; height: 25px; }
	div.oben div.login div.inputpwd input						{ left: 10px; }
	div.oben div.login a.invia									{ position: absolute; right: 26px; top: 18px; background: url(/images/design/login-senden.png) no-repeat 0px 0px; width: 13px; height: 18px; }
	
	div.oben div.login span.angemeldet							{ color: #00a0e0; position: absolute; right: 42px; top: 18px; font-weight: normal; }
	div.oben div.login span.angemeldet a						{ color: #878787; }
	div.oben div.login span.angemeldet a:hover					{ color: #00a0e0; }

	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 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 div.menu											{ position: absolute; left: 0px; top: 114px; width: 990px; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu 											{ background: url(/images/design/menu.png) no-repeat 0px 0px; clear: both; position: absolute; left: 0px; top: 0px; width: 990px; height: 40px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 10; position: relative; }
	div.oben ul.menu li 										{ margin: 0px 0px 0px 0px; height: 40px; float: left; display: inline; width: auto; }
	div.oben ul.menu li a 										{ display: block; height: 40px; line-height: 40px; padding: 0px 0px 0px 0px; }

	#newsmenu a													{ position: absolute; left: 0px; top: 0px; width: 143px; }
	#newsmenu a:hover,								
	#newsmenu.aktiv a											{ z-index: 1; background: url(/images/design/menu-news.png) no-repeat 0px 0px; width: 143px; }
	
	#problemimenu a												{ position: absolute; left: 134px; top: 0px; width: 258px; }
	#problemimenu a:hover,								
	#problemimenu.aktiv a										{ background: url(/images/design/menu-problemi.png) no-repeat 0px 0px; }
		
	#prevenzionemenu a											{ position: absolute; left: 382px; top: 0px; width: 202px; }
	#prevenzionemenu a:hover,								
	#prevenzionemenu.aktiv a									{ background: url(/images/design/menu-prevenzione.png) no-repeat 0px 0px; }
	
	#testmenu a													{ position: absolute; left: 574px; top: 0px; width: 126px; }
	#testmenu a:hover,								
	#testmenu.aktiv a											{ background: url(/images/design/menu-test.png) no-repeat 0px 0px; }
	
	#blogmenu a													{ position: absolute; left: 691px; top: 0px; width: 127px; }
	#blogmenu a:hover,									
	#blogmenu.aktiv a											{ background: url(/images/design/menu-blog.png) no-repeat 0px 0px; }
	
	#iscrizionemenu a											{ position: absolute; left: 809px; top: 0px; width: 181px; }
	#iscrizionemenu a:hover,									
	#iscrizionemenu.aktiv a										{ background: url(/images/design/menu-iscrizione.png) no-repeat 0px 0px; }

	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ background: url(/images/design/bg-mitte.jpg) no-repeat 0px 0px; position: relative; padding: 0px 0px 0px 0px; }
	div.mittestart												{ height: 348px; }
	div.mitteform												{ position: relative; padding: 0px 0px 0px 0px; min-height: 100%; }
	div.mittethx												{ position: relative; padding: 0px 0px 0px 0px; min-height: 100%; }
	div.mitteauto												{ position: relative; padding: 0px 0px 0px 0px; min-height: 100%; }
	div.mitteautoresp											{ position: relative; padding: 0px 0px 0px 0px; min-height: 100%; }
	
	div.submenu													{  }
	div.submenu ul												{ list-style-type: none; margin: 1px 0px 0px 23px; padding: 0px 0px 0px 0px; }
	div.submenu ul li											{ margin: 0px 0px 0px 0px; float: left; display: inline; background: url(/images/design/linie-submenu.gif) no-repeat 0px center; padding: 0px 0px 0px 1px; _position: relative;}
	div.submenu ul li.erstes									{ background: transparent; }
	div.submenu ul li a											{ display: block; font-size: 14px; color: #004a99; text-decoration: none; font-weight: normal; padding: 0px 18px 0px 18px; line-height: 33px; min-height: 33px; _height: 33px; _display: inline; }
	div.submenu ul li a:hover									{ background-color: #ffffff; min-height: 1px; _height: 1px; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 0px 0px 0px 52px; width: 886px; min-height: 100%; }
	div.inhaltohnemargin 										{ margin: 0px 0px 0px 0px; width: 990px; min-height: 100%; }
	
	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; left: 40px; _right: 150px; bottom: 200px; _bottom: 50px; }
	
	div.mitteform div.inhalt 									{ color: #004A99; }
	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: 348px; background: url(/images/design/bg-unten.jpg) no-repeat 22px 0px; margin: 60px 0px 0px 0px; }
	div.untenstartseite 										{ margin: 0px 0px 0px 0px; }
	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten div.innen											{  }
	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.halitosishome									{ font-family: Verdana, sans-serif; position: absolute; left: 55px; top: -125px; width: 839px; height: 106px; background: url(/images/design/halihome.jpg) no-repeat 0px 0px; font-size: 12px; line-height: 16px; }
	div.unten div.halitosishome	a								{ text-decoration: none; }
	div.unten div.halitosishome img.meridolhali					{ position: absolute; left: 262px; top: 32px; }
	div.unten div.halitosishome p.scopri						{ position: absolute; left: 147px; top: 40px; }
	div.unten div.halitosishome p.soluzione						{ position: absolute; left: 147px; top: 60px; }
	div.unten div.halitosishome p.clicca						{ position: absolute; left: 737px; top: 27px; color: #ffffff; }
	div.unten div.halitosishome p.clicca a						{ color: #ffffff; }
	
	div.unten div.halitosis-startseite							{ position: absolute; left: 55px; top: -125px; width: 836px; height: 114px; }
	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/seifarmacista.png) no-repeat 0px 0px; width: 270px; height: 49px; position: absolute; left: 0px; top: 181px; text-decoration: none; }
	div.unten div.innen a.alito									{ cursor: pointer; background: url(/images/design/alito.png) no-repeat 0px 0px; width: 300px; height: 50px; position: absolute; right: 0px; top: 188px; text-decoration: none; }

	div.unten div.innen span.bottomtext							{ font-size: 12px; position: absolute; right: 133px; top: 188px; }
	div.unten div.innen div.newsletter							{ color: #FFFFFF; font-size: 11px; background: url(/images/design/newsletter.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 230px; width: 776px; height: 49px; z-index: 2; }
	div.unten div.innen div.newsletter a						{ text-decoration: none; line-height: 14px; }
	div.unten div.innen div.newsletter span						{ color: #ffffff; text-decoration: none; margin: 20px 0px 0px 50px; display: block; font-size: 12px; }
	div.unten div.innen img.logounten							{ position: absolute; right: 43px; top: 238px; }
	div.unten div.innen div.copyright							{ color: #004a99; font-size: 11px; font-weight: normal; position: absolute; left: 46px; top: 302px; }
	div.unten div.innen div.copyright a							{ color: #004a99; text-decoration: none; }
	div.unten div.innen a.prodby								{ color: #004a99; font-size: 11px; font-weight: normal; position: absolute; right: 45px; top: 302px; text-decoration: none; }
	
	div.startseiteteaser										{ position: relative; margin: 30px 0px 0px 52px; }
	div.startseiteteaser div.teaser								{ float: left; display: inline; width: 217px; height: 144px; margin: 0px 6px 0px 0px; position: relative; }
	div.startseiteteaser div.teaser1							{ background: url(/images/design/bg-teaser-sprechblase.png) no-repeat 0px 0px; }
	div.startseiteteaser div.teaser2							{ background: url(/images/design/bg-teaser-bleistift.png) no-repeat 0px 0px; }
	div.startseiteteaser div.teaser3							{ background: url(/images/design/bg-teaser-rot.png) no-repeat 0px 0px; }
	div.startseiteteaser div.teaser4							{ background: url(/images/design/bg-teaser-rot.png) no-repeat 0px 0px; }
	
	div.startseiteteaser div.teaser a.titel						{ text-decoration: none; position: absolute; left: 32px; top: 23px; color: #004a99; font-size: 22px; line-height: 24px; font-style: italic; display: block; }
	div.startseiteteaser div.teaser a.subheadline				{ font-weight: normal; text-decoration: none; position: absolute; left: 32px; top: 46px; _top: 24px; color: #004a99; font-size: 12px; line-height: 14px; font-style: italic; display: block;  }
	div.startseiteteaser div.teaser p.text						{ font-weight: normal; position: absolute; left: 32px; top: 65px; _top: 28px; color: #878787; font-size: 12px; line-height: 18px; display: block; width: 170px; }
	div.startseiteteaser div.teaser a.leggi						{ font-style: italic; text-decoration: none; background: url(/images/design/bg-leggi.png) no-repeat right 0px; position: absolute; right: 25px; top: 112px; _left:32px;  _top: 20px; _float: left; _display: inline; color: #004a99; font-size: 12px; line-height: 18px; display: block; padding: 0px 27px 0px 0px; }
	div.startseiteteaser div.teaser a:hover						{ color: #878787; }



	
/* Newsletter on page ____________________________________________________ */

	form.newsletteronpage										{ position: absolute; left: 0px; top: 0px; margin: 0px 0px 0px 0px; }
	form.newsletteronpage .colum1								{ display: none; }
	form.newsletteronpage input									{ width: 184px; font-size: 12px; height: 25px; line-height: 25px; position: absolute; left: 566px; top: 15px; color: #8f8f8f; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 4px; border: 0px; background: url(/images/design/bg-input-nl.png) no-repeat 0px 0px; }
	form.newsletteronpage a.newsletterabonnieren				{ color: #FFFFFF; position: absolute; left: 752px; top: 19px; margin: 0px 0px 0px 0px; width: 13px; }

	

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