/* Grundeinstellungen ____________________________________________*/

	body { background: url(/images/design/bg-all.jpg) repeat-y #FFF4A2; color: #000000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 16px; margin: 0px; padding: 0px; text-align: center; }
	table { border: 0px; border-collapse: collapse; color: #000000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 12px; line-height: 18px; }
	form { margin: 0px; padding: 0px; }
	img { border: 0px; }
	a { color: #737373; text-decoration: none; }
	a:hover { color: #BC0028; }
	a img { border: 0px; }


/* Oben __________________________________________________________*/

	#bild { position: absolute; left: 47px; top: 16px; }
	#logo { position: absolute; left: 553px; top: 15px; }


	
/* Links _________________________________________________________*/


	#links .linie { background: url(/images/design/bg-navi.gif) repeat-y 0px 0px; padding: 0px 0px 10px 0px; width: 182px; }
	#links ul { background: url(/images/design/bg-navi-li.gif) repeat-x left bottom; list-style-type: none; margin: 0px 0px 0px 20px; padding: 0px 0px 2px 0px; width: 141px; }
	#links ul li { background: url(/images/design/bg-navi-li.gif) repeat-x 0px 0px; min-height: 21px; line-height: 21px; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 11px; }
	#links ul li a { color: #484848; display: block; }
	#links ul li a:hover { color: #BC0028; }
	#links ul .aktiv { background: url(/images/design/bg-aktiv.gif) repeat-x 0px 0px;  }
	#links ul .aktiv a { color: #BC0028; }
	#links ul li ul { background: none; margin: 0px 0px 20px 0px; padding: 3px 0px 0px 0px; width: 127px; }
	#links ul li ul li { background: url(/images/design/bg-navi-li-sub.gif) no-repeat 0px 8px; min-height: 16px; line-height: 17px; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 10px; }
	#links ul li ul li a { color: #484848 !important; }
	#links ul li ul li a:hover { color: #BC0028 !important; }
	#links ul li ul .aktiv { background: url(/images/design/bg-navi-li-sub.gif) no-repeat 0px 8px; }
	#links ul li ul .aktiv a { color: #BC0028 !important; }
	
	address { background: url(/images/design/bg-adresse.gif) repeat-y 0px 0px; color: #484848; font-style: normal; line-height: 13px; margin: 0px 0px 0px 29px; padding: 7px 0px 8px 12px; }
	address span { color: #BF8022; }
	address .smallline { line-height: 8px; }
	address a { color: #484848; }
	



/* Flash _________________________________________________________*/



/* Inhalt ________________________________________________________*/

	#inhalt h1 { color: #BC0028; font-size: 14px; margin: 0px 0px 21px 0px; padding: 0px 0px 0px 0px; text-align: center; }
	#inhalt h2 { font-size: 11px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h3 { font-size: 11px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h4 { font-size: 11px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h5 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt h6 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#inhalt p { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ul { list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ul li { background: url(/images/design/bg-navi-li-sub.gif) no-repeat 0px 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 10px; }
	#inhalt ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	#inhalt ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



/* Dynamisch _____________________________________________________*/

	.umblattern { float: right; margin: 18px 0px 0px 0px; }
	.umblattern a, .umblattern span { margin: 0px 2px 0px 2px; }
	.umblattern span { font-weight: bold; }
	.umblattern a:hover { color: #000000; }
	
	.aufzahlung { margin: 0px 0px 16px 0px; }
	
	.liste , .navi, .detail { position: relative; clear: both; width: 411px; }
	
	.liste { background: url(/images/design/bg-punkte.gif) repeat-x left bottom; margin: 0px 0px 16px 0px; }
	.liste { background: url(/images/design/bg-punkte.gif) repeat-x left bottom; margin: 0px 0px 16px 0px; }
	
	.liste .datum { float: right; }
	.liste .zeitraum { margin: 0px 0px 8px 0px; }
	.liste .preis { margin: 0px 0px 8px 0px; }
	
	.detail .datum { position: absolute; right: 0px; top: -20px; }
	
	a.weiter { background: url(/images/design/bg-weiter-a.gif) no-repeat left center; color: #737373; font-size: 10px; padding: 3px 0px 3px 5px; }
	a.weiter span { background: url(/images/design/bg-weiter-span.gif) no-repeat right center; padding: 3px 15px 3px 0px; }
	a.weiter:hover { color: #BC0028; }
	
	a.zuruck { background: url(/images/design/bg-zuruck-a.gif) no-repeat right center; color: #737373; font-size: 10px; padding: 3px 5px 3px 0px; }
	a.zuruck span { background: url(/images/design/bg-zuruck-span.gif) no-repeat left center; padding: 3px 0px 3px 15px; }
	a.zuruck:hover { color: #BC0028; }
	
	.navi { height: 16px; margin: 0px 0px 16px 0px; }
	.navi a.weiter { position: absolute; right: 0px; top: -3px; }
	.navi a.zuruck { position: absolute; left: 0px; top: -3px; }



/* Angebote ______________________________________________________*/

	.info { background: #FFFFFF; border: solid 1px #BE7406; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; }
	.info .zeitraum { margin: 0px 0px 8px 0px; }
	.info .preis { margin: 0px 0px 8px 0px; }
	.info .angebot { margin: 0px 0px 8px 0px; }
	.box { background: #FFFFFF; border: solid 1px #BE7406; margin: 0px 0px 16px 0px; padding: 8px 12px 12px 14px; }



/* Bilder & Fotogalerie __________________________________________*/

	.bilderrahmen { background: #FFFFFF; border: 1px solid #BE7406; margin: 0px 0px 16px 0px; clear: both;}
	.bilder { overflow: hidden; padding: 3px 3px 0px 3px; white-space: nowrap; width: 409px; }
	.bilder img { margin: 0px 3px 3px 0px; }
	
	.fotogalerierahmen { background: #FFFFFF; border: 1px solid #BE7406; margin: 0px 0px 16px 0px; }
	.fotogalerie { overflow: hidden; padding: 4px 0px 0px 4px; white-space: nowrap; width: 407px; }
	.fotogalerie img { margin: 0px 3px 4px 0px; }
	
	.navipopup { position: relative; clear: both; height: 16px; margin: 0px 0px 16px 0px; }
	.navipopup a.weiter { position: absolute; right: 30px; top: -3px; }
	.navipopup a.zuruck { position: absolute; left: 30px; top: -3px; }



/* Rechts ________________________________________________________*/

	#angebote { background: url(/images/design/bg-angebote.gif) repeat-y 0px 0px; margin: 0px 0px 0px 0px; position: relative; width: 158px; }
	#angebote h1 { background: url(/images/design/bg-angebote-h1.gif) repeat-x left bottom; color: #A77832; font-size: 11px; line-height: 14px; margin: 0px 9px 5px 9px; padding: 0px 0px 4px 0px; }
	#angebote p { line-height: 14px; margin: 0px 9px 5px 9px; padding: 0px 0px 0px 0px; }
	#angebote b { color: #A77832; display: block; font-size: 12px; font-weight: bold; margin: 0px 9px 10px 9px; }
	#angebote a { background: url(/images/design/bg-rechts-a.gif) no-repeat left center; color: #737373; font-size: 10px; padding: 2px 0px 3px 5px; position: absolute; right: 12px; bottom: 8px; }
	#angebote a:hover { color: #BC0028; }
	#angebote a span { background: url(/images/design/bg-rechts-span1.gif) no-repeat right center; padding: 2px 15px 3px 0px; }
	
	#wetter { background: url(/images/design/bg-wetter.gif) repeat-y 0px 0px; margin: 0px 0px 24px 43px; position: relative; width: 158px; }
	#wetter p { clear: both; margin: 5px 0px 7px 14px; padding: 0px 0px 0px 0px; line-height: 14px; }
	#wetter p img { float: right; margin: 0px 7px 0px 5px; }
	#wetter a { background: url(/images/design/bg-rechts-a.gif) no-repeat left center; color: #737373; font-size: 10px; padding: 2px 0px 3px 5px; position: absolute; left: 55px; bottom: -10px; }
	#wetter a:hover { color: #BC0028; }
	#wetter a span { background: url(/images/design/bg-rechts-span1.gif) no-repeat right center; padding: 2px 15px 3px 0px; }
	
	#anfragen { margin: 0px 0px 15px 9px; }
	
	#bezahlen { margin: 0px 0px 42px 20px; }
	
	#schwanz { background: url(/images/design/bg-rechts.gif) no-repeat right bottom; padding: 0px 0px 49px 0px; }



/* Navigation ____________________________________________________*/
	


/* Unten _________________________________________________________*/

	#unten a, #unten span { color: #969387; }
	#unten img { vertical-align: text-bottom; }



/* Anfrageformular _______________________________________________*/

	.formular { border: 0px; margin: 0px 0px 16px 0px; }
	.formular col { width: 160px; }
	.formular th { color: #000000; font-size: 11px; text-align: left; }
	.formular td { color: #000000; font-size: 11px; padding: 3px 0px; vertical-align: middle; }
	.formular select { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }
	.formular .eingabe { border: 1px solid #E8CC9D; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; }
	.formular .standard { height: 18px; width: 220px; }
	.formular .code { height: 18px; width: 40px; }
	.formular .plz { height: 18px; width: 65px; margin-right: 5px; }
	.formular .ort { height: 18px; width: 150px; }
	.formular .mitteilung { height: 60px; width: 220px; }
	.formular .oben { padding: 3px 0px 0px 0px; vertical-align: top; }
	.formular a { background: url(/images/design/bg-formular.gif) repeat-x 0px 0px #FFFFFF; color: #FFFFFF; border: solid 1px #D7D4CE; font-weight: bold; padding: 3px 10px 3px 9px; }
	.formular a:hover { color: #FFFFFF; }



/* Wetter ________________________________________________________*/

	.wetter h3 { font-size: 11px; margin: 0px 0px 3px 0px; }
	.wetter img { display: block; margin: 0 auto; }
	.wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
	.wetter span {  }
	.wetter .heute, .wetter .morgen { clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; }
	.wetter .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; }
	.wetter .blau, #wetter .blau { color: #0055CC; }
	.wetter .rot, #wetter .rot { color: #BB2200; }



/* Sonstiges ______________________________________________________*/

	img.links { float: left; margin: 5px 10px 10px 0px; }
	.bildlinks { background: #FFFFFF; border: 1px solid #BE7406; float: left; margin: 5px 15px 15px 0px; padding: 3px; position: relative; }
	.bildlinks div { background: url(/images/design/schwanz-links.gif) no-repeat 0px 0px; position: absolute; left: -9px; bottom: -26px; width: 42px; height: 54px; }
	img.rechts, .bildrechts { float: right; margin: 5px 0px 15px 15px; }
	.bildrechts { background: #FFFFFF; border: 1px solid #BE7406; padding: 3px; position: relative; }
	.bildrechts div { background: url(/images/design/schwanz-rechts.gif) no-repeat 0px 0px; position: absolute; right: -9px; bottom: -26px; width: 42px; height: 54px; }
	
	p.rechts, .textrechts { text-align: right; }
	p.mitte, .textmitte { text-align: center; }

	.clearit { clear: both; height: 1px; line-height: 1px; overflow: hidden; }
	
	.preistabelle { width: 100%; }
	.preistabelle td { padding: 0px 0px 10px 0xp; }

	
	
	
/* ___________________________________________________________ Ende*/