@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: #DAD1C6; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	div.rahmen 													{ position: relative; width: 1000px; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: relative; height: 483px; }
	
	div.oben div.flash											{ position: relative; width: 1000px; height: 464px; overflow: hidden; }
	
	div.oben div.flash div.linielinks							{ position: absolute; left: 30px; top: 24px; background: url(/images/design/bg-oben-linie-links.gif) no-repeat 0px 0px; width: 20px; height: 303px; }
	div.oben div.flash div.linierechts							{ position: absolute; right: 30px; top: 24px; background: url(/images/design/bg-oben-linie-rechts.gif) no-repeat 0px 0px; width: 20px; height: 303px; }
	div.oben div.flash img.logot								{ position: absolute; left: 50px; bottom: 43px; }
	div.oben div.flash div.bgbox								{ position: absolute; left: 30px; bottom: 21px; background-color: #F7F3EB; width: 940px; height: 116px; }
	
	div.oben div.flash ul.menu 									{ font-weight: bold; position: absolute; left: 40px; top: 0px; z-index: 15; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu											{ height: 44px; overflow: hidden; }
	div.oben ul.menu li 										{ background: transparent; float: left; position: relative; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; height: 44px; }
	div.oben ul.menu li a 										{ display: block;}	
	
	div.oben a.logo												{ background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; left: 43px; top: 291px; width: 240px; height: 140px; z-index: 100; display: block; }

	div.oben div.sprache										{ margin: 3px 0px 0px 242px; font-size: 11px; }
	div.oben div.sprache a										{ font-weight: normal; color: #5F4A36; }
	div.oben div.sprache a:hover								{ color: #EF9C3A; }
	
	div.oben div.flash ul.navioben								{ position: absolute; left: 312px; top: 341px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.flash ul.navioben li a img						{ float: left; display: inline; margin: 4px 0px 0px 0px; }
	div.oben div.flash ul.navioben li a							{ font-weight: normal; cursor: pointer; color: #5F4A36; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.flash ul.navioben li a:hover					{ color: #E28000; }
	div.oben div.flash ul.navioben li							{ background: transparent; width: 318px; padding: 5px 0px 2px 3px; margin: 0px 0px 0px 0px; }
	div.oben div.flash img.banneroben							{ position: absolute; right: 30px; top: 285px; }
	
	div.oben div.api											{ background-color: #E6952B; width: 621px; height: 40px; position: absolute; right: 62px; bottom: 0px; _bottom: 5px; }
	div.oben div.api div.zimmersuche							{ color: #FFFFFF; position: absolute; left: 22px; top: 10px; }
	div.oben div.api div.zimmersuche span.label					{ margin: 0px 5px 0px 0px; }
	div.oben div.api div.zimmersuche span.hinter				{ margin: 0px 5px 0px 0px; }
	div.oben div.api div.zimmersuche #from_year					{ margin: 0px 5px 0px 0px; }
	div.oben div.api div.zimmersuche input.tage					{ width: 25px; line-height: 10px; }
	div.oben div.api div.zimmersuche input.personen				{ width: 25px; line-height: 10px; }
	div.oben div.api a.weiter									{ font-weight: normal; color: #FFFFFF; padding: 0px 2px 0px 2px; line-height: 19px; }
	div.oben div.api a.weiter:hover								{ color: #FFDE97; }
	span.weiteranfang											{ float: left; background: url(/images/design/bg-weiter-anfang.png) no-repeat 0px 0px; width: 6px; height: 19px; }
	span.weiter													{ float: left; display: inline; background: url(/images/design/bg-weiter.png) repeat-x 0px 0px; height: 19px; }
	span.weiterende												{ float: left; display: inline; background: url(/images/design/bg-weiter-ende.png) no-repeat 0px 0px; width: 6px; height: 19px; }
	div.oben span.buttonanfragen								{ float: right; display: inline; margin: 12px 10px 0px 0px; }
	div.oben span.buttonbuchen									{ float: right; display: inline; margin: 12px 15px 0px 0px; }

	
	div.oben div.angeboteonpage									{ position: absolute; right: 66px; top: 347px; }
	div.oben div.angeboteonpage	b.headline						{ margin: 0px 0px 0px 0px; display: block; }
	div.oben div.angeboteonpage	b.headline a					{ color: #E6952C;  }
	div.oben div.angeboteonpage	div.zeitraum					{ font-size: 11px; }
	div.oben div.angeboteonpage	div.preis						{ font-size: 11px; }
	div.oben div.angeboteonpage	div.bildangebot					{ float: left; display: inline; margin: 0px 10px 0px 0px; border: solid 1px #ECE3D7; padding: 2px 2px 2px 2px; }
	div.oben div.angeboteonpage div.bildrahmen					{ position: relative; left: 0px; top: 0px; width: 270px; height: 79px; overflow: hidden; }
	div.oben div.angeboteonpage div.bildflache 					{ position: relative; left: 0px; top: 0px; width: 3000px; height: 79px; }
	div.oben div.angeboteonpage div.bildflache div.bild			{ float: left; width: 270px; height: 79px; overflow: hidden; }
	div.oben div.angeboteonpage div.bildflache div.bild div.img	{ height: 183px; width: 244px; border-bottom: solid 1px #C9C0B6; }
	
	div.oben div.angeboteonpage img.linksangebotonpage			{  }
	div.oben div.angeboteonpage a.zuruckgallery					{ position: absolute; right: 13px; bottom: 20px; }
	div.oben div.angeboteonpage a.weitergallery					{ position: absolute; right: 0px; bottom: 20px; }
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ background: url(/images/design/bg-mitte.gif) no-repeat 0px 0px; margin: 22px 0px 0px 0px; width: 1000px; padding: 1px 0px 0px 0px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 289px; margin: 0px 0px 0px 28px; }

	div.links div.headlinelinks									{ margin: 0px 0px 0px 27px; }
	
	div.links ul.menu 											{ list-style-type: none; margin: 20px 8px 0px 9px; padding: 0px 0px 43px 0px; width: 249px; }
	div.links ul.menu li 										{ border-top: solid 1px #C9C0B6; background: url(/images/design/bg-li-untermenu.gif) no-repeat 17px 13px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 19px; line-height: 27px; }
	div.links ul.menu li.erstes									{ border-top: 0px; }
	div.links ul.menu li a 										{ font-weight: normal; color: #5F4A36; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 10px; }
	div.links ul.menu li.aktiv a 								{ font-weight: bold; }
	div.links ul.menu li a:hover 								{ color: #E28000; }
	
	div.links div.boxenlinks									{ position: relative; margin: 0px 0px 45px 0px; }
	div.links div.boxlinks										{ border: solid 1px #C9C0B6; background-color: #D4CABF; width: 247px; height: 80px; margin: 0px 0px 20px 0px; }
	div.links div.boxlinks img.bildboxlinks						{ float: left; margin: 0px 16px 0px 0px; }
	div.links div.boxlinks div.textboxlinks						{ margin: 10px 0px 0px 0px; }
	
	div.links a.urlaubsfotos									{ background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 247px; height: 80px; }
	div.links a.gasteberichten									{ background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; left: 0px; top: 100px; width: 247px; height: 80px; }
	div.links a.bergsee											{ background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; left: 0px; top: 203px; width: 247px; height: 80px; }
	div.links a.prospektdownload								{ background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; left: 0px; top: 305px; width: 247px; height: 80px; }
	div.links a.fotosbilder										{ background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; left: 0px; top: 408px; width: 247px; height: 80px; }

	div.links div.webcam span									{ font-size: 11px; }
	div.links div.webcam img									{ font-weight: bold; float: none; margin: 0px 0px 10px 0px; }
	

/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ background: url(/images/design/bg-inhalt.gif) repeat-y 0px 0px; float: left; display: inline; width: 621px; min-height: 1015px; _height: 1015px; }
	div.inhaltbreit												{ background: transparent; float: left; display: inline; width: 910px; min-height: 0px; }
	div.inhalt div.inhaltinnen									{ margin: 19px 0px 40px 31px; width: 560px; }
	div.inhalt div.inhaltinnenbreit								{ margin: 19px 0px 40px 31px; width: auto; }


/* Rechts ________________________________________________________________ */

	div.rechts 													{ float: left; display: inline; width: 100px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; width: 1000px; background: url(/images/design/bg-mitte.gif) no-repeat 0px 0px; padding: 45px 0px 50px 0px; }
	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten div.adresse										{ float: left; display: inline; border: solid 1px #C9C0B6; background-color: #D4CABF; width: 259px; height: 152px; margin: 0px 0px 39px 28px; }
	div.unten div.adresse address								{ line-height: 19px; margin: 19px 0px 0px 17px; }
	div.unten div.adresse address a								{ color: #5F4A36; }
	div.unten div.adresse address a:hover						{ color: #E28000; }
	div.unten div.adresse address span							{ margin: 0px 0px 4px 0px; display: block; }
	
	div.unten div.kontakt										{ float: left; display: inline; border: solid 1px #C9C0B6; background-color: #D4CABF; width: 322px; height: 152px; margin: 0px 0px 39px 30px; }
	div.unten div.kontakt div.kontaktheadline					{ margin: 22px 0px 0px 17px; }
	div.unten div.kontakt ul									{ list-style-type: none; margin: 12px 0px 0px 17px; padding: 0px 0px 0px 0px; }
	div.unten div.kontakt ul li									{ background: url(/images/design/bg-li-linksunten.gif) no-repeat 0px 12px; float: left; display: inline; width: 140px; padding: 0px 0px 0px 0px; line-height: 23px; margin: 0px 0px 0px 0px; }
	div.unten div.kontakt ul li a								{ font-weight: normal; padding: 0px 0px 0px 14px; color: #5F4A36; }
	div.unten div.kontakt ul li a:hover							{ color: #E28000; }
	
	div.unten div.newsletter									{ float: left; display: inline; border: solid 1px #C9C0B6; background-color: #D4CABF; width: 299px; height: 152px; margin: 0px 0px 39px 30px; }
	div.unten div.newsletter div.newsletterheadline				{ margin: 22px 0px 0px 17px; }
	div.unten div.newsletter form div.colum1					{ display: none; }
	div.unten div.newsletter form input.standard				{ border: solid 1px #D1C6B9; width: 253px; margin: 0px 0px 7px 0px; }
	div.unten div.newsletter form input.vorname					{ border: solid 1px #D1C6B9; width: 119px; margin: 0px 10px 0px 0px; }
	div.unten div.newsletter form input.nachname				{ border: solid 1px #D1C6B9; width: 119px; }
	div.unten div.newsletter div.newsletterinnen				{ margin: 7px 0px 0px 20px; }
	div.unten div.newsletter span.button						{ float: right; display: inline; margin: 7px 21px 0px 0px; }

	div.unten div.linie											{ width: 940px; height: 1px; line-height: 0px; font-size: 0px; background-color: #C9C0B6; margin: 0px 0px 0px 28px; }

	div.unten div.logos											{ margin: 10px 50px 17px 50px; }
	div.unten div.logos img										{ margin: 0px 7px 0px 7px; }
	
	div.unten div.naviuntenlinks								{ color: #ABA094; margin: 16px 0px 0px 28px; font-size: 11px; float: left; display: inline; }
	div.naviuntenlinks a										{ color: #ABA094; }
	div.naviuntenlinks a:hover									{ color: #E28000;}
	
	div.unten div.naviuntenrechts								{ color: #ABA094; margin: 16px 28px 0px 0px; font-size: 11px; float: right; display: inline; }
	div.naviuntenrechts a										{ color: #ABA094; }
	div.naviuntenrechts a:hover									{ color: #E28000; }
	
	
/* Startseite ____________________________________________________________ */

	div.rahmenstartseite										{ width: 945px; margin: 0 auto; text-align: left; position: relative; }
	div.obenstartseite											{ padding: 12px 0px 0px 0px; }
	div.obenstartseite img										{  }
	div.obenstartseite div.alpinewellness						{ width: 227px; height: 400px; float: left; display: inline; position: relative; margin: 0px 9px 0px 0px; overflow: hidden; }
	div.obenstartseite div.gourmetsymphonien					{ width: 227px; height: 400px; float: left; display: inline; position: relative; margin: 0px 10px 0px 0px; overflow: hidden; }
	div.obenstartseite div.sommerdolomiten						{ width: 227px; height: 400px; float: right; display: inline; position: relative; margin: 0px 9px 0px 0px; overflow: hidden; }
	div.obenstartseite img.imgtext								{ position: absolute; left: 0px; top: 350px; }
	div.obenstartseite div.winterzauber							{ width: 227px; height: 400px; float: right; display: inline; position: relative; margin: 0px 9px 0px 0px; }
	div.obenstartseite ul.menustartseite						{ background-color: #DAD1C6; position: absolute; left: 0px; bottom: 0px; opacity: 0.8; filter: alpha(opacity = 80); width: 227px; padding: 0px 0px 0px 0px; }
	div.obenstartseite ul.menustartseite li						{ font-size: 11px; background: url(/images/design/bg-li-startseite.png) no-repeat 0px 10px; margin: 0px 20px 0px 20px; padding: 0px 0px 0px 14px; line-height: 23px; }
	div.obenstartseite ul.menustartseite a						{ font-weight: normal; color: #5F4A36; }
	div.obenstartseite ul.menustartseite a:hover				{ font-weight: normal; color: #E28000; }
	div.obenstartseite ul.menustartseite li.erstes				{ margin: 20px 20px 0px 20px; }
	div.obenstartseite ul.menustartseite li.oberstes			{ margin: 20px 20px -20px 20px; }
	#TopSubWellnessTerminAnfrage-Formular						{ margin: 0px 20px 20px 20px; }
	#TopSubTagesmenu-Code										{ margin: 0px 20px 20px 20px; }
	#TopSubInteraktiveKarte										{ margin: 0px 20px 20px 20px; }
	#TopSubWinterZauberfurFamilienAngebote-Liste				{ margin: 0px 20px 20px 20px; }
	
	div.sprachstartseite										{ float: right; display: inline; margin: 0px 17px 12px 0px; }
	div.sprachstartseite a										{ font-weight: normal; color: #5F4A36; font-size: 11px; }
	div.sprachstartseite a:hover								{ color: #E28000; }
	
	div.mittestartseite											{ width: 938px; height: 145px; position: relative; }
	div.mittestartseite a.suitenpreise							{ font-weight: normal; background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; right: 22px; top: 50px; width: 205px; height: 22px; }
	div.mittestartseite a.urlaubsangebote						{ font-weight: normal; background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; right: 22px; top: 75px; width: 205px; height: 22px; }
	div.mittestartseite a.inklusivleistungen					{ font-weight: normal; background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; right: 22px; top: 100px; width: 205px; height: 22px; }
	
	div.mittestartseite div.angebot								{ position: absolute; left: 311px; top: 50px; width: 340px; font-size: 11px; line-height: 19px; }
	div.mittestartseite div.angebot	a.weiterstartseite img		{ vertical-align: text-bottom; padding: 0px 0px 1px 0px; }
	div.mittestartseite div.angebot	b.headline					{ display: block; font-size: 12px; }
	div.mittestartseite div.angebot	b.headline a				{ color: #E6952B; }
	div.mittestartseite div.angebot	h1							{ margin: -3px 0px -2px 0px; }
	
	div.untenstartseite											{  }
	div.untenstartseite address									{ font-size: 11px; margin: 4px 0px 51px 0px; }
	div.untenstartseite address a								{ font-weight: normal; color: #5F4A36; }
	div.untenstartseite address a:hover							{ color: #E28000; }
	div.untenstartseite div.linie								{ width: 940px; height: 1px; line-height: 0px; font-size: 0px; background-color: #C9C0B6; }
	div.untenstartseite div.logos								{ margin: 14px 25px 17px 25px; }
	div.untenstartseite div.logos img							{ margin: 0px 15px 0px 15px; }
	div.untenstartseite div.naviuntenlinks						{ color: #ABA094; margin: 16px 0px 0px 0px; font-size: 11px; float: left; display: inline; }
	div.untenstartseite div.naviuntenrechts						{ color: #ABA094; margin: 16px 17px 0px 0px; font-size: 11px; float: right; display: inline; }


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