body

{
   margin: 0;
   padding: 0;
   background-color:#000000;
}

#container

{
   margin: 1em auto;
   width: 1000px;
   text-align: left;
   border: 1px solid #676767;
   background-color:#FFFFFF;
}

#header

{
   height: 120px;
   padding-top: 30px;
   border-bottom: 1px solid #fff;
   background-color:#CCCCCC;
   text-align: center;
   vertical-align: center;
}

#header h1
{
   font: 85%;
   color:#0099CC;
}

#menu
{
   float: left;
   width: 160px;
   height: 500px;
   background-color: #708090;
   padding-right: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
   padding-top: 10px;
}

#menu ul
{
   list-style-type: none;
}

#content
{
   margin: 0 20px 20px 20px;
   padding-left: 200px;
}

#footer
{
   clear: both;
   color: #FFFFFF;
   text-align: right;
   background-color:#339933;
   border-top: 1px solid #fff;
   padding-right: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
}

h1
{
   color:#003399;
   font: 90%;	
}

h2
{
   color:#009999;
   font: 90%;	
}


.button1{
   height: 38px;
   widht: 160px;
   background-position:0 0;
   background-repeat: no-repeat;
   background-image: url(bilder/home_button.gif);
}

.button1:hover{
   background-position: 5px 5px;
}

.button2{
   height: 38px;
   widht: 160px;
   background-position:0 0;
   background-repeat: no-repeat;
   background-image: url(bilder/news_button.gif);
}

.button2:hover{
   background-position:5px 5px;
}

.button3{
   height: 38px;
   widht: 160px;
   background-position:0 0;
   background-repeat: no-repeat;
   background-image: url(bilder/kontakt_button.gif);
}

.button3:hover{
   background-position:5px 5px;
}