html, body { 
  width: 100%; 
  height: 100%; 
  margin: 0px; 
  padding: 0px; 
  overflow: hidden;
}

#index_oben { 
  margin: 2% auto; 
}

#lage_oben { 
  margin: auto; 
  height: 25%; 
}

#mitte { 
  margin: auto; 
  height: 70%; 
}

#unten { 
  margin: auto; 
}

#navi { 
  position: absolute; 
  overflow:visible; 
  left:0%;  
  top:auto; 
  width: 20%; 
  height: 100%; 
  margin:0%; 
  padding:0%; 
  background-image:url(bilder/back2.jpg); 
  text-align:center;
}
    
#content { 
  position: absolute; 
  overflow:visible; 
  left:20%; 
  top:auto; 
  width: 80%; 
  height: 100%; 
  margin: 0%; 
  padding: 0%; 
  background-image:url(bilder/back4.jpg); 
  overflow: auto; 
  text-align:center;
}

#button1 {
  margin:3% auto 0% auto; 
  width:90%; 
  height:15%;
}

#button2 {
  margin:auto; 
  width:90%; 
  height:15%;
}

#button3 {
  margin:auto; 
  width:90%; 
  height:15%;
}

#button4 {
  margin:auto; 
  width:90%; 
  height:15%;
}

#button5 {
  margin:auto; 
  width:90%; 
  height:15%;
}

#button6 {
  margin:auto; 
  width:90%; 
  height:15%;
}