@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background-color: #FABB21; text-align: center; }
	body a														{ text-decoration: none; }
	div.rahmen-aussen											{ width: 100%; }
	div.unten-aussen											{ min-height: 833px; _height: 833px; position: relative; z-index: 1; }
	div.rahmen 													{ background: url(/images/design/bg-rahmen.gif) repeat-y 0px 0px; position: relative; bottom: -531px; width: 950px; margin: -531px auto 0px auto; text-align: left; z-index: 2; }

	
	div.logoaussen												{ height: 5px; position: relative; width: 950px; margin: 0px auto; text-align: left; z-index: 80; }
	
	a.logo														{ background-color: #FABB21; position: absolute; left: -21px; top: 0px; padding: 21px 0px 29px 0px; }
	div.logoaussen div.infosoben								{ position: absolute; right: 0px; top: 0px; text-align: right; }
	div.logoaussen div.infosoben div.sprache					{ font-size: 11px; float: left; display: inline; text-align: right; padding: 18px 23px 0px 0px; line-height: 19px; }
	div.logoaussen div.infosoben div.sprache a					{ color: #7E253C; }
	div.logoaussen div.infosoben div.sprache a.aktiv			{ font-weight: bold; }
	div.logoaussen div.infosoben div.sprache a:hover			{ color: #FFFFFF; }
	
	div.logoaussen div.infosoben div.adresse					{ color: #7E253C; font-size: 11px; float: left; display: inline; border-right: solid 1px #7E253C; border-left: solid 1px #7E253C; padding: 18px 23px 0px 20px; line-height: 19px; text-align: left; }
	div.logoaussen div.infosoben div.daten						{ color: #7E253C; font-size: 11px; float: left; display: inline; padding: 18px 0px 0px 20px; line-height: 19px; text-align: left; }
	div.logoaussen div.infosoben div.daten a					{ color: #7E253C; }
	div.logoaussen div.infosoben div.daten a:hover				{ color: #FFFFFF; }
	div.logoaussen div.infosoben img.holidaycheck				{ margin: 8px 0px 0px 20px; float: left; display: inline; }
	div.logoaussen div.infosoben div.holidaycheck100			{ margin: 8px 0px 0px 20px; float: left; display: inline; }

	
	
/* Footer ________________________________________________________________ */
	
	div.rahmen div.footernavigation 							{ font-size: 10px; position: absolute; left: 2px; bottom: -120px; width: 950px; z-index: 50; overflow: hidden; }
	div.rahmen div.footernavigation ul 							{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rahmen div.footernavigation li 							{ background: none; color: #65162A; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	div.rahmen div.footernavigation a 							{ border-right: solid 1px #65162A; font-weight: bold; color: #65162A; padding: 0px 10px 0px 0px; }
	div.rahmen div.footernavigation a.last						{ border-right: solid 0px #65162A; }
	div.rahmen div.footernavigation a:hover 					{ color: #65162A; }	
	
	div.rahmenstartseite div.footernavigationstart				{ font-size: 10px; position: absolute; left: 15px; bottom: 40px; width: 700px; z-index: 50; overflow: hidden; }
	div.rahmenstartseite div.footernavigationstart ul			{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rahmenstartseite div.footernavigationstart li			{ background: none; color: #7E253C; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	div.rahmenstartseite div.footernavigationstart a 			{ border-right: solid 1px #7E253C; font-weight: bold; color: #7E253C; padding: 0px 10px 0px 0px; }
	div.rahmenstartseite div.footernavigationstart a.last		{ border-right: solid 0px #7E253C; }
	div.rahmenstartseite div.footernavigationstart a:hover 		{ color: #7E253C; }	
	
	div.rahmen-aussen div.menuseo								{ font-size: 11px; position: absolute; left: 15px; bottom: 20px; width: 700px; z-index: 50; overflow: hidden; margin: 0px auto; }	
	div.rahmen-aussen div.rahmen div.menuseo					{ bottom: -250px; left: 239px; }	
	div.rahmen-aussen div.menuseo div.spalte					{ float: left; display: inline; width: 165px; }	
	div.rahmen-aussen div.menuseo div.spalte span.titel			{ font-weight: bold; display: block; }	
	div.rahmen-aussen div.menuseo div.spalte ul li				{ margin: 0px 0px 0px 0px; }	
	
	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 239px; overflow: hidden; margin: 162px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.links ul.menu 											{ float: left; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li 										{ border-bottom: solid 1px #BB8E9A; border-left: solid 1px #BB8E9A; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 240px; }
	div.links ul.menu li.erstes									{ border-right: solid 1px #BB8E9A; border-top: solid 1px #BB8E9A; width: 240px; _width: 241px; }
	div.links ul.menu li a 										{ background: #7E253C; color: #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; line-height: 35px; }
	div.links ul.menu li.aktiv a 								{ font-weight: bold; color: #BB8E9A; }
	div.links ul.menu li a:hover 								{ color: #BB8E9A; }
	
	div.links ul.menu ul 										{ float: none; background: #7E253C; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	div.links ul.menu ul li 									{ background: url(/images/design/bg-li-menu-links.gif) no-repeat 0px 8px; border: 0px; margin: 0px 0px 0px 32px; padding: 0px 0px 1px 0px; width: 180px; }
	div.links ul.menu ul li.erstes								{ border: 0px; width: 180px; }
	div.links ul.menu ul li a 									{ font-weight: normal !important; color: #FFFFFF !important; background: #7E253C; background-color: transparent; font-weight: normal; margin: 0px 0px 0px 0px; line-height: 25px; height: 25px; }
	div.links ul.menu ul li.aktiv a 							{ font-weight: bold !important; color: #BB8E9A !important; }		
	div.links ul.menu ul li a:hover								{ color: #BB8E9A !important; }
	
	div.links div.innen											{ background: url(/images/design/bg-links.gif) repeat-y 0px 0px #FEEBC3; padding: 18px 0px 0px 0px; }
	div.links div.innen div.infoszumbau							{ border-bottom: solid 1px #EDD49E; margin: 0px 18px 18px 18px; padding: 0px 0px 8px 0px; }
	div.links div.innen ul.infomenu								{ margin: -2px 0px 6px 22px; }
	div.links div.innen ul.infomenu	li							{ margin: 0px 0px 0px 0px; background: url(/images/design/bg-li-braun.gif) no-repeat 0px 10px; }
	div.links div.innen ul.infomenu	li a						{ color: #7E253C; }
	div.links div.innen ul.infomenu	li a:hover					{ color: #5B5B5B; }
	
	div.links div.innen div.onlinebuchen						{ border-bottom: solid 1px #EDD49E; margin: 0px 18px 18px 18px; padding: 0px 0px 8px 0px; }
	div.links div.onlinebuchen a.button							{ width: 60px; text-align: center; float: left; display: block; margin: 10px 31px 0px 3px; cursor: pointer; }
	div.links div.onlinebuchen a.buttonrechts					{ width: 60px; text-align: center; display: block; float: right; margin: 10px 3px 0px 0px; border: solid 1px #EED398; color: #FFFFFF; background: url(/images/design/bg-button.gif) repeat-x 0px 0px; padding: 0px 9px 0px 9px; height: 21px; _height: 23px; cursor: pointer; }
	div.links div.onlinebuchen a.buttonrechts:hover				{ color: #7E253C; }
	div.links div.onlinebuchen .input_small						{ width: 64px; font-size: 12px; line-height: 17px; margin: 0px 0px 4px 0px; }	
	div.links div.onlinebuchen .input_long						{ width: 200px; font-size: 12px; line-height: 17px; margin: 0px 0px 4px 0px; }

	div.links div.innen div.holidaycheck						{ border-bottom: solid 1px #EDD49E; margin: 0px 18px 18px 18px; position: relative; padding: 0px 0px 28px 0px; }
	div.links div.innen div.holidaycheck div.headline			{ height: 27px; text-indent: -500px; background-image: url(/images/de/darumklausnerhof.png); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; }
	div.links div.innen div.holidaycheck div.headlineen			{ background-image: url(/images/en/darumklausnerhof.png); }
	div.links div.innen div.holidaycheck ul						{ list-style-type: none; margin: 0px 0px 0px 8px; }
	div.links div.innen div.holidaycheck ul li					{ list-style-type: none; color: #7E253C; background: url(/images/design/bg-li-braun.gif) no-repeat 0px 8px; margin: 0px 0px 0px 0px; }
	div.links div.innen div.holidaycheck ul li a				{ color: #7E253C; }
	div.links div.innen div.holidaycheck ul li a:hover			{ color: #5B5B5B; }
	div.links div.innen div.holidaycheck div.hc_widget			{ margin: 5px 0px 0px 25px; }
	
	div.links div.innen div.telefonnummer						{ border-bottom: solid 1px #EDD49E; margin: 0px 18px 18px 18px; position: relative; padding: 0px 0px 28px 0px; }
	div.links div.innen div.telefonnummer p						{ margin: 0px 0px 18px 0px; }
	div.links div.innen div.telefonnummer a.button				{ position: absolute; right: 0px; _right: 20px; top: 130px; }
	
	div.links div.innen div.newsletter							{ margin: 0px 18px 0px 18px; }
	div.links div.innen div.newsletter div.colum1				{ display: none; }
	div.links div.innen div.newsletter input.standard			{ width: 198px; _width: 194px; margin: 0px 0px 11px 0px; }
	div.links div.innen div.newsletter input.vorname			{ width: 94px; _width: 92px; margin: 0px 5px 0px 0px; }
	div.links div.innen div.newsletter input.nachname			{ width: 94px; _width: 92px; margin: 0px 0px 0px 0px; }
	div.links div.innen div.newsletter form .senden				{ margin: 16px 0px 6px 0px; }	
	div.links div.innen div.newsletter div.checkboxnl label		{ width: 140px; }	
	div.links div.innen div.newsletter div.nlthemen				{ margin: 6px 0px 0px 0px; }	
	


/* Rechts ________________________________________________________________ */

	div.rechts 													{ float: right; display: inline; width: 711px; margin: 0px 0px 0px 0px; _overflow: hidden; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ background-color: #FABB21; position: relative; xheight: 499px; }
	
	div.oben ul.menu 											{ position: absolute; left: 0px; top: 163px; z-index: 20; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 720px; height: 36px; }
	div.oben ul.menu li 										{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -3000px; }
	
	#TopWinterurlaub											{ width: 190px; }
	#TopWinterurlaub a											{ background-position: 0px 0px; }
	#TopWinterurlaub a:hover									{ background-position: 0px -36px; }
	#TopWinterurlaub.aktiv a									{ background-position: 0px -36px; }
	
	#TopSommerurlaub											{ width: 195px; }
	#TopSommerurlaub a											{ background-position: -190px 0px; }
	#TopSommerurlaub a:hover									{ background-position: -190px -36px; }
	#TopSommerurlaub.aktiv a									{ background-position: -190px -36px; }
	
	#TopWellnessErholung										{ width: 145px; }
	#TopWellnessErholung a										{ background-position: -385px 0px; }
	#TopWellnessErholung a:hover								{ background-position: -385px -36px; }
	#TopWellnessErholung.aktiv a								{ background-position: -385px -36px; }
	
	#TopFamilien												{ width: 80px; }
	#TopFamilien a												{ background-position: -530px 0px; }
	#TopFamilien a:hover										{ background-position: -530px -36px; }
	#TopFamilien.aktiv a										{ background-position: -530px -36px; }
	
	#TopAngebote												{ width: 98px; }
	#TopAngebote a												{ background-position: -610px 0px; }
	#TopAngebote a:hover										{ background-position: -610px -36px; }
	#TopAngebote.aktiv a										{ background-position: -610px -36px; }
	
	div.oben ul.menu li a 										{ float: left; display: block; width: 100%; min-height: 36px; _height: 36px; line-height: 36px; padding: 0px 0px 0px 0px; }
	div.obenstartseite ul.menu li a 							{ float: left; display: block; width: 100%; min-height: 36px; _height: 36px; line-height: 36px; padding: 0px 0px 0px 0px; }
	
	div.oben ul.menu ul 										{ background: url(/images/design/bg-ul-menu.png) repeat-x 0px 0px #7E253C; _background: url() #7E253C; opacity: 0.8; filter: alpha(opacity = 80); font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; position: absolute; left: 0px; top: 36px; min-width: 167px; _width: 177px; }
	div.obenstartseite ul.menu ul 								{ background: url(/images/design/bg-ul-menu.png) repeat-x 0px 0px #7E253C; _background: url() #7E253C; opacity: 0.8; filter: alpha(opacity = 80); font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; position: absolute; left: 0px; top: 36px; min-width: 167px; _width: 177px; }
	
	#TopAngebote div.angebotemenu								{ background: url(/images/design/bg-ul-menu.png) repeat-x 0px 0px #7E253C; _background: url() #7E253C; opacity: 0.8; filter: alpha(opacity = 80); display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; position: absolute; right: -6px; top: 36px; height: 120px; width: 498px; }
	#TopAngebote div.angebotemenu ul							{ height: 110px; background: transparent; width: 200px; display: block; position: absolute; left: 300px; top: 0px;}
	#TopAngebote div.angebotemenu div.menuangebot a				{ background: transparent; }
	#TopAngebote div.angebotemenu div.menuangebot				{ position: absolute; right: 200px; top: 0px; text-indent: 0px; color: #ffffff;  height: 150px; width: 300px; }
	#TopAngebote div.menuangebot a.bild							{ float: left; display: inline; margin: 0px 10px 0px 15px; width: 100px; }
	#TopAngebote div.menuangebot div.text						{ width: 150px; line-height: 20px; font-size: 12px; float: left; display: inline; }
	#TopAngebote div.menuangebot div.text a						{ color: #ffffff; line-height: 20px; font-size: 13px; min-height: 13px; _margin: 0px 0px -15px 0px; _position: relative; }
	#TopAngebote div.menuangebot span.titel						{ font-size: 18px; display: block; margin: 8px 0px 8px 15px; }
	
	div.rahmen-aussen div.submenuoben									{ background: url(/images/design/bg-ul-menu.png) repeat-x 0px 0px #7E253C; _background: url() #7E253C; opacity: 0.8; filter: alpha(opacity = 80); display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; position: absolute; right: -6px; top: 36px; width: 498px; }
	div.rahmen-aussen div.submenuobenlinks								{ left: 0px; }
	div.rahmen-aussen div.submenuoben ul								{ background: transparent; width: 200px; display: block; position: absolute; left: 300px; top: 0px;}
	div.rahmen-aussen div.submenuobenlinks ul							{ left: 0px; }
	div.rahmen-aussen div.oben div.submenuoben div.teaser a				{ background: transparent; }
	div.rahmen-aussen div.obenstartseite div.submenuoben div.teaser a	{ background: transparent; }
	div.rahmen-aussen div.submenuoben div.teaser				{ position: absolute; right: 200px; top: 0px; text-indent: 0px; color: #ffffff; width: 300px; }
	div.rahmen-aussen div.submenuobenlinks div.teaser			{ left: 200px; }
	div.rahmen-aussen div.submenuoben a.bild					{ float: left; display: inline; margin: 0px 10px 0px 15px; width: 100px; }
	div.rahmen-aussen div.submenuoben div.text					{ color: #ffffff; width: 150px; line-height: 20px; font-size: 12px; float: left; display: inline; }
	div.rahmen-aussen div.submenuoben div.text a				{ color: #ffffff; line-height: 20px; font-size: 13px; min-height: 13px; _margin: 0px 0px -15px 0px; _position: relative; text-decoration: underline; }
	div.rahmen-aussen div.submenuoben a.titel					{ line-height: 21px; min-height: 21px; font-size: 18px; display: block; margin: 8px 0px 8px 15px; color: #ffffff; }
	
	#WellnessErholung											{ height: 135px; } 
	#Familien													{ height: 120px; } 
	#Sommerurlaub												{ height: 182px; } 
	#Winterurlaub												{ height: 155px; } 
	
	div.rahmen-aussen ul.menu ul li 							{ background: url(/images/design/bg-li-menu.gif) no-repeat 0px 8px; text-indent: 0px; display: block; float: none; margin: 0px 16px 0px 16px; padding: 2px 0px 0px 10px; }
	div.rahmen-aussen ul.menu ul li.aktiv 						{ font-weight: bold; color: #F7B73F; }
	div.rahmen-aussen ul.menu ul li.aktiv a, 			
	div.rahmen-aussen ul.menu ul li a	 						{ color: #FFFFFF; background: transparent; display: block; float: none; min-height: 24px; _height: 24px; line-height: 24px; padding: 0px 3px 0px 5px; }
	div.rahmen-aussen ul.menu ul li a:hover						{ color: #F7B73F; }

	div.oben div.flash											{ position: relative; right: 0px; top: 199px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 711px; height: 499px; }
	#geokarte													{ background-color: #FFFFFF; position: relative; right: 0px; top: 199px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 711px; height: 645px; overflow: hidden; }
	#geokarte iframe											{  }
	#geokarte a.aufzu											{ position: absolute; left: 38px; bottom: 199px; _bottom: 198px; }
	
	div.oben div.angeboteonpageaussen							{ position: absolute; right: 0px; bottom: 0px; _bottom: -1px; width: 328px; height: 131px; overflow: hidden; z-index: 100; }
	div.oben div.angeboteonpage									{ position: absolute; left: 140px; top: 99px; width: 328px; height: 131px; }
	div.oben div.angeboteheadline								{ background-color: #7E253C; display: block; width: 328px; height: 33px; }
	div.oben div.angeboteheadline a.zuruck						{ position: absolute; right: 32px; top: 13px; }
	div.oben div.angeboteheadline a.weiter						{ position: absolute; right: 16px; top: 13px; }
	div.oben div.angeboteonpage a.openclose						{ background: url(/images/design/blind.gif) repeat 0px 0px; cursor: pointer; width: 240px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 100; }
	div.oben div.angeboteonpage span.klausnerhofangebote		{ display: block; padding: 5px 0px 0px 25px; position: relative; z-index: 0; }
	div.oben div.angeboteonpageinnen							{ background-color: #FFFFFF; opacity: 0.8; filter: alpha(opacity = 80); width: 328px; height: 98px; }
	div.oben span.pfeilangeboteauf								{ position: absolute; left: 13px; top: 10px; background: url(/images/design/pfeilauf.gif) no-repeat 0px 0px; width: 5px; height: 5px; }
	div.oben span.pfeilangebotezu								{ position: absolute; left: 13px; top: 10px; background: url(/images/design/pfeilzu.gif) no-repeat 0px 0px; width: 5px; height: 5px; }
	div.oben span.placeholder									{ width: 117px; height: 85px; display: inline; float: left; }
	
	#geokarte div.angeboteonpageaussen							{ position: absolute; right: 0px; bottom: 199px; _bottom: 198px; }

	div.oben div.listeangeboteonpageaussen						{ position: absolute; left: 0px; top: 33px; }
	div.oben div.listeangeboteonpageaussen a					{ width: auto; }
	div.oben div.angonpageinnen									{ width: 160px; margin: 15px 0px 0px 0px; float: left; display: inline; }
	
	div.oben a.merkliste										{ z-index: 101; position: absolute; right: 188px; bottom: 0px; background-color: #FFFFFF; color: #5B5B5B; opacity: 0.8; filter: alpha(opacity = 80); display: block; height: 33px; }
	div.oben a.merkliste:hover									{ color: #7E253C; }
	div.oben a.merkliste span.textml							{ padding: 0px 20px 0px 20px; line-height: 33px; }
	div.oben div.merklistebox									{ position: relative; z-index: 101; line-height: 19px; position: absolute; right: 188px; bottom: 33px; display: none; background-color: #FFFFFF; color: #5B5B5B; opacity: 0.8; filter: alpha(opacity = 80); padding: 15px 15px 15px 15px; }
	div.oben div.merklistebox span.merkliste					{ margin: 0px 0px 0px 0px; display: block; font-size: 14px; }
	div.oben div.merklistebox a.button							{ float: right; display: inline; margin: 8px 0px 0px 0px; opacity: 1.0; filter: alpha(opacity = 100); }
	div.oben div.merklistebox span.schliessen					{ position: absolute; right: 10px; top: 10px; cursor: pointer; }
	
	div.oben div.fbbutton 										{ position: absolute; right: 0px; top: 110px; }
	
	.bildrahmen 												{ position: relative; left: 0px; top: 0px; width: 328px; height: 131px; overflow: hidden; }
	.bildflache 												{ position: relative; left: 0px; top: 0px; width: 3280px; height: 131px; }
	.bildflache div 											{ float: left; width: 328px; height: 131px; overflow: hidden; }
		
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 60px 0px; _padding: 0px 0px 30px 0px; background: url(/images/design/bg-inhalt.gif) repeat-y 0px 0px; width: 711px; min-height: 1868px; _height: 1168px; position: relative; }
	
	
	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 29px 35px 237px 35px; }
	div.inhalt div.untermenulandingpages						{ width: 200px; background-color: #FEEBC3; margin: 0px 0px 33px 0px; }
	div.inhalt div.untermenu									{ float: right; display: inline; width: 200px; background-color: #FEEBC3; margin: 0px 0px 33px 33px; }
	div.inhalt div.platzhalteruntermenu							{ float: right; display: inline; width: 200px; height: 120px; }
	div.flashheadline											{ background-color: #7E253C; color: #FFFFFF; padding: 9px 0px 9px 0px; margin: 0px 0px 0px 0px; text-align: center; }
	div.liniemenu												{ font-size: 0px; line-height: 0px; width: 200px; height: 1px; background-color: #BB8E9A; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.submenu													{ margin: 18px 7px 18px 7px; }
	ul.submenu li												{ background: url(/images/design/bg-li-rot.gif) no-repeat 0px 10px; }
	ul.submenu li a												{ color: #5B5B5B; }
	ul.submenu li a:hover										{ color: #7E253C; }
	ul.submenu li.aktiv a										{ color: #7E253C; font-weight: bold; }



/* Unten _________________________________________________________________ */

	div.unten 													{ position: absolute; bottom: -93px; background: url(/images/design/bg-unten.jpg) no-repeat 0px 0px; width: 711px; height: 237px; clear: both; _bottom: -40px; }
	
	div.unten div.seite											{ position: absolute; right: 33px; top: 58px; }
	div.unten div.seite a										{ color: #5B5B5B; }
	div.unten div.seite a:hover									{ color: #7E253C; }
	
	div.unten div.urlaubharmonie								{ position: absolute; left: 34px; top: 104px; }
	
	div.unten ul.naviunten										{ position: absolute; left: 254px; top: 97px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 420px; }
	div.unten ul.naviunten li									{ background: url(/images/design/bg-li-menu-links.gif) no-repeat 0px 5px; float: left; display: inline; width: 184px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; line-height: 24px; }
	div.unten ul.naviunten li a									{ color: #FFFFFF; }
	div.unten ul.naviunten li.aktiv a,
	div.unten ul.naviunten li a:hover							{ color: #FABB21; }
	div.unten div.logogletscher									{ position: absolute; left: -195px; bottom: 263px; }
	div.unten div.logotux										{ background: url(/images/design/bg-links.gif) repeat-y 0px 0px; position: absolute; left: -239px; bottom: 95px; width: 239px; height: 155px; }
	div.unten div.logotux a										{ background: url(/images/design/blind.gif) no-repeat 0px 0px; position: absolute; left: 58px; top: 0px; width: 130px; height: 70px; display: block; }
	div.unten div.logotux img									{ position: absolute; left: 58px; top: 0px; }
	div.unten div.holidaycheck									{ background: url(/images/design/bg-links.gif) repeat-y 0px 0px; position: absolute; left: -239px; bottom: 23px; width: 239px; height: 71px; }
	div.unten div.holidaycheck img								{ position: absolute; left: 28px; top: 0px; }
	
	div.unten a.zeppelin										{ vertical-align: text-bottom; overflow: hidden; }
	div.unten a.zeppelin img									{ position: absolute; right: 15px; bottom: 50px; }

	
	
/* Startseite ___________________________________________________________ */

	div.rahmenstartseite										{ position: relative; bottom: -800px; width: 957px; padding: 0px 0px 100px 0px; margin: -800px auto 0px auto; text-align: left; z-index: 2; overflow: hidden; }
	
	a.logostartseite img										{ position: absolute; left: 0px; top: 21px; }
	
	div.obenstartseite											{ position: relative; height: 648px; z-index: 1; overflow: hidden; }
	div.obenstartseite div.bgapi								{ z-index: 2; background: url(/images/design/bg-apioben.png) no-repeat 0px 0px; width: 216px; height: 62px; position: absolute; right: 32px; bottom: 0px; }
	
	div.obenstartseite div.infosoben							{ position: absolute; right: 0px; top: 0px; }
	div.obenstartseite div.infosoben div.sprache				{ font-size: 11px; float: left; display: inline; text-align: right; padding: 18px 23px 0px 0px; line-height: 19px; }
	div.obenstartseite div.infosoben div.sprache a				{ color: #7E253C; }
	div.obenstartseite div.infosoben div.sprache a:hover		{ color: #FFFFFF; }
	div.obenstartseite div.infosoben div.sprache a.aktiv		{ font-weight: bold; }
	
	div.obenstartseite div.infosoben div.adresse				{ color: #7E253C; font-size: 11px; float: left; display: inline; border-right: solid 1px #7E253C; border-left: solid 1px #7E253C; padding: 18px 23px 0px 20px; line-height: 19px; }
	div.obenstartseite div.infosoben div.daten					{ color: #7E253C; font-size: 11px; float: left; display: inline; padding: 18px 0px 0px 20px; line-height: 19px; }
	div.obenstartseite div.infosoben div.daten a				{ color: #7E253C; }
	div.obenstartseite div.infosoben div.daten a:hover			{ color: #FFFFFF; }
	div.obenstartseite div.infosoben img.holidaycheck			{ margin: 8px 0px 0px 20px; float: left; display: inline; }
	div.obenstartseite div.infosoben div.holidaycheck100		{ margin: 8px 0px 0px 20px; float: left; display: inline; }

	div.obenstartseite ul.menu 									{ position: absolute; right: -10px; top: 163px; z-index: 20; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 720px; height: 36px; }
	div.obenstartseite ul.menu li 								{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -3000px; }

	div.obenstartseite ul.menu li a 							{ float: left; display: block; width: 100%; min-height: 36px; _height: 36px; line-height: 36px; padding: 0px 0px 0px 0px; }
			
	div.obenstartseite div.flashstartseite						{ position: absolute; left: 0px; top: 199px; }
	
	div.obenstartseite div.angeboteonpageaussen						{ position: absolute; left: 4px; bottom: 0px; _bottom: -1px; width: 328px; height: 131px; overflow: hidden; z-index: 100; }
	div.obenstartseite div.angeboteonpage							{ position: absolute; left: 0px; top: 0px; width: 328px; height: 131px; }
	div.obenstartseite div.angeboteheadline							{ background-color: #7E253C; display: block; width: 328px; height: 34px; }
	div.obenstartseite div.angeboteheadline a.zuruck				{ position: absolute; right: 32px; top: 13px; }
	div.obenstartseite div.angeboteheadline a.weiter				{ position: absolute; right: 16px; top: 13px; }
	div.obenstartseite div.angeboteonpage a.openclose				{ background: url(/images/design/blind.gif) repeat 0px 0px; cursor: pointer; width: 240px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 100; }
	div.obenstartseite div.angeboteonpage span.klausnerhofangebote	{ display: block; padding: 5px 0px 0px 25px; position: relative; z-index: 0; }
	div.obenstartseite div.angeboteonpageinnen						{ background-color: #FFFFFF; opacity: 0.8; filter: alpha(opacity = 80); width: 328px; height: 98px; }
	div.obenstartseite span.pfeilangeboteauf						{ position: absolute; left: 13px; top: 10px; background: url(/images/design/pfeilauf.gif) no-repeat 0px 0px; width: 5px; height: 5px; }
	div.obenstartseite span.pfeilangebotezu							{ position: absolute; left: 13px; top: 10px; background: url(/images/design/pfeilzu.gif) no-repeat 0px 0px; width: 5px; height: 5px; }
	div.obenstartseite span.placeholder								{ width: 117px; height: 85px; display: inline; float: left; }

	div.obenstartseite div.listeangeboteonpageaussen			{ position: absolute; left: 0px; top: 33px; }
	div.obenstartseite div.listeangeboteonpageaussen a			{ width: auto; }
	div.obenstartseite div.angonpageinnen						{ width: 160px; margin: 15px 0px 0px 0px; float: left; display: inline; }
	
	div.obenstartseite div.angebothome							{ height: 133px; width: 203px; }
	div.obenstartseite div.angebothome0							{ position: absolute; left: 27px; bottom: -2px; }
	div.obenstartseite div.angebothome1							{ position: absolute; left: 250px; bottom: -2px; }
	div.obenstartseite div.angebothome2							{ position: absolute; left: 475px; bottom: -2px; }
	div.obenstartseite div.angebothome span.titel				{ position: relative; display: block; width: 203px; height: 33px; line-height: 33px; background: url(/images/design/angebot-home-headline.png) no-repeat 0px 0px; }
	div.obenstartseite div.angebothome span.titel span.pfeildown{ background: url(/images/design/angebot-home-pfeil-down.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 25px; line-height: 33px; display: block; height: 33px; cursor: pointer; }
	div.obenstartseite div.angebothome span.titel span.pfeilup	{ background: url(/images/design/angebot-home-pfeil-up.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 25px; line-height: 33px; display: block; height: 33px; cursor: pointer; }
	div.obenstartseite div.angebothome span.titel a				{ font-size: 16px; color: #ffffff; margin: 0px 0px 0px 27px; }
	div.obenstartseite div.angebothome span.titel a:hover		{ color: #f7b73f; }
	div.obenstartseite div.angebothome img.angebotbild			{ margin: 0px 0px 0px 0px; display: block; }
	div.obenstartseite div.angebothome div.onpageinnen			{ padding: 5px 0px 0px 0px; background: url(/images/design/angebot-home-unten.png) no-repeat 0px 0px; width: 203px; height: 41px; color: #5b5b5b; text-align: center; font-size: 12px; line-height: 17px; }
	
	div.obenstartseite div.fbbutton 							{ position: absolute; right: 0px; top: 110px; }
	
	div.linie													{ background-color: #C8BCA0; width: 949px; margin: 0px 4px 0px 4px; height: 3px; font-size: 0px; line-height: 0px; }
	div.untenstartseite 										{ background: url(/images/design/bg-unten-startseite.png) no-repeat 0px 0px; width: 948px; height: 260px; clear: both; position: relative; top: -69px; left: 4px; }	
	div.untenstartseite div.seite								{ position: absolute; right: 33px; top: 58px; }
	div.untenstartseite div.seite a								{ color: #5B5B5B; }
	div.untenstartseite div.seite a:hover						{ color: #7E253C; }	
	div.untenstartseite div.urlaubharmonie						{ position: absolute; left: 35px; top: 95px; }
	
	div.apistartseite											{ position: absolute; right: 27px; _right: 0px; bottom: 168px; width: 215px; width: 200px; _width: 228px; z-index: 60; }
	div.apistartseite a.button									{ width: 60px; text-align: center; display: block; float: left; margin: 10px 0px 0px 0px; cursor: pointer; }
	div.apistartseite a.buttonrechts							{ float: right; margin: 10px 27px 0px 0px; }
	div.apistartseite .input_small								{ width: 55px; font-size: 12px; line-height: 17px; margin: 0px 0px 4px 0px; }
	div.apistartseite .input_long								{ width: 173px; font-size: 12px; line-height: 17px; margin: 0px 0px 4px 0px; }

	
	ul.naviunten												{ position: absolute; left: 370px; bottom: 232px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 392px; }
	ul.naviunten li												{ background: url(/images/design/bg-li-menu-links.gif) no-repeat 0px 5px; float: left; display: inline; width: 156px; _width: 166px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; line-height: 24px; }
	ul.naviunten li a											{ color: #FFFFFF; }
	ul.naviunten li a:hover										{ color: #FABB21; }
	#blink														{ text-decoration: blink; }
	
	a.zeppelin img												{ position: absolute; right: 255px; bottom: 235px; vertical-align: text-bottom; }
	
	div.textstartseite											{ position: absolute; left: 20px; top: 85px; width: 320px; color: #FFFFFF; font-size: 13px; line-height: 17px; border-right: solid 1px #BB8E9A; }
	div.textstartseite a										{ color: #F7B73F; }
	div.textstartseite span										{ margin: 0px 10px 0px 0px; display: block; }
	
	/* Container Startseite */
	#divArrows												 	{ float:right; width:20px; margin:10px; }
	#divUp														{ position:absolute; right:5px; top: 5px; width: 15px; height: 15px; }
	#divDown													{ position:absolute; right:5px; bottom: 5px; width: 15px; height: 15px; }
	#divScrollTextCont											{ top:0px; position:relative; text-align:left; padding:0px; height:100px; width:320px; border-right:1px solid #ccc; border-bottom:0px; border-left:0px; border-top:0px; overflow:hidden; visibility:visible; background:#7E253C; }
	#divText 													{ float:left; position:absolute; left:0px; top:0px; margin:5px; width:290px; color:#fff; }
	h1.klausner1												{ font-size: 15px; font-style: bold; color:#fff; display: inline; margin-top: 0px; }
	h2.klausner2												{ font-size: 13px; margin-top: 0px; font-style: bold; margin-bottom: 3px; color:#fff; }
	
	

/* SewaApi __________________________________________________________________ */

	#zimmersuche												{ padding: 0px 0px 0px 0px; color: #5B5B5B;  }
	#zimmersuche span.label										{ display: block; float: left; font-size: 13px; color: #5B5B5B; margin: 0px 10px 0px 0px; width: 180px; }
	#zimmersuche select											{ margin: 0px 0px 1px 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, 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; }

	

/* HTML Lightbox _________________________________________________________ */

	#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; }

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



/* __________________________________________________________________ Ende */