html, body     {
           margin:0;
           padding:0;
}
body {
           text-align: center;
           color: #5f9644;
           background-color: #5f9644;
}
#container { 
        text-align: left;
        margin: 0 auto;
        position: relative;
        width: 977px;
        height: 625px;
        background-image: url(picture/hintergrund1.jpg);
        background-repeat: no-repeat;
}
#title { 
        text-align: center;
        font: 0.8em Zapf Chancery, Comic Sans MS, cursive;
        font-weight: bold;
        margin: 0 240px 0 230px;
        position: absolute;
        top: 155px;
        left: 10px;
}
#navi { 
        width: 160px;
        position: absolute;
        top: 290px;
        left: 20px;


}

#navi ul {
        font: 1em Zapf Chancery, Comic Sans MS, cursive;
        list-style-type: none;



}
#navi li {
           background-color:#5f9644;
           margin: 2px 0 0 0;
           padding: 0 0 0 20px;
}

#navi li a:link, #navi li a:visited {
        display: block;
        text-decoration: none;              
        color: #ffffff;
}
#navi li a:hover {
        color: #99cc99;
}
#navi2 { 
        width: 240px;
        position: absolute;
        top: 30px;
        left: 710px;
        font: 1em Zapf Chancery, Comic Sans MS, cursive;
        background-color:#5f9644;
        padding: 0 0 0 5px;
        color: #ffffff;

}


#navi2  a:link, #navi2  a:visited {
        text-decoration: none;            
        color: #ffffff;
}
#navi2  a:hover {
        
        color: #99cc99;
}


#bilder { 
        position: absolute;
        
        left: 780px;
        border: 0px solid #ffffff;
                
}