/* Grundeinstellungen ___________________________________________ */

	body, html { height: 100%; }
	body, table { color: #000000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 16px; }
	body { background: url(/images/design/bg-all.jpg) #FFFFFF; margin: 0px; padding: 0px; text-align: center; }
	table { border: 0px; border-collapse: collapse; }
	form { margin: 0px; padding: 0px; }
	a { color: #5190B9; text-decoration: none; }
	a:hover { color: #000000; }
	a.aktiv { font-weight: bold; }
	a img { border: 0px; }


/* Oben _________________________________________________________ */

	#logo { position: absolute; left: 17px; top: 7px; }

	#navigation { position: absolute; left: 180px; top: 77px; z-index: 7; width: 623px; }
	#navigation table { width: 100%; }
	#navigation td { font-weight: bold; position: relative; padding: 0px 6px 0px 7px; vertical-align: center; width: 89px; }
	#navigation a { background: #899DB9; border: solid 1px #899DB9; color: #241770; display: block; line-height: 12px; padding: 2px 0px 2px 0px; text-align: center; }
	#navigation a:hover { background: #E2E4DD; border: solid 1px #788281; color: #241770; }
	#navigation ul { background-color: #E2E4DD; border: solid 1px #788281; display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 9px 0px; position: absolute; top: 32px; min-width: 100px; }
	#navigation ul li { background: url(/images/design/bg-punkte-h.gif) repeat-x left bottom; margin: 0px 11px 0px 11px; padding: 1px 0px 2px 0px; }
	#navigation ul li.aktiv { font-weight: bold; }
	#navigation ul li a { background: none; border: 0px; height: 18px; line-height: 18px; padding: 0px 5px 0px 5px; text-align: left; white-space: nowrap; }
	#navigation ul li a:hover { border: 0px; }
	
	#anfrage { background: url(/images/design/bg-punkte-v.gif) 0px 0px; font-size: 10px; position: absolute; left: 12px; top: 265px; width: 163px; }
	#anfrage form { padding: 30px 0px 0px 0px; }
	#anfrage p { background: url(/images/design/bg-punkte-h.gif) repeat-x left bottom; font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 30px 10px; }
	#anfrage select { font-size: 9px; margin: 0px 4px 0px 0px; }
	#anfrage a { color: #467FCC; border-top: solid 1px #BCCFB3; display; block; font-size: 9px; position: absolute; left: 3px; bottom: 2px; text-transform: uppercase; width: 157px; }
	#anfrage a:hover { color: #000000; }
	
	address { font-size: 9px; color: #353E00; font-style: normal; line-height: 14px; }
	address a { color: #353E00; }
	address a:hover { color: #000000; }
	address.links { position: absolute; left: 490px; top: 11px; }
	address.rechts { position: absolute; left: 670px; top: 11px; }
	
	#sprache { color: #1E106C; font-size: 10px; position: absolute; left: 0px; top: 230px; text-align: center; width: 183px; }
	#sprache a { color: #1E106C; margin: 0px 5px 0px 5px; }
	#sprache a:hover { color: #605297; }



/* Links ________________________________________________________ */

	#submenu { background: #EFEDE0; margin: 0px 0px 32px 0px; padding: 0px 0px 10px 0px; }
	#submenu h1 { background: url(/images/design/bg-menu.gif) no-repeat left center #E1E4DD; color: #042364; font-size: 11px; line-height: 14px; margin: 0px 0px 10px 0px; padding: 2px 0px 4px 42px; }
	#submenu ul { border-bottom: solid 1px #BFCFB5; line-height: 11px; list-style-type: none; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; }
	#submenu ul li { background: url(../images/design/bg-li-menu.gif) no-repeat 3px 5px; border-top: solid 1px #BFCFB5; margin: 0px 0px 0px 0px; padding: 1px 0px 2px 13px; }
	#submenu ul li.aktiv { font-weight: bold; }
	#submenu ul li a { color: #012255; }
	#submenu ul li a:hover { color: #000000; }

	#menu { border-bottom: solid 1px #BFCFB5; line-height: 11px; list-style-type: none; margin: 0px 0px 32px 0px; padding: 0px 0px 0px 0px; }
	#menu li { background: url(../images/design/bg-li-links.gif) no-repeat 3px 5px; border-top: solid 1px #BFCFB5; margin: 0px 0px 0px 0px; padding: 1px 0px 2px 13px; }
	#menu li.aktiv { font-weight: bold; }
	#menu li a { color: #012255; }
	#menu li a:hover { color: #000000; }
	
	#webcam { background: url(/images/design/bg-punkte-v.gif) repeat-y 0px 2px; position: relative; width: 100%; margin: 0px 0px 24px 0px; }
	#webcam p { background: url(/images/design/bg-webcam.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 35px 10px 24px 10px; }
	#webcam a { background: url(/images/design/bg-punkte-h.gif) repeat-x left bottom; color: #467FCC; border-top: solid 1px #BCCFB3; display; block; font-size: 9px; line-height: 15px; padding: 0px 0px 2px 0px; position: absolute; left: 3px; bottom: 0px; text-align: center; text-transform: uppercase; width: 157px; }
	#webcam a:hover { color: #000000; }
	
	#partner { background: #FFFFFF; border: solid 1px #CAD6C2; margin: 0px 0px 16px 0px; padding: 10px 0px 10px 0px; text-align: center; }
	#partner img { margin: 12 auto; }



/* Flash ________________________________________________________ */

	#flash { position: absolute; left: 193px; top: 125px; }


/* Inhalt _______________________________________________________ */

	#inhalt h1 { background: url(/images/design/bg-headline.gif) no-repeat center bottom; color: #5190B9; font-size: 14px; margin: 0px 0px 20px 0px; position: relative; padding: 0px 35px 22px 35px; text-align: center; width: 100%; }
	#inhalt h2 { background: url(/images/design/bg-menu.gif) no-repeat 3px 4px #E1E4DD; color: #473B79; font-size: 12px; line-height: 14px; margin: 0px 0px 10px 0px; padding: 3px 40px 4px 49px; }
	#inhalt h3 { color: #473B79; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h4 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h5 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h6 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt p { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ul { list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ul li { background: url(/images/design/bg-li-links.gif) no-repeat 0px 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 14px; }
	#inhalt ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



/* Dynamisch ____________________________________________________ */

	.umblattern { font-size: 10px; float: right; margin: 0px 0px 0px 0px; }
	.umblattern a, .umblattern span { margin: 0px 2px 0px 2px; }
	.umblattern span { font-weight: bold; }
	.umblattern a:hover { color: #000000; }
	
	.aufzahlung { margin: 0px 0px 16px 0px; }
	
	a.weiter, a.zuruck { background: #FFFFFF; border: solid 1px #CED1C6; color: #4780C5; font-size: 10px; line-height: 12px; padding: 0px 5px 0px 5px; text-transform: uppercase; }
	a.zuruck:hover, a.weiter:hover { border: solid 1px #4780C5; color: #CED1C6; }
	
	.liste , .navi { position: relative; clear: both; width: 100%; }
	
	.liste { margin: 0px 0px 16px 0px; }
	.liste a.oben { font-size: 10px; position: absolute; right: 5px; top: 2px; text-transform: uppercase; }
	.liste p { margin: 0px 0px 8px 0px !important; }
	.liste .datum, .liste .zeitraum { font-weight: bold; color: #473B79; margin: 0px 0px 8px 0px; }
	.liste .preis { font-size: 12px; font-weight: bold; color: #73B2D5; }
	
	.onpage .datum, .onpage .zeitraum { float: right; margin: 0px 0px 0px 12px; }
	
	.navi { height: 16px; margin: 0px 0px 16px 0px; }
	.navi a.weiter { position: absolute; right: 0px; top: -3px; }
	.navi a.zuruck { position: absolute; left: 0px; top: -3px; }
	
	#inhalt h1 .datum { color: #5190B9; font-size: 11px; position: absolute; left: 0px; bottom: 2px; text-align: center; width: 399px; }
	
	.downlinks { background: url(/images/design/bg-punkte-h.gif) repeat-x left bottom; padding: 0px 0px 1px 0px; }
	.downlinks h3 { background: url(/images/design/bg-punkte-h.gif) repeat-x 0px 0px; padding: 3px 0px 0px 0px !important; }
	.downlinks li { clear: both; background: none !important; padding: 0px 0px 16px 0px !important; }
	.downlinks p { margin: 0px 0px 0px 0px !important; }



/* Angebote _____________________________________________________ */

	.info { background: none; border: solid 1px #BFCFB5; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; position: relative; width: 100%; }
	.info .zeitraum { margin: 0px 0px 8px 0px; }
	.info .preis { margin: 0px 0px 0px 0px; }
	.info .angebot { margin: 0px 0px 8px 0px; }
	.info .weiter { position: absolute; right: 10px; bottom: 11px; }
	
	.box { background: none; border: solid 1px #BFCFB5; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; }



/* Bilder & Fotogalerie _________________________________________ */

	.bilder { overflow: hidden; white-space: nowrap; width: 100%; margin: 0px 0px 16px 0px; }
	.bilder img { margin: 0px 2px 0px 0px; }
	
	.fotogalerie { overflow: hidden; margin: 0px 0px 16px 0px; white-space: nowrap; width: 100%; }
	.fotogalerie img { margin: 0px 3px 4px 0px; }
	
	.navipopup { position: relative; clear: both; height: 16px; margin: 0px 0px 16px 0px; }
	.navipopup a.weiter { position: absolute; right: 30px; top: -3px; }
	.navipopup a.zuruck { position: absolute; left: 30px; top: -3px; }


/* Zimmer _________________________________________ */

	table.zimmer td										{ text-align: left; vertical-align: top; }
	

/* Rechts _______________________________________________________ */

	#ihrurlaub { height: 98px; margin: 0px 0px 24px 0px; padding: 1px 0px 0px 0px; }
	#ihrurlaub ul { border-bottom: solid 1px #BFCFB5; line-height: 11px; list-style-type: none; margin: 38px 50px 0px 10px; padding: 0px 0px 0px 0px; }
	#ihrurlaub ul li { background: url(../images/design/bg-li-menu.gif) no-repeat 3px 5px; border-top: solid 1px #BFCFB5; margin: 0px 0px 0px 0px; padding: 1px 0px 2px 13px; }
	#ihrurlaub ul li a { color: #012255; }
	#ihrurlaub ul li a:hover { color: #000000; }
	
	#angebot { background: url(/images/design/bg-punkte-v.gif) repeat-y 0px 0px; position: relative; width: 100%; margin: 0px 0px 24px 0px; padding: 0px 0px 32px 0px; }
	#angebot h1 { color: #433688; font-size: 11px; margin: 0px 0px 5px 0px; padding: 30px 10px 0px 10px; }
	#angebot p { margin: 0px 10px 5px 10px; padding: 0px 0px 0px 0px; }
	#angebot .preis { color: #6EB1DB; font-size: 12px; font-weight: bold; padding: 0px 0px 0px 10px; }
	#angebot table { background: url(/images/design/bg-punkte-h.gif) repeat-x left bottom; border-top: solid 1px #BCCFB3; position: absolute; left: 3px; bottom: 0px; width: 157px; }
	#angebot td { text-align: center; padding: 0px 0px 2px 0px; }
	#angebot a { color: #467FCC; display; block; font-size: 9px; line-height: 14px; text-transform: uppercase; }
	#angebot a:hover { color: #000000; }
	#angebot .rechts { border-right: solid 1px #BCCFB3;  }
	
	#wetter { background: url(/images/design/bg-punkte-v.gif) repeat-y 0px 0px; position: relative; width: 100%; margin: 0px 0px 24px 0px; }
	#wetter p.oben { margin: 0px 0px 10px 0px; padding: 32px 10px 0px 10px; }
	#wetter p.unten { background: url(/images/design/bg-punkte-h.gif) repeat-x left bottom; margin: 0px 0px 0px 0px; padding: 0px 10px 9px 10px; }
	#wetter img { clear: both; float: right; }
	#wetter a { color: #4D7FC6; font-size: 9px; position: absolute; right: 5px; top: 4px; text-transform: uppercase; }
	#wetter a:hover { color: #000000; }
	
	#copyright { font-size: 9px; line-height: 14px; margin: 0px 0px 24px 10px; }
	#copyright a, #copyright { color: #76715E; }
	#copyright a:hover { color: #000000; }
	#copyright img { margin: 1px 0px 0px 0px; vertical-align: text-bottom; }



/* Navigation ___________________________________________________ */
	


/* Unten ________________________________________________________ */



/* Anfrageformular ______________________________________________ */

	.formular { border: 0px; margin: 0px 0px 16px 0px; }
	.formular col { width: 160px; }
	.formular th { color: #000000; font-size: 11px; text-align: left; }
	.formular td { color: #000000; font-size: 11px; padding: 3px 0px; vertical-align: middle; }
	.formular select { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }
	.formular .eingabe { border: 1px solid #E8CC9D; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; }
	.formular .standard { height: 18px; width: 220px; }
	.formular .code { height: 18px; width: 40px; }
	.formular .plz { height: 18px; width: 65px; margin-right: 5px; }
	.formular .ort { height: 18px; width: 150px; }
	.formular .mitteilung { height: 60px; width: 220px; }
	.formular .oben { padding: 3px 0px 0px 0px; vertical-align: top; }
	.formular a { background: url(/images/design/bg-formular.gif) repeat-x 0px 0px #FFFFFF; color: #4780C5; border: solid 1px #CED1C6; font-weight: bold; padding: 3px 10px 3px 9px; }
	.formular a:hover { color: #CED1C6; border: solid 1px #4780C5; }



/* Wetter _______________________________________________________ */

	.wetter h3 { font-size: 11px; margin: 0px 0px 3px 0px; }
	.wetter img { display: block; margin: 0 auto; }
	.wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	.wetter span {  }
	.wetter .heute, .wetter .morgen { clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; }
	.wetter .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; }
	.wetter .blau, #wetter .blau { color: #0055CC; }
	.wetter .rot, #wetter .rot { color: #BB2200; }



/* Sonstiges _____________________________________________________ */

	img.links 								{ clear: left; float: left; margin: 5px 10px 10px 0px; }
	img.rechts 								{ clear: right; float: right; margin: 5px 0px 15px 15px; }
	
	p.rechts, .textrechts 					{ text-align: right; }
	p.mitte, .textmitte						{ text-align: center; }

	.clearit 								{ clear: both; height: 1px; line-height: 1px; overflow: hidden; }
	
	.preistabelle 							{ margin: 0px 0px 16px 0px; width: 100%; }
	.preistabelle th, .preistabelle td  	{ border-bottom: solid 1px #BFCFB5; padding: 6px 0px 8px 8px; text-align: left; vertical-align: top; }
	.preistabelle .erstes 					{ padding: 6px 0px 8px 0px; }
	
	.webcams td 							{padding: 0px 10px 0px 10px;}
	

	
	
/* __________________________________________________________ Ende */