Kopfleiste mit Logo

body {
  padding: 0px;
  margin: 0px;
  background-color: #0080c0;
}
#kopf {
  height: 100px;
  margin: 10px;
  background-color: #ffff00;
}
#inhalt {
  width: auto;
  margin: 0px 180px;
  background-color: #ffffc6;
}
#links {
  position: absolute;
  top: 120px;
  left: 10px;
  width: 160px;
  height: 300px;
  background-color: #ffcc00;
}
#rechts {
  position: absolute;
  top: 120px;
  right: 10px;
  width: 160px;
  height: 300px;
  background-color: #ffcc00;
}

...

<div id="kopf">...</div>
<div id="inhalt">...</div>
<div id="links">...</div>
<div id="rechts">...</div>

Hauptmenü

Zweitmenü