body {
 font-family:Verdana, Geneva, sans-serif;
 } 
    
#container {
width: auto;
border-radius: 10px;
border-color: 2px #000;
background: url(https://wbce.kieferling.de/templates/greysystem/img/lgrey060.jpg);

}

#header {
width: auto;
height: 150px;
border-radius: 10px;
background: url(https://wbce.kieferling.de/templates/greysystem/img/lgrey060.jpg);
border-color: 0px #000;
border: 0px solid black;
margin: 0px 0px 0px 0px;
padding-top: 15px;
font-family:Arial;
font-size:13px;
font-weight:bold;
}

#logo
{
width: 200px;
height: 80px;
border-radius: 5px;
background: url(https://wbce.kieferling.de/templates/greysystem/img/logo.png);
border: 1px solid black; 
margin: 15px 50px 75px 100px;
padding-top: 5px;
background-color: #ccc;


}

#navigation {
width: 200px;
float: left;
background: url(https://wbce.kieferling.de/templates/greysystem/img/lgrey060.jpg);
position: Relative;


}

#navigation ul {
display: Block;

}

#navigation li a {
 display: Block;
 width: 200px;
 line-height: 30px;
 text-align: Center;
 color: #000;
 text-decoration: None;
 background-color: #ccc;
 border: 2px Solid #ddd;
 border-radius: 5px;
 padding-top: 0px;
 margin-top: 5px;
}

#navigation li a:hover {
background:linear-gradient(to bottom, #9ba892 5%, #dbe6c4 100%);
background-color:#9ba892;
}



#content {
width: auto;
min-height: 800px;
margin-left:250px;
padding-left:50px;
background-color:#fff;
border-radius: 10px;
background-position: left top;
background-repeat: repeat;
}

#footer {
width: auto;
height: 80px;
background: url(https://wbce.kieferling.de/templates/greysystem/img/lgrey060.jpg);
}