html {
  font-family: Arial;
  font-size: 12px;
}

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

h1 {
  font-size: 12px;
  font-weight: bold;
}

table {
  vertical-align: middle;
  border-color: red;
}

ol {
  list-style-position: outside;
  list-style-type: disc;
}

a {
  color: rgb(0,0,0);
  text-decoration: none;
}

a:hover {
  color: rgb(100,100,100);
}


#container {
  text-align: left;
  margin: auto;
  width: 945px;
}

#header {
  height: 80px;
  background-image: url(../img/header.gif);
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 25px;
  margin-bottom: 20px;
}

#balken {
  height: 16px;
  background-color: rgb(77,131,185);
  color: rgb(255,255,255);
  font-weight: bold;
  text-align: right;
}

#navigation {
  float: left;
  width: 200px;
  margin-top: 25px;
}

.main {
  margin-left: 30px;
  margin-right: 30px;
  
  height: 16px;
  background-color: rgb(77,131,185);
  color: rgb(255,255,255);
  font-weight: bold;
  text-align: center;
}

.sub {
  margin-left: 45px;
  margin-right: 45px;
  
  height: 16px;
  background-color: rgb(235,235,235);
  color: rgb(0,0,0);
  text-align: center;
  font-size: 12px;
}

.main a {
  color: rgb(255,255,255);
  text-decoration: none;
}

.main a:hover {
  color: rgb(229,229,229);
}

.sub a {
  color: rgb(0,0,0);
  text-decoration: none;
}

.sub a:hover {
  color: rgb(100,100,100);
}

#content {
  padding-right: 50px;
  margin: 0 0 0 250px;
}

#footer {
  clear: both;
  height: 16px;
  background-color: rgb(77,131,185);
  margin-top: 25px;
  margin-bottom: 20px;
  color: rgb(255,255,255);
  font-weight: bold;
  text-align: center;
}

#footer a {
  color: rgb(255,255,255);
  text-decoration: none;
}