body {
  font-size:x-small;
  font-family:Verdana, sans-serif;
  margin:0px;
  padding:0px;
  background:url(bilder/bg_body.png);
  color:black;
  }

#main {
  position:absolute;
  width:1000px;
  left:50%;
  margin-left:-500px;
  padding:0px;
  border:solid black 2px;
  background:url(bilder/bg_nav.png) top left repeat-y white;
  }

#header {
  background:rgb(163,189,214) url(bilder/header.png) bottom right no-repeat;
  width:100%;
  height:85px;
  }

#top_nav {
  margin:3px 0 0 0px;
  padding:0px;
  }

#top_nav a {
  color:rgb(0,99,200);
  font-weight:bold;
  }

#top_nav a:hover {
  color:white;
  }

#top_nav .link_act {
  color:#7f0000;
  }

#top_nav ul {
  padding:0px;
  margin:0px;
  }

#top_nav li {
  display:inline;
  padding:0px;
  margin:0 -42px 0 0;
  list-style-image:none;
  background:url(bilder/top_nav.gif) no-repeat bottom right;
  padding:3px 38px 8px 15px;
  }

#navigation {
  background:rgb(163,189,214) url(bilder/bg_nav.png) top right repeat-y;
  width:200px;
  float:left;
  padding:20px 0 30px 0;
  }

#navigation li {
  font-weight:bold;
  list-style-image:url(bilder/raute_weiss.gif);
  }

#navigation a {
  color:rgb(0,99,200);
  font-size:120%;
  }

#navigation a:hover {
  color:white;
  }

#navigation .link_act {
  color:#7f0000;
  }

#content {
  margin-left:200px;
  }

p, li, span {
  font-size:130%;
  text-align:justify;
  margin:1em 40px 1em 20px;
  font-weight:normal;
  }

h1, h2, h3 {
  font-weight:bold;
  text-align:center;
  margin:20px 0 40px 0;
  }

h1 {
  font-size:300%;
  }

h2 {
  font-size:170%;
  text-align:left;
  margin:30px 0 20px 0;
  color:brown;
  font-style:italic;
  }

h3 {
  font-size:150%;
  margin:0 0 20px 0;
  color:brown;
  }

span {
  margin:0px;
  padding:0px;
  }

a {
  margin:0px;
  padding:0px;
  color:brown;
  text-decoration:none;
  border:none;
  }

img {
  border:none;
  }

.brown {
  color:brown;
  }