body {
  padding: 0px;
}
  
div.kopf {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 15%;
  background-color: #cccccc;
  border-top: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 2px black;
  border-bottom: solid 2px black;
  font-family: Verdana;
  font-size: 10pt;
}

p.logo {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px;
  border: solid 2px white;
  color: white;
}

div.main {
  position: absolute;
  top: 15%;
  left: 0px;
  width: 100%;
  height: 80%;
  background-color: #444444;
  color: #ff9900;
  border-top: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 3px black;
  border-bottom: solid 3px black;
  padding: 20px;
  font-family: Verdana;
  font-size: 10pt;
}

div.fuss {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #333333;
  color: #ff9900;
  border-top: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 3px black;
  border-bottom: solid 3px black;
  font-family: Verdana;
  font-size: 10pt;
}

span.news {
  position: absolute;
  left: 20px;
}

span.projekte {
  position: absolute;
  left: 90px;
}  

span.buero {
  position: absolute;
  left: 180px;
}

span.kontakt {
  position: absolute;
  left: 240px;
}  

a {
  color: white;
  text-decoration: none;
}