html{
  margin: 0px;
  width: 100%;
  height: 100%;
}
body {
  margin: 0px;
  width: 100%;
  height: 100%;
  background: #aaaaaa;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/background.gif);
  vertical-align: middle;
  text-align:center;
}
div#container{
  margin:auto;
  border:none;
  width:600px;
  text-align:left;
  vertical-align:middle;
  height:auto;
}
div.main {
  /*each cell in the maintable*/
  border: 1px solid #bbbbbb;
  background-color: transparent;
  width: 100%;
  margin:5px;
  vertical-align: middle;
  clear:both;
  padding:1px,5px;
  height:auto;
}
ul{
/*  margin-left:5px;*/
}
li.depth1 {
  list-style: disc;
/*  margin-left:15px;*/
}
li.depth2 {
  list-style: circle;
/*  margin-left: 25px;*/
}
h1 {
  text-align: center;
  font-weight:bold;
  font-size:24px;
  margin:10px;
}
h1.links {
  text-align: left;
  margin-left:5px;
}
h2{
  text-align: center;
  font-weight:bold;
  font-size:18px;
  margin:10px,0px;
}
h2.rechts {
  text-align: right;
}
a {
  color: Blue;
  text-decoration: none;
}
a:hover {
  color: Blue;
  text-decoration: underline;
}
a:visited {
  color: Blue;
}
img {
  margin: 5px;
  border: none;
}