html
  {
  height: 101%; /* => scrollbalken rechts ständig da, kein wackeln */
  }
body
  {
  font-family: verdana, arial, serif;
  font-size: 14px;
  background: white;
  }
h1 /* überschrift in navi */
  {
  margin-top: 2px;
  height: 18px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  background: khaki;
  color: black;
  border: solid black 1px;
  }
h2 /* überschrift in contentbox */
  {
  text-align: right;
  margin-top: 2px;
  height: 18px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  background: khaki;
  color: black;
  border: solid black 1px;
  margin-right: 80px;
  }
a
  {
  color: black;
  text-decoration: underline;
  }
a:hover
  {
  color: white;
  text-decoration: none;
  background: black;
  }
#topper
  {
  letter-spacing: 3px;
  background: #2a4b65;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  width: 805px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 5px;
  border: solid black 1px;
  }
#navi
  {
  background: #f5f5f5; 
  font-size: 11px; 
  border: solid black 1px; 
  padding: 5px; 
  width: 160px; 
  height: 540px; 
  position: absolute; 
  left: 5px; 
  top: 40px;
  }
#impressumbox
  {
  position: absolute; 
  left: 10px; 
  top: 520px; 
  width: 150px;
  padding-top: 5px;
  border: solid #f5f5f5 1px; 
  }
#googleBlock
  {
  position: absolute; 
  left: 10px; 
  top: 10px; 
  border: solid #f5f5f5 1px; 
  width: 150px;
  height: 240px; 
  }
#navibox
  {
  position: absolute; 
  left: 10px; 
  top: 260px; 
  border: solid #f5f5f5 1px; 
  padding: 2px;
  width: 150px;
  height: 190px; 
  }
#contentbox
  {
  border: solid black 1px; 
  padding: 5px; 
  width: 630px; 
  height: 540px; 
  position: absolute; 
  left: 180px; 
  top: 40px; 
  font-size: 11px;
  background: #f5f5f5;
  }
#bildbox
  {
  position: absolute; 
  left: 758px; 
  top: 45px; 
  left: 750px;
  }
#navi a
  {
  text-decoration: none;
  font-weight: bold;
  }
ul, ol
  {
  margin-top: 2px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 0px;
  }
ul.eins
  {
  font-size: 11px;
  list-style-type: square;
  }
ul.zwei
  {
  font-size: 11px;
  list-style-type: square;
  }
ul.drei
  {
  font-size: 11px;
  list-style-type: square;
  }
ul.vier
  {
  font-size: 11px;
  list-style-type: disc;
  }
ul.fuenf
  {
  font-size: 11px;
  list-style-type: circle;
  }
ol.eins
  {
  list-style-type: upper-roman;
  font-size: 11px;
  }
ol.zwei
  {
  list-style-type: alpha;
  font-size: 11px;
  }  
ol.drei
  {
  list-style-type: lower-latin;
  font-size: 11px;
  }
ol.vier
  {
  list-style-type: disc;
  font-size: 11px;
  }
ol.fuenf
  {
  list-style-type: circle;
  font-size: 11px;
  }


