/* 
CSS 2.0/XHTML 1.0 strict: haussonne.com 
(c) kreativform.de, Bernd Schlackl
last modified: 06.12.2007
*/
html { margin: 0; padding: 0; }
body { 
font-family: Verdana, sans-serif; font-size: 100%;
margin: 0; padding: 0;
border: 0;
background: #fff url(../img/bg-body.gif) repeat-y top left; color: #401a00;
}

img, iframe { border: 0; }

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.rechts { text-align: right; }

#kopf {
height: 192px; width: 954px; margin: 0 0 0 44px;
background: #fef7de url(../img/bg-head.jpg) no-repeat top left; color: #401a00;
}

#kopf #nav {
position: absolute; top: 124px;
height: 30px; width: 770px;
padding: 0 0 0 184px;
background-color: #d15401; color: #fff;
z-index: 1;
}
* html #kopf #nav { width: 970px; w\idth: 770px; }
#kopf #home, #kopf #logo { width: 156px; padding: 0 0 0 40px; /* Abstand Logo von Randlinie Gelb */ background-color: transparent; }
#kopf #home { position: absolute; top: 0; height: 86px; }
#kopf #logo { position: absolute; top: 86px; width: 143px; height: 106px; z-index: 2;}
#kopf h1, #kopf h2 { 
color: #fbd37e; margin: 0; padding: 0; background-color: transparent; 
}
#kopf h2 { font-family: "Century Gothic", Tahoma, sans-serif; position: absolute; top: 28px; left: 242px; font-size: 36px; font-weight: normal; }
#kopf h1 { position: absolute; top: 70px; left: 243px; font-size: 17px; font-weight: normal; }

/* Hauptnav */
#nav a { display: block; height: 23px; padding: 6px 14px 1px 14px; margin: 0 1px 0 0; float: left; 
font-family: "Lucida sans", sans-serif; font-size: 15px; line-height: 17px; font-weight: bold; color: #fff; background-color: #d15401; text-decoration: none; }
#nav a.english, #nav a.englishon { padding: 6px 4px 1px 4px; margin-left: 20px;}
#nav a:hover, #nav a.on, #nav a.englishon { color: #d15401; background-color: #edbb99; }


#content { background-color: transparent; width: 969px; margin: 10px 0 0 29px; }

#content #subnav, #content #text, #content #bilder { 
float: left; margin: 0; padding: 0;
}

#content #subnav { width: 215px;}
/* Thumbs für Homepage */
#subnav img { display: block; margin: 2px 0 32px 55px; }

/* Subnavigation */
#subnav ul { list-style-type: none; margin: 0; padding: 0; }
#subnav ul li { margin: 0; padding: 0; }
#subnav ul.subsub { margin-left: 20px; }
#subnav ul li a, #subnav ul li a.on { 
display: block; width: 150px; margin: 0 15px 15px 0; padding: 4px 4px 6px 36px; background: transparent url(../img/sub0.gif) no-repeat top left; 
font-family: "Lucida sans", Tahoma, sans-serif; font-size: 0.83em; font-weight: bold; color: #d15401; text-decoration: none; overflow: hidden; }
#subnav ul.subsub li a { width: 140px; margin-bottom: 10px; margin-top: -8px; padding-left: 30px; font-size: 75%; background-image: url(../img/subsub0.gif)}
#subnav ul li a:hover, #subnav ul li a.on { background: transparent url(../img/subsonne.gif) no-repeat top left; }
#subnav ul.subsub li a:hover, #subnav ul.subsub li a.on { background: transparent url(../img/subsubsonne.gif) no-repeat top left; }

#content #text { width: 404px; margin: 0; color: #401a00; background-color: #fef7de; }
#content #text.home  { width: 350px; }

#text h2, #text h3, #bilder h3 { font-family: "Lucida sans", Tahoma, sans-serif; }
#text h2, #text h3.subzuh2 { font-size: 1.0em; line-height: 1.3em; margin: 0 0 14px 0; padding: 0; }
#text h2.sub, #text h3.subzuh2 { color: #6c2c00; margin: -14px 0 14px 0; }
/* Zwischenüberschriften im Text: */
#text h3, #bilder h3 { font-size: 0.9em; line-height: 1.3em; color: #6c2c00; margin: 18px 0 6px 0; padding: 0; }
#bilder h3 { margin-top: 2px; }
#text h3.sub { font-size: 0.9em; font-weight: normal; margin: -6px 0 6px 0; }
#text h3.liste { font-weight: bold; margin: 0 0 3px 0; }
#text h4 { font-size: 0.85em; line-height: 1.3em; color: #6c2c00; margin: 0 0 6px 0; }
#text p, #text ul, #text address, #text td { font-size: 0.8em; line-height: 1.3em; }
#text p, #text address { margin: 0 0 10px 0; padding: 0; }
#text address { font-style: normal; }
/* für Gedichte, Zitate: */
#text p.zitat { text-align: right; font-size: 0.7em; }
#text p.einleitung { font-size: 0.7em; }
#text p.zitat em { display: block; color: #6c2c00; font-size: 1.25em; line-height: 1.3em; background-color: #fdf2ce; text-align: center; margin: 0; padding: 0; }
#text p.teaser { color: #6c2c00; font-size: 0.85em; }
#text p.anfang { text-align: right; font-size: 0.6em; }
/* Angebots- Newsboxen: */
#text p.news, #bilder p.news, #bilder div.news { background-color: #fdf2ce; padding: 10px; border: 2px dotted #f8af1b; }
#bilder div.news { margin: 0 0 10px 0; }
#bilder div.news p { padding: 0; margin: 0 0 5px 0; }
/* Tabelle, Listen, Links */
#text table { width: 100%; border-collapse: separate; border-spacing: 2px; background-color: #fef7de; border: 0; margin: 0 0 14px -2px; }
#text table td { border: 0; padding: 3px; background-color: #fdf2ce; }
#text table td.preis { width: 90px; padding-left: 10px; vertical-align: top; }
#text ul, #bilder ul { margin: -5px 0 10px 17px; padding: 0; }
#text ul.sub { margin-top: -2px; list-style-type: disc; font-size: 1.0em; }
#text ul.sub ul { margin: -2px 0 0 16px; list-style-type: circle; font-size: 0.88em; }
#bilder ol { margin: -5px 0 10px 23px; padding: 0; }
#text ul li { margin: 4px 0; }
#text a, #text a.zeile, #bilder a { color: #d15401; font-weight: bold; text-decoration: none; }
#text a.zeile { display: block; text-align: right; }
#text a:hover, #text a.zeile:hover, #bilder a:hover { text-decoration: underline; }
#text a.on { background-color: #6c2c00; color: #fff; font-weight: bold; text-decoration: none; } 
#text a.invers, #bilder a.invers { color: #6c2c00; text-decoration: none; font-weight: bold; }
#text a.invers2 { color: #401a00; text-decoration: none; font-weight: normal; }
#text a.invers:hover, #bilder a.invers:hover, #text a.invers2:hover { color: #d15401; text-decoration: underline; }

/* Reiter für neue Preise  */

#text a.reiter {
font-family: "Lucida sans", Tahoma, sans-serif;
font-size: 15px; line-height: 17px;
display: block;
float: left;
width: 200px;
padding: 5px 0;
text-align: center;
color: #fff; 
background-color: #d15401;
text-decoration: none;
margin-bottom: 20px;
}
#text a.reiteron, #text a.reiter:hover {
font-family: "Lucida sans", Tahoma, sans-serif;
font-size: 15px; line-height: 17px;
display: block;
float: left;
width: 200px;
padding: 5px 0;
text-align: center;
color: #d15401; 
background-color: #edbb99;
text-decoration: none;
margin-bottom: 20px;
}
#text a.reiteron {
cursor: default;
}


#content #bilder { width: 300px; margin: 0 30px 0 20px; padding: 0; color: #401a00; }
#content #bilder.home { width: 354px; }
#bilder img { margin: 0 0 20px 0; }
#bilder img.thumb { margin: 0 12px 12px 0; float: left; }
#bilder img.thumbende { margin: 0 0 12px 0; }
#bilder img.thumb, #bilder img.thumbende { cursor: pointer; }
#bilder p, #bilder ul, #bilder ol { font-size: 0.75em; line-height: 1.3em; padding: 0; }
#bilder ul { list-style-type: circle; }
#bilder p.zuBild, #bilder p#bildunterschrift, #bilder p.bildunterschrift, #bilder p.bilduntertext { margin: -20px 0 10px 0; }
#bilder p#bildunterschrift, #bilder p.bildunterschrift, #bilder p.bilduntertext { font-size: 10px; line-height: 11px; text-align: right; }
#bilder p#bildunterschrift, #bilder p.bildunterschrift { height: 22px; }
/* Anmerkung: 
p.bildunterschrift ist für copyright und kurzer Text, 2 Zeilen! 
p.bilduntertext ist für längere Texte, aber auch kleine Schrift.
p.zuBild ist für Textpassagen unter Bildern in normaler Schriftgröße.
*/
#bilder p.news { margin: 10px 0; }
#bilder div.news img { margin: 0 0 5px 0;}

#content #fuss {
clear: left; margin: 10px 30px 10px 215px; padding: 5px 0;
font-size: 0.7em; color: #401a00; border-top: 1px solid #401a00;
}
#fuss a { display: block; float: right; padding: 0 0 0 18px; margin-left: 7px; color: #d15401; text-decoration: none; }
#fuss a.invers { color: #6c2c00; }
#fuss a:hover { text-decoration: underline; }
div.fusszeile { margin: -5px 30px 10px 215px; padding: 1px 3px; font-size: 0.6em; color: #6c2c00; text-align: justify; }
div.fusszeile a { color: #6c2c00; font-weight: normal; text-decoration: none; }
div.fusszeile a:hover { text-decoration: underline; color: #d15401; }