Design aus einem Bild

body {
  padding: 0px;
  margin:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000;
  background-color:#0143a6;
  background-image:url(images/bg.png);
  background-repeat: repeat-x;
}
.wrapper {
  position: relative;
  width: 1000px;
  height: auto;
  margin-left: 50px;
}
#header {
background-repeat:repeat-x;
height:auto;
}
#text {
padding-left:80px;
padding-top:15px;
float:left;
}
#werbungheader {
float:right;
padding-top: 13px;
padding-right:20px;
}
#navi {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-top:16px;
margin-left:210px;
}

<!-- Wrapper -->
<div class="wrapper">


<div id="header">
<div id="text">
</div>
</div>

... etc. ...

<!-- Wrappe Ender -->
<div class="wrapper">