body {
        background-attachment : scroll;
        background-image : url(bilder/hintergrund.jpg);
        background-repeat : repeat;
        margin-top : 2%;
        margin-left : 2%;
        margin-right : 0%;
        margin-bottom :2%;
}

#navigation .button {
  padding: 0 0 0 0px;
  margin: 0 0 0 0;
  font-family: "Trebuchet MS",Verdana,Arial;
  background-color: #fcfcfc;
  border-top: 1px solid #D81305;
  color: #D81305;
}

#navigation .button h2 {
  padding: 0px 0px 0px 0px;
  background-color: #7E9EC4;
  margin: 1px 1px 1px 1px;
  color: #fcfcfc;
  font-size: 9pt;
  text-decoration: none;
  width: 100%;
  font-family: "Trebuchet MS",Verdana,Arial;
  border-top: 1px solid #D81305;
  border-bottom: 1px solid #D81305;
}

#navigation  .button h2 a {
  display: block;
  font-size: 11pt;
  color: #fcfcfc;
  text-decoration: none;
  width: 100%;
  font-family: "Trebuchet MS",Verdana,Arial;
}

#navigation  .button h2 a:hover {
  padding: 2px 0px 2px 5px;
  margin: -2px 0px -2px 0px;
  width: 100%;
  color: #D81305;
  background-color: #EEEEEE;
}


#navigation .button ul {
  list-style: none;
  padding: 0;
  margin:  0px 0px 0px 0px;
}

#navigation .button li {
  border-bottom: 1px solid #D81305;
  margin: 0;
}

#navigation .button li a {
  display: block;
  padding: 2px 0px 2px 5px;
  margin:  0px 0px 0px 0px;
  background-color: #fcfcfc;
  color: #333;
  font-size: 9pt;
  text-decoration: none;
  width: 100%;
}

#navigation .button li a:hover {
  background-color: #EEEEEE;
  color: #D81305;
}

#navigation {
   position: absolute;
   left: 24px;
   margin-top: 10px;
   width: 140px;
}

html , body , div , p , ul , li , input {
  font-family: "Trebuchet MS",Verdana,Arial;
  font-size: 10pt;
  color: #333;
}