body {
  background-color: #CCCCFF;
  font-family: Arial;
}

#banner {
   height:135px;
   padding:0px;
   margin:0px;
   border-bottom: 3px;
   border-bottom-style: groove;
   border-color:#6f6fb1;
   font: 13px Arial, sans-serif;
   font-weight: bold;
   text-align:center;
   background-color:#CCCCFF;
}

#content {
   width: auto;
   padding:10px;
   margin-top:0px;
   margin-left: 100px;
   border:0px solid;
   background-color:#CCCCFF;
}

#navi {
   position: absolute;
   top: 30px;
   left: 0px;
   text-align:center;
   width:158px;
   margin-left:0px;
   padding-left:2px;
   padding-right:2px;
   padding-top:4px;
   padding-bottom:4px;
   border-right:0px;
   border-right-style: groove;
   border-color:#6f6fb1;
   background-color: #CCCCFF;
   vertical-align: middle;
}


.buttons a {
  color: #000000;
  border: 0px solid;
  padding: 0px;
  padding-left: 0px;
  padding-top: 1px;
  font: 13px Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-style: italic;
  background-image:url(../bilder/button.gif);
  background-repeat:no-repeat;
  display: block;
  margin: 4px;
  margin-top: 8px;
  width: 143px;
  height: 19px;
  text-align:center;
  vertical-align: middle;
}

.buttons a:hover {
  border: 0px solid;
  padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-right: 0px;
  background-image:url(../bilder/button.gif);
  background-repeat:no-repeat;
  color: #FFFFFF;
  text-decoration:none;
  vertical-align: middle;
}



td {
  text-align:center;
}


#color1 {
  background-color:rgb(153, 153, 153);
}

#color2 {
  background-color:rgb(204, 204, 204);
}

#color3 {
  background-color:rgb(51, 255, 51);
}

#color4 {
  background-color:rgb(0, 0, 0);
}

#color5 {
  background-color:rgb(255, 255, 255);
}