html {
   background-color:white;
   margin:0px;
   padding:0px;
}

body {
   width:800px;
   margin-top:25px;
   margin-left:auto;
   margin-right:auto;
   padding:0px;
   font-family:arial, helvetica, verdana,sans-serif;
}

#header {
   position:absolute;
   width:800px;
   height:150px;
   margin-top:0px;
   margin-left:0px;
  background-image:url(mauer-grau.jpg);
}

#navigation {
   position:absolute;
   background-image:url(mauer-grau.jpg);
   margin-top:150px;
   margin-left:0px;
   width:180px;
}

a.navi, a.navi_first, a.navi_self {
   display:block;
   white-space:nowrap;
   overflow:hidden;
   border-left:1px solid black;
   border-right:1px solid black;
   border-bottom:1px solid black;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   letter-spacing:0.1em;
   padding:3px;
   text-align:center;
}

a.navi_first {
   border-top:1px solid black;
}

a.navi:link, a.navi_first:link,
a.navi:visited, a.navi_first:visited {
   background-color:rgb(130,130,130);
   color:white;
}

a.navi_self:link, a.navi_self:visited {
   background-color:red;
   color:white;
}

a.navi:hover, a.navi_first:hover, a.navi_self:hover,
a.navi:active, a.navi_first:active, a.navi_self:active {
   background-color:white;
   color:black;
}

#content {
   position:absolute;
   margin-top:150px;
   margin-left:180px;
   margin-right:180px;
   width:440px;
}

#features {
   position:absolute;
   margin-top:150px;
   margin-left:620px;
   width:180px;
}

#logo {
   position:absolute;
   top:28px;
   left:5px;
   width:170px;
   height:93px;
}

h1,h2,p.text,p.intro,ul,ol,table.text {
   margin-left:16px;
   margin-right:16px;
}

h1 {
   position:absolute;
   top:50px;
   left:200px;
   font-weight:bold;
   font-style:normal;
   font-size:150%;
   line-height:1.1em;
   color:rgb(0,0,0);
}


h2 {
   font-weight:bold;
   font-style:normal;
   font-size:130%;
   line-height:1.1em;
   color:rgb(0,0,0);
   border-left:rgb(130,130,130) solid 2px;
   border-top:rgb(130,130,130) solid 2px;
   padding-left:10px;
   padding-top:4px;
   margin-top:36px;
   width:90%;
   text-align: left;
}

h3 {
   font-weight:bold;
   font-style:normal;
   font-size:110%;
   line-height:1.1em;
   color:red;
   padding-left:10px;
   padding-top:4px;
   margin-top:10px;
   width:90%;
   text-align:center;
}

hr {
   font-weight:bold;
   font-style:normal;
   font-size:110%;
   line-height:1.1em;
   color:rgb(0,0,0);
   border-top:rgb(130,130,130) solid 2px;
   width:90%;
}

p {
   text-align:left;
   font-weight:normal;
   font-style:normal;
   font-size:100%;
   line-height:1.3em;
   color:black;
   margin-left:16px;
   margin-right:16px;
}

li {
   text-align:justify;
   margin-left: 16px;
   margin-right: 16px;
   font-weight:normal;
   font-style:normal;
   font-size:90%;
   line-height:1.1em;
   color:black;
}

td,th {
   text-align:left;
   font-style:normal;
   font-size:100%;
   line-height:1.1em;
   color:black;
}

th {
   font-weight:bold;
}

.kasten {
   font-size: 12pt;
   text-align: center;
   padding: 5px;
   color: black;
   background-color: #ffff99;
   border-style: solid;
   border-width: 1px;
   border-color: black;
   width:300px;
}

.kasten_2 {
   font-size: 100%pt;
   text-align: justify;
   font-weight:bold;
   color: black;
   background-color: #ffff99;
   border-style: solid;
   border-width: 1px;
   border-color: black;
   width:400px;
   padding: 5px;
}

div.box_title {
   margin-top:16px;
   margin-left:8px;
   margin-right:8px;
   background-color:rgb(130,130,130);
   color:white;
   font-size:12px;
   font-weight:bold;
   padding:1px;
   text-align: center;
}

div.box_content {
   margin-left:8px;
   margin-right:8px;
   margin-bottom:8px;
   background-color:white;
   border:rgb(130,130,130) solid 1px;
   color:black;
   font-size:75%;
   font-weight:normal;
   padding:3px;
   text-align: justify;
}

#bannerklein {
   position:absolute;
   top:35px;
   left:541px;
   width:234px;
   height:60px;
   background-color:rgb(255,255,255);
}

div.box_kopf {
   text-decoration:none;
   margin-top:16px;
   margin-left:8px;
   margin-right:8px;
   background-color:rgb(130,130,130);
   color:white;
   font-size:12px;
   font-weight:bold;
   padding:1px;
   text-align: center;
}

div.box_links {
   text-decoration:none;
   margin-left:8px;
   margin-right:8px;
   margin-bottom:8px;
   background-color:rgb(239,239,239);
   border:rgb(0,0,0) solid 1px;
   font-size:75%;

}

.links {
   text-decoration:none;
   font-weight:bold;
   color:red;
   text-align:center;
   padding-left:5px;
   border: 1px solid black;
   width:35%;
   background-color:white;
}

.rechts {
   font-weight:normal;
   color:black;
   text-align:justify;
   padding:5px;
   border: 1px solid black;
   width:65%;
   background-color:white;
}

.kasten {
  font-size: 12pt;
  text-align: center;
  padding: 5px;
  color: black;
  background-color: #ffff99;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  width:450px;
  margin-left:auto;
  margin-right:auto;
  }

  #test  {
   text-align:left;
   font-weight:normal;
   font-style:normal;
   font-size:100%;
   line-height:1.3em;
   color:black;
   margin-left:16px;
   margin-right:16px;
   background-color: yellow;
  }