/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: #c1ca00; text-align: center; }
	body.iframe													{ background: url(/images/design/bg-iframe.png) repeat-y  0px 0px; }
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #e1aa07; font-size: 27px; line-height: 30px; font-weight: normal; margin: 0px 0px 23px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #e1aa07; font-size: 21px; line-height: 20px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2.subheadline												{ color: #434343; font-size: 11px; line-height: 19px; font-weight: bold; margin: -22px 0px 23px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h3, h3 a													{ font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h4, h4 a													{ font-size: 12px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h5, h5 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h6, h6 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	
	ul 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ul li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; _height: 1px; }
	ul li ul													{ float: none; }
	ol 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ol li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }

	
	div.rahmenaussen											{ position: relative; width: 100%; background: url(/images/design/bg.png) repeat-y center 0px; margin: 0 auto; text-align: center; z-index: 2; }
	div.rahmen 													{ xoverflow-x: hidden; position: relative; width: 900px; margin: 0 auto; text-align: left; }
	
	div.berge													{ position: relative; width: 100%; background: url(/images/design/berge-unten.jpg) no-repeat center 0px; margin: 0 auto; text-align: center; height: 310px; overflow: hidden; z-index: 1; }
	
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: absolute; left: 0px; top: 0px; width: 900px; height: 563px; }
	div.hofpostoben												{ height: 203px; overflow: visible; z-index: 2; }
	
	div.oben a.logo												{ position: absolute; left: 0px; top: 17px; }
	
	div.oben div.sprache										{ position: absolute; right: 302px; top: 16px; text-align: right; }
	div.oben div.sprache a										{ color: #999191; line-height: 17px; }
	div.oben div.sprache a.aktiv								{ font-weight: bold; }

	div.oben div.daten1											{ position: absolute; right: 141px; top: 0px; width: 144px; height: 80px; border-left: solid 1px #d7d7cb; }
	div.oben div.daten1 p										{ color: #999191; line-height: 17px; margin: 16px 0px 0px 20px; }

	div.oben div.daten2											{ position: absolute; right: 0px; top: 0px; width: 140px; height: 80px; border-left: solid 1px #d7d7cb; }
	div.oben div.daten2 p										{ color: #999191; line-height: 17px; margin: 16px 0px 0px 20px; }
	div.oben div.daten2 p a										{ color: #999191; line-height: 17px; }
	
	div.oben div.menu 											{ overflow: hidden; position: absolute; right: 0px; top: 113px; width: 620px; height: 41px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu 											{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 										{ float: left; position: relative; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -50000px; }
	div.oben ul.menu li a 										{ display: block; height: 41px; line-height: 41px; padding: 0px 0px 0px 0px; }
	
	#Wohlfuhlen													{ position: absolute; left: 0px; top: 0px; z-index: 10; }
	#Erleben													{ position: absolute; left: 0px; top: 0px; z-index: 10; }
	#Entspannen													{ position: absolute; left: 0px; top: 0px; z-index: 10; }
	#Geniessen													{ position: absolute; left: 0px; top: 0px; z-index: 10; }
	
	div.oben div.apionpage										{ position: absolute; left: 0px; top: 514px; width: 900px; height: 47px; background-color: #ffffff; border-bottom: solid 1px #e3d6c6; }
	div.oben div.apionpage div.zimmersuche						{ float: left; display: inline; width: 900px; height: 47px; line-height: 47px; }
	div.oben div.apionpage div.zimmersuche b					{ float: left; display: inline; margin: 0px 20px 0px 21px; }
	div.oben div.apionpage div.zimmersuche form					{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form	span.label		{ margin: 0px 7px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form	select			{ height: 19px; line-height: 19px; _margin: 13px 0px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form	#bp_from_year	{ margin: 0px 15px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form	span.hinter		{ line-height: 19px; margin: 0px 1px 0px 0px; _margin: 13px 1px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form	input.tage		{ text-align: center; width: 22px; height: 13px; line-height: 13px; margin: 0px 13px 0px 0px; _height: 19px; _margin: 13px 16px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form	input.personen	{ text-align: center; width: 22px; height: 13px; line-height: 13px; margin: 0px 1px 0px 0px; _height: 19px; _margin: 13px 0px 0px 0px; }
	div.oben div.apionpage a.button								{ position: absolute; right: 227px; top: 14px; }
	div.oben div.apionpage a.buttonpreise						{ float: right; display: inline; position: relative; text-align: center; color: #FFFFFF; text-transform: uppercase; width: 187px; font-size: 16px; line-height: 16px; height: 20px; background: url(/images/design/flache-preisebutton.png) no-repeat 0px 0px; margin: -33px 21px 0px 0px; }
	div.oben div.apionpage a.buttonpreise span					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



/* Submenu _______________________________________________________________ */

	div.oben div.submenu										{ position: absolute; right: 0px; top: 154px; width: 620px; height: 140px; }
	div.oben div.submenuhofpost									{ display: none; position: absolute; right: 0px; top: 154px; width: 620px; height: 140px; }
	div.oben div.submenu div.flashoverlayang					{ display: none; z-index: 3; background: url(/images/design/bg-flash-overlay.png) repeat-x 0px 0px; position: absolute; left: -280px; top: 0px; width: 900px; height: 360px; }
	div.oben div.submenu div.flashoverlaystart					{ display: none; z-index: 3; background: url(/images/design/bg-flash-overlay-start.png) repeat-x 0px 0px; position: absolute; left: -280px; top: 0px; width: 900px; height: 410px; }
	div.oben div.submenu div.overlayhofpost						{ display: none; width: 1px; background: transparent; height: 1px; }
	div.oben div.submenu div.angeboteflashhofpost				{ display: none; width: 1px; background: transparent; height: 1px; }
	div.oben div.einzelsubmenu									{ display: block; visibility: hidden; background: url(/images/design/bg-submenu.png) no-repeat 0px 0px; width: 620px; position: relative; z-index: 5; height: 140px; }
	div.oben div.einzelsubmenu div.submenubild					{ position: absolute; left: 4px; top: 0px; z-index: 1; width: 612px; height: 180px; overflow: hidden; }
	div.oben div.einzelsubmenu div.menuheadline					{ clear: both; position: absolute; left: 19px; top: 155px; width: 590px; height: 48px; z-index: 6; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu div.menuheadline div.headline	{ position: absolute; left: 0px; top: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben div.submenu div.flash								{ position: absolute; left: -280px; top: 0px; z-index: 1; }
	
	div.oben div.submenu a.angeboteauf							{ position: absolute; right: 20px; top: 326px; height: 20px; line-height: 20px; z-index: 2; color: #FFFFFF; background: url(/images/design/bg-blaettern.png) repeat-x 0px 0px; padding: 0px 12px 0px 12px; }
	
	div.flashoverlay											{ display: none; z-index: 3; background: url(/images/design/bg-flash-overlay.png) repeat-x 0px 0px; position: absolute; left: -280px; top: 0px; width: 900px; height: 360px; }
	div.overlayhofpost											{ width: 1px; height: 1px; }
	
	div.angeboteflash											{ display: block; position: absolute; left: -280px; top: 0px; width: 900px; height: 360px; z-index: 4; }
	div.angeboteflash div.angebotelinks							{ float: left; display: inline; position: relative; width: 220px; height: 260px; margin: 28px 0px 0px 24px; }
	div.angeboteflash div.angebotelinks div						{ float: left; display: inline; margin: 0px 0px 0px -4px; }
	div.angeboteflash div.angebotelinks p						{ color: #FFFFFF; }
	
	div.angeboteflash a.angebotezu								{ clear: both; position: absolute; left: 46px; bottom: 30px; height: 20px; line-height: 20px; z-index: 4; color: #FFFFFF; background: url(/images/design/bg-blaettern.png) repeat-x 0px 0px; padding: 0px 12px 0px 12px; }

	div.angeboteflash div.scrollgallery							{ position: relative; left: 46px; top: 21px; width: 808px; height: 267px; overflow: hidden; }
	div.angeboteflash div.scrollflache							{ position: relative; left: 0px; top: 0px; }
	div.angeboteflash div.angebotscroll							{ float: left; display: inline; position: relative; background-color: #FFFFFF; width: 190px; height: 267px; margin: 0px 16px 0px 0px; }
	div.angeboteflash div.angebotscroll div.picture				{ float: left; display: inline; width: 184px; height: 138px; overflow: hidden; margin: 3px 3px 0px 3px; }
	div.angeboteflash div.angebotscroll div.picture img			{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	div.angeboteflash div.angebotscroll a.link					{ position: absolute; right: 5px; bottom: 6px; }

	div.angeboteflash div.angebotscroll div.angebotinhalt						{ float: left; display: inline; line-height: 17px; margin: 0px 17px 0px 17px; }
	div.angeboteflash div.angebotscroll div.angebotinhalt span					{ float: left; display: inline; color: #cf9d0b; margin: 9px 0px 10px 0px; }
	div.angeboteflash div.angebotscroll div.angebotinhalt div.angebotvorspann 	{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	div.angeboteflash div.angebotscroll div.angebotinhalt b.preis				{ float: left; display: inline; margin: 10px 0px 0px 0px; }
	
	div.angeboteflash a.zuruckgallery							{ position: absolute; right: 80px; bottom: 30px; }
	div.angeboteflash a.weitergallery							{ position: absolute; right: 46px; bottom: 30px; }
	
	div.oben div.einzelsubmenu ul.submenu						{ position: absolute; left: 21px; top: 11px; z-index: 4; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.einzelsubmenu ul.submenu li					{ float: left; display: inline; font-size: 11px; line-height: 23px; color: #737800; width: 210px; min-height: 23px; _height: 23px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu ul.submenu li a 					{ font-size: 11px; line-height: 23px; color: #737800; display: block; background: url(/images/design/aufzahlung.png) no-repeat left 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; }

	div.oben div.einzelsubmenu div.erlebnis1					{ position: absolute; left: 29px; top: 13px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.einzelsubmenu div.erlebnis1 span				{ font-weight: bold; color: #737800; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu div.erlebnis1 ul					{ margin: 0px 0px 0px 1px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.einzelsubmenu div.erlebnis1 ul li				{ clear: both; float: left; display: inline; font-size: 11px; line-height: 23px; color: #737800; min-height: 23px; _height: 23px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu div.erlebnis1 ul li a 			{ font-size: 11px; line-height: 23px; color: #737800; display: block; background: url(/images/design/aufzahlung.png) no-repeat left 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; }

	div.oben div.einzelsubmenu div.erlebnis2					{ position: absolute; left: 217px; top: 13px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.einzelsubmenu div.erlebnis2 span				{ font-weight: bold; color: #737800; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu div.erlebnis2 ul					{ margin: 0px 0px 0px 1px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.einzelsubmenu div.erlebnis2 ul li				{ clear: both; float: left; display: inline; font-size: 11px; line-height: 23px; color: #737800; min-height: 23px; _height: 23px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu div.erlebnis2 ul li a 			{ font-size: 11px; line-height: 23px; color: #737800; display: block; background: url(/images/design/aufzahlung.png) no-repeat left 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; }

	div.oben div.einzelsubmenu div.erlebnis3					{ position: absolute; left: 378px; top: 13px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.einzelsubmenu div.erlebnis3 span				{ font-weight: bold; color: #737800; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu div.erlebnis3 ul					{ margin: 0px 0px 0px 1px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.einzelsubmenu div.erlebnis3 ul li				{ width: 200px; clear: both; float: left; display: inline; font-size: 11px; line-height: 23px; color: #737800; min-height: 23px; _height: 23px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.einzelsubmenu div.erlebnis3 ul li a 			{ font-size: 11px; line-height: 23px; color: #737800; display: block; background: url(/images/design/aufzahlung.png) no-repeat left 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; }

	

/* Mitte _________________________________________________________________ */

	div.mitte 													{ width: 900px; margin: 589px 0px 70px 0px; }
	div.hofpostmitte											{ margin: 203px 0px 70px 0px; }
	

	
/* Links _________________________________________________________________ */

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

	div.links div.submenu										{ float: left; display: inline; width: 203px; border-left: solid 1px #e3d6c6; margin: 0px 0px 27px 0px; }
	div.links div.submenu div.submenuhead						{ float: left; display: inline; margin: 4px 0px 0px 13px; }
	div.links div.submenu span.untertitel						{ float: left; display: inline; line-height: 17px; margin: 0px 0px 0px 17px; }
	
	div.links ul.menu 											{ list-style-type: none; width: 186px; margin: 12px 0px 8px 17px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li 										{ width: 182px; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li a 										{ width: 182px; font-size: 11px; line-height: 23px; color: #737800; display: block; background: url(/images/design/aufzahlung.png) no-repeat left 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; }
	div.links ul.menu li.aktiv a 								{ font-weight: bold; }
	div.links ul.menu li a:hover 								{ color: #E95D10; background: url(/images/design/bg-aufzahlung-orange.png) no-repeat left 7px; }
	
	div.links ul.menu li ul 									{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	div.links ul.menu li ul li 									{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menu li ul li a 								{ background: transparent; font-weight: normal; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li.aktiv ul li a 							{ background: transparent; font-weight: normal; font-weight: normal; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li ul li.aktiv a							{ font-weight: bold; }
	div.links ul.menu li ul li a:hover							{ color: #E95D10; }

	div.links span.kanalhead									{ float: left; display: inline; font-weight: bold; color: #e1aa07; margin: 15px 0px 0px 17px; }
	div.links ul.erleben										{ list-style-type: none; width: 186px; margin: 0px 0px 0px 17px; padding: 0px 0px 0px 0px; }
	
	div.links div.holidaychecklinks								{ width: 203px; margin: 0px 0px 27px 0px; padding: 10px 0px 5px 13px; }
	
	div.links div.preiseinfos									{ float: left; display: inline; width: 203px; border-left: solid 1px #e3d6c6; margin: 0px 0px 27px 0px; }
	div.links div.preiseinfos div.preiseinfohead				{ float: left; display: inline; margin: 4px 0px 0px 13px; }
	div.links div.preiseinfos span.untertitel					{ float: left; display: inline; line-height: 17px; margin: 0px 0px 0px 17px; }

	div.links div.preiseinfos div.angebotonpage					{ float: left; display: inline; position: relative; width: 203px; height: 223px; background-color: #FFFFFF; margin: 9px 0px 1px 0px; }
	div.links div.preiseinfos div.angebotonpage	div.onpagebild	{ float: left; display: inline; width: 195px; height: 144px; overflow: hidden; margin: 4px 0px 0px 4px; }
	div.links div.preiseinfos div.angebotonpage	div.angebot		{ float: left; display: inline; width: 165px; margin: 9px 0px 0px 21px; }
	div.links div.preiseinfos div.angebotonpage	div.angebot b a	{ color: #434343; }
	div.links div.preiseinfos div.angebotonpage	a.link			{ clear: both; position: absolute; right: 9px; bottom: 9px; }
	
	div.links div.facebook										{ float: left; display: inline; position: relative; width: 204px; height: 80px; margin: 27px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.startseite div.facebook									{ margin: 27px 0px 0px 22px; }
	div.links div.facebook a.button								{ position: absolute; left: 10px; top: 60px; }
	div.links div.facebook img									{ position: absolute; left: 0px; top: 0px; }

	

/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 0px 21px 0px 0px; float: right; width: 600px; overflow: hidden; }
	div.start 													{ width: 572px; margin: 0px 12px 0px 0px; }
	div.inhalt ul												{ list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 16px; }
	div.inhalt ul li											{ background: url(/images/design/aufzahlung-teaser.png) no-repeat left 7px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 15px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ float: left; width: 900px; position: relative; z-index: 1; clear: both; }
	
	div.unten div.obenlinks										{ float: left; display: inline; width: 340px; margin: 0px 0px 0px 0px; }
	div.unten div.obenlinks a									{ float: left; display: inline; color: #999191; line-height: 14px; margin: 0px 8px 0px 0px; }
	div.unten div.obenlinks a.border							{ border-left: solid 1px #999191; padding: 0px 0px 0px 8px; }
	
	div.unten div.obenrechts									{ float: right; display: inline; width: 340px; margin: 0px 0px 0px 0px; }
	div.unten div.obenrechts a									{ float: right; display: inline; color: #999191; line-height: 14px; margin: 0px 8px 0px 0px; }
	div.unten div.obenrechts a.border							{ border-left: solid 1px #999191; padding: 0px 0px 0px 8px; }
	
	div.unten div.boxunten										{ float: left; display: inline; position: relative; width: 900px; height: 278px; background-color: #FFFFFF; border-top: solid 1px #e3d6c6; margin: 10px 0px 0px 0px; }

	div.unten div.boxunten div.newsletter						{ position: absolute; left: 32px; top: 30px; width: 203px; height: 165px; }
	div.unten div.boxunten div.newsletter div.head				{ float: left; display: inline; margin: 0px 0px 5px -4px; }
	div.unten div.boxunten div.newsletter form					{ float: left; display: inline; width: 204px; margin: 13px 0px 0px 0px; _margin: -267px 0px 0px 0px; }
	div.unten div.boxunten div.newsletter form input			{ height: 18px; line-height: 14px; color: #848484; border: solid 1px #ececec; background: url(/images/design/bg-input.png) repeat-x 0px 0px; padding: 5px 0px 0px 5px; }
	div.unten div.boxunten div.newsletter form div.colum1		{ display: none; }
	div.unten div.boxunten div.newsletter form input.standard	{ width: 197px; margin: 0px 0px 3px 0px; }
	div.unten div.boxunten div.newsletter form input.vorname	{ float: left; display: inline; width: 93px; margin: 0px 4px 0px 0px; }
	div.unten div.boxunten div.newsletter form input.nachname	{ float: left; display: inline; width: 93px; margin: 0px 0px 0px 0px; }
	div.unten div.boxunten div.newsletter form a.button			{ margin: 13px 0px 0px 0px; }

	div.unten div.boxunten img.linie1							{ position: absolute; left: 274px; top: 21px; }

	div.unten div.boxunten div.aktuelleinfos					{ position: absolute; left: 315px; top: 30px; width: 215px; height: 200px; }
	div.unten div.boxunten div.aktuelleinfos div.head			{ float: left; display: inline; margin: 0px 0px 5px -4px; }
	div.unten div.boxunten div.aktuelleinfos ul.menu 			{ list-style-type: none; width: 186px; margin: 13px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.boxunten div.aktuelleinfos ul.menu li 		{ width: 182px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.boxunten div.aktuelleinfos ul.menu li a 		{ width: 182px; font-size: 11px; line-height: 21px; color: #737800; display: block; background: url(/images/design/aufzahlung.png) no-repeat left 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 16px; }
	div.unten div.boxunten div.aktuelleinfos ul.menu li.aktiv a { font-weight: bold; }
	div.unten div.boxunten div.aktuelleinfos ul.menu li a:hover { color: #E95D10; background: url(/images/design/bg-aufzahlung-orange.png) no-repeat left 6px; }

	div.unten div.boxunten img.linie2							{ position: absolute; right: 336px; top: 21px; }
	
	div.unten div.boxunten div.webcam							{ position: absolute; right: 51px; top: 30px; width: 250px; height: 216px; }
	div.unten div.boxunten div.webcam div.head					{ float: left; display: inline; position: relative; z-index: 1; margin: 0px 0px 0px -4px; }
	div.unten div.boxunten div.webcam a.flashtext				{ position: absolute; left: 0px; top: 0px; z-index: 2; width: 250px; height: 22px; background-color: #ffffff; opacity: 0.0; filter: alpha(opacity = 0); }
	div.unten div.boxunten div.webcam div.webcamaussen			{ float: left; display: inline; position: relative; width: 245px; height: 184px; background-color: #f6f4e8; border: solid 1px #e3d6c6; margin: 11px 0px 0px 0px; }
	div.unten div.boxunten div.webcam div.webcaminnen			{ float: left; display: inline; overflow: hidden; width: 239px; height: 178px; border: solid 1px #e3d6c6; margin: 2px 2px 2px 2px; }
	div.unten div.boxunten div.webcam div.webcaminnen img		{ width: 239px; height: 178px; }
	div.unten div.boxunten div.webcam div.webcamaussen a.button	{ position: absolute; right: 3px; bottom: 3px; }

	div.unten div.logos											{ clear: both; position: absolute; right: 10px; bottom: -63px; width: 648px; height: 68px; }
	div.unten div.logos a img									{ margin: 0px 0px 0px 16px; }
	
	div.unten div.untenlinks									{ clear: both; position: absolute; left: 0px; bottom: -302px; color: #b89992; }
	div.unten div.untenlinks span								{ float: left; display: inline; line-height: 11px; color: #b89992; margin: 0px 5px 0px 0px; }
	div.unten div.untenlinks span.border						{ border-left: solid 1px #b89992; padding: 0px 0px 0px 5px; }
	div.unten div.untenlinks a									{ float: left; display: inline; line-height: 11px; color: #b89992; border-left: solid 1px #b89992; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 5px; }
	
	div.unten div.untenrechts									{ clear: both; position: absolute; right: 0px; bottom: -306px; }
	div.unten div.untenrechts a									{ color: #b89992; }
	div.unten div.untenrechts a img								{ vertical-align: text-bottom; }



/* Startseite ____________________________________________________________ */

	div.berkristalle											{ float: left; display: inline; width: 255px; margin: 63px 0px 0px 22px; }
	div.berkristalle img										{ margin: 0px 7px 0px 0px; }
	div.berkristalle span										{ float: right; display: inline; width: 115px; font-weight: bold; margin: -1px 0px 0px 0px; }
	div.berkristalle p											{ float: left; display: inline; margin: 2px 0px 4px 0px; }
	div.berkristalle a											{ color: #8a8a8a; }
	div.startseite 												{ width: 295px; margin: 0px 0px 0px -15px; }
	div.startseite div.holidaycheck								{ border-top: solid 1px #e3d6c6; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 22px; }
	div.startseite div.berkristalle								{ margin: 20px 0px 20px 22px; }
	div.startseite div.zitat									{ border-bottom: solid 1px #e3d6c6; padding: 0px 0px 20px 0px; }

	
	div.mitteunten												{ clear: both; float: left; display: inline; width: 900px; border-top: solid 1px #e3d6c6; margin: 33px 0px 19px 0px; }

	div.mitteunten div.apionpage										{ float: left; display: inline; position: relative; width: 900px; height: 47px; border-top: solid 1px #e3d6c6; border-bottom: solid 1px #e3d6c6; margin: 47px 0px 0px 0px; }
	div.mitteunten div.apionpage div.zimmersuche						{ float: left; display: inline; width: 900px; height: 47px; line-height: 47px; }
	div.mitteunten div.apionpage div.zimmersuche b						{ float: left; display: inline; margin: 0px 25px 0px 21px; }
	div.mitteunten div.apionpage div.zimmersuche form					{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	div.mitteunten div.apionpage div.zimmersuche form span.label		{ margin: 0px 7px 0px 0px; }
	div.mitteunten div.apionpage div.zimmersuche form select			{ height: 19px; line-height: 19px; _margin: 13px 0px 0px 0px; }
	div.mitteunten div.apionpage div.zimmersuche form #bp_from_year		{ margin: 0px 15px 0px 0px; }
	div.mitteunten div.apionpage div.zimmersuche form span.hinter		{ line-height: 19px; margin: 0px 1px 0px 0px; _margin: 13px 1px 0px 0px; }
	div.mitteunten div.apionpage div.zimmersuche form input.tage		{ text-align: center; width: 22px; height: 13px; line-height: 13px; margin: 0px 13px 0px 0px; _height: 19px; _margin: 13px 16px 0px 0px; }
	div.mitteunten div.apionpage div.zimmersuche form input.personen	{ text-align: center; width: 22px; height: 13px; line-height: 13px; margin: 0px 1px 0px 0px; _height: 19px; _margin: 13px 1px 0px 0px; }
	div.mitteunten div.apionpage a.button								{ position: absolute; right: 220px; top: 14px; }
	div.mitteunten div.apionpage a.buttonpreise							{ float: right; display: inline; text-align: center; vertical-align: middle; color: #FFFFFF; text-transform: uppercase; width: 187px; height: 20px; background: url(/images/design/flache-preisebutton.png) no-repeat 0px 0px; font-size: 16px; line-height: 20px; margin: -33px 21px 0px 0px; }
	div.mitteunten div.apionpage a.buttonpreise span					{ margin: -2px 0px 0px 0px; }
	
	div.mitteunten div.teaserstart								{ float: left; display: inline; width: 274px; height: 352px; background-color: #FFFFFF; margin: 37px 39px 0px 0px; }
	div.mitteunten div.nomargin									{ margin: 37px 0px 0px 0px; }
	div.mitteunten div.teaserstart div.teaserbild				{ float: left; display: inline; width: 266px; height: 172px; overflow: hidden; margin: 4px 0px 0px 4px; }
	div.mitteunten div.teaserstart div.headline					{ float: left; display: inline; width: 266px; height: 34px; background-color: #e95d10; margin: 0px 0px 0px 4px; }
	div.mitteunten div.teaserstart div.headline	span			{ float: left; display: inline; font-weight: bold; color: #FFFFFF; line-height: 34px; margin: 0px 0px 0px 12px; }
	div.mitteunten div.teaserstart div.vorspann					{ float: left; display: inline; margin: 12px 16px 17px 16px; }
	div.mitteunten div.teaserstart a.link						{ float: left; display: inline; background: url(/images/design/aufzahlung.png) no-repeat left 5px; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 15px; }


	
/* Iframe Webcam _________________________________________________________ */

	div.iframeinnen												{ float: left; display: inline; width: 784px; margin: 32px 50px 32px 50px; }
	div.iframeinnen img.logoiframe								{ float: left; display: inline; margin: 0px 0px 0px 0px; }
	div.iframeinnen div.rechtsiframe							{ float: right; display: inline; text-align: right; color: #baa081; margin: 0px 0px 0px 0px; }
	div.iframeinnen div.rechtsiframe div.iframehead				{ float: right; display: inline; margin: 60px 0px 0px 0px; }

	div.iframeinnen div.linie									{ float: left; display: inline; height: 1px; line-height: 1px; font-size: 1px; width: 784px; background-color: #e3d6c6; margin: 14px 0px 28px 0px; }
	div.iframeinnen div.liniedrunter							{ float: left; display: inline; height: 1px; line-height: 1px; font-size: 1px; width: 784px; background-color: #e3d6c6; margin: 35px 0px 35px 0px; }

	div.iframeinnen img.webcam									{ float: left; display: inline; _width: 547px !important; margin: 0px 0px 0px 0px; }
	
	div.iframeinnen div.formulariframe							{ float: right; display: inline; text-align: left; overflow: hidden; background: url(/images/design/bg-kommentar-formular.png) no-repeat right 0px #e95d10; height: 415px; width: 230px; }
	div.iframeinnen div.formulariframe b						{ float: left; display: inline; color: #FFFFFF; margin: 15px 0px 10px 21px; }
	div.iframeinnen div.formulariframe p						{ float: left; display: inline; color: #FFFFFF; width: 180px; margin: 0px 0px 0px 21px; }
	div.iframeinnen div.formulariframe form						{ float: left; display: inline; color: #FFFFFF; width: 180px; margin: 0px 0px 0px 21px; _margin: -78px 0px 0px 21px; }
	div.iframeinnen div.formulariframe form	div.colum1			{ width: 180px; margin: 0px 0px 0px 0px; }
	div.iframeinnen div.formulariframe form	input.standard		{ width: 175px; border: solid 1px #cd5513; margin: 0px 0px 0px 0px; }
	div.iframeinnen div.formulariframe form	textarea.standard	{ width: 175px; border: solid 1px #cd5513; margin: 0px 0px 0px 0px; }
	div.iframeinnen div.formulariframe form	.senden				{ margin: 0px 0px 0px 0px; }
	div.iframeinnen div.formulariframe a.button					{ margin: 8px 1px 0px 0px; }
	
	div.iframeinnen div.listekommentaraussen					{ float: left; display: inline; height: 100%; margin: 0px 0px 41px 0px; }
	div.iframeinnen div.listekommentar							{ float: left; display: inline; position: relative; width: 784px; }
	div.iframeinnen div.listekommentar h2						{ font-size: 27px; line-height: 30px; color: #e95d10; margin: 0px 0px 11px 0px; }
	div.iframeinnen div.listekommentar h2 span					{ font-size: 11px; color: #e95d10; }
	div.iframeinnen div.listekommentar img.auf					{ clear: both; position: absolute; left: 178px; top: 36px; }
	div.iframeinnen div.listekommentar div.editbox				{ float: left; display: inline; text-align: left; width: 560px; margin: 2px 0px 0px 209px; }
	div.iframeinnen div.listekommentar div.editbox img.zuanf	{ position: absolute; right: 0px; bottom: -12px; }

	div.iframeinnen div.umblattern								{  }
	div.iframeinnen div.umblattern a							{ color: #e95d10; margin: 0px 2px 0px 2px; }
	div.iframeinnen div.umblattern span							{ font-weight: bold; margin: 0px 2px 0px 2px; }

	
	
/* 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; opacity: 0.0; filter: alpha(opacity = 0); }

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


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