@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ background: url(/images/design/bg-rahmen-links.gif) repeat-y 0px 0px; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; width: 876px; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ position: relative; }
	div.oben a.logo								{ position: absolute; left: 645px; top: 62px; }
	
	div.oben div.wetter							{ position: absolute; right: 0px; top: 5px; z-index: 1; }
	div.oben div.wetter	p						{ color: #B2AC6C; float: right; margin: 0px 5px 0px 0px; text-indent: 18px; }
	
	div.oben div.topmenu						{ padding: 12px 0px 0px 71px; position: relative; z-index: 2; }
	div.oben div.topmenu a						{ color: #B2AC6C; font-size: 9px; margin: 0px 13px 0px 0px; }
	div.oben div.topmenu a:hover				{ color: #910101; }
	
	/*div.oben div.sprache						{ float: right; margin: 12px 285px 0px 71px; position: relative; z-index: 15; }*/
	div.oben div.sprache						{ position: absolute; left: 500px; top: 10px; z-index: 15; }
	div.oben div.sprache a						{ color: #B2AC6C; font-size: 9px; margin: 0px 13px 0px 0px; }
	div.oben div.sprache a:hover				{ color: #910101; }

	div.oben ul.menu 							{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 7px; top: -27px; z-index: 5; }
	div.oben ul.menu li 						{ float: left; margin: 0px 10px 0px 0px; min-height: 28px; _height: 29px; line-height: 28px; padding: 0px 0px 0px 0px; position: relative; z-index: 1; }
	div.oben ul.menu li a 						{ color: #000000; font-size: 11px; padding: 10px 8px 10px 8px;  }
	div.oben ul.menu li.aktiv					{ background-color: #910101; }
	div.oben ul.menu li.aktiv a,
	div.oben ul.menu li a:hover 				{ background-color: #910101; color: #FFFFFF; }
	
	div.oben ul.menu ul 						{ background-color: #910101; display: none; list-style-type: none; margin: 40px 0px 0px 0px; padding: 10px 0px 17px 0px; _padding: 15px 0px 17px 0px; position: absolute; top: 0px; left: 0px; width: 170px; z-index: 5; }
	div.oben ul.menu ul li 						{ display: block; float: none; margin: 9px 0px 0px 0px; min-height: 12px; _height: 12px; line-height: 12px; padding: 0px 0px 0px 10px; }
	div.oben ul.menu ul li a					{ background: url(/images/design/bg-menu-pfeil.gif) no-repeat left center transparent; color: #FFFFFF; }
	div.oben ul.menu ul li.aktiv 				{ background-color: transparent; }
	div.oben ul.menu ul li.aktiv a,
	div.oben ul.menu ul li a:hover 				{ color: #C0B985; }
	
	div.oben div.flash							{ position: absolute; left: 49px; top: 118px; z-index: 0; }
	div.oben div.flash-schatten-oben			{ background: url(/images/design/bg-flash-schatten-oben.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 827px; height: 4px; }
	div.oben div.flash-box						{ background: url(/images/design/bg-flash.gif) repeat-y 0px 0px; margin: 0px 0px 0px 0px; _margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 827px; }
	div.oben div.flash-box #imagefading			{ padding: 20px 20px 20px 20px; }
	div.oben div.flash-schatten-unten			{ background: url(/images/design/bg-flash-schatten-unten.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 827px; height: 4px; }

	div.flash ul.menuunten						{ background-color: #FFFFFF; list-style-type: none; opacity: 0.8; filter: alpha(opacity = 80); padding: 0px 10px 0px 10px; position: absolute; left: 20px; _left: -20px; bottom: 13px; _bottom: 35px; width: 764px; _width: 784px; }
	div.flash ul.menuunten li					{ float: left; margin: 0px 16px 0px 0px; padding: 7px 0px 7px 0px; }
	div.flash ul.menuunten li.aktiv				{ background: transparent; }
	div.flash ul.menuunten li.aktiv a			{ background: transparent; color: #910101; font-weight: bold; }
	div.flash ul.menuunten li a:hover			{ background: transparent; color: #910101; }

	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ margin: 530px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	

	
/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; _height: 700px; min-height: 700px; margin: 0px 0px 0px 0px; padding: 0px 0px 70px 65px; width: 498px; _width: 560; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; float: right; padding: 0px 0px 0px 0px; position: relative; width: 234px; }
	div.rechts h3								{ color: #464646; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.rechts p								{ color: #464646; margin: 0px 0px 9px 0px; }
	div.rechts a								{ color: #910101; }
	div.rechts a:hover							{ color: #000000 !important; }

	div.anfrage									{ display: inline; margin: 0px 0px 0px 0px; position: absolute; left: 0px; top: 0px; width: 234px; }
	div.anfrage span a.button-urlaub			{ background: url(/images/design/bg-button-urlaub.gif) no-repeat 0px 0px; position: absolute; left: 17px; top: -13px; width: 100px; height: 35px; }
	div.anfrage a.button-urlaub					{ color: #910101; font-weight: bold; padding: 10px 0px 0px 0px; text-align: center; }
	div.anfrage span a.button-anfrage			{ background: url(/images/design/bg-button-urlaub.gif) no-repeat 0px 0px; position: absolute; left: 117px; top: -13px; width: 100px; height: 35px; }
	div.anfrage a.button-anfrage				{ color: #910101; font-weight: bold; padding: 10px 0px 0px 0px; text-align: center; }
	div.anfrage span a.button-anfrageaktiv		{ background: url(/images/design/bg-button-urlaub-over.gif) no-repeat 0px 0px; position: absolute; left: 117px; top: -13px; width: 100px; height: 35px; }
	div.anfrage a.button-anfrageaktiv			{ color: #910101; font-weight: bold; padding: 10px 0px 0px 0px; text-align: center; }
	div.anfrage select							{ font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; }
	div.anfrage p.button						{ background: url(/images/design/bg-button-newsletter.gif) no-repeat 0px 0px; display: inline; position: absolute; left: 17px; top: -12px; width: 200px; height: 33px; }
	div.anfrage p.button span					{ color: #910101; display: block; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; text-align: center; }
	
	div.urlaub									{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 220px; width: 234px; }
	div.urlaub ul.urlaub						{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.urlaub ul.urlaub li						{ background: url(/images/design/bg-pfeil-weiss.gif) no-repeat 0px 8px #FFFFFF; border-bottom: solid 1px #ECEBDC; padding: 3px 0px 3px 10px; }
	div.urlaub ul.urlaub li.letztes				{ border-bottom: none; padding: 5px 0px 5px 10px; }
	div.urlaub ul.urlaub li a					{ color: #910101; }
	div.urlaub span a.button-urlaub				{ background: url(/images/design/bg-button-urlaub.gif) no-repeat 0px 0px; position: absolute; left: 17px; top: -13px; width: 100px; height: 35px; }
	div.urlaub a.button-urlaub					{ color: #910101; font-weight: bold; padding: 10px 0px 0px 0px; text-align: center; }
	div.urlaub span a.button-anfrage			{ background: url(/images/design/bg-button-urlaub.gif) no-repeat 0px 0px; position: absolute; left: 117px; top: -13px; width: 100px; height: 35px; }
	div.urlaub a.button-anfrage					{ color: #910101; font-weight: bold; padding: 10px 0px 0px 0px; text-align: center; }
	div.urlaub span a.button-urlaubaktiv		{ background: url(/images/design/bg-button-urlaub-over.gif) no-repeat 0px 0px; position: absolute; left: 17px; top: -13px; width: 100px; height: 35px; }
	div.urlaub a.button-urlaubaktiv				{ color: #910101; font-weight: bold; padding: 10px 0px 0px 0px; text-align: center; }
	div.urlaub p.button							{ background: url(/images/design/bg-button-newsletter.gif) no-repeat 0px 0px; display: inline; position: absolute; left: 17px; top: -12px; width: 200px; height: 33px; }
	div.urlaub p.button span					{ color: #910101; display: block; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; text-align: center; }
	
	div.newsletter								{ position: relative; left: 0px; top: 505px; width: 234px; }
	div.newsletter p.button						{ background: url(/images/design/bg-button-newsletter.gif) no-repeat 0px 0px; display: inline; position: absolute; left: 17px; top: -12px; width: 200px; height: 33px; }
	div.newsletter p.button span				{ color: #910101; display: block; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; text-align: center; }
	div.newsletter input						{ border: solid 1px #C9C28E; color: #464646; font-size: 11px; padding: 2px; width: 192px; }
	
	div.adresse									{ position: relative; left: 0px; top: 526px; width: 234px; }
	div.adresse div.box address 				{ font-style: normal; }
		
	div.rechts div.box-schatten-oben			{ background: url(/images/design/bg-box-schatten-oben.gif) repeat-y 0px 0px; font-size: 0px; line-height: 5px; height: 5px; }
	div.rechts div.box							{ background: url(/images/design/bg-box.gif) repeat-y 0px 0px; margin: 0px 0px 0px 0px; padding: 30px 20px 20px 20px; }
	div.rechts div.box-schatten-unten			{ background: url(/images/design/bg-box-schatten-unten.gif) no-repeat 0px 0px; height: 4px; margin: 0px; }
	
	div.rechts a.weiter-rechts					{ background-color: #910101; color: #FFF; float: right; padding: 2px 10px 2px 10px; margin: 10px 2px 0px 0px; text-transform: capitalize; }
	div.rechts a.weiter-rechts:hover			{ color: #C0B985 !important; }
	div.rechts a.weiter-left					{ background-color: #910101; color: #FFF; float: left; padding: 2px 10px 2px 10px; margin: 10px 2px 0px 0px; text-transform: capitalize; }
	div.rechts a.weiter-left:hover			{ color: #C0B985 !important; }
	div.rechts form								{ margin: 8px 0px 0px 0px; }
	div.rechts #zimmersuche						{ margin: 0px 0px 0px 10px; }
	


/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 64px; }
	div.unten span								{ color: #B2AC6C; }
	div.unten a.zeppelin						{ color: #B2AC6C; float: right; margin: 50px 0px 0px 0px; }
	div.unten a.facebook						{ float: right; margin: 27px 31px 0px 0px; }
	
	div.unten div.logos							{ border: solid 1px #B2AC6C; margin: 10px 311px -5px 0px; padding: 15px 20px 5px 20px; }
	div.unten div.logos	a img					{ margin: 0px 8px 0px 8px; }
	div.unten div.logos	a						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

	#lightbox a img								{ border: none; }

	#outerImageContainer						{ position: relative; background-color: #fff; 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: 0; }
	#hoverNav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0; }
	#hoverNav a									{ outline: none; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; left: 0; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat; right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat; }

	#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData									{ padding: 0 10px; color: #666; }
	#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					{ width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* __________________________________________________________________ Ende */