﻿/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: url(/images/design/bg-bodyrest.jpg) #ffffff no-repeat center 0px; text-align: center; }
	div.body 													{  }
	body.bodyhome												{ background: url(/images/design/bg-bodyhome.jpg) no-repeat center 0px #ffffff; text-align: center; }
	body.bodyhome div.body										{ background-color: transparent; }
	
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #e64418; font-size: 25px; line-height: 30px; font-weight: bold; margin: 12px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #e64418; font-size: 16px; line-height: 20px; margin: 0px 0px 16px 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													{ font-size: 12px; 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 													{ width: 960px; margin: 0 auto; text-align: left; position: relative; }
	
	a.buttonneu													{ color: #ffffff; text-decoration: none; text-transform: uppercase; }
	a.buttonneu:hover											{ color: #222222; }
	a.buttonneu span.links										{ width: 10px; height: 29px; float: left; display: inline; background: url(/images/design/buttonbeginn-orange.png) no-repeat 0px 0px; }
	a.buttonneu span.rechts										{ width: 40px; height: 29px; float: left; display: inline; background: url(/images/design/buttonende-orange.png) no-repeat 0px 0px; }
	a.buttonneu span.mitte										{ font-size: 11px; line-height: 29px; height: 29px; float: left; display: inline; background: url(/images/design/buttonmitte-orange.png) repeat-x 0px 0px; }
	
	a.buttonblau												{ color: #ffffff; text-decoration: none; text-transform: uppercase; }
	a.buttonblau:hover											{ color: #e64519; }
	a.buttonblau span.links										{ width: 10px; height: 29px; float: left; display: inline; background: url(/images/design/buttonbeginn.png) no-repeat 0px 0px; }
	a.buttonblau span.rechts									{ width: 40px; height: 29px; float: left; display: inline; background: url(/images/design/buttonende.png) no-repeat 0px 0px; }
	a.buttonblau span.mitte										{ font-size: 11px; line-height: 29px; height: 29px; float: left; display: inline; background: url(/images/design/buttonmitte.png) repeat-x 0px 0px; }

	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: absolute; left: 0px; top: 0px; width: 960px; height: 234px; z-index: 0; }
	div.obenstartseite											{ height: 227px; width: 960px; }
	
	div.oben a.logo												{ position: absolute; left: 24px; top: 48px; }
	
	div.oben input												{ border: solid 1px #d8d8d8; line-height: 22px; color: #8f8f8f; float: right; display: inline; }
	
	div.oben div.suche											{ position: absolute; right: 45px; top: 96px; font-size: 12px; line-height: 14px; font-family: Arial, sans-serif; }
	div.oben div.suche b										{ font-size: 14px; float: right; display: inline; color: #004c98; display: block; margin: 4px 6px 5px 0px; text-transform: uppercase; font-weight: normal; }
	div.oben div.suche input.input								{ float: right; display: inline; width: 115px; }
	div.oben div.suche a.suchbutton								{ position: absolute; right: -16px; top: 3px; background: url(/images/design/button-oben.gif) no-repeat 0px 0px; width: 7px; height: 14px; text-decoration: none; float: none; margin: 0px 0px 0px 0px !important; }
	
	div.oben div.loginonpage									{ position: absolute; right: 45px; top: 36px; width: 326px; color: #0054a6; font-size: 12px; line-height: 14px; font-family: Arial, sans-serif; }
	div.oben div.loginonpage b									{ font-size: 14px; float: right; display: inline; color: #004c98; display: block; margin: 4px 6px 5px 0px; text-transform: uppercase; font-weight: normal; line-height: 20px; }
	div.oben div.loginonpage form								{ margin: 0px 0px 0px 0px; }
	div.oben div.loginonpage input.login						{ margin: 0px 7px 6px 0px; width: 115px; }
	div.oben div.loginonpage input.pwd							{ margin: 0px 0px 0px 0px; width: 115px; }
	div.oben div.loginonpage input.usermerken					{ margin: 0px 3px 0px 0px; }
	div.oben div.loginonpage label.usermerken					{ font-size: 11px; line-height: 13px; margin: 0px 0px 0px 0px; }
	div.oben div.loginonpage a.loginbutton						{ position: absolute; right: -16px; top: 3px; background: url(/images/design/button-oben.gif) no-repeat 0px 0px; width: 7px; height: 14px; text-decoration: none; float: none; margin: 0px 0px 0px 0px !important; }
	div.oben div.loginonpage a.registrierung					{ color: #e64519; float: right; display: inline; text-decoration: none; margin: 0px 0px 0px 7px; }
	div.oben div.loginonpage a.recupera							{ color: #999999; float: right; display: inline; }
	div.oben div.loginonpage span.noniscritto					{ color: #999999; float: right; display: inline; }
	div.oben div.loginonpage a:hover							{ color: #004c98; }
	
	div.oben div.logout											{ margin: 13px 0px 0px 0px; color: #999999; font-size: 12px; position: absolute; right: 45px; top: 36px; width: 326px; color: #0054a6; font-size: 12px; line-height: 14px; font-family: Arial, sans-serif; }
	div.oben div.logout a										{ text-decoration: none; }
	div.oben div.logout b										{ float: right; display: inline; }
	div.oben div.logout span									{ float: right; display: inline; font-size: 14px; margin: 0px 0px 4px 4px; }
	div.oben div.logout form									{ display: inline; margin: 0px 0px 4px 0px; }
	div.oben div.logout form a.senden							{ margin: 0px 0px 0px 4px !important; line-height: 14px; color: #0054a6; text-decoration: underline; float: right; display: inline; }
	div.oben div.logout span.crediti							{ padding: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #E64519; }

	div.oben div.menu											{ width: 978px; height: 62px; position: absolute; left: -9px; top: 133px; background: url(/images/design/bg-menu.png) no-repeat 0px 0px; }
	div.oben div.menu ul.menu 									{ text-decoration: none; margin: 12px 0px 0px 0px; }
	div.oben div.menu ul.menu li 								{ color: #ffffff; font-style: italic; color: #ffffff; float: left; display: inline; font-size: 20px; line-height: 21px; padding: 6px 0px 0px 0px; }
	div.oben div.menu ul.menu li.erstes							{ }
	div.oben div.menu ul.menu li a 								{ color: #FFFFFF; text-align: center; display: block; padding: 18px 0px 0px 0px; height: 33px; text-decoration: none; }
	div.oben div.menu ul.menu li a:hover 						{  }
	div.oben div.menu ul.menu li.aktiv a,
	div.oben div.menu ul.menu a:hover 							{ color: #1E5B98; height: 33px; }
	div.oben div.menu ul.menu ul								{ display: none; }
	
/*	div.oben div.menu #MenuNews									{ margin: 0px 47px 0px 13px; }
	div.oben div.menu #MenuEventi								{ margin: 0px 49px 0px 58px; }
	div.oben div.menu #MenuTest									{ margin: 0px 53px 0px 57px; }
	div.oben div.menu #MenuECM									{ margin: 0px 40px 0px 55px; }
	div.oben div.menu #MenuDownload								{ margin: 0px 55px 0px 55px; }
	div.oben div.menu #MenuDiconodinoi							{ margin: 0px 0px 0px 40px; }*/
	
	div.oben ul.menu li#MenuNews a								{ width: 148px; position: absolute; left: 5px; top: 0px; display: block; }
	div.oben ul.menu li#MenuNews.aktiv a,
	div.oben ul.menu li#MenuNews a:hover						{ text-indent: -9px; width: 151px; background: url(/images/design/hover-1.png) no-repeat 0px 12px; position: absolute; left: 9px; top: 0px; }
	
	div.oben ul.menu li#MenuEventi a							{ width: 172px; position: absolute; left: 148px; top: 0px; }
	div.oben ul.menu li#MenuEventi.aktiv a,
	div.oben ul.menu li#MenuEventi a:hover						{ width: 184px; background: url(/images/design/hover-2.png) no-repeat 0px 12px; position: absolute; left: 144px; top: 0px; }
	
	div.oben ul.menu li#MenuTest a								{ width: 150px; position: absolute; left: 320px; top: 0px; }
	div.oben ul.menu li#MenuTest.aktiv a,
	div.oben ul.menu li#MenuTest a:hover						{ width: 163px; background: url(/images/design/hover-3.png) no-repeat 0px 12px; position: absolute; left: 314px; top: 0px; }
	
	div.oben ul.menu li#MenuECM a								{ width: 154px; position: absolute; left: 470px; top: 0px; }
	div.oben ul.menu li#MenuECM.aktiv a,
	div.oben ul.menu li#MenuECM a:hover							{ width: 170px; background: url(/images/design/hover-4.png) no-repeat 0px 12px; position: absolute; left: 465px; top: 0px; }
	
	div.oben ul.menu li#MenuDownload a							{ width: 195px; position: absolute; left: 624px; top: 0px; }
	div.oben ul.menu li#MenuDownload.aktiv a,
	div.oben ul.menu li#MenuDownload a:hover					{ width: 208px; background: url(/images/design/hover-5.png) no-repeat 0px 12px; position: absolute; left: 621px; top: 0px; }
		
	div.oben ul.menu li#MenuDiconodinoi a						{ width: 154px; position: absolute; left: 819px; top: 0px; }
	div.oben ul.menu li#MenuDiconodinoi.aktiv a,
	div.oben ul.menu li#MenuDiconodinoi a:hover					{ text-indent: 7px; width: 156px; background: url(/images/design/hover-6.png) no-repeat 0px 12px; position: absolute; left: 815px; top: 0px; }

	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ margin: 212px 0px 0px 0px; min-height: 1px; _height: 1px; height: 670px; overflow: auto; position: relative; z-index: 1; }
	div.mittestartseite											{ margin: 210px 0px 0px 0px; width: 960px; overflow: hidden; height:auto; }
	
	div.mitte div.boxrot										{ position: absolute; left: 720px; top: 0px; width: 200px; }	
	div.mitte div.linkbox										{ font-size: 16px; line-height: 20px; position: absolute; left: 0px; top: 0px; text-transform: none; font-weight: bold; }
	div.mitte div.linkbox a										{ background: url(/images/design/bg-link.png) no-repeat 0px 5px; color: #f04e23; display: block; padding: 0px 0px 0px 14px; text-decoration: none; font-style: normal; }
	

	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ font-family: Arial, sans-serif; margin: 0px 44px 0px 43px; float: left; display: inline; width: 593px; }
	div.inhaltstartseite										{ margin: 0px 0px 0px 0px; width: 100%; }
	div.ecm														{ margin: 0px 8px 0px 20px; width: 805px; overflow: hidden; }
	div.inhaltwide												{ width: 860px; overflow: hidden; }



/* Links _________________________________________________________________ */

	div.links													{ float: left; display: inline; width: 280px; }
	div.links div.farmacista									{ background: url(/images/design/farmacista.png) no-repeat 0px 0px; width: 243px; height: 365px; margin: 0px 0px 0px 31px; }



/* Rechts ________________________________________________________________ */

	div.rechts 													{ float: left; display: inline; width: 218px; margin: 58px 0px 194px 0px; }
	div.rechts ul.menu											{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.rechts ul.menu li										{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechts a												{ margin: 0px 0px 8px 0px; background: url(/images/design/bg-a-rechts.png) no-repeat 0px 0px; color: #1e5b98; font-size: 12px; padding: 0px 0px 0px 18px; display: block; width: 230px; line-height: 62px; height: 62px; text-decoration: none; overflow: hidden; font-weight: bold; }
	div.rechts a:hover											{ color: #E64519; }
	
	div.rechtsnews												{ background: url(/images/design/rechtsnews-mitte.gif) repeat-y 0px 0px; }
	div.rechtsnews div.bgobennews								{ background: url(/images/design/rechtsnews-oben.png) no-repeat 0px 0px; width: 198px; height: 14px; }
	div.rechtsnews div.bguntennews								{ background: url( /images/design/rechtsnews-unten.png) no-repeat 0px 0px; width: 198px; height: 13px; }
	div.rechtsnews a											{ background: url(/images/design/rechtsnews-pfeil.gif) no-repeat 15px 14px; }
	div.rechtsnews a.newsarchiv									{ background: url(/images/design/bg-newsliste.png) no-repeat 0px 0px; }
	


/* Unten _________________________________________________________________ */

	div.unten 													{ width: 960px; margin: 0 auto; }

	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten img.gaba											{ float: right; display: inline; margin: 50px 0px 20px 0px; }
	div.unten div.verlinkung									{ float: left; display: inline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #0054a6; margin: 80px 0px 0px 0px; }
	div.unten div.verlinkung a									{ text-decoration: none; color: #0054a6; }
	div.unten div.verlinkung a:hover							{ color: #E64519; }
	div.unten div.verlinkung a.zeppelin							{ padding: 0px 0px 0px 40px; }



/* Startseite ____________________________________________________________ */

	div.scrollaussen											{ margin: 0px 20px 0px 5px; font-family: Arial, Helvetica, sans-serif; width: 710px; height: 258px; background: url(/images/design/bg-orange.png) no-repeat 0px 23px; position: relative; float: left; display: inline; }
	div.scrollaussen div.scrollgallery							{ position: relative; left: 0px; top: 0px; width: 710px; height: 258px; overflow: hidden; }
	div.scrollaussen div.scrollflache							{ position: relative; left: 0px; top: 0px; width: 15000px; height: 258px; }
	div.scrollaussen div.scrollflache div.galleriediv			{ float: left; width: 710px; height: 258px; overflow: hidden; position: relative; }
	div.scrollaussen div.scrollflache img						{ float: left; margin: 3px 1px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 40px; top: 0px; }
	div.scrollaussen div.scrollflache span.titel				{ font-weight: bold; color: #ffffff; display: block; font-size: 23px; line-height: 27px; position: absolute; left: 340px; top: 74px; width: 300px; }
	div.scrollaussen div.scrollflache div.text					{ color: #ffffff; display: block; font-size: 13px; line-height: 20px; position: absolute; left: 340px; top: 103px; width: 300px; }
	div.scrollaussen div.scrollflache a.buttonblau				{ position: absolute; left: 507px; top: 190px; }
	div.scrollaussen a.back										{ width: 26px; height: 76px; position: absolute; left: 5px; top: 97px; background: url(/images/design/scrollback.png) no-repeat 0px 0px; }
	div.scrollaussen a.vor										{ width: 26px; height: 76px; position: absolute; left: 679px; top: 97px; background: url(/images/design/scrollvor.png) no-repeat 0px 0px; }
	
	div.teaserrechts											{ margin: 11px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; width: 210px; height: 102px; float: left; display: inline; position: relative; }
	div.teaserrechts1											{ margin: 35px 0px 0px 0px; }
	div.teaserrechts a											{ text-decoration: none; cursor: pointer; }
	div.teaserrechts img.teaserbild								{ position: absolute; left: 0px; top: 0px; }
	div.teaserrechts a.titel									{ width: 135px; color: #1e5b98; position: absolute; left: 18px; top: 19px; font-size: 16px; line-height: 22px; font-weight: bold; display: block; }
	div.teaserrechts1 a.titel									{ width: 110px; }
	div.teaserrechts a.titel:hover								{ color: #E64519; }
	div.teaserrechts a.weiter									{ font-size: 11px; line-height: 15px; padding: 0px 15px 0px 0px; color: #E64519; text-transform: uppercase; position: absolute; left: 18px; bottom: 15px; background: url(/images/design/bg-weiter.png) no-repeat right center; }
	div.teaserrechts a.weiter:hover								{ color: #1e5b98; }
	
	div.teaserunten												{ font-family: Arial, Helvetica, sans-serif; float: left; display: inline; position: relative; margin: 16px 0px 0px 1px; width: 239px; height: 110px; }
	div.teaserunten a.titel										{ text-decoration: none; width: 105px; color: #1e5b98; position: absolute; left: 91px; top: 33px; font-size: 16px; line-height: 22px; font-weight: bold; display: block; }
	div.teaserunten a.titel:hover								{ color: #E64519; }
	div.teaserunten1 a.titel									{ position: absolute; left: 99px; top: 33px; width: 110px; }
	div.teaserunten3 a.titel									{ position: absolute; left: 102px; top: 48px; width: 110px; }
	div.teaserunten4 a.titel									{ position: absolute; left: 102px; top: 33px; width: 110px; }
	div.teaserunten img.teaserbild								{ position: absolute; left: 0px; top: 0px; }
	div.teaserunten a.weiter									{ display: block; width: 16px; height: 24px; position: absolute; right: 17px; top: 48px; background: url(/images/design/bg-weiter-unten.png) no-repeat right center; }

	

/* 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: #4182C1; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; }

	#htmlContainer												{ background-color: #4182C1; padding: 10px 10px 10px 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: #4182C1; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; }

	#Data														{ padding: 0px 10px; color: #666666; }
	#Data #bottomNav											{ height: 40px; }
	#Data #bottomNavClose										{ background: transparent !important; text-align: center; padding-bottom: 0.4em; }
	
	#myhtmloverlay												{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
	
	div.iframe													{ text-align: left; width: 402px; overflow: hidden;  }
	div.iframe div.textlightbox									{ padding: 0px 15px 15px 15px; text-align: justify; }
	div.iframe div.textlightbox table							{ font-size: 12px; line-height: 16px; }
	div.iframe div.imglightbox									{ margin: 0 auto; width: 120px; }



/* __________________________________________________________________ Ende */


