@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	div.balkenoben												{ width: 100%; height: 82px; }
	div.linksbundig 											{ margin: 0px 0px 0px 0px !important; }
	body.linksbundig 											{ text-align: left; !important; }
	div.rahmen 													{ position: relative; width: 980px; margin: 0 auto; text-align: left; }
	div.rahmenrechts											{ float: left; display: inline; position: relative; width: 779px; text-align: left; margin: 0px 0px 0px 31px; _margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; }
	div.balkenunten												{ width: 100%; height: 200px; margin: -368px 0px 0px 0px; }

	
	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; position: relative;	width: 170px; }

	div.links img.welle											{ position: absolute; left: -81px; top: -36px; }
	div.links a.logo img										{ margin: 26px 0px 0px 10px; }	
	
	div.links div.untermenu										{ margin: 64px 0px 58px 0px; }
	div.links div.untermenu	div.preiseinfos						{ background: url(/images/design/bg-farbklecks.gif) no-repeat 11px 2px; margin: 0px 0px 0px 0px; }
	div.links div.untermenu	span.kristallklar					{ float: left; display: block; text-align: center; width: 170px; font-size: 13px; margin: 0px 0px 15px 0px; }
	div.links div.untermenu ul									{ float: left; display: block; list-style-type: none; width: 170px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.untermenu ul li								{ width: 170px; text-align: center; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.untermenu ul li a								{ color: #787773; font-size: 13px; line-height: 28px; }
	div.links div.untermenu ul li.aktiv	a						{ color: #4B4A4A; }
	div.links div.untermenu ul li a:hover						{ color: #4B4A4A; }
	
	div.links div.angeboteonpage								{ width: 160px; position: relative; }
	div.links div.angeboteonpage div.angonpage					{ background: url(/images/design/bg-farbklecks.gif) no-repeat 11px 2px; padding: 0px 0px 0px 12px; }
	
	div.links div.tripadivsor									{ margin: 0px 0px 30px 25px; }
	div.links div.holidaycheck									{ margin: 30px 0px 20px 15px; }
	div.links div.facebook										{ margin: 0px 0px 30px 10px; }
	div.links div.facebookstartseite							{ margin: 0px 0px 30px 20px; }
	
	.bildrahmen 															{ position: relative; left: 5px; top: -3px; width: 160px; height: 252px; overflow: hidden; }	
	.bildflache 															{ position: relative; left: 0px; top: 0px; width: 2000px; height: 252px; }
	
	div.bildflache div.angebot												{ float: left; width: 160px; height: 240px; overflow: hidden; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 12px 0px; }
	div.bildflache div.angebot div.bildbg									{ position: absolute; left: 6px; top: 0px; width: 146px; height: 119px; z-index: 40; }
	div.bildflache div.angebot div.bildbg a img								{ width: 121px; height: 90px; margin: 13px 0px 0px 9px; }
	div.bildflache div.angebot span.buttonlinks								{ position: absolute; right: 17px; bottom: 0px; float: left; display: inline; background: url(/images/design/bg-buttonlinks.png) no-repeat left 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; z-index: 50; }
	div.bildflache div.angebot span.buttonlinks span.buttonrechts			{ float: left; display: inline; background: url(/images/design/bg-buttonrechts.png) no-repeat right 0px; margin: 0px 0px 0px 0px; padding: 0px 5px 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: 13px; line-height: 22px; height: 22px; padding: 0px 5px 0px 5px; }
	
	div.bildflache div.angebot div.angebotinnen								{ float: left; width: 160px; height: 235px; position: relative; left: 0px; top: 5px; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; z-index: 20; }
	div.bildflache div.angebot div.angebotinnen h2 a						{ position: absolute; left: 8px; top: 117px; width: 144px; text-align: center; }
	div.bildflache div.angebot div.angebotinnen div.zeitraum				{ position: absolute; left: 8px; top: 134px; width: 144px; text-align: center; }
	div.bildflache div.angebot div.angebotinnen p							{ position: absolute; left: 8px; top: 181px; width: 144px; text-align: center; font-weight: bold; }
	
	div.scrollbutton														{ width: 14px; _width: 20px; height: 7px; position: absolute; right: 10px; top: 8px; }
	div.scrollbutton a.vorher img											{ float: left; display: inline; margin: 0px 6px 0px 0px; }
	div.scrollbutton a.nachher img											{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	

	div.clickpay															{ margin: 20px 0px 20px 50px; }

	
/* Oben __________________________________________________________________ */

	div.oben 													{ float: left; display: inline; width: 779px; position: relative; }
	
	div.oben div.sprache										{ position: absolute; left: 16px; top: -66px; }
	div.oben div.sprache a										{ float: left; display: inline; font-size: 12px; line-height: 12px; border-left: solid 1px #F7C109; margin: 0px 8px 0px 0px; padding: 0px 0px 0px 3px; }
	div.oben div.sprache a:hover								{ color: #F5F5E3; border-left: solid 1px #F5F5E3; }
	div.oben div.sprache a.aktiv								{ color: #F5F5E3; border-left: solid 1px #F5F5E3; }
	
	div.oben div.linksoben										{ position: absolute; right: 11px; top: -66px; }
	div.oben div.linksoben a									{ float: right; display: inline; font-size: 12px; line-height: 12px; border-left: solid 1px #F7C109; margin: 0px 8px 0px 0px; padding: 0px 0px 0px 3px; }
	div.oben div.linksoben a:hover								{ color: #F5F5E3; border-left: solid 1px #F5F5E3; }
	
	div.oben div.menu											{ width: 773px; height: 78px; }	
	div.oben div.menu ul.menu 									{ z-index: 100; position: absolute; left: 0px; top: 0px; list-style-type: none; width: 773px; height: 78px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu ul.menu li 								{ position: relative; background: transparent; height: 78px; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu ul.menu li a 								{ display: block; width: 100%; height: 78px; text-indent: -15000px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	#TopHotelKristall a											{ width: 120px; background-position: 0px 0px; margin: 0px 0px 0px 0px; }
	#TopHotelKristall a:hover									{ background-position: 0px -78px; margin: 0px 0px 0px 0px; }
	#TopHotelKristall.aktiv a									{ background-position: 0px -156px; margin: 0px 0px 0px 0px; }
	#TopHotelKristall ul										{ display: none; }
	
	#TopWellnessBeauty a										{ width: 170px; background-position: -120px 0px; margin: 0px 0px 0px 0px; }
	#TopWellnessBeauty a:hover									{ background-position: -120px -78px; margin: 0px 0px 0px 0px; }
	#TopWellnessBeauty.aktiv a									{ background-position: -120px -156px; margin: 0px 0px 0px 0px; }
	#TopWellnessBeauty ul										{ display: none; }
	
	#TopGourmetGenuss a											{ width: 175px; background-position: -290px 0px; margin: 0px 0px 0px 0px; }
	#TopGourmetGenuss a:hover									{ background-position: -290px -78px; margin: 0px 0px 0px 0px; }
	#TopGourmetGenuss.aktiv a									{ background-position: -290px -156px; margin: 0px 0px 0px 0px; }
	#TopGourmetGenuss ul										{ display: none; }
	
	#TopAktivimSommer a											{ width: 165px; background-position: -465px 0px; margin: 0px 0px 0px 0px; }
	#TopAktivimSommer a:hover									{ background-position: -465px -78px; margin: 0px 0px 0px 0px; }
	#TopAktivimSommer.aktiv a									{ background-position: -465px -156px; margin: 0px 0px 0px 0px; }
	#TopAktivimSommer ul										{ display: none; }
	
	#TopAktivimWinter a											{ width: 143px; background-position: -630px 0px; margin: 0px 0px 0px 0px; }
	#TopAktivimWinter a:hover									{ background-position: -630px -78px; margin: 0px 0px 0px 0px; }
	#TopAktivimWinter.aktiv a									{ background-position: -630px -156px; margin: 0px 0px 0px 0px; }
	#TopAktivimWinter ul										{ display: none; }
	
	div.oben div.flashrand										{ width: 773px; height: 292px; position: relative; margin: 0px 0px 18px 0px; }
	div.oben div.flashrand div.flash							{ width: 748px; height: 268px; position: absolute; left: 11px; top: 11px; }
	
	div.oben div.onpageform										{ width: 768px; height: 63px; background: url(/images/design/bg-anfrage-onpage.gif) no-repeat 0px 0px; position: relative; margin: 0px 0px 0px 2px; }
	div.oben div.onpageform	div.expressanfrage					{ position: absolute; left: 21px; top: 14px; }
	div.oben div.onpageform div.zimmersuche						{ position: absolute; left: 193px; top: 11px; width: 575px; height: 52px; }
	
	div.oben div.onpageform div.zimmersuche div.anreise					{ float: left; display: inline; width: 146px; margin: 0px 18px 0px 0px;	}
	div.oben div.onpageform div.zimmersuche div.anreise	select.day		{ width: 38px; }
	div.oben div.onpageform div.zimmersuche div.anreise	select.month	{ width: 47px; }
	div.oben div.onpageform div.zimmersuche div.anreise	select.year		{ width: 53px; }
	div.oben div.onpageform div.zimmersuche div.anreise	span.label		{ font-family: Georgia; font-size: 13px; }
	
	div.oben div.onpageform div.zimmersuche div.abreise					{ float: left; display: inline; width: 146px; margin: 0px 18px 0px 0px; }
	div.oben div.onpageform div.zimmersuche div.abreise	select.day		{ width: 38px; }
	div.oben div.onpageform div.zimmersuche div.abreise	select.month	{ width: 47px; }
	div.oben div.onpageform div.zimmersuche div.abreise	select.year		{ width: 53px; }
	div.oben div.onpageform div.zimmersuche div.abreise	span.label		{ font-family: Georgia; font-size: 13px; }
	
	div.oben div.onpageform div.zimmersuche div.unterkunft				{ float: left; display: inline; width: 134px; }
	div.oben div.onpageform div.zimmersuche div.unterkunft select		{ width: 138px; }
	div.oben div.onpageform div.zimmersuche div.unterkunft span.label	{ font-family: Georgia; font-size: 13px; }
	
	div.oben div.onpageform div.anfragebutton					{ position: absolute; right: 21px; top: 9px; }
	div.anfragebutton span.buttonlinks							{ margin: 0px 0px 2px 0px; }
	div.anfragebutton span.buttonlinks span.buttonrechts a		{ width: 57px; text-align: center; }
	
	div.oben div.linkleiste										{ width: 768px; height: 32px; margin: 0px 0px 20px 2px; } 
	div.oben div.linkleiste	a									{ font-size: 12px; line-height: 32px; margin: 0px 0px 0px 23px; padding: 0px 0px 0px 3px; } 
	div.oben div.linkleiste	a.erstes							{ font-size: 12px; line-height: 32px; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 3px; } 
	div.oben div.linkleiste	a:hover								{ color: #F5F5E3; border-left: solid 1px #F5F5E3; } 
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ width: 779px; margin: 0px 0px 0px 2px; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ float: left; display: inline; width: 568px; overflow: hidden; background-color: #FFFFFF; }
	div.inhalt div.content										{ width: 496px; margin: 36px 36px 36px 36px; }



/* Rechts ________________________________________________________________ */

	div.rechts 													{ float: left; display: inline; width: 182px; margin: 0px 0px 0px 16px; }

	div.rechts div.familienbild									{ width: 191px; height: 158px; margin: -9px 0px 0px 0px; }
	div.rechts div.familienbild img								{ width: 160px; height: 120px; margin: 17px 0px 0px 10px; border: solid 1px #D8D7C0; }
	
	div.rechts div.gastemitarbeiter								{ width: 166px; margin: 0px 8px 0px 8px; }
	div.rechts div.gastemitarbeiter ul							{ list-style-type: none; margin: 0px 0px 43px 4px; padding: 0px 0px 0px 0px; }
	div.rechts div.gastemitarbeiter ul li						{ margin: 10px 0px 0px 0px; padding: 0px 0px 0px 18px; }
	div.rechts div.gastemitarbeiter ul li a						{ color: #787773; }
	div.rechts div.gastemitarbeiter ul li a:hover				{ color: #4B4A4A; }
	
	div.rechts div.webcambild									{ width: 191px; height: 158px; }
	div.rechts div.webcambild a img								{ width: 160px; height: 120px; margin: 17px 0px 0px 10px; }
	div.rechts div.schnappschusse								{ width: 166px; margin: 0px 8px 0px 8px; }
	div.rechts div.schnappschusse ul							{ list-style-type: none; margin: 0px 0px 21px 4px; padding: 0px 0px 0px 0px; }
	div.rechts div.schnappschusse ul li							{ margin: 10px 0px 0px 0px; padding: 0px 0px 0px 18px; }
	div.rechts div.schnappschusse ul li a						{ color: #787773; }
	div.rechts div.schnappschusse ul li a:hover					{ color: #4B4A4A; }
	


/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; height: 366px; margin: 92px 0px 0px 0px; }
	
	div.unten div.boxunten										{ width: 100%; height: 198px; margin: 0px 0px 24px 0px; }
	div.unten div.boxunten div.blog								{ float: left; display: inline; width: 190px; height: 198px; position: relative; margin: 0px 68px 0px 0px; }
	div.unten div.boxunten div.blog	img							{ position: absolute; left: 0px; top: -71px; }
	div.unten div.boxunten div.blog	div.uberschriftkontakt		{ position: absolute; left: 4px; top: 99px; }
	div.unten div.boxunten div.blog	span.blogtext				{ position: absolute; left: 6px; top: 121px; width: 167px; text-align: center; }
	div.unten div.boxunten div.blog	a							{ position: absolute; left: 10px; bottom: 24px; padding: 0px 0px 0px 19px; }
	div.unten div.boxunten div.blog	a:hover						{ color: #F5F5E3; }
	
	div.unten div.boxunten div.newsletter						{ float: left; display: inline; width: 200px; height: 198px; position: relative; margin: 0px 68px 0px 0px; }
	div.unten div.boxunten div.newsletter div.newsletteruber	{ position: absolute; left: 0px; top: 24px; }
	div.unten div.boxunten div.newsletter div.infosangebote		{ position: absolute; left: 0px; top: 46px; width: 185px; text-align: center; }
	div.unten div.boxunten div.newsletter div.colum1			{ height: 1px; line-height: 1px; font-size: 1px; }
	div.unten div.boxunten div.newsletter form					{ position: absolute; left: 0px; top: 83px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.boxunten div.newsletter input					{ width: 185px; font-size: 12px; height: 20px; line-height: 14px; border: 0px; margin: 0px 0px 5px 0px; padding: 3px 0px 0px 6px; }
	div.unten div.boxunten div.newsletter input.vorname			{ width: 87px; font-size: 12px; height: 20px; line-height: 14px; border: 0px; margin: 0px 5px 5px 0px; padding: 3px 0px 0px 6px; }
	div.unten div.boxunten div.newsletter input.nachname		{ width: 87px; font-size: 12px; height: 20px; line-height: 14px; border: 0px; margin: 0px 0px 5px 0px; padding: 3px 0px 0px 6px; }
	div.unten div.boxunten div.newsletter .senden				{ float: left; text-align: left; font-size: 13px; width: 191px; margin: -5px 0px 0px 0px; padding: 0px 0px 0px 17px; }
	div.unten div.boxunten div.newsletter .senden:hover			{ color: #F5F5E3; }
	
	div.unten div.boxunten div.kristallteam						{ float: left; display: inline; width: 200px; height: 198px; position: relative; margin: 0px 68px 0px 0px; }
	div.unten div.boxunten div.kristallteam	div.uberschriftteam	{ position: absolute; left: 0px; top: 24px; }
	div.unten div.boxunten div.kristallteam	div.immerda			{ position: absolute; left: 0px; top: 46px; width: 179px; text-align: center; }
	div.unten div.boxunten div.kristallteam	div.telfax			{ position: absolute; left: 0px; top: 83px; width: 179px; height: 48px; color: #F5F5E3; }
	div.unten div.boxunten div.kristallteam	div.telfax p		{ margin: 4px 0px 0px 13px; padding: 0px 0px 0px 0px; }
	div.unten div.boxunten div.kristallteam	a					{ position: absolute; left: 0px; bottom: 24px; padding: 0px 0px 0px 19px; }
	div.unten div.boxunten div.kristallteam	a:hover				{ color: #F5F5E3; }
	
	div.unten div.boxunten div.kontakt							{ float: left; display: inline; width: 185px; height: 198px; position: relative; }
	div.unten div.boxunten div.kontakt div.uberkontakt			{ position: absolute; left: -9px; top: 24px; }
	div.unten div.boxunten div.kontakt div.familie				{ position: absolute; left: -9px; top: 46px; width: 131px; text-align: center; }
	div.unten div.boxunten div.kontakt div.daten				{ position: absolute; left: 0px; top: 72px; width: 179px; height: 48px; line-height: 19px; }
	div.unten div.boxunten div.kontakt div.daten a				{ line-height: 19px; }
	div.unten div.boxunten div.kontakt div.daten a:hover		{ color: #F5F5E3; }
	div.unten div.boxunten div.kontakt div.daten div.klAbstand	{ line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 6px; overflow: hidden; }
	
	div.unten div.footer										{ width: 100%; text-align: center; font-size: 13px; line-height: 19px; }
	div.unten div.footer span									{ font-size: 13px; line-height: 19px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 3px; }
	div.unten div.footer a										{ font-size: 13px; line-height: 19px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 3px; }
	div.unten div.footer a:hover								{ color: #4B4A4A; border-left: solid 1px #4B4A4A; }
	
	div.unten div.logos											{ width: 100%; vertical-align: top; text-align: center; margin: 37px 0px 0px 0px; }
	div.unten div.logos	img										{ margin: 0px 42px 0px 0px; }
	div.unten div.logos	img.letztes								{ margin: 0px 0px 0px 0px; }
	
	div.unten div.produced										{ width: 100%; text-align: center; margin: 15px 0px 0px 0px; }
	div.unten div.produced a									{ line-height: 23px; }
	div.unten div.produced a:hover								{ color: #4B4A4A; }
	div.unten div.produced a img								{ vertical-align: text-bottom; }



/* Startseite ____________________________________________________________ */

	div.oben div.flashrandstart									{ width: 773px; height: 449px; background: url(/images/design/bg-flash-startseite.gif) no-repeat 0px 0px; position: relative; margin: 0px 0px 14px 0px; }
	div.oben div.flashstartseite div.flash						{ width: 748px; height: 423px; position: absolute; left: 11px; top: 11px; }

	div.inhaltstartseite										{ width: 770px; border-bottom: solid 1px #DFCDAF; padding: 0px 0px 44px 0px; }
	
	h1.start													{ margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	h2.start													{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	
	div.angebotstart											{ float: left; display: inline; width: 374px; height: 116px; background-color: #EDE3C7; margin: 6px 22px 0px 0px; }
	
	div.teaserstart												{ float: left; display: inline; width: 374px; height: 116px; background-color: #EDE3C7; margin: 6px 0px 0px 0px; }
	
	div.footerstart												{ width: 100%; color: #AFAF8B; text-align: center; font-size: 12px; line-height: 19px; margin: 6px 0px 0px 0px; }
	div.footerstart span										{ font-size: 12px; color: #AFAF8B; border-left: solid 1px #AFAF8B; line-height: 19px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 3px; }
	div.footerstart a											{ font-size: 12px; color: #AFAF8B; border-left: solid 1px #AFAF8B; line-height: 19px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 3px; }
	div.footerstart a:hover										{ color: #4B4A4A; border-left: solid 1px #4B4A4A; }
	
	div.logosstart												{ width: 100%; vertical-align: top; text-align: center; margin: 37px 0px 0px 0px; }
	div.logosstart img											{ margin: 0px 42px 0px 0px; }
	div.logosstart img.letztes									{ margin: 0px 0px 0px 0px; }
	
	div.produced												{ width: 100%; text-align: center; margin: 15px 0px 0px 0px; }
	div.produced a												{ font-size: 13px; line-height: 23px; color: #AFAF8B; }
	div.produced a:hover										{ color: #4B4A4A; }
	div.produced a img											{ vertical-align: text-bottom; }
	span.famstart												{ font-style: italic; font-weight: bold; color: #536117; font-size: 16px; line-height: 22px; font-family: Georgia, 'Times New Roman', Times, serif; }
	div.abstandstart											{ line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 4px; }
	div.kronplazresort											{ margin: 0px 0px 0px 28px; }
	


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