@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	#rahmen { width: 972px; background: url(/images/design/bg-rahmen.gif) repeat-y 0px 0px #fff; _height: 100%; min-height: 100%; position:relative; margin: 0 auto; float: left; padding: 0px 0px 120px 0px; }



/* Links _________________________________________________________ */

	#links { float: left; width: 335px; }
	
		#flash 						{ border-top: 1px solid #9DB356; margin: 0px 1px 20px 0px;  }	
		#links div.bgflash			{ height: 13px; width: 335px; position: absolute; left: 0px; top: 112px; background: url(/images/design/bg-flash.png) no-repeat 0px 0px;  }	
		
		#links div.linieweiss		{ height: 1px; width: 321px; margin: 5px 0px 5px 14px; background-color: #ffffff; font-size: 0px; line-height: 0px; }	

		#angebote { margin: 0px 14px 10px 14px; }
		#angebote img { border: 1px solid #ffffff; }
		#angebote table { width: 307px; } 
		#angebote td { vertical-align: top; }
		#angebote h1 { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; text-align: right; }
		#angebote h1 img { border: 0px; }
		#angebote h2 { color: #686767; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; }
		#angebote h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #C92435; font-size: 11px; text-align: right; }
		#angebote strong { color: #686767; font-weight: normal; float: left; }
		#angebote p { color: #686767; clear: both; font-size: 10px; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; line-height: 14px; }
		#angebote .preis { float: right; color: #ffffff; font-size: 11px; font-weight: bold; }
		#angebote span.preis span { font-size: 12px; }
		
		#express-anfrage 							{ margin: 0px 14px 0px 14px; background: #d8e3b6; padding: 7px 0px 0px 0px; position: relative; height: 112px; color: #686767; }
		#express-anfrage h1							{ margin: 0px 0px 0px 14px; padding: 0px 0px 0px 0px; }
		#express-anfrage select		 				{ padding: 1px 0px 1px 3px; }
		#express-anfrage span		 				{ line-height: 18px; }
		#express-anfrage span.anreise 				{ position: absolute; left: 20px; top: 35px; line-height: 18px; }
		#express-anfrage #nDay						{ position: absolute; left: 79px; top: 35px; width: 41px; }
		#express-anfrage #nMonth					{ position: absolute; left: 124px; top: 35px; width: 87px; }
		#express-anfrage #nYear						{ position: absolute; left: 214px; top: 35px; width: 43px; }
		#express-anfrage span.abreise 				{ position: absolute; left: 20px; top: 59px; line-height: 18px; }
		#express-anfrage #ndepartureDateDay			{ position: absolute; left: 79px; top: 59px; width: 41px; }
		#express-anfrage #ndepartureDateMonth		{ position: absolute; left: 124px; top: 59px; width: 87px; }
		#express-anfrage #ndepartureDateYear		{ position: absolute; left: 214px; top: 59px; width: 43px; }
		#express-anfrage span.personen				{ position: absolute; left: 20px; top: 82px; }
		#express-anfrage select.personen			{ position: absolute; left: 79px; top: 82px; width: 41px; }
		#express-anfrage span.kinder				{ position: absolute; left: 130px; top: 82px; line-height: 11px; }
		#express-anfrage select.kinder				{ position: absolute; left: 185px; top: 82px; width: 41px; }
		#express-anfrage a.weiter					{ display: block; width: 18px; height: 70px; position: absolute; right: 19px; top: 35px; background: url(/images/design/bg-button-links.gif) no-repeat 0px 0px; }
		#express-anfrage p 							{ margin: 0px 14px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }
		#express-anfrage select 					{ font-size: 10px; color: #000000; }
		
		#wetter-urlaub { margin: 4px 14px 0px 14px; }
		#wetter-urlaub td { vertical-align: top; }
		#wetter-urlaub .hintergrund { background: url(/images/design/bg-wetter-urlaub.gif) repeat-y 0px 0px; height: 120px; }
			#wetter { position: relative; color: #686767; }
			#wetter h1 { position: absolute; top: 10px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
			#wetter a { position: absolute; top: 10px; right: 0px; }
				#wetter-inhalt	{ position: absolute; top: 34px; left: 0px; }
				#wetter-inhalt p { line-height: 14px; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; }
				
			#ihrurlaub { position: relative; }
			#ihrurlaub h1 { position: absolute; top: 10px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
			#ihrurlaub .hintergrund { position: absolute; top: 34px; left: 0px; height: 77px; }
			#ihrurlaub ul { position: absolute; top: 40px; left: 66px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }			
			#ihrurlaub li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background: url(/images/design/bg-ihrurlaub-li.gif) no-repeat 0px 5px; }
			#ihrurlaub li a { color: #686767; }
			#ihrurlaub li a:hover { color: #ffffff; }
			
		#infos { border-top: 1px solid #ffffff; margin: 20px 14px 0px 14px; }
		#infos-inhalt { list-style-type: none; margin: 0px 0px 0px 0px; padding: 14px 0px 0px 0px; }	
		#infos-inhalt li { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; }
		#infos-inhalt li a { color: #686767; }
		#infos-inhalt li a:hover { color: #ffffff; }
		
		#infos-inhalt ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#infos-inhalt ul li { float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background: url(/images/design/bg-ihrurlaub-li.gif) no-repeat 0px 5px; }
		

/* Mitte _________________________________________________________ */

	#mitte { float: left; width: 637px; }



/* Oben __________________________________________________________ */

	#oben { width: 637px; height: 128px; background: url(/images/design/bg-oben.jpg) no-repeat 0px 0px; position: relative; z-index: 10; }
	
	#sprache { position: absolute; top: 6px; left: 2px; margin: 0px 0px 0px 0px; }
	#sprache a { font-family: Trebuchet MS, Tahoma !important; font-size: 10px; color: #ffffff; padding: 0px 16px 0px 0px; }
	#sprache a:hover { color: #000000; }

	#slogan 				{ position: absolute; right: 0px; top: 16px; }
	#oben div.sloganneu		{ position: absolute; right: 28px; top: 16px; color: #ffffff; font-size: 24px; line-height: 26px; font-family: Arial, Helvetica, sans-serif; }
	
	#navigation { font-size: 11px; position: absolute; left: -1px; top: 52px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#navigation li { float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#navigation li a { font-weight: bold; float: left; display: block; min-height: 30px; _height: 30px; line-height: 30px; padding: 0px 10px 0px 10px; color: #fff; }
	#navigation li a:hover { color: #fff; background-color: #9db356; }

	#navigation ul { display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 6px 12px 12px; position: absolute; left: 0px; top: 37px; min-width: 150px; _width: 150px; background: #9db356; }
	#navigation ul li { display: block; float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#navigation ul li a { display: block; float: none; font-weight: normal; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 0px; background-color: none; }
	#navigation ul li a:hover { color: #000000 !important; background: none; }
	
	#navigation li.aktiv { background-color: #9db356; }
	
	#menu { position: absolute; top: 89px; left: 0px; font-size: 11px; width: 637px; border-bottom: 1px solid #9DB356; border-right: 1px solid #9DB356; background: #B1C66D; }
	#menu ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; }
	#menu li { float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-height: 36px; _height: 36px; line-height: 36px; }
	#menu li a { background: url(/images/design/bg-unten-navi.gif) no-repeat right 9px; padding: 0px 12px 0px 0px; color: #686767; }
	#menu li a:hover { color: #000; }
	#menu li.aktiv a { color: #000; font-weight: bold; }
	
	

/* Landingpage _________________________________________________________ */

	div.vorspann			{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 30px 0px; }
	
	div.landingpage								{ width: 606px; background-color: #9db356; padding: 20px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #686767; line-height: 20px; }
	div.landingpage div.lpdaten					{ width: 305px; float: left; display: inline; margin: 0px 0px 0px 20px; }
	div.landingpage div.lpdaten div.lptitle		{ color: #ffffff; font-size: 18px; line-height: 23px; margin: 0px 0px 15px 0px; }
	div.landingpage div.lpdaten div.lpvorspann	{ margin: 0px 0px 25px 0px; }
	div.landingpage div.lpdaten div.aufzahlung					{ margin: 0px 0px 0px 0px; }
	div.landingpage div.lpdaten div.aufzahlung ul				{ margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px 0px 0px 0px; }
	div.landingpage div.lpdaten div.aufzahlung ul li			{ background: url(/images/design/lpaufzahlung.gif) no-repeat 0px 9px !important; margin: 0px 0px 17px 0px !important; padding: 0px 0px 0px 29px !important; min-height: 29px; }
	div.landingpage div.lpdaten div.aufzahlung ul li b			{ color: #FFFFFF; font-weight: bold; }
	
	
	
	div.landingpage div.gallery						{ width: 208px; float: left; display: inline; margin: 0px 0px 0px 53px; }
	div.landingpage div.gallery div.images			{ width: 223px; overflow: hidden; }
	div.landingpage div.gallery div.images a		{ float: left; display: inline; margin: 0px 10px 10px 0px; border: 0px !important; }
	div.landingpage div.gallery div.images a img	{ border: 0px; margin: 0px 0px 0px 0px; }
	div.landingpage div.gallery div.images a.second		{ border: 0px; margin: 0px 0px 0px 0px !important; }
	
	div.landingpage div.gallery a.button						{ text-align: center; float: left; height: 24px !important; line-height: 24px !important; font-size: 13px !important; color: #FFFFFF !important; background-color: #748f1d; border: solid 1px #1b6923; overflow: hidden; padding: 0px 0px 0px 7px; }
	div.landingpage div.gallery a.button span.mitte				{ float: left; display: inline; height: 24px; }
	div.landingpage div.gallery a.button span.rechts			{ float: left; display: inline; width: 23px; height: 24px; background: url(/images/design/anfrage.gif) no-repeat center 6px; }
	div.landingpage div.gallery a.button:hover					{ color: #9dc12a !important; }


	div.teasergroup									{ margin: 30px 0px 0px 0px; }
	div.teasergrouphome								{ margin: 0px 0px 15px 0px; padding: 15px 0px 15px 0px; border-top: solid 1px #9DB356; border-bottom: solid 1px #9DB356; }
	div.teasergroup div.teaser						{ width: 188px; background-color: #9db356; padding: 10px 0px 10px 0px; float: left; display: inline; margin: 0px 0px 0px 21px; color: #686767; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
	div.teasergroup div.teasernr1					{ margin: 0px 0px 0px 0px; }
	div.teasergroup div.teaser div.teaserabstand	{ width: 168px; float: left; display: inline; margin: 0px 0px 0px 10px; }
	div.teasergroup div.teaser div.titel			{ color: #FFFFFF; font-size: 18px; line-height: 22px; margin: 10px 0px 7px 0px; }
	div.teasergroup div.teaser a.button				{ float: right; margin: 10px 0px 0px 0px; color: #FFFFFF !important; text-align: center; height: 17px; line-height: 17px; border: solid 1px #1b6923; padding: 0px 0px 0px 9px; background-color: #748f1d; }
	div.teasergroup div.teaser a.button span.mitte	{ float: left; display: inline; height: 17px; }
	div.teasergroup div.teaser a.button span.rechts	{ float: left; display: inline; width: 20px; height: 17px; background: url(/images/design/anfrage.gif) no-repeat 7px 3px; }
	div.teasergroup div.teaser a.empty				{ padding: 0px 33px 0px 21px; }
	
	div.startseite div.content						{ width: 335px; float: left; display: inline; }
	div.startseite div.images						{ width: 255px; float: right; display: inline; }
	
	


/* Inhalt ________________________________________________________ */

	#inhalt { width: 607px; margin: 30px 0px 30px 30px; }
	.sommerurlaub	{ margin-top: 47px !important; }



/* Rechts ________________________________________________________ */

	#rechts { float: left; width: 100px; }



/* Unten _________________________________________________________ */

	#unten { clear: both; height: 100px; width: 972px; position: absolute; left: 0px; bottom: 0px; background: url(/images/design/bg-unten.jpg) no-repeat 0px 0px; }
		#unten-inhalt { position: relative; width: 972px; height: 100px; }
		
		#unten-inhalt address { position: absolute; top: 10px; left: 10px; color: #fff; font-size: 10px; line-height: 11px; font-style: normal; }
		#unten-inhalt address a { color: #fff; }
		#unten-inhalt address a:hover { color: #000; }
		
		#unten-inhalt p { position: absolute; top: 7px; left: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #fff; }
		#unten-inhalt p a { color: #fff; padding: 0px 7px 0px 7px; }
		#unten-inhalt p a:hover { color: #000; }
		#unten-inhalt p a.letztes { background: none; padding: 0px 0px 0px 0px; }
		
		#logos-partner { border: 0; position: absolute; top: 40px; right: 30px; }
		#unten div.logos { border: 0; position: absolute; top: 40px; right: 30px; }
		
		#kontakt { position: absolute; top: 10px; left: 226px; }
		
		#anreise 					{ position: absolute; top: 62px; left: 240px; }
		#unten a.anreiseunten		{ position: absolute; top: 62px; left: 239px; display: block; background: url(/images/design/bt-anreise.gif) no-repeat 0px 0px; width: 79px; height: 20px; }
		#unten a.anreiseunten span	{ padding: 0px 0px 0px 8px; line-height: 20px; color: #686767; }
		
		#copyright { position: absolute; top: 60px; left: 350px; color: #ffffff; font-size: 10px; }
		#copyright a { color: #ffffff; }
		#copyright a:hover { color: #000; }
	



/* Ende __________________________________________________________*/