@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }
	div.rahmen 													{ position: relative; width: 1000px; margin: 0 auto; text-align: left; }
	
	a.button													{ cursor: pointer; line-height: 25px; color: #FFFFFF; }
	a.button:hover												{ color: #343434; }
	a.button span.links											{ float: left; display: inline; background: url(/images/design/bg-button-neu-links.gif) no-repeat 0px 0px; width: 3px; height: 25px; }
	a.button span.mitte											{ float: left; display: inline; height: 25px; line-height: 25px; height: 25px; background-color: #7D695A; padding: 0px 7px 0px 7px; }
	a.button span.rechts										{ float: left; display: inline; background: url(/images/design/bg-button-neu-rechts.gif) no-repeat 0px 0px; width: 3px; height: 25px; }
	
	div.logoschleifen											{ background: url(/images/design/bg-logo-schleifen.png) no-repeat center top; position: absolute; left: 0px; top: 27px; width: 100%; height: 403px; z-index: 10; }
	div.logoschleifen div.logo									{ position: relative; width: 1000px; margin: 0 auto; text-align: left; }
	div.logoschleifen a.logo									{ position: absolute; left: 0px; top: 13px; width: 300px; height: 170px; background-color: #000000; opacity: 0.0; filter: alpha(opacity = 0); }
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 2; height: 494px; }
	
	div.oben div.sprache										{ font-family: Trebuchet MS, sans-serif; font-size: 14px; position: absolute; left: 14px; top: 25px; }
	div.oben div.sprache a										{ font-size: 11px; color: #FFFFFF; float: left; display: inline; margin: 0px 7px 0px 0px; }
	div.oben div.sprache a:hover								{ color: #E8D3A7; }
	
	div.oben div.menu											{ position: absolute; right: 0px; bottom: 0px; width: 988px; height: 64px; }
	div.oben ul.menu 											{ font-family: Trebuchet MS, sans-serif; height: 64px; width: 839px; font-weight: bold; list-style-type: none; margin: 0px 0px 0px 111px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 										{ background: transparent; font-size: 19px; font-weight: bold; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 										{ float: left; display: block; min-height: 64px; _height: 64px; line-height: 64px; padding: 0px 18px 0px 0px; color: #FFFFFF; }
	div.oben ul.menu li a:hover, 										
	div.oben ul.menu li.aktiv a 								{ color: #E8D3A7; }
	
	div.oben div.flash											{ position: absolute; left: 0px; top: 0px; z-index: 0; }
	
	div.oben ul.menu ul 										{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; _width: 149px; }
	div.oben ul.menu ul li 										{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
	div.oben ul.menu ul li.aktiv 								{ font-weight: bold; }
	div.oben ul.menu ul li.aktiv a, 			
	div.oben ul.menu ul li a	 								{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }
	
	div.oben div.api											{ font-family: Trebuchet MS, sans-serif; width: 590px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; position: absolute; right: 45px; top: 482px; }
	div.oben div.api .colum1									{ line-height: 26px; height: 26px; width: 120px; }
	div.oben div.api div.tage									{ line-height: 26px; height: 26px; width: 35px; float: left; display: inline; }
	div.oben div.api div.personen								{ line-height: 26px; height: 26px; width: 60px; float: left; display: inline; }
	div.oben div.api select										{ float: left; display: inline; font-family: Trebuchet MS, sans-serif; margin: 0px 5px 1px 0px; padding: 1px 0px 1px 0px; }
	div.oben div.api span.label									{ font-family: Trebuchet MS, sans-serif; margin: 0px 5px 0px 0px; float: left; display: inline; }
	div.oben div.api select.datumyear							{ margin: 0px 10px 0px 0px; }
	div.oben div.api select.datummonth							{ margin: 0px 5px 0px 0px; width: 40px; }
	div.oben div.api input.tage									{ float: left; display: inline; font-family: Trebuchet MS, sans-serif; width: 18px; margin: 0px 5px 0px 0px; line-height: 19px; _padding: 2px 0px 2px 4px; }
	div.oben div.api input.personen								{ float: left; display: inline; font-family: Trebuchet MS, sans-serif; width: 18px; margin: 0px 5px 0px 0px; line-height: 19px; _padding: 2px 0px 2px 4px; }
	div.oben div.api div.buttons								{ font-family: Trebuchet MS, sans-serif; float: right; display: inline; margin: -2px 55px 0px 0px; }
	div.oben div.api span.weiter								{ float: left; display: inline; margin: 0px 5px 0px 0px; }
	div.oben div.api a.weiter									{ float: left; display: inline; color: #FFFFFF; height: 24px; line-height: 24px; padding: 0px 14px 0px 14px; }
	div.oben div.api span.weiteranfang							{ float: left; display: inline; height: 24px; }
	div.oben div.api span.weiterende							{ float: left; display: inline; height: 24px; }
	
	div.oben ul.navioben										{ font-family: Trebuchet MS, sans-serif; font-size: 12px; color: #7D695A; position: absolute; right: 90px; top: 517px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben ul.navioben li										{ padding: 0px 0px 0px 0px; background: transparent; float: left; display: inline; }
	div.oben ul.navioben li a									{ color: #7D695A; }
	
	div.oben div.gnaidangebote									{ z-index: 10; position: absolute; left: 260px; top: 442px; width: 90px; height: 90px; }
	div.oben a.gnaidangebote									{ cursor: pointer; z-index: 12; position: absolute; left: 260px; top: 442px; }
	div.oben a.gnaidangebote span.gnaid							{ position: absolute; left: 20px; top: 20px; font-weight: bold; font-size: 11px; }
	div.oben a.gnaidangebote span.angebote						{ position: absolute; left: 15px; top: 35px; font-weight: bold; font-size: 11px; }
	
	div.oben div.angeboteobenaussen								{ z-index: 0; position: absolute; left: 332px; top: 368px; width: 447px; height: 104px; overflow: hidden; }
	div.oben div.angeboteobenaussen div.angeboteoben			{ position: absolute; left: -400px; top: 204px; width: 447px; height: 104px; }
	div.oben div.angeboteobenaussen div.angeboteobenbg			{ position: absolute; left: 0px; top: 0px; background: url(/images/design/bg-angebote-oben.png) no-repeat 0px 0px; width: 447px; height: 104px; }
	div.oben div.angeboteobenaussen div.angeboteobeninnen		{ position: absolute; left: 0px; top: 0px; }
	
	div.oben div.bildrahmen 									{ position: relative; left: 64px; top: 0px; width: 340px; height: 104px; overflow: hidden; }
	div.oben div.bildflache 									{ position: relative; left: 0px; top: 0px; width: 3400px; height: 104px; }
	div.oben div.bildflache div.bild							{ float: left; width: 340px; height: 104px; overflow: hidden; }
	div.oben div.bildflache div.bild div.inhaltbild				{ margin: 5px 14px 10px 0px; }
	div.oben div.bildflache div.bild b.headline					{ display: block; font-size: 13px; padding: 19px 0px 0px 0px; }
	div.oben div.bildflache div.bild div.zeitraum				{ font-size: 11px; }
	div.oben div.bildflache div.bild div.preis b				{ font-size: 18px; font-weight: normal; }	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ min-height: 194px; _height: 194px; position: relative; z-index: 0; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ font-family: Trebuchet MS, sans-serif; float: left; display: inline; width: 280px; margin: 90px 0px 81px 48px; }

	div.links b.headline										{ font-size: 20px; line-height: 26px; font-weight: normal; }
	
	div.links ul.menu 											{ list-style-type: none; margin: 20px 0px 42px 0px; padding: 0px 0px 0px 0px; width: 214px; }
	div.links ul.menu li 										{ background: transparent; padding: 0px 0px 0px 0px; font-size: 13px; margin: 0px 0px 0px 0px; }
	div.links ul.menu li a 										{ color: #473D30; display: block; margin: 2px 0px 2px 0px; padding: 0px 0px 1px 16px; }
	div.links ul.menu li.aktiv a,						
	div.links ul.menu li a:hover								{ color: #C49F63; }
	div.links ul.menu li										{ border-bottom: solid 1px #E8D3A7; }
	div.links ul.menu li a 										{ background: url(/images/design/bg-a-menu.gif) no-repeat 0px 8px; }
	div.links ul.menu li.aktiv a 								{ background: url(/images/design/bg-a-menu-hover.gif) no-repeat 0px 8px; }
	
	div.links div.angebot										{ font-family: TahomaMS, sans-serif; font-size: 12px; line-height: 25px; width: 214px; margin: 0px 0px 51px 0px; padding: 20px 0px 20px 0px; }
	div.links div.angebot div.angebot-innen						{ margin: 0px 15px 0px 15px; }
	div.links div.angebot span.headline1						{ display: block; text-transform: uppercase; font-size: 14px; font-family: Trebuchet MS, sans-serif; margin: 0px 0px 0px 0px; }
	div.links div.angebot span.headline2						{ display: block; text-transform: uppercase; font-size: 18px; font-family: Trebuchet MS, sans-serif; margin: 0px 0px 9px 0px; }
	div.links div.angebot img									{ margin: 0px 0px 15px 0px; }
	div.links div.angebot span.zeitraum							{ display: block; }
	div.links span.weiter										{ float: left; display: inline; margin: 0px 0px 4px 0px; }
	div.links a.weiter											{ float: left; display: inline; color: #FFFFFF; height: 24px; line-height: 24px; padding: 0px 14px 0px 14px; }
	div.links span.weiteranfang									{ float: left; display: inline; height: 24px; }
	div.links span.weiterende									{ float: left; display: inline; height: 24px; }

	
	div.links div.boxlinks										{ width: 208px; height: 90px; background: url(/images/design/bg-boxlinks.gif) no-repeat 0px 0px; margin: 0px 0px 12px 0px; height: 85px; }
	div.links div.boxlinks img									{ float: left; display: inline; margin: 8px 8px 8px 8px; }
	div.links div.boxlinks a.text								{ float: left; display: inline; width: 80px; }
	div.links div.boxlinks span									{ font-size: 13px; text-transform: uppercase; margin: 10px 0px 0px 0px;	display: block; font-weight: bold; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ float: left; display: inline; width: 617px; overflow: hidden; margin: 90px 0px 50px 0px; }



/* Unten _________________________________________________________________ */

	span.liana													{ font-size: 48px; color: #7D695A; display: block; margin: 0px 0px -8px 59px; }
	
	div.unten 													{ font-family: Trebuchet MS, sans-serif; clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.unten b.headline										{ margin: 0px 0px 15px 0px; font-weight: bold; font-size: 18px; display: block; }
	
	div.unten div.fotogalerie									{ float: left; display: inline; margin: 50px 15px 0px 0px; width: 204px; }
	div.unten div.fotogalerie a.button							{ float: right; display: inline; margin: 5px 7px 0px 0px; }
	div.unten div.fotogalerie a.button:hover					{ color: #343434; }
	div.unten div.newsletterabo									{ float: left; display: inline; margin: 50px 24px 52px 63px; width: 198px; }
	div.unten div.newsletterabo	form							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.newsletterabo	form label						{ color: #FFFFFF; }
	div.unten div.newsletterabo	.colum1							{ display: none; }
	div.unten div.newsletterabo select							{ width: 187px; margin: 0px 0px 12px 0px; background: transparent; background-color: #FFFFFF; position: absolute; left: 9px; top: 3px; border: 0px; }
	div.unten div.newsletterabo div.name						{ background: url(/images/design/bg-newslettter-name.gif) no-repeat 0px 0px; width: 198px; height: 25px; position: relative; margin: 0px 0px 12px 0px; }
	div.unten div.newsletterabo div.email						{ background: url(/images/design/bg-newsletter-email.gif) no-repeat 0px 0px; width: 198px; height: 25px; position: relative; margin: 0px 0px 12px 0px; }
	div.unten div.newsletterabo input.standard					{ width: 175px; position: absolute; left: 9px; top: 3px; border: 0px; }
	div.unten div.newsletterabo input.vorname					{ background: transparent; width: 72px; margin: 0px 5px 0px 0px; position: absolute; left: 9px; top: 3px; border: 0px; }
	div.unten div.newsletterabo input.nachname					{ position: absolute; left: 113px; top: 3px; width: 72px; border: 0px; }
	div.unten div.newsletterabo a.senden						{ float: right; display: inline; }
	
	div.unten div.informatives									{ float: left; display: inline; margin: 50px 36px 0px 0px; width: 185px; }
	div.unten div.informatives ul								{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 20px; }
	div.unten div.informatives ul li							{ background: url(/images/design/bg-li-unten.png) no-repeat 0px 6px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; font-size: 12px; color: #FFFFFF; }
	div.unten div.informatives ul li a							{ color: #FFFFFF; }

	div.unten span.weiter										{ float: right; display: inline; margin: 2px 5px 0px 0px; }
	div.unten span.weiterfotogalerie							{ float: right; display: inline; margin: 0px 18px 0px 0px; }
	div.unten a.weiter											{ float: left; display: inline; color: #FFFFFF; height: 24px; line-height: 24px; padding: 0px 14px 0px 14px; }
	div.unten span.weiteranfang									{ float: left; display: inline; height: 24px; }
	div.unten span.weiterende									{ float: left; display: inline; height: 24px; }
	
	div.unten div.kontakt										{ line-height: 20px; float: left; display: inline; margin: 50px 0px 0px 0px; width: 210px; color: #FFFFFF; }
	div.unten div.kontakt address a								{ color: #FFFFFF; }
	div.unten div.kontakt address a:hover						{ color: #7D695A; }
	div.unten div.kontakt address span							{ display: block; margin: 0px 0px 3px 0px; }
	
	div.unten div.logos											{ width: 980px; height: 112px; margin: 0px 17px 0px 3px; }
	div.unten div.logos	img										{ margin: 16px 15px 0px 15px; }
	
	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten-ende												{ margin: 0px 28px 0px 0px; padding: 0px 0px 100px 0px; }
	div.unten-ende div.copyright								{ font-size: 11px; padding: 7px 0px 0px 10px; color: #7D695A; }
	div.unten-ende div.copyright a 								{ color: #7D695A; }
	div.unten-ende div.copyright a:hover						{ color: #C49F63; }
	div.unten-ende div.copyright span.left						{ float: left; display: inline; }
	div.unten-ende div.copyright span.zeppelin					{ float: right; display: inline; }
	
	
	div.anfragefixed											{ position: fixed; _position: absolute; left: 0px; bottom: 0px; width: 100%; min-height: 82px; z-index: 100; background: url(/images/design/bg-anfragen.png) repeat-x 0px 0px; }
	div.anfragefixed div.kalenderaussen							{ position: absolute; bottom: 0px; top: 0px; width: 221px; height: 300px; }
	div.anfragefixed div.kalender								{ position: absolute; bottom: 0px; width: 221px; z-index: 20; margin: -240px 0px 0px 0px; }
	div.anfragefixed div.api									{ position: relative; width: 1000px; margin: 0 auto; text-align: left; position: relative; }
	div.anfragefixed div.anfragen								{ position: absolute; left: 0px; top: 20px; width: 270px; }
	div.anfragefixed div.anfragen span.liana					{ position: absolute; left: 0px; top: 0px; z-index: 0; color: #B39E81; font-size: 60px; margin: 0px 0px 0px 0px; }
	div.anfragefixed div.anfragen span.anfragen					{ position: absolute; left: 0px; top: 17px; z-index: 1; color: #AEBD5E; font-family: Trebuchet MS, sans-serif; font-size: 20px; }
	div.anfragefixed div.apiformular							{ position: absolute; right: 162px; top: 38px; width: 552px; }
	div.anfragefixed div.apiformular form div.colum1			{ width: 50px; color: #FFFFFF; }
	div.anfragefixed div.apiformular form input.anreise			{ width: 72px; float: left; display: inline; margin: 0px 7px 0px 0px; }
	div.anfragefixed div.apiformular form img					{ float: left; display: inline; margin: 0px 19px 0px 0px; }
	div.anfragefixed div.apiformular form div.tage				{ float: left; display: inline; color: #FFFFFF; margin: 0px 8px 0px 0px; }
	div.anfragefixed div.apiformular form input.tage			{ float: left; display: inline; width: 24px; margin: 0px 26px 0px 0px; }
	div.anfragefixed div.apiformular form div.personen			{ float: left; display: inline; color: #FFFFFF; margin: 0px 8px 0px 0px; }
	div.anfragefixed div.apiformular form input.personen		{ float: left; display: inline; width: 24px; margin: 0px 25px 0px 0px; }
	
	div.anfragefixed div.apiformular form a.buttonanfrage				{ float: left; display: inline; line-height: 25px; color: #725C4C; font-weight: bold; margin: -2px 10px 0px 0px; }
	div.anfragefixed div.apiformular form a.buttonanfrage:hover			{ color: #343434; }
	div.anfragefixed div.apiformular form a.buttonanfrage span.links	{ float: left; display: inline; background: url(/images/design/bg-button-anfrage-links.gif) no-repeat 0px 0px; width: 3px; height: 25px; }
	div.anfragefixed div.apiformular form a.buttonanfrage span.mitte	{ float: left; display: inline; background-color: #AEBD5E; height: 25px; padding: 0px 7px 0px 7px; }
	div.anfragefixed div.apiformular form a.buttonanfrage span.rechts	{ float: left; display: inline; background: url(/images/design/bg-button-anfrage-rechts.gif) no-repeat 0px 0px; width: 3px; height: 25px; }
	
	div.anfragefixed div.bookmark								{ position: absolute; right: 27px; top: 28px; }
	div.anfragefixed div.bookmark a								{ float: left; display: inline; margin: 0px 0px 0px 21px; }



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