@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background-color: #676767; text-align: center; }
	div.rahmen 									{ width: 976px; background: #676767; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ height: 425px; position: relative; background: url(/images/design/bg-schatten.gif) repeat-y; margin: 40px 0px 0px 0px; }
	div.oben a.logo								{ position: absolute; left: -18px; top: 328px; z-index: 30; }
	div.oben a.details							{ position: absolute; color: #FFFFFF; left: 110px; top: 312px; z-index: 40;}
	div.oben img.details						{ position: absolute; left: 8px; top: 313px; z-index: 20;}
	div.oben div.flash							{ position: absolute; left: 8px; top: 45px; width: 960px; height: 375px; }
	div.oben div.start							{ position: absolute; left: -18px; top: 235px; z-index: 10; }
	
	div.oben div.sprache						{ position: absolute; right: 5px; top: -29px; height: 29px; width: 174px; color: #999999; background: url(/images/design/bg-sprache.gif) no-repeat; }
	div.oben div.sprache span a					{ font-family: Arial; color: #999999; line-height: 29px; font-size: 10px; text-transform: lowercase; vertical-align: middle; margin: 0px 0px 0px 3px; }
	div.oben div.sprache a						{ font-family: Arial; color: #999999; line-height: 29px; font-size: 10px; vertical-align: middle; margin: 0px 0px 0px 7px; }
	div.oben div.sprache a.aktiv				{ color: #333333; }

	div.oben ul.menu 							{ font-weight: bold; position: absolute; left: 8px; top: 23px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 22px; width: 100%; text-transform: uppercase; }
	
	div.oben ul.menu li.hotel					{ width: 158px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #64613B; }
	div.oben ul.menu li.hotel ul				{ background-color: #64613B; float: left; }
	div.oben ul.menu li.hotel a					{ color: #C8C2AE; vertical-align: middle; text-align: center; }
	
	div.oben ul.menu li.prezzi 					{ width: 158px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #58563E; }
	div.oben ul.menu li.prezzi ul				{ background-color: #58563E; float: left; }
	div.oben ul.menu li.prezzi a				{ color: #C8C2AE; vertical-align: middle; text-align: center; }
	
	div.oben ul.menu li.famiglia 				{ width: 160px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #C8C2AE; }
	div.oben ul.menu li.famiglia ul				{ background-color: #C8C2AE; float: left; }
	div.oben ul.menu li.famiglia a 				{ color: #666633; vertical-align: middle; text-align: center; }
	
	div.oben ul.menu li.estive 					{ width: 158px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #EE7F01; }
	div.oben ul.menu li.estive ul				{ background-color: #EE7F01; float: right; }
	div.oben ul.menu li.estive a 				{ color: #FFFFFF; vertical-align: middle; text-align: center; }
	
	div.oben ul.menu li.invernali 				{ width: 158px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #64613B; }
	div.oben ul.menu li.invernali ul			{ background-color: #64613B; float: right; }
	div.oben ul.menu li.invernali a 			{ color: #C8C2AE; vertical-align: middle; text-align: center; }
	
	div.oben ul.menu li.dolomiti				{ width: 168px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #58563E; }
	div.oben ul.menu li.dolomiti ul				{ background-color: #58563E; float: right; }
	div.oben ul.menu li.dolomiti a				{ color: #C8C2AE; vertical-align: middle; text-align: center; }
	
	div.oben ul.menu li a 						{ display: block; height: 22px; line-height: 22px; padding: 0px 10px 0px 0px; }
	div.oben ul.menu li a:hover 				{ background: url(/images/design/bg-pfeil.gif) no-repeat 145px 7px; }
	div.oben ul.menu li.dolomiti a:hover		{ background: url(/images/design/bg-pfeil.gif) no-repeat 155px 7px; }
	div.oben ul.menu li.aktiv a					{ color: #333333; }
	div.oben ul.menu a:hover 					{  }
	
	div.oben ul.menu ul.hotelaktiv	 				{ display: inline; position: absolute; left: 0px; top: 26px; _width: 306px; font-size: 10px; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 25px 6px 45px; }
	div.oben ul.menu ul.prezzieofferteaktiv			{ display: inline; position: absolute; left: 0px; top: 26px; _width: 476px; font-size: 10px; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 70px 6px 87px; _padding: 6px 0px 6px 75px; }
	div.oben ul.menu ul.vacanzaperfamiglieaktiv		{ display: inline; position: absolute; left: 0px; top: 26px; _width: 476px; font-size: 10px; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 70px 6px 84px; _padding: 6px 0px 6px 75px; }
	div.oben ul.menu ul.vacanzaperfamiglieaktiv li 	{ float: left; display: inline; border-left: solid 1px #666633; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; }
	div.oben ul.menu ul.attivitaestiveaktiv			{ display: inline; position: absolute; left: 316px; right: 16px; top: 26px; _width: 644px; font-size: 10px; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 70px; }
	div.oben ul.menu ul.attivitainvernaliaktiv		{ display: inline; position: absolute; left: 0px; right: 16px; top: 26px; _width: 960px; font-size: 10px; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 50px; }
	div.oben ul.menu ul.vacanzesulledolomitiaktiv	{ display: inline; position: absolute; left: 476px; right: 16px; top: 26px; _width: 484px; font-size: 10px; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 40px; }
	
	div.oben ul.menu ul li 						{ float: left; display: inline; border-left: solid 1px #C8C2AE; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; }
	div.oben ul.menu ul li.erstes 				{ border: 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu ul li.aktiv a 				{ color: #333333; }
	div.oben ul.menu ul li a	 				{ float: left; display: inline; height: 10px; line-height: 10px; padding: 0px 6px 0px 6px; margin: 0px 0px 0px 0px; }
	div.oben ul.menu ul li a:hover 				{ background: none; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ position: relative; background: url(/images/design/bg-schatten.gif) repeat-y; min-height: 292px; _height: 292px; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 483px; background: url(/images/design/bg-schatten-links.gif) repeat-y; }
	div.text 									{ float: left; display: inline; margin: 11px 40px 0px 50px; padding: 0px 0px 72px 0px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ position: relative; float: left; display: inline; width: 485px; }
	div.rechts div.rechtsfix					{  }
	
	div.rechtsoben 								{ position: absolute; left: 0px; top: -22px; display: inline; width: 485px; height: 153px; }
	
	div.rechtsoben div.vacanza					{ position: relative; float: left; display: inline; width: 106px; height: 153px; background-color: #C8C2AE; }
	div.rechtsoben div.vacanza ul				{ position: absolute; left: 20px; top: 60px; z-index: 7; line-height: 12px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechtsoben div.vacanza li a				{ text-transform: uppercase; color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechtsoben div.vacanza li a:hover		{ color: #0E0E0E; }
	div.rechtsoben div.vacanza li a.aktiv		{ font-weight: bold; }
	
	div.rechtsoben div.offerta					{ position: relative; float: left; display: inline; width: 211px; height: 153px; background-color: #96916A; }
	div.rechtsoben div.offerta img				{ position: absolute; right: 0px; bottom: 0px; }
	
	div.rechtsoben div.offerta div.container	{ width: 147px; height: 106px; margin: 7px 0px 0px 44px; }
	div.rechtsoben div.offerta div.container h3	{ font-size: 12px; color: #FFFFFF; margin: 0px 0px 4px 0px; }
	div.offerta div.container span				{ font-size: 11px; color: #C8C2AE; float: left; margin: 0px 0px 0px 0px; }
	div.rechtsoben div.offerta div.container p	{ font-size: 11px; color: #C8C2AE; margin: 25px 5px 0px 0px; padding: 0px 0px 0px 0px; }
	div.offerta div.container a.dettagli		{ position: absolute; right: 108px; bottom: 0px; _position: absolute; _right: 112px; _bottom: -16px; color: #FFFFFF; }
	
	div.rechtsoben div.offerta img.offerta		{ position: absolute; right: 2px; bottom: 17px; }
	div.rechtsoben div.offerta a.tutteofferte	{ position: absolute; right: 36px; bottom: 0px; color: #FFFFFF; }
	
	div.rechtsoben div.richiesta				{ position: relative; float: left; display: inline; width: 168px; height: 153px; background-color: #C8C2AE; }
	div.rechtsoben div.richiesta img.richiesta	{ position: absolute; right: 2px; top: 17px; }
	
	div.richiesta div.senden					{ position: absolute; left: 21px; top: 26px; width: 168px; height: 125px; vertical-align: middle; z-index: 10; }	
	div.senden form select.datumday 			{ width: 36px; height: 14px; font-size: 11px; _font-size: 9px; color: #000000; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.senden form select.datummonth 			{ width: 36px; height: 14px; font-size: 11px; _font-size: 9px; color: #000000; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.senden form select.datumyear 			{ width: 50px; height: 14px; font-size: 11px; _font-size: 9px; color: #000000; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; }
	div.senden form select.standard				{ width: 132px; height: 14px; font-size: 11px; _font-size: 9px; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.senden form .senden						{ margin: 2px 21px 0px 0px; background: #EE7F01; color: #FFFFFF; font-size: 11px; width: 69px; height: 16px; line-height: 16px; float: right; display: inline; text-align: center; text-transform: lowercase; }
	div.senden form .senden:hover 				{ color: #343434; }
	div.senden div.links						{ position: absolute; left: 61px; bottom: -1px; height: 16px; background-color: #EE7F01; padding: 0px 0px 0px 7px; }
	div.senden div.links a.button				{ cursor: pointer; float: left; display: inline; border: solid 0px #000000; background: url(/images/design/pfeil-rauf.gif) no-repeat left 3px #EE7F01; color: #FFFFFF; line-height: 12px; width: 60px; text-align: center; text-transform: lowercase; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 4px; }
	
	div.rechtsunten								{ position: absolute; left: 0px; top: 139px; display: inline; width: 485px; height: 153px; margin: 0px 0px 0px 0px; }
	div.rechtsunten div.imagini					{ float: left; display: inline; width: 317px; height: 153px; background-color: #FFFFFF; }
	
	div.rechtsunten div.info					{ position: relative; float: left; display: inline; width: 168px; height: 153px; background: #C8C2AE; }
	div.rechtsunten div.info ul.menuinfo		{ position: absolute; left: 20px; top: 15px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechtsunten div.info ul.menuinfo li		{ text-transform: uppercase; color: #666666; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.info ul.menuinfo li a					{ text-transform: uppercase; color: #666666; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.info ul.menuinfo li a:hover				{ color: #0E0E0E; }
	div.info ul.menuinfo li.aktiv a				{ font-weight: bold; }
	div.rechtsunten div.info img.info			{ position: absolute; left: 0px; bottom: 0px; }
	div.rechtsunten div.info img.schrift		{ position: absolute; right: 2px; bottom: 4px; }
	
	div.rechtsmitte								{ position: absolute; left: 0px; top: 130px; display: inline; width: 493px; height: 9px; z-index: 10; }



/* Unten _________________________________________________________________ */

	div.unten 									{ position: relative; clear: both; font-family: Arial, Helvetica, sans-serif; color: #999999; line-height: 16px; font-size: 11px; text-decoration: none; }
	div.unten img.schatten						{ position: absolute; left: 0px; top: 0px; }
	div.unten a									{ color: #999999; }
	div.unten a img								{ vertical-align: text-bottom; }
	div.unten div.daten							{ position: absolute; left: 3px; top: 12px; background: url(/images/design/bg-daten.gif) no-repeat; width: 973px; height: 28px; z-index: 10; }
	
	div.dateninhalt								{ vertical-align: middle; line-height: 24px; margin: 0px 0px 0px 48px; }
	
	div.unten span								{ position: absolute; right: 8px; top: 43px; }
	div.unten span a							{ margin: 0px 0px 0px 10px; }
	
	
	div.unten div.banner						{ position: absolute; left: 50px; top: -61px; border: solid 1px #CCCCCC; background-color: #FFFFFF; width: 256px; _width: 280px; height: 52px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.banner img.sudtirol			{ display: inline; float: left; width: 72px; border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.banner img.vigil				{ display: inline; float: left; width: 96px; border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.banner img.dolomiti			{ display: inline; float: left; width: 88px; border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



/* 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; 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: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



/* __________________________________________________________________ Ende */