@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: #e9d9b4; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #0b6f44; font-size: 31px; line-height: 34px; font-weight: normal; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #0b6f44; font-size: 18px; line-height: 26px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h3, h3 a													{ font-size: 14px; font-weight: normal; 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; }
	
	ul 															{ list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 15px; }
	ul li 														{ background: url(/images/design/bg-aufzahlung-submenu.png) no-repeat 0px 10px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 14px; }
	ul li a														{ color: #0B6F44; line-height: 23px; }
	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.rahmen 													{ background-color: #f9f6ed; position: relative; width: 1000px; margin: 0 auto; text-align: left; }

	
	
/* Footer ________________________________________________________________ */
	
	div.quicklinks 												{ position: relative; width: 100%; height: 30px; background-color: #926B3A; text-align: center; }
	div.quicklinks div.quicklinksinnen 							{ position: relative; width: 1000px; height: 30px; margin: 0 auto; text-align: center; }
	div.quicklinks ul 											{ list-style-type: none; margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 0px; }
	div.quicklinks li 											{ color: #FFFFFF; background: transparent; float: left; display: inline; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	div.quicklinks a 											{ color: #FFFFFF; margin: 0px 25px 0px 0px; }
	div.quicklinks a:hover 										{ color: #E9D9B4; }

	

/* Oben __________________________________________________________________ */

	div.oben 													{ position: absolute; left: 0px; top: 0px; z-index: 2; background-color: #F9F6ED; width: 1000px; height: 570px; margin: 0px 0px 0px 0px; }

	div.oben a.logo 											{ position: absolute; right: 259px; top: 43px; }
	
	div.oben div.sprache										{ position: absolute; left: 0px; top: 0px; width: 1000px; height: 39px; background-color: #e9d9b4; }
	div.oben div.sprache a										{ color: #926b3a; float: left; display: inline; font-size: 11px; line-height: 17px; margin: 8px 8px 0px 0px; }
	div.oben div.sprache a:hover								{ color: #B38B00; }
	div.oben div.sprache a.btnquiklinkszu 						{ font-size: 28px; line-height: 34px; color: #926B3A; margin: -2px 0px 0px 0px; float: right; display: inline; height: 39px; padding: 0px 30px 0px 0px; background: url(/images/design/btn-auf.png) no-repeat center right; }
	div.oben div.sprache a.btnquiklinksauf 						{ font-size: 28px; line-height: 34px; color: #926B3A; margin: -2px 0px 0px 0px; float: right; display: inline; height: 39px; padding: 0px 30px 0px 0px; background: url(/images/design/btn-zu.png) no-repeat center right; }
	
	div.oben img.welle											{ position: absolute; left: 208px; top: 39px; z-index: 3; }
	div.oben img.ubergang										{ position: absolute; left: 195px; top: 153px; z-index: 2; }
	
	div.oben div.fadegallery									{ position: absolute; right: 0px; top: 153px; width: 805px; height: 380px; z-index: 1; }
	div.oben div.fadegallery div.fadingobj						{ position: absolute; left: 0px; top: 0px; width: 805px; height: 380px; }
	
	div.oben div.menu											{ width: 278px; height: 343px; position: absolute; left: 0px; top: 153px; z-index: 5; }
	div.oben div.menu ul.menu 									{ position: absolute; left: 0px; top: 0px; list-style-type: none; width: 278px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu ul.menu li 								{ background: transparent; text-align: right; position: relative; width: 278px; _width: 278px; height: 54px; float: right; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu ul.menu li a 								{ display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.menu ul.menu li a cufon cufontext				{ display: none !important; }
	div.oben div.menu ul.menu li a span.gross					{ display: block; font-size: 32px; line-height: 32px; color: #b38b00; text-transform: lowercase; margin: 0px 0px 0px 0px; }
	div.oben div.menu ul.menu li span.klein						{ display: block; font-size: 11px; line-height: 14px; color: #926b3a; margin: -3px 0px 0px 0px; }
	div.oben div.menu ul.menu li a:hover,
	div.oben div.menu ul.menu li a:hover span.gross,
	div.oben div.menu ul.menu li.aktiv a span.gross				{ color: #0b6f44; }
	div.oben div.menu ul.menu li ul								{ display: none; }
	
	#TopDasHotel												{ width: 181px; margin: 21px 97px 0px 0px; }
	#TopPreiseZimmer											{ width: 183px; margin: 15px 95px 0px 0px; }
	#TopAktivsein												{ width: 210px; margin: 18px 68px 0px 0px; }
	#TopWellnessSpa												{ width: 246px; margin: 16px 32px 0px 0px; }
	#TopGourmet													{ width: 275px; margin: 12px 3px 0px 0px; }
	
	div.oben div.obenlinks										{ position: absolute; left: 0px; bottom: 0px; width: 315px; height: 37px; color: #FFFFFF; font-size: 12px; line-height: 37px; background-color: #926b3a; }
	div.oben div.obenlinks a									{ float: left; display: inline; text-transform: lowercase; font-size: 25px; line-height: 37px; color: #e9d9b4; margin: 0px 5px 0px 33px; padding: 0px 0px 0px 0px; }
	div.oben div.obenlinks a:hover								{ color: #B38B00; }
	
	div.oben div.apionpage										{ width: 642px; height: 37px; position: absolute; right: 0px; bottom: 0px; background-color: #926b3a; }
	div.oben div.apionpage div.zimmersuche						{ width: 640px; color: #FFFFFF; }
	div.oben div.apionpage div.zimmersuche span.titel			{ float: left; display: inline; text-transform: lowercase; font-size: 25px; line-height: 25px; color: #e9d9b4; margin: 2px 0px 0px 20px; padding: 0px 0px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form					{ width: 625px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben div.apionpage div.zimmersuche div.boxen			{ float: left; margin: 0px 0px 0px 10px; }
	div.oben div.apionpage div.zimmersuche span.label			{ line-height: 16px; margin: 10px 6px 0px 20px; float: left; }
	div.oben div.apionpage div.zimmersuche span.hinter			{ line-height: 16px;  margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; }
	div.oben div.apionpage div.zimmersuche select.input_small	{ height: 19px; line-height: 19px; margin: 8px 1px 0px 0px; float: left; }
	div.oben div.apionpage div.zimmersuche form a.button		{ float: left; display: inline; margin: 7px 0px 0px 15px; padding: 0px 0px 0px 0px; }
	div.oben div.apionpage div.zimmersuche form a.button:hover	{ color: #A1BDA9; }
	div.oben div.apionpage div.zimmersuche input.personen,		
	div.oben div.apionpage div.zimmersuche input.tage			{ float: left; display: inline; width: 20px; height: 17px; line-height: 17px; text-align: center; margin: 8px 5px 0px 0px; padding: 0px 0px 0px 0px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ float: left; display: inline; width: 1000px; margin: 570px 0px 0px 0px; padding: 0px 0px 71px 0px; z-index: 10; position: relative; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; position: relative; width: 302px; margin: 0px 0px 50px 33px; }

	div.links div.menulinks										{ position: relative; }
	div.links div.menulinks	ul									{ float: left; display: inline; width: 302px; margin: 36px 0px 160px 0px; padding: 0px 0px 0px 0px; }
	div.links div.menulinks	ul li								{ background: transparent; float: left; display: inline; width: 302px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.menulinks	ul li a								{ display: block; font-size: 13px; line-height: 25px; color: #926b3a; background: url(/images/design/bg-aufzahlung-submenu.png) no-repeat left 10px; padding: 0px 0px 0px 14px; }
	div.links div.menulinks	ul li.aktiv a						{ color: #0B6F44; }
	div.links div.menulinks	ul li a:hover						{ color: #B38B00; }

	div.links div.boxen											{ float: left; display: inline; width: 267px; height: 39px; background-color: #ede4cf; border: solid 1px #ddcb8e; margin: 0px 0px 12px 0px; }
	div.links div.boxen a										{ float: left; display: inline; font-size: 20px; color: #0b6f44; line-height: 39px; background: url(/images/design/bg-teaserlink.png) no-repeat right 19px; margin: 0px 0px 0px 10px; padding: 0px 20px 0px 0px; }
	div.links div.boxen a:hover									{ color: #B38B00; }
	div.links div.angebote										{ margin: 0px 0px 38px 0px; }
	div.links div.angebote span.headline						{ width: 257px; }
	
	div.links div.hotelbewertung								{ float: left; display: inline; width: 267px; Xheight: 117px; background-color: #ece4cf; border: solid 1px #e1c890; margin: 0px 0px 0px 0px;  }
	div.links div.hotelbewertung a.logos						{ float: left; margin: 10px 0px 10px 0px; }
	div.links div.hotelbewertung a.first						{ margin: 10px 6px 10px 10px; }
	div.links div.hotelbewertung a.button						{ float: right; margin: 0px 14px 19px 0px; cursor: pointer; }
	div.links a.buttonbewertung									{ float: right; margin: -13px 48px 0px 0px; cursor: pointer; }

	
	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ float: right; display: inline; width: 570px; overflow: hidden; margin: 33px 65px 0px 0px; }
	div.inhalt div.content										{ width: 570px; margin: 0px 0px 0px 0px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ background-color: #E9D9B4; clear: both; width: 1000px; margin: 0px 0px 0px 0px; }
	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten div.box											{ position: relative; width: 1000px; height: 313px; background-color: #926b3a; }
	
	div.unten div.box div.prospekt								{ position: absolute; left: 67px; top: 38px; width: 255px; }
	div.unten div.box div.prospekt span.headline				{ float: left; display: inline; font-size: 28px; text-transform: lowercase; color: #e9d9b4; margin: 0px 0px 0px 0px; }
	div.unten div.box div.prospekt p							{ float: left; display: inline; font-size: 12px; color: #f9f6ed; width: 240px; line-height: 20px; margin: 11px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.box div.prospekt ul							{ float: left; display: inline; margin: 19px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.box div.prospekt ul li						{ clear: both; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.box div.prospekt ul li a						{ float: left; font-size: 12px; color: #f9f6ed; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; background: url(/images/design/bg-aufzahlung-weiss.png) no-repeat left 9px; }
	div.unten div.box div.prospekt ul li a:hover				{ color: #E9D9B4; }
	
	div.unten div.box div.informatives							{ position: absolute; left: 67px; top: 205px; width: 255px; }
	div.unten div.box div.informatives span.headline			{ float: left; display: inline; font-size: 28px; text-transform: lowercase; color: #e9d9b4; margin: 0px 0px 0px 0px; }
	div.unten div.box div.informatives ul						{ float: left; display: inline; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.box div.informatives ul li					{ background: transparent; float: left; display: inline; width: 112px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.box div.informatives ul li a					{ float: left; display: inline; font-size: 12px; color: #f9f6ed; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px; background: url(/images/design/bg-aufzahlung-weiss.png) no-repeat left 9px; }
	div.unten div.box div.informatives ul li a:hover			{ color: #E9D9B4; }

	div.unten div.box div.newsletter								{ position: absolute; left: 375px; top: 38px; width: 226px; }
	div.unten div.box div.newsletter span.headline					{ float: left; display: inline; font-size: 28px; text-transform: lowercase; color: #e9d9b4; margin: 0px 0px 0px 0px; }
	div.unten div.box div.newsletter p								{ float: left; display: inline; font-size: 12px; color: #f9f6ed; width: 240px; line-height: 20px; margin: 11px 0px 18px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.box div.newsletter form #newsletteronpageEMail	{ float: left; display: inline;width: 217px; color: #926b3a; font-size: 13px; height: 18px; line-height: 16px; vertical-align: middle; border: solid 1px #ffffff; padding: 5px 0px 0px 7px; }
	div.unten div.box div.newsletter form #newsletteronpageVorname	{ float: left; display: inline;width: 102px; color: #926b3a; font-size: 13px; height: 18px; line-height: 16px; vertical-align: middle; border: solid 1px #ffffff; margin: 0px 4px 0px 0px; padding: 5px 0px 0px 7px; }
	div.unten div.box div.newsletter form #newsletteronpageNachname	{ float: left; display: inline;width: 102px; color: #926b3a; font-size: 13px; height: 18px; line-height: 16px; vertical-align: middle; border: solid 1px #ffffff; padding: 5px 0px 0px 7px; }
	div.unten div.box div.newsletter form div.colum1				{ display: none; }
	div.unten div.box div.newsletter form a.button					{ float: right; display: inline; margin: 13px 0px 0px 0px; }
	div.unten div.box div.newsletter form a.button:hover			{ color: #A1BDA9; }
	div.unten div.box div.newsletter form label.checkbox			{ color: #ffffff; }
	div.unten div.box div.newsletter form div.privacy label			{ color: #ffffff; padding: 0px 10px 0px 0px; }
	
	div.unten div.box div.info									{ position: absolute; right: 35px; top: 38px; width: 295px; height: 180px; }
	div.unten div.box div.info span.headline					{ float: left; display: inline; font-size: 28px; text-transform: lowercase; color: #e9d9b4; margin: 0px 0px 0px 0px; }
	div.unten div.box div.info address							{ float: left; display: inline; color: #f9f6ed; font-size: 12px; line-height: 20px; margin: 11px 0px 0px 0px; }
	div.unten div.box div.info address b						{ line-height: 26px; }
	div.unten div.box div.info address a						{ color: #f9f6ed; }
	div.unten div.box div.info address a:hover					{ color: #E9D9B4; }
	div.unten div.box div.info img.facebook						{ float: left; display: inline; margin: 41px 0px 0px 0px; }
	
	div.unten div.leiste-unten									{ width: 1000px; height: 17px; color: #926b3a; font-size: 11px; line-height: 17px; margin: 5px 0px 17px 0px; }
	div.unten div.leiste-unten span.fleft						{ float: left; display: inline; }
	div.unten div.leiste-unten span.fleft a						{ color: #926b3a; font-size: 11px; line-height: 17px;margin: 0px 12px 0px 0px; }
	div.unten div.leiste-unten span.fleft a:hover				{ color: #B38B00; }
	div.unten div.leiste-unten span.fleft span.copy				{ margin: 0px 12px 0px 0px; }
	div.unten div.leiste-unten span.fright						{ float: right; display: inline; }
	div.unten div.leiste-unten span.fright a					{ color: #926b3a; font-size: 11px; line-height: 17px;margin: 0px 0px 0px 12px; }
	div.unten div.leiste-unten span.fright a:hover				{ color: #B38B00; }
	div.unten div.leiste-unten span.fright a img				{ vertical-align: text-bottom; }
	
	div.unten div.logos											{ width: 100%; height: 53px; border-top: solid 1px #d8c39c; text-align: center; margin: 0px 0px 0px 0px; }
	div.unten div.logos	img.banner								{ margin: 25px 20px 0px 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: 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; 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; }



/* __________________________________________________________________ Ende */