html * { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: Tahoma, sans-serif; color: #000; }
body * { font-size: 1.0em; line-height: 1.0em; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.float-left { float: left; }
.float-right { float: right; }
.font-klein { font-size: 0.8em; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div#wrapper { width: 780px; margin: 20px auto; overflow: hidden; }

    div#bg-oben { width: 780px; height: 10px; background: #fff url(/images/hintergrund-oben.gif) no-repeat; }
    
    div#bg-mitte { width: 780px; background: #fff url(/images/hintergrund-mitte.gif) repeat-y; padding-bottom: 30px; } 
    
        div#banner-oben { width: 740px; height: 45px; background: #fff url(/images/banner-oben.gif) no-repeat; 
                          position: relative; top: 10px; left: 20px; }
        div#header { width: 740px; height: 130px; background: #fff url(/images/headerbild.jpg) no-repeat;
                     position: relative; top: 20px; left: 20px; }                            
             
        
        div#content-wrapper { width: 740px; position: relative; top: 30px; left: 20px; 
                              background: #fff url(/images/hintergrund-content.gif) repeat-y; }
                            
                                     
        /***    Navi    ***/
        div#navi { width: 185px; float: left; }
        
        ul#hauptnav { list-style-type: none; }
        ul#hauptnav li { display: block; width: 185px; height: 30px; border: 0px solid #fff; border-bottom-width: 1px; 
                         font-family: Tahoma, sans-serif; font-size: 1.1em; font-weight: bold; color: #c7961d; }
        ul#hauptnav li a { display: block; color: #c7961d; text-decoration: none; padding: 10px 0 8px 30px; }
        ul#hauptnav li b { display: block; background: #ffc000 url(/images/li-active.gif) no-repeat; color: #c7961d; text-decoration: none;
                           padding: 10px 0 9px 30px; }
        
        ul#hauptnav li a:hover { display: block; background: #fcd764 url(/images/li-hover.gif) no-repeat; }
                   
    
        /***    Content     ***/
        div#content { width: 485px; float: left; margin: 20px 30px; }
        h1 { font-size: 1.8em; margin-bottom: 1.5em; color: #c7961d; }
        h2 { font-size: 1.4em; margin-bottom: 1em; color: #c7961d; }
        p { margin-bottom: 1.5em; font-size: 1.2em; line-height: 1.6em; }
        div#content ul { margin-left: 20px; }
        div#content ul li { list-style-type: square; margin-bottom: 0.7em; font-size: 1.2em; }
        a { color: #c7961d; text-decoration: none; font-weight: bold; }
        a:hover { text-decoration: underline; }
        
        /***    Gästebuch   ***/
        div.eintrag-infos { width: 100%; border: 1px solid #ffc000; background-color: #ffc000; display: block; color: #fff; 
                            padding: 4px 10px; }
        div.eintrag-infos a { color: #fff; text-decoration: none; }
        div.gaestebuch-eintrag { width: 100%; border: 1px solid #ffc000; background-color: #EEEEEE; padding: 10px; margin-bottom: 20px;
                                 font-size: 1.1em; line-height: 1.5em; }
        form#form1 { margin-bottom: 2em; width: 100%; }
        form#form1 fieldset { border: 1px solid #ffc000; background-color: #efefef; padding: 10px; }
        form#form1 label { display: block; width: 100px; margin-bottom: 3px; font-size: 1.1em; }
        form#form1 input { width: 480px; font-size: 1.1em; margin-bottom: 10px; }
        form#form1 textarea { width: 480px; height: 150px; }
        form#form1 textarea#textarea1 { font-size: 1.5em; }
        form#form1 input#submit-gaestebuch { width: 100px; }
    
        div#smilies-liste { width: 100%; border: 1px solid #ffc000; background-color: #efefef; padding: 10px; background-color: #efefef; overflow: hidden; }
        div#smilies-liste img { border: none; }
        a.smilies { padding: 3px; float: left; width: 67px; height: 50px; text-align: center; }
        
        
        /***    Galerie     ***/
        div.galerie-teaser { border: 1px solid #ffc000; background-color: #efefef; padding: 10px 20px; overflow: hidden; margin-bottom: 20px; }
        div.galerie-teaser h2 { color: #c7961d; font-size: 1.5em; margin-bottom: 15px; }
        div.galerie-teaser img { float: left; margin: 0 20px 20px 0; border: 1px solid #000; }
    
        img.galerie-thumbs { width: 150px; height: 100px; margin: 0 5px 5px 0; float: left; border: 1px solid #ffc000; }
        img.galerie-thumbs a { border: none; }
                                                 
    
    div#bg-unten { width: 780px; height: 10px; background: #fff url(/images/hintergrund-unten.gif) no-repeat; }