@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	#rahmen { width: 815px; position: relative; text-align: left; margin: 0 auto; }

/* Oben __________________________________________________________ */

	#oben { width: 815px; height: 323px; background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; position: relative; }
		#logo-rasnerhof { position: absolute; top: 182px; left: 15px; }
		
		#sprache { position: absolute; top: 12px; left: 20px; color: #E48F00; font-size: 9px; margin: 0px; padding: 0px; }
		#sprache a { color: #fff; }
		#sprache a:hover { color: #E48F00; }
		
		#thema-link { position: absolute; top: 12px; left: 12px; color: #fff; font-size: 9px; margin: 0px; padding: 0px; }
		
		#wetter { position: absolute; top: 12px; right: 200px; color: #fff; font-size: 9px; margin: 0px; padding: 0px; }
		#wetter-symbol { position: absolute; top: 4px; right: 122px; }
		#wetter-temperatur { position: absolute; top: 22px; left: 700px; color: #fff; font-size: 10px; margin: 0px; padding: 0px; }
		
		#kontakt { position: absolute; top: 300px; left: 652px; color: #E48F00; font-size: 9px; margin: 0px; padding: 0px; }
		#kontakt a { color: #fff; }
		#kontakt a:hover { color: #E48F00; }
		
		#anfrage { position: absolute; top: 72px; left: 652px; }
		#anfrage div { margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; color: #fff; font-size: 11px; }
		#anfrage p { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; color: #fff; }
		#anfrage select { margin: 2px 0px 0px 0px; font-size: 11px; }
		#anfrage .lang select { width: 98px; }
		#anfrage a { color: #fff; font-size: 10px; background: url(/images/design/bg-senden.gif) #A50008 no-repeat right 4px; padding: 3px 26px 3px 8px; }
	
		#flash { position: absolute; top: 34px; left: 7px; }
		
		#navigation { font-size: 11px; font-weight: bold; position: absolute; left: 208px; top: 294px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#navigation li { float: left; position: relative; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px; background: url(/images/design/bg-navigation-1.gif) no-repeat 0px 0px; text-align: center; width: 99px; _min-width: 99px; }
		#navigation li a { display: block; min-height: 29px; _height: 29px; line-height: 34px; padding: 0px 0px 0px 0px; background: url(/images/design/bg-navigation-1.gif) no-repeat 0px 0px; color: #BB0009; text-align: center; }
		#navigation li a:hover { background: url(/images/design/bg-navigation-2.gif) no-repeat 0px 0px; color: #BB0009; }
		#navigation li.aktiv a { background: url(/images/design/bg-navigation-2.gif) no-repeat 0px 0px; color: #BB0009; }
		
		#navigation ul { display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 0px; position: absolute; left: -15px; bottom: 34px; min-width: 130px; _width: 130px; background: url(/images/design/bg-navigation-sub-neu.gif) repeat-y 0px 0px; }
		#navigation ul li { background: none; display: block; float: none; margin: 0px 0px 0px 0px; padding: 2px 0px 1px 0px; width: 130px; _min-width: 130px; }
		#navigation ul li a { display: block; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 0px; background: none !important; color: #BB0009; }
		#navigation ul li a:hover { background: none; color: #000 !important; }
		#navigation ul li.aktiv a { font-weight: bold; }
	
	
/* Mitte _________________________________________________________ */

	#mitte { background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px; float: left; widht: 815px; }
	

	
/* Links _________________________________________________________ */

	#links { float: left; width: 184px; padding: 25px 0px 0px 0px; }
	
	#bloecke { margin: 0px 14px 0px 28px; }
	#bloecke div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; font-size: 11px; color: #000; background: url(/images/design/bg-links-h1.gif) repeat-x 0px 0px; height: 25px; line-height: 21px; }
	#bloecke p { margin: 2px 0px 2px 0px; padding: 0px 0px 0px 5px; }
	#bloecke ul { list-style-type: none; margin: 2px 0px 20px 0px; padding: 0px 0px 0px 0px; }
	#bloecke li { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 5px; }
	#bloecke li a { background: url(/images/design/bg-links-link-1.gif) no-repeat 0px 2px; color: #000; padding: 0px 0px 0px 15px; }
	#bloecke li a:hover { background: url(/images/design/bg-links-link-2.gif) no-repeat 0px 2px; color: #AD7618; }
	#bloecke li.aktiv a { background: url(/images/design/bg-links-link-2.gif) no-repeat 0px 2px; color: #AD7618; font-weight: bold; }	
	#bloecke input { margin: 4px 0px 4px 5px; font-size: 10px; border: 1px solid #FFDB87; width: 136px; }
	
	a.bt-newsletter { background: url(/images/design/bg-newsletter.gif) #A50008 no-repeat right 3px; padding: 2px 20px 2px 8px; color: #fff !important; font-size: 9px; }
	


/* Inhalt ________________________________________________________ */

	#inhalt { float: left; width: 403px; margin: 30px 28px 0px 24px; }



/* Rechts ________________________________________________________ */

	#rechts { float: left; width: 176px; padding: 14px 0px 0px 0px; }

	#angebot-box { margin: 0px 8px 0px 0px; background: url(/images/design/bg-angebot.gif) repeat-y left bottom; }
	#angebot-box div { padding: 0px 0px 0px 0px; margin: 8px 12px 6px 12px;  font-size: 11px; font-weight: bold; }
	#angebot-box p { padding: 0px 0px 0px 0px; margin: 0px 12px 8px 12px;  font-size: 11px; }
	#angebot-box ul { list-style-type: none; margin: 6px 12px 0px 12px; padding: 0px 0px 20px 0px; }
	#angebot-box li { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 5px; }
	#angebot-box li a { background: url(/images/design/bg-links-link-1.gif) no-repeat 0px 2px; color: #000; padding: 0px 0px 0px 15px; }
	#angebot-box li a:hover { background: url(/images/design/bg-links-link-2.gif) no-repeat 0px 2px; color: #AD7618; }
			


/* Unten _________________________________________________________ */

	#unten { clear: both; background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; height: 72px; width: 815px; position: relative; }
	#unten p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 9px; color: #fff; }	
	#unten a { color: #fff; }
	#unten a:hover { color: #E48F00; }	
	
		#weiterempfehlen-drucken { position: absolute; right: 8px; top: 48px; }		
		#weiterempfehlen { background: url(/images/design/weiterempfehlen.gif) no-repeat 0px 2px; padding: 0px 0px 4px 19px; }
		#drucken { background: url(/images/design/drucken.gif) no-repeat 0px 2px; padding: 0px 0px 4px 17px; margin: 0px 16px 0px 0px; }
		
		#adresse { position: absolute; left: 15px; top: 48px; }
		
		#footer-navi { position: absolute; left: 0px; bottom: -8px; font-size: 9px; color: #C3686C; text-align: center; width: 815px; }
		#footer-navi a { color: #C3686C; }
		#footer-navi a:hover { color: #CDA5A7; }
		
		#logo-zeppelin { position: absolute; right: 20px; bottom: 40px; }
		#logo-zeppelin a { font-size: 9px; color: #D7B7B8; }

/* Ende __________________________________________________________*/