html {
  margin: 0px;
  padding: 20px;
  }
  
body {
  background-color: #9F9F9F;
  background-image: url('bg.png');
  background-repeat: repeat-x;
  
  color: #FFFFFF;
  font-family: Verdana, sans-serif, Arial;
  }
  
#overall {
  width: 800px;
  min-height: 450px;
  margin: auto;
  
  padding: 0 50px 30px 50px;

  border: 1px #FFFFFF solid;
  
  position: relative;
  
  font-family: Verdana, sans-serif, Arial;
  font-size: 0.8em;
  }

#logo {
  height: 70px;
  margin-top: -20px;
  margin-left: 500px;
  
  background-image: url('logo.png');
  background-repeat: no-repeat;
}

#footer {
  width: 800px;
  margin: auto;
  
  padding: 2px;
  
  font-family: Verdana, sans-serif, Arial;
  font-size: 0.7em;
  
  text-align: center;
  }

.nav {
  position: absolute;
  bottom: 0;
}


.nav li {
  padding: 5px;
  display: inline;
}

.nav li:hover {
  background-color: #999999;
}

.nav a {
  color: #FFFFFF;
  display: inline;
}

#content {
  margin-left: 170px;
  padding: 5px;
  
  font-size: 0.7em;
}

#centered {
  margin: auto;
  text-align: center;
}

.centered{
  margin: auto;
  text-align: center;
}

td.links {
  width: 50%;
  padding-right: 30px;
  line-height: 1.5em;
}

td.rechts {
  width: 50%;
  padding-left: 30px;
  text-align: center;
}

table.bilder {
  font-size: 0.6em;
}

table.bilder tr td {
  padding: 15px;
  width: 33%;
}

img {
  border: 0px;
}

.minibild {
  border: 1px #404040 solid;
}

.minibild:hover {
  border: 1px #FFFFFF solid;
}

a {
  color: #FFFFFF;
  text-decoration: underline;
}

a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

a:active {
  color: #FFFFFF;
  text-decoration: underline;
}