﻿/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: #ffffff; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #008bc3; font-size: 20px; line-height: 24px; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #008bc3; 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 4px 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 													{ position: relative; width: 1200px; margin: 0 auto; text-align: left; }
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: absolute; left: 120px; top: 0px; width: 980px; height: 142px; background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; }

	div.oben ul.menu 											{ background: url(/images/design/menu.png); position: absolute; left: 278px; top: 0px; width: 717px; height: 73px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 10; }
	div.oben ul.menu li 										{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -50000px; }
	div.oben ul.menu li a 										{ display: block; height: 52px; line-height: 52px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a:hover									{ border-bottom: solid 6px #018cc3; }
	div.oben ul.menu li.aktiv a									{ border-bottom: solid 6px #018cc3; }
	
	div.oben ul.menu ul 										{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; _width: 149px; }
	div.oben ul.menu ul li 										{ display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
	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	 								{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }
	
	#MenuLocalitaMappa a										{ margin: 0px 0px 0px 14px; width: 112px; }	
	#MenuProgetto a												{ margin: 0px 0px 0px 5px; width: 122px; }	
	#MenuUnitaabitative a										{ margin: 0px 0px 0px 5px; width: 168px; }
	#Menuchicostruisce a										{ margin: 0px 0px 0px 5px; width: 161px; }
	#MenuContatti a												{ margin: 0px 0px 0px 5px; width: 105px; }
	
	div.oben div.boxrechts										{ width: 227px; height: 70px; background-color: #ececec; position: absolute; left: 731px; top: 72px; }
	div.oben div.boxrechts img.textpreis						{ margin: 33px 0px 0px 17px; }
	div.oben div.boxrechts img.helmoben							{ margin: 0px 0px 0px 166px; }


	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ margin: 142px 0px 0px 120px; width: 990px; background: url(/images/design/bg-mitte.png) repeat-y -4px 0px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 206px; margin: 0px 0px 0px -734px; }
	div.links div.cmblinks										{ width: 194px; height: 69px; border-bottom: solid 1px #cecece; margin: 0px 0px 0px 11px; }
	div.links div.cmblinks img									{ margin: 15px 0px 0px 50px; }
	div.links div.infoetelefono									{ width: 194px; height: 102px; border-bottom: solid 1px #cecece; margin: 0px 0px 0px 11px; }
	div.links div.infoetelefono img								{ margin: 19px 0px 0px 40px; }

	div.links div.buttonslinks img								{ float: left; display: inline; }
	div.links div.buttonslinks img.buttonformula				{ margin: 18px 0px 0px 26px; }
	div.links div.buttonslinks img.buttoninvesti				{ margin: 18px 0px 0px 0px; }
	div.links div.buttonslinks img.buttondownload				{ margin: 0px 0px 0px 24px; }
	div.links div.buttonslinks img.buttonlampe					{ margin: 13px 0px 0px 12px; }
	div.links div.buttonslinks img.button100					{ margin: 13px 0px 0px 0px; }
	
	div.links div.bildrandlinks									{ position: absolute; left: 322px; bottom: 120px; background: url(/images/design/randlinks.gif) no-repeat 0px 0px; height: 429px; }
	
	div.links ul.menu 											{ list-style-type: none; margin: 30px 8px 0px 9px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li 										{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li a 										{ background: #940F13; color: #FFFFFF; display: block; margin: 0px 0px 5px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menu li.aktiv a 								{ background: #000000; font-weight: bold; }
	div.links ul.menu li a:hover 								{ background: #000000; font-weight: bold; }
	
	div.links ul.menu ul 										{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	div.links ul.menu ul li 									{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menu ul li a 									{ background-color: transparent; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.links ul.menu ul li.aktiv 								{  }	
	div.links ul.menu ul li.aktiv a,			
	div.links ul.menu ul li a:hover								{ font-weight: bold; }
	
	div.links a.boxvideo										{ cursor: pointer; background: url(/images/design/bg-video.jpg) no-repeat 0px 0px; width: 168px; height: 126px; display: block; margin: 20px 0px 0px 20px; text-decoration: none; }
	div.links img.lottodue										{ cursor: pointer; display: block; margin: 20px 0px 0px 55px; text-decoration: none; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 0px 0px 140px 206px; float: left; display: inline; width: 525px; overflow: hidden; }
	div.content													{ margin: 0px 0px 0px 25px; width: 475px; min-height: 460px; _height: 460px; }



/* Rechts ________________________________________________________________ */

	div.rechts 													{ float: left; display: inline; width: 250px; }
	div.rechts img.richiestarechts								{ margin: 0px 0px 0px 0px; }
	div.rechts div.anfrageonpage								{ color: #525252; background: url(/images/design/bg-rechts-formular.png) #ececec; width: 227px; font-size: 11px; line-height: 16px; }
	div.rechts div.anfrageonpage div.formonpage					{ padding: 10px 0px 0px 11px; }
	div.rechts div.anfrageonpage form							{ }
	div.rechts div.anfrageonpage form input						{ width: 203px; border: solid 1px #e2e2e2; background: url(/images/design/bg-formonpage.gif) repeat-x; margin: 1px 0px 5px 1px; font-size: 11px; line-height: 16px; }
	div.rechts div.anfrageonpage form input.checkbox			{ width: 12px; }
	div.rechts div.anfrageonpage form textarea					{ width: 203px; border: solid 1px #e2e2e2; background: url(/images/design/bf-formonpage-textarea.gif) repeat-x; height: 120px; margin: 1px 0px 5px 1px; font-size: 11px; line-height: 16px; }
	div.rechts div.anfrageonpage form label.standard			{ font-weight: bold; }
	div.rechts div.anfrageonpage form label.checkbox			{ font-weight: bold; }
	div.rechts div.anfrageonpage form div.checkboxwidth	label	{ width: 80px; font-weight: bold; }
	div.rechts div.anfrageonpage form a.senden					{ margin: 7px 0px 0px 0px; float: left; }
	#AnfrageOnpagePrivacytext									{ height: 62px; }
	div.rechts div.anfrageonpage span.copyrightrechts			{ color: #4db3dc; font-size: 13px; margin: 28px 0px 44px 10px; display: block; padding: 0px 0px 2px 0px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ position: relative; clear: both; margin: 0px 0px 0px 0px; }
	div.unten img												{ float: left; display: inline; }
	div.unten img.metro											{ margin: -140px 0px 0px 22px; }
	div.unten img.adresseunten									{ margin: -44px 0px 0px 0px; _margin: -44px 0px 0px -3px; }
	
	div.rahmenunten												{ position: relative; width: 1200px; margin: 0 auto; text-align: left; }
	
	div.zeppelin 												{ float: right; margin: 6px 100px 10px 0px; }
	div.zeppelin span.zeppelin									{ font-size: 12px; text-decoration: none; float: right; display: inline; color: #968D8D; }
	div.zeppelin span.zeppelin a								{ color: #968D8D; text-decoration: none; }
	div.zeppelin span.zeppelin a img							{ margin: 3px 0px 0px 3px; vertical-align: text-bottom; text-decoration: none; }
	
	div.asterisco												{ text-align: left; line-height: 12px; width: 760px; font-size: 10px; margin: 0px 0px 0px 60px; float: left; display: inline; }
	div.asterisco span											{  }



/* Startseite ____________________________________________________________ */

	div.rahmenstart 											{ position: relative; width: 1200px; margin: 0 auto; text-align: left; background: url(/images/design/hpunten-bg.png) repeat-x 0px bottom; }
	
	div.obenstart 												{ position: absolute; left: 100px; top: 0px; width: 1000px; height: 170px; background: url(/images/design/bg-obenstart.gif) no-repeat 0px 0px; }
	div.obenstart div.logo										{ position: absolute; left: 2px; top: 0px; width: 264px; height: 141px; background-color: #c9e9f8; }
	div.obenstart div.logo a									{ margin: 0px 0px 0px 0px; }
	
	div.obenstart ul.menu 										{ background: url(/images/design/menu.png); position: absolute; left: 278px; top: 0px; width: 717px; height: 73px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 10; }
	div.obenstart ul.menu li 									{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -50000px; }
	div.obenstart ul.menu li a 									{ display: block; height: 52px; line-height: 52px; padding: 0px 0px 0px 0px; }
	div.obenstart ul.menu li a:hover							{ border-bottom: solid 6px #018cc3; }
	div.obenstart ul.menu li.aktiv a							{ border-bottom: solid 6px #018cc3; }
	
	div.obenstart img.lotto2									{ position: absolute; right: 40px; top: 140px; }
	
	div.mittestart div.flash									{ margin: 0px 0px 0px 0px; float: left; display: inline; height: 362px; }
	
	div.mittestart												{ margin: 170px 100px 0px 100px; position: relative; height: 677px; }
	div.mittestart span.sponsor									{ position: absolute; left: 75px; top:480px; font-size: 12px; color: #000000; }
	div.mittestart img.lotto2									{ position: absolute; left: 430px; top:500px; }
	div.mittestart img.fiera									{ position: absolute; left: 192px; top:475px; }
	div.mittestart div.randlinks								{ float: left; display: inline; background: url(/images/design/home-randlinks.gif) no-repeat 0px 0px; height: 362px; width: 5px; margin: 0px 15px 0px 0px; }
	div.mittestart div.randrechts								{ margin: 0px 0px 0px 17px; float: left; display: inline; background: url(/images/design/home-randrechts.gif) no-repeat 0px 0px; width: 6px; height: 362px; }
	div.mittestart div.icons a img								{ margin: 2px 0px 0px 0px; display: inline; }
	div.mittestart div.icons a.erstes							{ margin: 0px 0px 0px 40px; }
	div.mittestart div.icons a.cursornormal						{ cursor: default; }
	div.mittestart div.icons a									{ float: left; display: inline; }
	div.mittestart div.icons 									{ background: url(/images/design/bg-icons.png) no-repeat 0px 0px; width: 1000px; height: 120px; }
	div.mittestart div.bgmittehome 								{ background: url(/images/design/bg-homemitte.png) repeat-y; width: 1000px; height: 275px; }
	div.rahmenstart img.untenlinks 								{ position: absolute; left: 0px; bottom: 0px; }
	div.rahmenstart img.untenrechts 							{ position: absolute; left: 479px; bottom: 0px; }
	div.rahmenstart img.untenmitte 								{ position: absolute; left: 661px; bottom: 96px; }
	div.rahmenstart img.untenrechtshelm							{ position: absolute; left: 1011px; bottom: 210px; }
	div.rahmenstart div.adresse									{ position: absolute; left: 200px; bottom: 7px; font-size: 12px; }

	div.overlaybild												{ position: absolute; left: 0px; top: 0px;	width: 100%; z-index: 90; }
	
/*	#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 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: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#Data														{ padding: 0px 10px; color: #666666; }
	#Data #bottomNav											{ height: 40px; }
	#Data #bottomNavClose										{ background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; }
	
	#myhtmloverlay												{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
*/
	


/* 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 */


