@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: url(/images/design/bg-all.gif) repeat #EEDEC4; text-align: center; }
	div.rahmen 													{ margin: 0 auto; text-align: center; width: 100%; overflow: hidden; min-width: 970px; _width: 1200px; }
	div.rahmeninnen 											{ margin: 0 auto; text-align: center; position: relative; width: 970px; padding: 0px 0px 25px 0px; }

	
	
/* Footer ________________________________________________________________ */
	
	div.footernavigation 										{ font-size: 10px; text-align: center; width: 970px; border-top: solid 1px #DECEAD; }
	div.footernavigation ul										{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.footernavigation ul li 									{ float: left; display: inline; background: transparent; background: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; white-space: nowrap; }
	div.footernavigation ul li a 								{ border-right: solid 1px #888888; padding: 0px 10px 0px 0px; z-index: 90; }
	div.footernavigation ul li a:hover 							{  }
	
	
	
/* Footer Startseite______________________________________________________ */
	
	div.footernavigationstart 									{ font-size: 10px; position: absolute; left: 0px; bottom: -10px; width: 950px; }
	div.footernavigationstart ul 								{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.footernavigationstart ul li 							{ color: #B89B6A; background: transparent; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	div.footernavigationstart ul li a 							{ border-right: solid 1px #B89B6A; color: #B89B6A; padding: 0px 10px 0px 0px; }
	div.footernavigationstart ul li a:hover 					{ color: #AF905D; }
	

	
/* Oben __________________________________________________________________ */

	div.oben-rahmen												{ margin: 0 auto; position: relative; width: 970px; height: 498px; }
	div.oben-rahmen div.flash									{ width: 1200px; position: absolute; left: 50%; top: 0px; margin: 0px 0px 0px -600px; height: 467px; text-align: left; }

	div.oben													{ height: 139px; position: absolute; left: 0px; top: 360px; background: url(/images/design/bg-oben.gif) no-repeat left bottom; text-align: left; position: relative; }

	div.oben ul.menu 											{ position: absolute; left: 220px; top: -5px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 750px; height: 73px; overflow: hidden; text-indent: 2000px; }
	div.oben ul.menu li 										{ background: transparent; float: left; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 										{ display: block; height: 100%; overflow: hidden; text-indent: -1000px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	#TopBerghotel												{ width: 147px; height: 76px; }
	#TopBerghotel a												{ background-position: 0px 0px; }
	#TopBerghotel a:hover										{ background-position: 0px -73px; }
	#TopBerghotel.aktiv a										{ background-position: 0px -146px; }	
	
	#TopPreiseInfos												{ width: 158px; height: 76px; }
	#TopPreiseInfos a											{ background-position: -147px 0px; }
	#TopPreiseInfos a:hover										{ background-position: -147px -73px; }
	#TopPreiseInfos.aktiv a										{ background-position: -147px -146px; }	
	
	#TopDolomitenAktiv											{ width: 180px; height: 76px; }
	#TopDolomitenAktiv a										{ background-position: -305px 0px; }
	#TopDolomitenAktiv a:hover									{ background-position: -305px -73px; }
	#TopDolomitenAktiv.aktiv a									{ background-position: -305px -146px; }	
	
	#TopDolomitenAktivSommer									{ display: none; }
	#TopDolomitenAktivSommer a									{ display: none; }

	#TopWellness												{ width: 126px; height: 76px; }
	#TopWellness a												{ background-position: -485px 0px; }
	#TopWellness a:hover										{ background-position: -485px -73px; }
	#TopWellness.aktiv a										{ background-position: -485px -146px; }	
	
	#TopGolfUrlaub												{ width: 126px; height: 76px; }
	#TopGolfUrlaub a											{ background-position: -611px 0px; }
	#TopGolfUrlaub a:hover										{ background-position: -611px -73px; }
	#TopGolfUrlaub.aktiv a										{ background-position: -611px -146px; }	
		
	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 										{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; 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; }
	
	div.oben div.navigation										{ color: #B89B6A; position: absolute; left: 263px; bottom: 28px; }
	div.oben div.navigation a									{ color: #B89B6A; }
	div.oben div.navigation a:hover								{ color: #852346; }
	
	div.oben div.sprache										{color: #B89B6A; position: absolute; right: 42px; bottom: 28px; }
	div.oben div.sprache a										{ color: #B89B6A; }
	div.oben div.sprache a:hover								{ color: #852346; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ background: url(/images/design/bg-mitte.gif) repeat-y right top; width: 970px; margin: 0 auto; text-align: center; position: relative; z-index: 10; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 250px; text-align: left; position: relative; }
	
	div.links a.logo											{ margin: -40px 0px 0px 0px; display: block; position: relative; z-index: 20; }
	div.links div.headline										{ width: 196px; margin: 27px 30px 0px 11px; text-align: center; }
	div.links div.headlineunten									{ color: #AF905D; font-size: 13px; width: 196px; text-align: center; margin: 3px 30px 40px 11px; }

	div.links ul.menu 											{ font-size: 13px; list-style-type: none; margin: 0px 30px 40px 11px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li 										{ background: transparent; border-top: solid 1px #DFCDAF; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li.erstes									{ border-top: 0px; }
	div.links ul.menu li a 										{ color: #464646; display: block; margin: 8px 0px 8px 0px; padding: 0px 0px 1px 0px; text-align: center; }
	div.links ul.menu li.aktiv a 								{ font-weight: bold; }
	div.links ul.menu li a:hover 								{ color: #852346; }
	
	div.links span.headlineaktiv								{ color: #831F43; text-align: center; display: block; font-weight: bold; margin: 0px 30px 15px 11px; }

	div.links div.bilderwechsel											{ float: left; display: inline; width: 194px; border: solid 1px #dfcdaf; background-color: #f8f0e2; margin: 0px 0px 40px 17px; padding: 0px 0px 0px 0px; }
	div.links div.bilderwechsel	div.bilderwechselbild					{ float: left; display: inline; width: 184px; margin: 5px 5px 4px 5px; }
	div.links div.bilderwechsel	div.bilderwechseltext					{ float: left; display: inline; width: 156px; margin: 11px 19px 0px 19px; }
	div.links div.bilderwechsel	div.bilderwechseltext h2				{ font-size: 18px; line-height: 21px; color: #821e42; margin: 0px 0px 10px 0px;	}
	div.links div.bilderwechsel	div.bilderwechseltext div.bildtext		{ font-size: 13px; line-height: 21px; color: #464646; margin: 0px 0px 16px 0px;	}

	div.links div.webcam												{ float: left; display: inline; width: 194px; border: solid 1px #dfcdaf; background-color: #f8f0e2; margin: 0px 0px 40px 17px; padding: 0px 0px 0px 0px; }
	div.links div.webcam img											{ float: left; display: inline; width: 184px; height: 138px; margin: 5px 5px 4px 5px; }
	div.links div.webcam div.webcamtext									{ float: left; display: inline; width: 156px; margin: 11px 19px 0px 19px; }
	div.links div.webcam div.webcamtext h2								{ font-size: 18px; line-height: 21px; color: #821e42; margin: 0px 0px 10px 0px;	}
	div.links div.webcam div.webcamtext div.text						{ font-size: 13px; line-height: 21px; color: #464646; margin: 0px 0px 16px 0px;	}
	
	

/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 40px 0px 0px 50px; float: left; display: inline; width: 590px; overflow: hidden; text-align: left; padding: 0px 0px 50px 0px; }



/* Rechts ________________________________________________________________ */

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



/* Unten _________________________________________________________________ */

	div.unten 													{ background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; clear: both; width: 970px; height: 502px; margin: 0 auto; text-align: center; position: relative; z-index: 0; }
	div.unten div.blume											{ background: url(/images/design/bg-links.gif) no-repeat 0px 0px; width: 179px; height: 399px; position: absolute; left: 70px; top: -399px; } 
	div.unten-innen												{ text-align: left; position: relative; height: 100%; }
	div.unten-innen	address										{ font-style: normal; color: #FFFFFF; line-height: 27px; }
	div.unten-innen	address a									{ color: #FFFFFF; }
	div.unten-innen	address a:hover								{ color: #B89B6A; }
	div.unten-innen	div.kontakt									{ float: left; display: inline; margin: 67px 0px 0px 23px; }
	div.unten-innen	div.buchungstool							{ float: left; display: inline; margin: 67px 40px 0px 0px; position: relative; }
	div.unten-innen	div.copyright								{ color: #B89B6A; position: absolute; left: 0px; bottom: 2px; }
	div.unten-innen	div.copyright a								{ color: #B89B6A; }
	div.unten-innen	div.copyright a:hover						{ color: #852346; }
	div.unten-innen	a.produced									{ color: #B89B6A; position: absolute; right: 10px; bottom: 2px; }
	div.unten-innen	a.produced:hover							{ color: #852346; }
	div.unten a.produced img									{ vertical-align: text-bottom; }
	div.unten div.angebote										{ float: right; margin: 64px 28px 0px 0px; _margin: -240px 15px 0px 0px; width: 388px; z-index: 10; }
	div.unten div.angebote div.angebot							{ background-color: #912D51; padding: 4px 10px 4px 0px; margin: 0px 0px 29px 0px; }
	div.unten div.angebote div.angebot div.angebottext			{ color: #FFFFFF; margin: 15px 10px 0px 161px; }
	div.unten div.angebote div.angebot h3.angebot a				{ color: #FFFFFF; }
	div.unten img.linksangebot									{ float: left; display: inline; margin: 0px 10px 0px 4px; padding: 0px 0px 0px 0px; }
	div.unten span.buttonanfang									{ float: right; display: inline; background: url(/images/design/bg-anfangangebot.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; z-index: 10;}
	div.unten span.button										{ float: left; background: url(/images/design/bg-angebot.gif) repeat-x 7px top; margin: 0px 0px 0px 7px; }
	div.unten span.button a										{ float: left; line-height: 23px; height: 23px; padding: 0px 10px 0px 4px; color: #464646; font-weight: bold; }
	div.unten span.buttonende									{ float: left; background: url(/images/design/bg-endeangebot.gif) no-repeat right top; }
	div.unten div.linie											{ position: absolute; left: 0px; top: 473px; width: 970px; height: 1px; line-height: 1px; font-size: 1px; background-color: #DFCDAF; }
	div.unten div.logos											{ position: absolute; left: 0px; top: 379px; width: 970px; height: 63px; }
	div.unten div.logos	img										{ margin: 0px 13px 0px 13px; }
	
	
	
/* SewaApi __________________________________________________________________ */

	#zimmersuche												{ padding: 10px 0px 30px 0px; }
	#zimmersuche div.text										{ color: #FFFFFF; width: 260px; margin: 0px 0px 15px 0px; }
	#zimmersuche span.label										{ display: block; float: left; font-size: 13px; color: #FFFFFF; margin: 0px 10px 0px 0px; width: 70px; }
	#zimmersuche select											{ margin: 0px 0px 7px 0px; }
	#zimmersuche span.buttonanfangbuchen						{ position: absolute; right: 5px; bottom: 10px; background: url(/images/design/bg-anfangangebot.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; z-index: 10; }
	#zimmersuche span.buttonanfanganfragen						{ position: absolute; left: 85px; bottom: 10px; background: url(/images/design/bg-anfangangebot.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; z-index: 10; }
	#zimmersuche .input_small									{ width: 50px; margin: 0px 0px 14px 5px; }
	#zimmersuche .input_long									{ width: 165px; margin: 0px 0px 0px 5px; }
	#zimmersuche div.unvisible									{ display: none; }

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


/* Startseite _______________________________________________________ */	


	div.rahmen-startseite										{ margin: 0 auto; text-align: center; width: 970px; }
	div.oben-startseite											{ text-align: left; position: relative; margin: 20px 0px 6px 0px; height: 131px; }

	div.oben-startseite div.sprache								{ color: #B89B6A; position: absolute; right: 10px; top: 30px; }
	div.oben-startseite div.sprache a							{ color: #B89B6A; }
	div.oben-startseite div.sprache a:hover						{ color: #852346; }
	
	div.oben-startseite ul.menu 								{ position: absolute; right: 0px; bottom: 16px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 681px; height: 63px; overflow: hidden; text-indent: 2000px; }
	div.oben-startseite ul.menu li 								{ background: transparent; float: left; padding: 0px 0px 0px 0px; }
	div.oben-startseite ul.menu li a 							{ display: block; height: 100%; overflow: hidden; text-indent: -1000px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben-startseite #TopBerghotel							{ width: 146px; height: 64px; }
	div.oben-startseite #TopBerghotel a							{ background-position: 0px 0px; }
	div.oben-startseite #TopBerghotel a:hover					{ background-position: 0px -63px; }
	div.oben-startseite #TopBerghotel.aktiv a					{ background-position: 0px -146px; }	
	
	div.oben-startseite #TopPreiseInfos							{ width: 141px; height: 64px; }
	div.oben-startseite #TopPreiseInfos a						{ background-position: -141px 0px; }
	div.oben-startseite #TopPreiseInfos a:hover					{ background-position: -141px -63px; }
	div.oben-startseite #TopPreiseInfos.aktiv a					{ background-position: -141px -146px; }	
	
	div.oben-startseite #TopDolomitenAktiv						{ width: 166px; height: 64px; }
	div.oben-startseite #TopDolomitenAktiv a					{ background-position: -287px 0px; }
	div.oben-startseite #TopDolomitenAktiv a:hover				{ background-position: -287px -63px; }
	div.oben-startseite #TopDolomitenAktiv.aktiv a				{ background-position: -287px -146px; }	
	
	div.oben-startseite #TopDolomitenAktivSommer				{ display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: px; }
	div.oben-startseite #TopDolomitenAktivSommer a				{ display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: px; }

	div.oben-startseite #TopWellness							{ width: 111px; height: 64px; }
	div.oben-startseite #TopWellness a							{ background-position: -453px 0px; }
	div.oben-startseite #TopWellness a:hover					{ background-position: -453px -63px; }
	div.oben-startseite #TopWellness.aktiv a					{ background-position: -453px -146px; }	
	
	div.oben-startseite #TopGolfUrlaub							{ width: 117px; height: 64px; }
	div.oben-startseite #TopGolfUrlaub a						{ background-position: -564px 0px; }
	div.oben-startseite #TopGolfUrlaub a:hover					{ background-position: -564px -63px; }
	div.oben-startseite #TopGolfUrlaub.aktiv a					{ background-position: -564px -146px; }	
		
	div.oben-startseite 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-startseite ul.menu ul li 							{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
	div.oben-startseite ul.menu ul li.aktiv 					{ font-weight: bold; }
	div.oben-startseite ul.menu ul li.aktiv a, 			
	div.oben-startseite ul.menu ul li a	 						{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }

	div.oben-startseite a.logo									{ position: absolute; left: 74px; top: 0px; }	
	div.oben-startseite div.anfangmenu							{ position: absolute; left: 0px; bottom: 16px; }
	
	div.inhaltstartseite div.listestartseiteaussen-erstes		{ float: left; display: inline; margin: 30px 0px 0px 0px; }
	div.inhaltstartseite div.listestartseiteaussen				{ float: right; display: inline; margin: 30px 0px 0px 0px; }
	div.inhaltstartseite div.listestartseiteoben				{ background: url(/images/design/bg-liste-startseite-oben.gif) no-repeat 0px 0px; width: 475px; height: 5px; margin: 0px 0px 0px 0px; position: relative; font-size: 0px; line-height: 0px; }
	div.inhaltstartseite div.listestartseite					{ text-align: left; background: url(/images/design/bg-liste-startseite.gif) repeat-y 0px 0px; margin: 0px 0px 0px 0px; position: relative; width: 475px; z-index: 10; }
	div.inhaltstartseite div.listestartseite b.text				{ color: #821e42; font-size: 16px; }
	div.listestartseite div.listestartseitetext					{ padding: 14px 30px 20px 182px; position: relative; }
	div.listestartseitetext	span.zeitraum						{ display: block; margin: 0px 0px 0px 0px; }
	div.inhaltstartseite div.listestartseiteunten				{ background: url(/images/design/bg-liste-startseite-unten.gif) no-repeat 0px 0px; margin: 0px 0px 42px 0px; position: relative; width: 475px; height: 4px; z-index: 0; }

	div.inhaltstartseite span.buttonanfang						{ position: absolute; right: 27px; bottom: -11px; background: url(/images/design/bg-buttonanfang.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; z-index: 10;}
	div.inhaltstartseite span.button							{ float: left; background: url(/images/design/bg-button.gif) repeat-x 10px top; margin: 0px 0px 0px 10px; }
	div.inhaltstartseite span.button a							{ float: left; line-height: 23px; height: 23px; padding: 0px 10px 0px 4px; color: #464646; font-weight: bold; }
	div.inhaltstartseite span.buttonende						{ float: left; background: url(/images/design/bg-buttonende.gif) no-repeat right top; }

	div.untenstartseite											{ font-size: 11px; background: url(/images/design/bg-unten-startseite.gif) repeat-x 0px 0px; width: 970px; height: 152px; position: relative; }
	div.untenstartseite	div.copyright							{ color: #B89B6A; position: absolute; left: 0px; bottom: 15px; }
	div.untenstartseite	div.copyright a							{ color: #B89B6A; }
	div.untenstartseite	div.copyright a:hover					{ color: #852346; }
	div.untenstartseite	a.produced								{ color: #B89B6A; position: absolute; right: 10px; bottom: 15px; }
	div.untenstartseite	a.produced:hover						{ color: #852346; }
	div.untenstartseite a.produced img							{ vertical-align: text-bottom; }
	div.untenstartseite div.logos-startseite					{ position: absolute; left: 0px; top: 24px; width: 970px; height: 63px; }
	div.untenstartseite div.logos-startseite img				{ margin: 0px 13px 0px 13px; }
	div.textstartseite											{ text-align: left; color: #B89B6A; padding: 0px 0px 15px 0px; font-size: 11px; }

/* __________________________________________________________________ Ende */