@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: url(/images/design/bg-all.gif) repeat #AFBB33; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	div.rahmen 													{ position: relative; width: 970px; margin: 0 auto; text-align: left; z-index: 30; }
	div.aussen 													{ text-align: center; height: 624px; position: relative; margin: 0 auto; overflow: hidden; z-index: 0; }
	div.aussen div.flash 										{ width: 1200px; height: 624px; position: absolute; left: 50%; top: 0px; margin: 0px 0px 0px -600px; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ width: 970px; height: 514px; position: relative; margin: -624px 0px 0px 0px; }

	div.oben div.slogan											{ position: absolute; right: 0px; top: -278px; width: 315px; height: 66px; background-color: #A3B10E; z-index: 50; }
	div.oben div.slogan	div.slogantext							{ margin: 29px 0px 0px 26px; }
	
	div.oben div.gras											{ position: absolute; left: 0px; bottom: 144px; width: 970px; height: 34px; z-index: 100; }
	
	div.oben div.boxoben										{ position: absolute; left: 0px; top: 308px; width: 970px; height: 206px; background-color: #FAF9E7; position: relative; }
	div.oben div.boxoben a.logo									{ position: absolute; left: 30px; bottom: 48px; }
	div.oben div.boxoben div.sprache							{ position: absolute; left: 19px; bottom: 4px; }
	div.oben div.boxoben div.sprache a							{ color: #707168; font-size: 11px; }
	div.oben div.boxoben div.sprache a:hover					{ color: #A3B10E; }
	
	.bildrahmen 																	{ position: relative; left: 316px; top: 87px; width: 605px; height: 109px; overflow: hidden; }
	.bildflache 																	{ position: relative; left: 0px; top: 0px; width: 3200px; height: 109px; }
	div.bildflache div.angebot														{ float: left; width: 286px; height: 109px; overflow: hidden; position: relative; background: url(/images/design/bg-angebot-background.gif) no-repeat 0px 20px; margin: 0px 33px 0px 0px; }
	div.bildflache div.angebot a img												{ margin: 0px 0px 0px 17px; }
	div.bildflache div.angebot span.buttonlinks										{ position: absolute; right: 10px; bottom: 0px; float: left; display: inline; background: url(/images/design/bg-button-links.png) no-repeat left 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 6px; z-index: 50; }
	div.bildflache div.angebot span.buttonlinks span.buttonrechts					{ float: left; display: inline; background: url(/images/design/bg-button-rechts.png) no-repeat right 0px; margin: 0px 0px 0px 0px; padding: 0px 8px 0px 0px; }
	div.bildflache div.angebot span.buttonlinks span.buttonrechts a.detail			{ float: left; display: inline; background: url(/images/design/bg-button.png) repeat-x 0px 0px; color: #FFFFFF; font-size: 11px; line-height: 22px; height: 24px; }
	div.bildflache div.angebot span.buttonlinks span.buttonrechts a.detail:hover	{ color: #A3B10E; }
	div.bildflache div.angebot b a													{ position: absolute; left: 132px; top: 0px; width: 154px; height: 18px; overflow: hidden; line-height: 18px; color: #1E5D44; font-size: 12px; }
	div.bildflache div.angebot div.zeitraum											{ position: absolute; left: 132px; top: 21px; line-height: 19px; color: #FFFFFF; font-size: 12px; }
	div.bildflache div.angebot p													{ position: absolute; left: 132px; top: 41px; line-height: 19px; color: #FFFFFF; font-size: 12px; }
	div.bildflache div.angebot p b.preis											{ color: #FFFFFF; font-size: 18px; font-weight: normal; }
	div.bildflache div.angebot span.properson										{ position: absolute; left: 132px; top: 64px; color: #FFFFFF; font-size: 12px; }
	div.scrollbutton																{ position: absolute; right: 17px; top: 106px; width: 22px; _width: 28px; height: 75px; z-index: 50; }
	div.scrollbutton a.vorher img													{ float: left; display: inline; margin: 0px 2px 0px 0px; }
	div.scrollbutton a.nachher img													{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	
	div.menu													{ position: absolute; left: 0px; top: 278px; width: 970px; height: 72px; z-index: 50; }
	div.menu ul.menu 											{ z-index: 100; position: absolute; left: 19px; top: 0px; list-style-type: none; width: 951px; height: 72px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.menu ul.menu li 										{ position: relative; background: none; height: 72px; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.menu ul.menu li a 										{ display: block; width: 100%; height: 72px; text-indent: -15000px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	#TopHotel a													{ width: 151px; background-position: 0px 0px; margin: 0px 0px 0px 0px; }
	#TopHotel a:hover											{ background-position: 0px -72px; margin: 0px 0px 0px 0px; }
	#TopHotel.aktiv a											{ background-position: 0px -144px; margin: 0px 0px 0px 0px; }
	#TopHotel.aktiv a:hover										{ background-position: 0px -144px; margin: 0px 0px 0px 0px; }
	#TopHotel ul												{ display: none; }
	
	#TopPreiseAngebote a										{ width: 196px; background-position: -151px 0px; margin: 0px 0px 0px 0px; }
	#TopPreiseAngebote a:hover									{ background-position: -151px -72px; margin: 0px 0px 0px 0px; }
	#TopPreiseAngebote.aktiv a									{ background-position: -151px -144px; margin: 0px 0px 0px 0px; }
	#TopPreiseAngebote.aktiv a:hover							{ background-position: -151px -144px; margin: 0px 0px 0px 0px; }
	#TopPreiseAngebote ul										{ display: none; }
	
	#TopWellnessErholung a										{ width: 138px; background-position: -347px 0px; margin: 0px 0px 0px 0px; }
	#TopWellnessErholung a:hover								{ background-position: -347px -72px; margin: 0px 0px 0px 0px; }
	#TopWellnessErholung.aktiv a								{ background-position: -347px -144px; margin: 0px 0px 0px 0px; }
	#TopWellnessErholung.aktiv a:hover							{ background-position: -347px -144px; margin: 0px 0px 0px 0px; }
	#TopWellnessErholung ul										{ display: none; }
	
	#TopGourmet a												{ width: 126px; background-position: -485px 0px; margin: 0px 0px 0px 0px; }
	#TopGourmet a:hover											{ background-position: -485px -72px; margin: 0px 0px 0px 0px; }
	#TopGourmet.aktiv a											{ background-position: -485px -144px; margin: 0px 0px 0px 0px; }
	#TopGourmet.aktiv a:hover									{ background-position: -485px -144px; margin: 0px 0px 0px 0px; }
	#TopGourmet ul												{ display: none; }
	
	#TopSommerAktiv a											{ width: 170px; background-position: -611px 0px; margin: 0px 0px 0px 0px; }
	#TopSommerAktiv a:hover										{ background-position: -611px -72px; margin: 0px 0px 0px 0px; }
	#TopSommerAktiv.aktiv a										{ background-position: -611px -144px; margin: 0px 0px 0px 0px; }
	#TopSommerAktiv.aktiv a:hover								{ background-position: -611px -144px; margin: 0px 0px 0px 0px; }
	#TopSommerAktiv ul											{ display: none; }
	
	#TopWinterAktiv a											{ width: 170px; background-position: -781px 0px; margin: 0px 0px 0px 0px; }
	#TopWinterAktiv a:hover										{ background-position: -781px -72px; margin: 0px 0px 0px 0px; }
	#TopWinterAktiv.aktiv a										{ background-position: -781px -144px; margin: 0px 0px 0px 0px; }
	#TopWinterAktiv.aktiv a:hover								{ background-position: -781px -144px; margin: 0px 0px 0px 0px; }
	#TopWinterAktiv ul											{ display: none; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ clear: both; position: relative; width: 970px; background-color: #FAF9E7; margin: 24px 0px 33px 0px; padding: 0px 0px 27px 0px; }
	

	
/* Startseite ____________________________________________________________ */	
	
	div.mitte div.startseiteintro								{ float: left; display: inline; width: 620px; margin: 20px 0px 0px 20px; }
	
	div.mitte div.anfrageonpagestart									{ float: right; display: inline; margin: 20px 20px 0px 0px; background: url(/images/design/bg-anfrage-onpage.gif) no-repeat 0px 0px; position: relative; font-size: 11px; width: 297px; height: 142px; }
	div.mitte div.anfrageonpagestart select								{ font-size: 11px; line-height: 22px; }
	div.mitte div.anfrageonpagestart div.formularlinks					{ width: 130px; float: left; display: inline; margin: 0px 0px 0px 10px; }
	div.mitte div.anfrageonpagestart div.formularlinks #bp_from_day		{ width: 37px; }
	div.mitte div.anfrageonpagestart div.formularlinks #bp_from_month	{ width: 37px; }
	div.mitte div.anfrageonpagestart div.formularlinks #bp_from_year	{ width: 50px; }
	div.mitte div.anfrageonpagestart div.formularlinks #typ				{ width: 130px; }
	
	div.mitte div.anfrageonpagestart div.formularrechts														{ width: 130px; float: right; display: inline; margin: 0px 12px 0px 0px; }
	div.mitte div.anfrageonpagestart div.formularrechts #bp_to_day											{ width: 37px; }
	div.mitte div.anfrageonpagestart div.formularrechts #bp_to_month										{ width: 37px; }
	div.mitte div.anfrageonpagestart div.formularrechts #bp_to_year											{ width: 50px; }
	div.mitte div.anfrageonpagestart div.formularrechts span.buttonlinks									{ position: absolute; left: 155px; top: 86px; }
	div.mitte div.anfrageonpagestart div.formularrechts span.buttonlinks2									{ position: absolute; left: 155px; top: 111px; }
	div.mitte div.anfrageonpagestart div.formularrechts span.buttonlinks span.buttonrechts a.anfragen		{ float: left; display: inline; background: url(/images/design/bg-button.png) repeat-x 0px 0px; color: #FFFFFF; font-size: 11px; line-height: 22px; }
	div.mitte div.anfrageonpagestart div.formularrechts span.buttonlinks span.buttonrechts a.anfragen:hover	{ color: #A3B10E; }
	div.mitte div.anfrageonpagestart div.formularrechts span.buttonlinks2 span.buttonrechts a.buchen		{ float: left; display: inline; white-space: nowrap; background: url(/images/design/bg-button.png) repeat-x 0px 0px; color: #FFFFFF; font-size: 11px; line-height: 22px; }
	div.mitte div.anfrageonpagestart div.formularrechts span.buttonlinks2 span.buttonrechts a.buchen:hover	{ color: #A3B10E; }
	
	
	
	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 294px; position: relative; margin: 0px 24px 0px 21px; }

	div.links div.untermenuhead									{ margin: 20px 0px 0px 0px; }
	
	div.links ul.untermenu										{ width: 278px; list-style-type: none; margin: 15px 0px 43px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.untermenu li									{ width: 233px; border-bottom: solid 1px #E2E3E1; background: url(/images/design/bg-aufzahlung.gif) no-repeat 15px 9px; height: 29px; line-height: 29px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 45px; }
	div.links ul.untermenu li a									{ color: #1E5D44; }
	div.links ul.untermenu li a:hover							{ color: #A3B10E; }
	div.links ul.untermenu li.aktiv a							{ color: #A3B10E; }
	
	div.links div.anfrageonpage									{ background: url(/images/design/bg-anfrage-onpage.gif) no-repeat 0px 0px; position: relative; font-size: 11px; width: 297px; height: 142px; }
	div.links div.anfrageonpage div.headapionpage				{ margin: 0px 0px 0px 8px; padding: 4px 0px 0px 0px; }
	
	div.links div.anfrageonpage	select								{ font-size: 11px; line-height: 22px; }
	div.links div.anfrageonpage div.formularlinks					{ width: 128px; float: left; display: inline; margin: 0px 0px 0px 10px; }
	div.links div.anfrageonpage div.formularlinks #bp_from_day		{ width: 36px; }
	div.links div.anfrageonpage div.formularlinks #bp_from_month	{ width: 36px; }
	div.links div.anfrageonpage div.formularlinks #bp_from_year		{ width: 50px; }
	div.links div.anfrageonpage div.formularlinks #typ				{ width: 128px; }
	
	div.links div.anfrageonpage div.formularrechts														{ width: 128px; float: right; display: inline; margin: 0px 12px 0px 0px; }
	div.links div.anfrageonpage div.formularrechts #bp_to_day											{ width: 36px; }
	div.links div.anfrageonpage div.formularrechts #bp_to_month											{ width: 36px; }
	div.links div.anfrageonpage div.formularrechts #bp_to_year											{ width: 50px; }
	div.links div.anfrageonpage div.formularrechts span.buttonlinks										{ position: absolute; left: 155px; top: 90px; }
	div.links div.anfrageonpage div.formularrechts span.buttonlinks2									{ position: absolute; left: 155px; top: 115px; }
	div.links div.anfrageonpage div.formularrechts span.buttonlinks span.buttonrechts a.anfragen		{ float: left; display: inline; background: url(/images/design/bg-button.png) repeat-x 0px 0px; color: #FFFFFF; font-size: 11px; line-height: 22px; }
	div.links div.anfrageonpage div.formularrechts span.buttonlinks span.buttonrechts a.anfragen:hover	{ color: #A3B10E; }
	div.links div.anfrageonpage div.formularrechts span.buttonlinks2 span.buttonrechts a.buchen			{ float: left; display: inline; white-space: nowrap; background: url(/images/design/bg-button.png) repeat-x 0px 0px; color: #FFFFFF; font-size: 11px; line-height: 22px; }
	div.links div.anfrageonpage div.formularrechts span.buttonlinks2 span.buttonrechts a.buchen:hover	{ color: #A3B10E; }

	

/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ float: left; display: inline; width: 587px; overflow: hidden; margin: 0px 44px 0px 0px; _margin: 0px 36px 0px 0px; }
	div.inhalt div.content										{ float: left; display: inline; width: 562px; margin: 0px 0px 0px 24px; }
	div.inhalt div.content h1									{ margin: 44px 0px 20px -24px; _margin: 44px 0px 20px 0px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; width: 970px; }
	
	div.unten div.boxunten										{ width: 970px; height: 271px; background-color: #FAF9E7; position: relative; margin: 0px 0px 11px 0px; }

	div.unten div.boxunten img.selected							{ position: absolute; right: 30px; top: 55px; }	
	div.unten div.boxunten img.alpinehotels						{ position: absolute; right: 30px; top: 110px; }	
	
	div.unten div.boxunten div.newslprospekt										{ float: left; display: inline; width: 302px; height: 271px; position: relative; background: url(/images/design/bg-newsletter-onpage.gif) no-repeat left bottom; margin: 0px 30px 0px 0px; }
	div.unten div.boxunten div.newslprospekt div.prospektdown						{ float: left; display: inline; width: 310px; height: 140px; position: relative; margin: 0px 0px 0px 0px; }
	div.unten div.boxunten div.newslprospekt div.prospektdown img					{ position: absolute; left: 24px; top: 23px; }
	div.unten div.boxunten div.newslprospekt div.prospektdown div					{ position: absolute; left: 90px; top: 28px; }
	div.unten div.boxunten div.newslprospekt div.prospektdown p						{ position: absolute; left: 93px; top: 51px; }
	div.unten div.boxunten div.newslprospekt div.prospektdown span.buttonlinks		{ position: absolute; right: 7px; bottom: 9px; }

	div.newsletteronpage										{ float: left; display: inline; width: 212px; height: 118px; margin: 10px 0px 0px 89px; _margin: 10px 0px 0px 42px; }
	div.newsletteronpage div.newsletterhead						{ margin: 0px 0px 4px 0px; }
	div.newsletteronpage div.newsletterbutton					{ position: absolute; right: -1px; bottom: 14px; }
	div.newsletteronpage form									{ float: left; display: inline; width: 187px; _width: 193px; margin: 0px 0px 0px 22px; padding: 0px 0px 0px 0px; }
	div.newsletteronpage form .input							{ border: solid 1px #A3B10E; background: url(/images/design/bg-input-background.gif) repeat-x 0px 0px; }
	div.newsletteronpage form .senden							{ margin: 0px 0px 0px 0px; }
	div.newsletteronpage form div.colum1						{ width: 0px; height: 0px; line-height: 0px; font-size: 0px; }	
	div.newsletteronpage form input.email						{ float: left; display: inline; width: 182px; border: solid 1px #A3B10E; background: url(/images/design/bg-input-background.gif) repeat-x 0px 0px; }	
	div.newsletteronpage form input.vn							{ float: left; display: inline; width: 85px; border: solid 1px #A3B10E; background: url(/images/design/bg-input-background.gif) repeat-x 0px 0px; margin: 0px 0px 0px 0px; }	
	div.newsletteronpage form input.nn							{ float: right; display: inline; width: 85px; border: solid 1px #A3B10E; background: url(/images/design/bg-input-background.gif) repeat-x 0px 0px; margin: -20px 0px 0px 0px; _margin: -20px 5px 0px 0px; }	
	div.newsletteronpage form label.space						{ height: 12px; }	
	
	div.unten div.boxunten div.mitteunten											{ float: left; position: relative; width: 304px; height: 271px; margin: 0px 0px 0px 0px; }
	div.unten div.boxunten div.mitteunten div.video									{ float: left; display: inline; position: relative; width: 304px; height: 140px; }
	div.unten div.boxunten div.mitteunten div.video img								{ position: absolute; left: 0px; top: 23px; }
	div.unten div.boxunten div.mitteunten div.video div								{ position: absolute; left: 66px; top: 28px; }
	div.unten div.boxunten div.mitteunten div.video p								{ position: absolute; left: 69px; top: 51px; }
	div.unten div.boxunten div.mitteunten div.video span.buttonlinks				{ position: absolute; right: 0px; bottom: 29px; }
	
	div.unten div.boxunten div.mitteunten div.onpagegalerie							{ float: left; display: inline; position: relative; width: 264px; height: 131px; margin: 0px 0px 0px 0px; _margin: 0px 56px 0px 0px; padding: 0px 0px 0px 33px; }
	div.unten div.boxunten div.mitteunten div.onpagegalerie div.fotogaleriehead		{ margin: 0px 0px 2px -4px; }
	div.unten div.boxunten div.mitteunten div.onpagegalerie a.flashlinkfoto			{ position: absolute; left: 0px; top: 27px; width: 100px; height: 24px; z-index: 1000; }
	div.unten div.boxunten div.mitteunten div.onpagegalerie div.fotovorspann		{ margin: 0px 0px 20px 0px; }
	.bildrahmenfotogalerie													{ position: relative; left: 0px; top: 0px; width: 241px; height: 73px; background-color: #FDFFE2; overflow: hidden; }
	.bildflachefotogalerie													{ position: relative; left: 0px; top: 0px; width: 2000px; height: 73px; }
	.foto																	{ float: left; width: 97px; height: 73px; margin: 0px 23px 0px 1px; }
	div.onpagegalerie div.scrollbuttonfoto									{ position: absolute; right: -1px; top: 26px; width: 22px; _width: 28px; height: 75px; z-index: 50; }
	div.onpagegalerie div.scrollbuttonfoto a.vorher img						{ float: left; display: inline; margin: 0px 2px 0px 0px; }
	div.onpagegalerie div.scrollbuttonfoto a.nachher img					{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	
	div.unten div.boxunten div.daten							{ float: right; width: 276px; height: 271px; background: url(/images/design/bg-blume-unten.gif) no-repeat right bottom; }
	div.unten div.boxunten div.daten div.datenueber				{ margin: 26px 0px 5px -4px; }
	div.unten div.boxunten div.daten a							{ color: #707168; }
	div.unten div.boxunten div.daten a:hover					{ color: #707168; }
	
	div.unten div.leisteunten									{ float: left; display: inline; font-size: 11px; color: #1E5D44; line-height: 17px; }
	div.unten div.leisteunten a									{ font-size: 11px; color: #1E5D44; line-height: 17px; margin: 0px 0px 0px 15px; }
	div.unten div.leisterechts									{ float: right; display: inline; }
	div.unten div.leisterechts a								{ font-size: 11px; color: #1E5D44; line-height: 17px; }
	div.unten div.leisterechts a img							{ vertical-align: text-bottom; }



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