@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ text-align: center; background: url(/images/design/bg-bild-background.jpg) no-repeat left 956px #F1F3D5; }
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #2A6F2C; font-size: 19px; line-height: 21px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #2A6F2C; font-size: 17px; line-height: 21px; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0px 0px 10px 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; }
	
	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; }
	p.abstand													{ margin: 0px 0px 16px 0px; }
	
	div.rahmen 													{ position: relative; width: 980px; margin: 0 auto; text-align: left; }
	
/* Oben __________________________________________________________________ */

	div.oben 													{ width: 980px; height: 59px; }

	div.oben div.sprache										{ position: absolute; left: 285px; top: 34px; }
	div.oben div.sprache a										{ color: #7E7C74; font-family: Tahoma; font-size: 12px; line-height: 21px; margin: 0px 4px 0px 0px; }
	div.oben div.sprache a:hover								{ color: #889E3A; }
	div.oben div.sprache a.aktiv								{ color: #889E3A; }
	
	div.oben div.obenrechts										{ position: absolute; right: 34px; top: 34px; }
	div.oben div.obenrechts a									{ color: #7E7C74; font-family: Tahoma; font-size: 12px; line-height: 21px; margin: 0px 4px 0px 0px; }
	div.oben div.obenrechts a:hover								{ color: #889E3A; }
	div.oben div.obenrechts a.aktiv								{ color: #889E3A; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{  }
	
	div.mitte img.inhaltunten									{ margin: 0px 0px 0px 252px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 252px; }
	div.links img												{ vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.links a.logo											{ margin: 0px 0px 0px 3px; }
	
	div.links div.menu											{ width: 251px; background-color: #A4C049; margin: 25px 0px 0px 0px; border-left: solid 1px #C2D184; border-top: solid 1px #C2D184; }
	
	div.links ul.menu 											{ list-style-type: none; margin: 24px 0px 0px 28px; padding: 0px 0px 0px 0px; width: 201px; }
	div.links ul.menu li 										{ font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; line-height: 16px; color: #F1F3D5; margin: 0px 0px 11px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li.letztes								{ margin: 0px 0px 0px 0px; padding: 0px 0px 25px 0px; }
	div.links ul.menu li a 										{ color: #10752E; font-size: 19px; line-height: 26px; font-family: Georgia, 'Times New Roman', Times, serif; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li.aktiv a 								{  }
	div.links ul.menu li a:hover 								{  }
	
	div.links ul.menu ul 										{ list-style-type: none; width: 201px; margin: 11px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links ul.menu ul li 									{ width: 177px; background: url(/images/design/aufzahlung-pfeil.gif) no-repeat 10px 10px #AFCA56; height: 23px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 24px; }
	div.links ul.menu ul li a 									{ font-size: 12px; color: #F7F9DE; line-height: 23px; font-weight: normal; margin: 0px 0px 0px 0px; }
	div.links ul.menu ul li.aktiv 								{  }	
	div.links ul.menu ul li.aktiv a,			
	div.links ul.menu ul li a:hover								{ color: #10752E; }
	
	div.links div.linksunten									{ width: 251px; height: 340px; vertical-align: top; border-left: solid 1px #D0D4A3; background: url(/images/design/bg-linksunten.gif) repeat-y 0px 0px; position: relative; }
	div.links div.linksunten img.menuabrundung					{ margin: 0px 0px 0px -1px; }
	
	div.links div.linksunten div.angebotonpagetext				{ position: absolute; left: 24px; top: 27px; font-family: Tahoma; font-size: 13px; line-height: 19px; color: #757473; }
	div.links div.linksunten div.angebotonpagetext a			{ font-family: Tahoma; font-size: 13px; line-height: 19px; color: #757473; }
	div.links div.linksunten div.angebotonpagetext a span		{ font-family: Georgia, 'Times New Roman', Times, serif; font-size: 19px; line-height: 23px; color: #0B6927; }
	
	div.angebotonpage											{ position: relative; left: -8px; top: 78px; width: 240px; height: 114px; }
	div.angebotonpage div.bildaussen							{ display: inline; float: left; width: 100px; position: relative; border-left: solid 1px #DFE2BD; border-right: solid 1px #DFE2BD; border-top: solid 1px #DFE2BD; margin: 0px 18px 0px 0px; padding: 0px 0px 0px 0px; z-index: 5; }
	div.angebotonpage div.bildaussen div.bildinnen				{ width: 98px; position: relative; overflow: hidden; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; z-index: 10; }
	div.angebotonpage div.bildaussen div.bildinnen a			{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.angebotonpage div.bildaussen div.bildinnen a img		{ float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.angebotonpage div.bildaussen img.abrundung				{ position: absolute; left: -1px; bottom: 0px; width: 102px; height: 5px; z-index: 15; }
	div.angebotonpage h3 a										{ float: left; width: 120px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 19px; color: #757473; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.angebotonpage span.zeitraum								{ float: left; width: 120px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.angebotonpage b.preis									{ float: left; width: 120px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 19px; color: #015C1F; margin: 3px 0px 0px 0px; }
	div.angebotonpage div.buttons								{ position: absolute; right: 7px; bottom: 0px; margin: 0px 0px 0px 0px; z-index: 20; }
	div.angebotonpage div.buttons span.buttonanfang				{ margin: 0px 0px 0px 0px; }
	div.angebotonpage div.linieonpage							{ position: absolute; right: 0px; bottom: 11px; width: 202px; height: 1px; line-height: 1px; font-size: 1px; background-color: #DFE2BD; z-index: 10; }
	
	div.links div.linksunten div.downloadprospekt				{ position: absolute; left: 24px; top: 246px; }
	div.links div.linksunten div.downloadprospekt span			{ font-family: Georgia, 'Times New Roman', Times, serif; font-size: 19px; line-height: 21px; color: #0B6927; }
	div.links div.linksunten div.downloadprospekt ul			{ list-style-type: none; margin: 11px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.linksunten div.downloadprospekt ul li			{ background: url(/images/design/aufzahlung-pfeil.gif) no-repeat left 8px; line-height: 19px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; }
	div.links div.linksunten div.downloadprospekt ul li	a		{ font-family: Tahoma; font-size: 13px; line-height: 19px; color: #757473; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.linksunten div.downloadprospekt ul li	a:hover	{  }



/* Inhalt ________________________________________________________________ */

	div.flash													{ float: left; display: inline; width: 728px; height: 428px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.buchen													{ float: left; display: inline; width: 727px; height: 52px; background-color: #A4C049; border-right: solid 1px #DEE0C0; color: #F1F3D5; font-size: 13px;	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.buchen div.zimmersuche									{ margin: 15px 0px 0px 34px; }
	div.buchen div.zimmersuche form span.label					{ margin: 0px 3px 0px 0px; }
	div.buchen div.zimmersuche form select.input_small			{ margin: 0px 0px 0px 4px; }
	div.buchen div.zimmersuche form span.hinter					{ margin: 0px 2px 0px 7px; }
	div.buchen div.zimmersuche form input.api					{ width: 16px; height: 16px; text-align: center; font-size: 13px; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.buchen div.zimmersuche form div.apibuttons1				{ float: right; display: inline; margin: 0px 32px 0px 0px; padding: 0px 0px 0px 0px; }
	div.buchen div.zimmersuche form div.apibuttons2				{ float: right; display: inline; margin: 0px 7px 0px 0px; padding: 0px 0px 0px 0px; }

	div.inhalt 													{ float: left; display: inline; width: 726px; min-height: 1010px; background-color: #FFFFFF; border-left: solid 1px #DEE0C0; border-right: solid 1px #DEE0C0; overflow: hidden; margin: 0px 0px 0px 0px; }
	div.content													{ float: left; display: inline; width: 662px; _height: 922px; margin: 42px 32px 46px 32px; }



/* Rechts ________________________________________________________________ */

	div.rechts 													{ float: left; display: inline; width: 100px; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; width: 728px; margin: 0px 0px 0px 252px; }
	
	div.unten div.daten											{ width: 728px; text-align: center; font-family: Tahoma; font-size: 12px; line-height: 19px; color: #7E7C74; margin: 30px 0px 0px 0px; }
	div.unten div.daten a										{ font-family: Tahoma; font-size: 12px; line-height: 19px; color: #0B6927; }
	
	div.unten div.logos											{ width: 728px; height: 71px; margin: 30px 0px 0px 0px; }
	div.unten div.logos img										{ float: left; display: inline; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.logos a img									{ float: left; display: inline; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.logos img.letztes								{ float: left; display: inline; margin: 0px 0px 0px 1px; padding: 0px 0px 0px 0px; }

	div.unten div.linieunten									{ width: 720px; height: 1px; line-height: 1px; font-size: 1px; background-color: #DFE2BD; margin: 10px 0px 0px 6px; }

	div.unten div.untenlinks									{ float: left; display: inline; width: 300px; margin: 7px 0px 0px 34px; }
	div.unten div.untenlinks a									{ color: #7E7C74; font-family: Tahoma; font-size: 12px; line-height: 21px; }
	div.unten div.untenlinks a:hover							{ color: #889E3A; }
	
	div.unten div.untenrechts									{ float: right; display: inline; text-align: right; width: 300px; margin: 7px 0px 0px 0px; }
	div.unten div.untenrechts a									{ color: #7E7C74; font-family: Tahoma; font-size: 12px; line-height: 21px; }
	div.unten div.untenrechts a:hover							{ color: #889E3A; }
	


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