html, body {
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: 100%;
  overflow: hidden;  
}

/* Hilfe zur verikalen Zentrierung */
div#abstand {
 height: 50%; 
 width: 1px;
 margin-bottom: -300px; /* die Haelfte von folgendem Rahmen */
 float: left; 
}

div#layout {
  z-index: 0;
  clear: left; /* aufl. von oben */
  margin: 0px auto; /* hor. Zentr. */
  text-align: left;
  width: 800px;
  height: 600px;
}
  
div#satzspiegel {
  z-index: 1;  
  position: relative;
  height: 100%;
  background-color: white;
}

div#links {
 height: 100%;
 width: 300px;
 left: 0px;
 top: 0px;
 position: absolute;
}

div#rechts {
 height: 100%;
 width: 500px;
 left: 300px;
 top: 0px;
 position: absolute;
}

div#info {
 height: 265px;
 width: 265px;
 left: 15px;
 top: 30px;
 position: absolute;
 visibility: visible;
 overflow: auto;
 
}

div#nav1 {
 position: absolute;
 width: 120px;
 left: 15px;
 bottom: 30px;
 visibility: visible;
}

div#nav2 {
 width: 130px;
 left: 155px;
 position: absolute;
 bottom: 30px;
 visibility: visible;
}

div#inhalt {
 height: 540px;
 width: 450px;
 left: 25px;
 top: 30px;
 position: absolute;
 visibility: visible;
 overflow: auto;
 padding-right: 25px; /* wegen Scrollbalken zu nahe am Text */
}

div#spez {
 position: absolute;
 height: 30px;
 width: 300px;
 left: 12px;
 bottom: 0px;
 visibility: visible;
}