* {margin: 0; padding: 0;}

html,body {
height: 100%;
}

body {
background: #557AC8;
}

#ground {
width:100%;
position: absolute;
}
#menu li
{
background-color:#557AC8;
height:30px;
border:1px solid black;
}
#router {
height: 100%;
position: fixed;
width:20%;
font-size:22px;
}

#main {
position: absolute;
margin-top:15px;
margin-left:20%;
width: 80%;
}

#main img {
display: block;
margin: 0 auto;
}

#menu {
height: 100%;
background: #79C070;
padding: 10px;
margin-left: 30px;
}

#menu li {
margin-bottom: 15px;
color:black;

list-style: none;
}

#menu a {
color: black;
font-weight: normal;
font-size: 15px;
}

#menu a:hover {
color: #FFF;
}

h1 {
text-align: center;
font-size: 40px;
font-weight: bold;
font-family: Garamond, serif;
color: black;
margin-bottom: 20px;
}

h2 {
text-align: center;
font-size: 18px;
font-weight: normal;
font-family: Verdana, serif;
color: black;
margin-bottom: 20px;
}
h3 {
color:black;
padding-left:5px;
}

p {
text-align: left;
font-size: 15px;
font-weight: normal;
font-family: Verdana, serif;
color: black;
padding: 5px 20px 5px 20px;
}

/*
gr�nton:   #79C070
gelbton:   #F8D941
orangeton: #EEA558
*/