/* Farben
4c3018 dunkelbraun
955e30 hellbraun
fbe5b5 rosé
*/

html * { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #666; background-color: #4c3018; }
body * { font-size: 1.0em; line-height: 1.0em; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.float-left { float: left; }
.float-right { float: right; }
a img { border: none; }
.img-float-right { float: right; margin: 0 0 10px 10px; }



div#wrapper { width: 720px; margin: 0 auto; padding-bottom: 5px; padding-top: 0.1px; /* overflow: hidden; */ background-color: #fff; }

    div#headerbild { width: 710px; height: 200px; margin: 5px; background-image: url(/images/headerbild.jpg); background-repeat: no-repeat; }
    
    div#navi { margin: 0 5px 35px 5px; width: 476px; height: 25px; float: left; }
    
    div#navi ul#hauptnav { list-style-type: none; }
    
    div#navi ul#hauptnav li { 
        display: block; width: 118px; height: 25px; /* background-color: #955e30; */ float: left; border-right: solid 1px #fff; 
    }
    
    div#navi ul#hauptnav li a, div#navi ul#hauptnav li b{ 
        display: block; width: 118px; height: 20px; 
        font-family: "Lucida Sans Unicode", "Lucida Grande"; font-weight: normal; font-size: 1.3em; color: #fff; 
        text-decoration: none; text-align: center; 
        background-color: #955e30; float: left; /* border-right: solid 1px #fff; */ padding: 5px 0 0 0; 
    }
    
    div#navi ul#hauptnav li b { background-color: #fbe5b5; color: #955e30; }
    div#navi ul#hauptnav li a:hover { background-color: #fbe5b5; color: #955e30; }
    
    div#navi ul#hauptnav li img { width: 1px; height: 1px; }
    
    div#navi ul#hauptnav li#startseite a { background-image: url(/images/navi-startseite.gif); background-repeat: no-repeat; }
    div#navi ul#hauptnav li#startseite a:hover, div#navi ul#hauptnav li#startseite b { 
        background-image: url(/images/navi-startseite-hover.gif); background-repeat: no-repeat; }
    
    div#navi ul#hauptnav li#produkte a { background-image: url(/images/navi-produkte.gif); background-repeat: no-repeat; }
    div#navi ul#hauptnav li#produkte a:hover, div#navi ul#hauptnav li#produkte b { 
        background-image: url(/images/navi-produkte-hover.gif); background-repeat: no-repeat; }
    div#navi ul#hauptnav li#produkte b a { 
        background-image: url(/images/navi-produkte-hover.gif); background-repeat: no-repeat; margin-top: -5px; }
    
    div#navi ul#hauptnav li#ueber-uns a { background-image: url(/images/navi-ueberuns.gif); background-repeat: no-repeat; }
    div#navi ul#hauptnav li#ueber-uns a:hover, div#navi ul#hauptnav li#ueber-uns b { 
        background-image: url(/images/navi-ueberuns-hover.gif); background-repeat: no-repeat; }
    
    div#navi ul#hauptnav li#kontakt a { background-image: url(/images/navi-kontakt.gif); background-repeat: no-repeat; }
    div#navi ul#hauptnav li#kontakt a:hover, div#navi ul#hauptnav li#kontakt b { 
        background-image: url(/images/navi-kontakt-hover.gif); background-repeat: no-repeat; }
        
        
    div#zusatznavi {
        margin: 0 5px 5px 0; width: 229px; height: 25px; background-color: #955e30; float: right;  
    }
    
    div#zusatznavi ul#zusatznav { list-style-type: none; margin-top: 5px; margin-left: 40px; }
    
    div#zusatznavi ul#zusatznav li {
        display: block; width: 76px; height: 20px; float: left;  
    }
    
    div#zusatznavi ul#zusatznav li a, div#zusatznavi ul#zusatznav li b {
        display: block; width: 76px; height: 20px;
        font-family: "Lucida Sans Unicode", "Lucida Grande"; font-weight: normal; font-size: 1.3em; color: #fff;
        text-decoration: none; text-align: center;
        background-color: #955e30; float: left; padding: 0;  border: 0px solid black;
    }
    
    div#zusatznavi ul#zusatznav li b { background-color: #955e30; color: #fff; }
    div#zusatznavi ul#zusatznav li a:hover { background-color: #955e30; color: #fff; }

    div#zusatznavi ul#zusatznav li img { width: 1px; height: 1px; }
    
    div#zusatznavi ul#zusatznav li#impressum a { background-image: url(/images/navi-impressum.gif); background-repeat: no-repeat; }
    div#zusatznavi ul#zusatznav li#impressum a:hover, div#zusatznavi ul#zusatznav li#impressum b {
        background-image: url(/images/navi-impressum-hover.gif); background-repeat: no-repeat; }
        
    div#zusatznavi ul#zusatznav li#sitemap a { background-image: url(/images/navi-sitemap.gif); background-repeat: no-repeat; }
    div#zusatznavi ul#zusatznav li#sitemap a:hover, div#zusatznavi ul#zusatznav li#sitemap b {
        background-image: url(/images/navi-sitemap-hover.gif); background-repeat: no-repeat; }
    
    
    
    
    div#content-wrapper { 
        clear: left; width: 710px; margin: 0 0 0 5px; overflow: auto; 
        background-image: url(/images/bg-content-wrapper.gif); background-repeat: repeat-y;  
    }
        
        div#content { float: left; width: 436px; padding: 0 20px; padding-bottom: 2em; margin-right: 5px; }
        
            h1 { display: none; }
            h2, h3, h4 { 
                font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; color: #4c3018;
            }
            
            div#content h2 { font-size: 1.8em; line-height: 1.4em; margin-bottom: 1.5em; }
            div#content h3 { font-size: 1.5em; margin: 2.5em 0 1em 0; } 
            div#content h4 { font-size: 1.3em; margin-bottom: 0.5em; } 
            
            p { font-size: 1.3em; line-height: 1.6em; margin-bottom: 1.6em; color: #4c3018; }
            
            a { color: #4c3018; font-weight: bold; text-decoration: none; }
            a:hover { text-decoration: underline; }
            
            div.wichtiger-link { border: 1px solid #955e30; background-color: #fbe5b5; padding: 5px 10px; text-align: center; }
            div.wichtiger-link p { margin: 0; } 
            
            div#content ul { margin: -.5em 0 2em 4em; list-style-type: square; }
            div#content ul li { color: #4c3018; font-size: 1.3em; line-height: 1.6em;}
            
            
            /* Kontaktformular */
            
            fieldset { border: none; margin-bottom: 2em; }
            
            label { font-size: 1.3em; color: #4c3018; display: block; float: left; width: 25%; }
            div#content label.oben { font-size: 1.3em; color: #4c3018; display: block; width: 400px; margin-bottom: 1em; }
            textarea, input, select { border: 1px solid #d9c396; padding: 3px; font-size: 1.3em; background-color: #fbe5b5; }
            textarea { width: 95%; height: 100px; font-size: 1.6em; }
            input { height: 13px; width: 70%; margin-bottom: 1em; }
            input#submit { height: auto; width: auto; margin: 1em 0; font-weight: bold; }
            input#submit:hover { background-color: #955e30; color: #fff; font-weight: bold; }
            select { height: 20px; margin-bottom: 1em; padding: 0; }
            
            
            /***    Sitemap    ***/
            ul#sitemap-liste li ul { margin-top: .1em; margin-bottom: 0.5em; } 
            ul#sitemap-liste li ul li { font-size: 1em; margin-left: -2em; } 
            
        
        div#sidebar { float: right; width: 229px; }
        
            div#sidebar h2 { 
                background-color: #955e30; width: 189px; height: 13px; color: #fff; font-size: 1.2em;
                padding: 7px 20px 5px 20px; margin-bottom: 25px; 
            }
            
            div.aktuelles-eintrag { margin-bottom: 2.1em; width: 209px; }
                div#sidebar h3 { color: #4c3018; font-weight: bold; font-size: 1.3em; line-height: 1.7em; margin: 18px 0 0 20px; 
                    border-bottom: 1px solid #4c3018; width: 189px; } 
                div#sidebar p { padding-left: 20px; padding-right: 20px; }
                
            div.aktuelles-eintrag em { display: block; font-size: 0.86em; text-align: right; margin-top: 0.5em; }