body
    {
    width: 900px;
    height:auto;
    background-color: #ffffff;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 16px;
    margin:auto;
    position:relative;




    }
    
#bg_logo
    {

     width: 1920px;
     height: 1080px;
     background-image: url(Bilder/bg.jpg);
     background-repeat: no-repeat;
     position: absolute;
     top:-40px;
     left:-510px;
     z-index: 1;
     }
     
#logo
    {
        width:900px;
        height:1000px;
        background-image: url(Bilder/layout_Gaststaette_bergschloesschen.jpg);
        background-repeat: no-repeat;
        position:relative;
        top:10px;
        left:0px;
        z-index: 2;
    }
#kraeuter
    {
        width:351px;
        height:263px;
        background-image: url(Bilder/kraeuter.png);
        position: absolute;
        top:742px;
        right: 0px;
        z-index: 3;
    }
#aussen
    {
        width:278px;
        height:308px;
        background-image: url(Bilder/aussen.jpg);
        position: absolute;
        top:661px;
        left: 38px;
        box-shadow:0px 0px 6px 1px #666;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius:0px;
        z-index:5;
}
#tafel
    {
        width:276px;
        height:352px;
        background-image: url(Bilder/tafel.png);
        background-repeat: no-repeat;
        position: absolute;
        top:385px;
        left: 36px;
        z-index:4;
    }
#knobitopf
    {
        width:348px;
        height:368px;
        background-image: url(Bilder/knobitopf.png);
        position: absolute;
        top:632px;
        right: -16px;
        z-index:99;
}
#schild
    {
        width:480px;
        height:238px;
        background-image: url(Bilder/erlebnispfad.png);
        background-repeat: no-repeat;
        position: absolute;
        top:784px;
        right: -16px;
        z-index:99;
}
#bier
    {
        width:278px;
        height:303px;
        background-image: url(Bilder/bier.jpg);
        position: absolute;
        top:665px;
        left: 38px;
        box-shadow:0px 0px 6px 1px #666;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius:0px;
        z-index:4;  
}
#kochen
    {
        width:276px;
        height:352px;
        background-image: url(Bilder/kochen.png);
        background-repeat: no-repeat;
        position: absolute;
        top:385px;
        left: 36px;
        z-index:5;
    }
#linde
    {
        width:277px;
        height:307px;
        background-image: url(Bilder/linde.jpg);
        background-repeat: no-repeat;
        position: absolute;
        top:662px;
        left: 36px;
         box-shadow:0px 0px 6px 1px #666;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius:0px;
        z-index:4;
}
#kirche
    {
        width:276px;
        height:352px;
        background-image: url(Bilder/kirche.png);
        background-repeat: no-repeat;
        position: absolute;
        top:385px;
        left: 36px;
        z-index:3;
    }
.inhalt_home
    {
        width: 400px;
        height:auto;
        position:absolute;
        top:480px;
        left:350px;
        color:#58526c;
        text-align: left;
        font-size: 13px;
        z-index: 99;
    }
    
.inhalt_region
    {
        width: 400px;
        height:auto;
        position:absolute;
        top:480px;
        left:350px;
        color:#58526c;
        text-align: left;
        font-size: 13px;
        z-index: 99;
    }  
.inhalt_angebot
    {
        width: 400px;
        height:auto;
        position:absolute;
        top:480px;
        left:350px;
        color:#58526c;
        text-align: left;
        font-size: 13px;
        z-index: 99;
    }
.inhalt_impressum
    {
        width: 400px;
        height:auto;
        position:absolute;
        top:480px;
        left:300px;
        color:#58526c;
        text-align: left;
        font-size: 13px;
        z-index: 99;
    }   

.inhalt_datenschutz
    {
        width: 650px;
        height:auto;
        position:absolute;
        top:340px;
        left:60px;
        color:#58526c;
        text-align: left;
        font-size: 10px;
        z-index: 99;
    }
a.button_home
{
    background-image: url(Bilder/button_home.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top: 270px;
    right:41px;
    
    z-index: 98;

}
a.button_home:hover
{
    background-image: url(Bilder/button_hover.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top: 270px;
    right:41px;
    z-index: 99;
}
a.button_angebot
{
    background-image: url(Bilder/angebot.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top:320px;
    right:41px;
    z-index: 98;

}
a.button_angebot:hover
{
    background-image: url(Bilder/angebot_hover.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top: 320px;
    right:41px;
    z-index: 99;
}
a.button_region
{
    background-image: url(Bilder/region.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top:370px;
    right:41px;
    z-index: 98;

}
a.button_region:hover
{
    background-image: url(Bilder/region_hover.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top: 370px;
    right:41px;
    z-index: 99;
}

a.button_impressum
{
    background-image: url(Bilder/impressum.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top: 420px;
    right:41px;
    z-index: 98;

}
a.button_impressum:hover
{
    background-image: url(Bilder/impressum_hover.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top: 420px;
    right:41px;
    z-index: 99;
}
a.button_datenschutz
{
    background-image: url(Bilder/datenschutz.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top:470px;
    right:41px;
    z-index: 98;

}
a.button_datenschutz:hover
{
    background-image: url(Bilder/datenschutz_hover.png);
    background-repeat: no-repeat;
    width: 145px;
    height: 38px;
    position: absolute;
    top: 470px;
    right:41px;
    z-index: 99;
}