/* Grundeinstellungen ____________________________________________________ */

	html#startseite												{ height: 100%; }
	body 														{ background: #FFFFFF; text-align: center; overflow: hidden; overflow-y: auto; }
	body.startseite												{ height: 100%; overflow: hidden; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	a															{ color: #FFFFFF; text-decoration: underline; }

	h1, h1 a 													{ color: #000000; font-size: 20px; line-height: 24px; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #000000; font-size: 16px; line-height: 20px; margin: 0px 0px 16px 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; }

	
	body.startseite div.rahmen									{ background: url(/images/design/bild-startseite.jpg) no-repeat center bottom; height: 100%; position: absolute; left: 50%; top: 0px; margin: 0px 0px 0px -800px; text-align: center; width: 1600px; z-index: 0; }
	div.rahmen 													{ margin: 0 auto; min-width: 1002px; text-align: center; overflow: hidden; width: 100%; }
	div.rahmen div.rahmeninnen									{ margin: 0 auto; position: relative; text-align: center; width: 1002px; min-height: 700px; _height: 700px; }
	div.rahmen div.rahmeninnenstartseite						{ margin: 0 auto; position: relative; text-align: center; width: 1002px; height: 100%; }
	div.rahmen div.rahmeninnen div.bildrahmen					{ height: 700px; position: absolute; left: 50%; top: 0px; margin: 0px 0px 0px -700px; text-align: left; width: 1400px; z-index: 0; }
	div.rahmen div.rahmeninnen div.bildrahmen .scrollgallery 	{ position: relative; left: 0px; top: 0px; width: 1400px; height: 700px; overflow: hidden; }
	div.rahmen div.rahmeninnen div.bildrahmen .scrollflache 	{ position: relative; left: 0px; top: 0px; height: 700px; }
	div.rahmen div.rahmeninnen div.bildrahmen .scrollflache div { float: left; display: inline; position: relative; width: 1400px; height: 700px; overflow: hidden; }
	div.rahmen div.rahmeninnen div.bildrahmen .scrollflache div div.gallerytext 			{ position: absolute; left: 50%; top: 85px; z-index: 5; width: 289px; height: auto; background: url(/images/design/bg-boxlandingpage.png) repeat-y 0px 0px; margin: 0px 0px 0px -458px; }
	div.rahmen div.rahmeninnen div.bildrahmen .scrollflache div div.gallerytext h2.h1		{ font-size: 20px; line-height: 24px; color: #FFFFFF; text-transform: uppercase; font-weight: normal; font-family: Helvetica, Arial, sans-serif; margin: 21px 18px 12px 18px; }
	div.rahmen div.rahmeninnen div.bildrahmen .scrollflache div div.gallerytext div.inhalt	{ color: #FFFFFF; width: 253px; height: auto; margin: 0px 18px 11px 18px; }

	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: absolute; left: 0px; top: 0px; width: 1002px; height: 61px; text-align: left; }
	div.oben div.streifenoben									{ background: url(/images/design/streifen-oben.png) repeat-x 0px 0px; height: 61px; position: absolute; left: 50%; top: 0px; margin: 0px 0px 0px -700px; text-align: left; width: 1400px; z-index: 1; }
	div.oben div.start											{ margin: 0px 0px 0px -800px; width: 1600px; }
	div.oben a.logo 											{ position: absolute; right: 30px; top: 6px; z-index: 1; }

	div.oben ul.menu 											{ font-weight: bold; position: absolute; left: 43px; top: 20px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 10px; overflow: hidden; }
	div.oben ul.menu li 										{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 										{ float: left; display: block; text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 12px; font-family: Arial, sans-serif; min-height: 10px; _height: 10px; line-height: 10px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a:hover,
	div.oben ul.menu li.aktiv a									{ font-weight: bold; }
	
	div.oben ul.menu ul 										{ display: none; }

	div.oben ul.untermenu										{ position: absolute; left: 43px; top: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 10; }
	div.oben ul.untermenu li									{ float: left; display: inline; margin: 0px 26px 0px 0px; font-size: 11px; font-family: Arial, sans-serif; }
	div.oben ul.untermenu li a									{ color: #FFFFFF; text-decoration: none; }
	div.oben ul.untermenu li.aktiv a							{ padding: 0px 0px 0px 13px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.rahmeninnenstartseite div.mitte 						{ margin: 61px 0px 0px 0px; height: 65%; }
	div.mitte 													{ margin: 61px 0px 0px 0px; height: 639px; position: relative; z-index: 20; text-align: left; }
	div.mitte img.bergkette										{ position: absolute; left: 50%; margin: 0px 0px 0px -700px; text-align: left; width: 1400px; z-index: 0; }
	div.mitte img.bergkettedasvigilius							{ top: 320px; }
	div.mitte img.bergkettemoveexplore							{ top: 444px; }
	div.mitte img.bergketterestaurant1500						{ top: 70px; }
	div.mitte img.bergkettecuisine								{ top: 70px; }
	div.mitte img.bergkettemountainspa							{ top: 58px; }
	div.mitte img.bergkettewohnen								{ top: 189px; }
	div.mitte img.bergketteerlebnisorte							{ top: 125px; }
	div.mitte img.bergkettenatur								{ top: 372px; }
	div.mitte img.bergkettesommer								{ top: 425px; }
	div.mitte img.bergkettewinter								{ top: 90px; }
	
	div.mitte a.weitergallery									{ position: absolute; right: 8px; top: 7px; z-index: 100; width: 50px; height: 50px; }
	div.mitte a.weitergallery img								{ float: left; display: inline; margin: 17px 0px 0px 0px; }
	div.mitte a.zuruckgallery									{ position: absolute; right: 58px; top: 7px; z-index: 100; width: 50px; height: 50px; }
	div.mitte a.zuruckgallery img								{ float: right; display: inline; margin: 17px 0px 0px 0px; }
	div.mitte a.settingsz										{ position: absolute; left: 240px; top: 33px; right: auto; }
	div.mitte a.settingsw										{ position: absolute; left: 290px; top: 33px; right: auto; }
	
	div.mitte div.sprache										{ position: absolute; right: 30px; top: 44px; z-index: 2; height: 16px; background: url(/images/design/bg-sprachauswahl.png) repeat-x 0px 0px; padding: 0px 1px 0px 2px; }
	div.mitte div.sprache a										{ text-decoration: none; font-size: 11px; line-height: 14px; margin: 0px 5px 0px 5px; }
	


/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 0px 0px 0px 0px; width: 1002px; position: relative; z-index: 0; height: 640px; }
	
	div.rahmeninnenstartseite div.inhalt						{ height: 100%; position: relative; overflow: hidden; }



/* Unten _________________________________________________________________ */

	div.unten 													{ position: relative; clear: both; text-align: left; }
	
	div.unten div.zimmersuche									{ color: #552413; width: 1002px; height: 49px; border-bottom: solid 1px #dbd2ce; line-height: 49px; }
	div.unten div.zimmersuche span.request						{ float: left; display: inline; margin: 0px 25px 0px 16px; font-size: 12px; text-transform: uppercase; }
	div.unten div.zimmersuche span.label						{ float: left; display: inline; margin: 0px 6px 0px 0px; }
	div.unten div.zimmersuche div.anreiseabreise				{ float: left; display: inline; margin: 0px 3px 0px 0px; }
	div.unten div.zimmersuche div.anreiseabreise input			{ margin: 14px 0px 0px 0px; width: 62px; float: left; display: inline; background-color: #ffffff; border: solid 1px #a89187; color: #552413; }
	div.unten div.zimmersuche div.anreiseabreise a.kalender		{ cursor: pointer; width: 19px; height: 21px; float: left; display: inline; margin: 14px 37px 0px 4px; background: url(/images/design/bg-kalender.gif) no-repeat 0px 0px; }
	div.unten div.zimmersuche select							{ float: left; display: inline; margin: 14px 35px 0px 0px; color: #552413; }
	div.unten div.zimmersuche a.anfragen						{ margin: 14px 0px 0px 0px; text-transform: uppercase; float: left; display: inline; padding: 0px 7px 0px 7px; color: #ffffff; background-color: #4e2219; height: 21px; line-height: 21px; }
	div.unten div.zimmersuche a.anfragen:hover					{  }
	div.unten div.zimmersuche div.kalender						{ line-height: 20px; z-index: 20; width: 221px; height: 240px; position: absolute; margin: 0px 0px 0px 0px; top: -195px !important; left: 250px !important; }
	div.unten div.zimmersuche div.unterkunftpersonen			{ float: left; display: inline; }
	
	div.unten img.streifen										{ clear: both; position: absolute; left: 50%; top: -7px; _top: -24px; margin: 0px 0px 0px -700px; text-align: left; width: 1400px; z-index: 1; }
	div.unten div.untenlinks									{ float: left; display: inline; margin: 18px 0px 18px 18px; _margin: 10px 0px 0px 43px; color: #502008; }
	div.unten div.untenlinks img.linie							{ float: left; display: inline; margin: 4px 7px 0px 0px; }
	div.unten a													{ float: left; display: inline; margin: 0px 7px 0px 0px; text-decoration: none; font-size: 11px; color: #502008; }
	div.unten a:hover											{ text-decoration: underline; }
	div.unten a.aktiv											{ font-weight: bold; }
	div.unten div.facebookbutton								{ float: left; display: inline; width: 105px; height: 20px; margin: 0px 7px 0px 0px; }
	div.unten div.untenlinks a.icons							{ margin: 2px 5px 0px 0px; text-decoration: none; font-size: 11px; color: #502008; }
	div.unten div.untenlinks a.rss								{ margin: 2px 5px 0px 7px; margin: 2px 5px 0px 0px; }
	div.unten div.untenlinks a.designhotels						{ float: left; display: inline; margin: 2px 5px 0px 0px; }
	
	div.unten div.untenrechts									{ float: right; display: inline; _width: 550px; margin: 18px 16px 0px 0px; _margin: 10px 42px 0px 0px; color: #502008; }

	div.unten a img												{ vertical-align: text-bottom; }



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

	
	
/* 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; }
	#htmlContainer #htmlLightboxAjax							{ font-size: 11px; text-align: left; }

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

	

/* __________________________________________________________________ Ende */