body {
  background-image: url(http://www.mysteria-net.de/Bilder/Styles/bg.jpg);
  }
h1 {
  text-align:center;
  font-weight: bold;
  font-size: 16pt;
}
h2 {
  text-align:center;
  font-size: 16pt;
  text-decoration: underline;
}
h3 {
  text-align:center;
  font-size: 15pt;
  text-decoration: underline;
}
p {
  text-indent: 0.5cm;
}

td.hauptfenster {
  border-style: solid;
  border-width: 1pt;
  border-color: #850707;
  background-color: #000000;
}

#navigation {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#navigation li { /*float the main list items*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 15px;
  text-align: center;
}
#navigation li ul {
  display: none;
}

#navigation li.off ul, #navigation li.on ul { /*put the subnav below*/
  padding-top: 10px;
  background: transparent;
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;  /*wichtig, damit der Style beim hover nicht verschoben wird*/
}
#navigation li.off ul li, #navigation li.on ul li {
  clear: left;
}

#navigation li.on ul {
  display: block;
}

#navigation li.off:hover ul, #navigation li.over ul{
  display: block;
}

#navigation li a {
  color: #d6e3b0;
  font-weight: bold;
  display: block;
  height: 15px;
  width: 100px;
  border: 2px solid #850707;
  padding: 5px;
  text-decoration: none;
}
#navigation li.on a {
  border: 2px solid #6b0606;
  color: #6b0606;
}
#navigation li.off a:hover, #navigation li.over a{
  background: url(Bilder/Styles/buttonhover.jpg);
  color: #FFFFFF;
}
#navigation li.on a:hover, #navigation li.over a{
  background: url(Bilder/Styles/buttons.jpg);
  color: #FFFFFF;
}
#navigation li.on ul a, #navigation li.off ul a {
  border: 2px solid;
  border-color: transparent;
  color: #FFFFFF;
  width: 120px;
  margin-right: 15px;
  background: url(Bilder/Styles/buttonsunhoverd.gif);
}