<div align="center">
<div id="top">Header</div>
<div id="global">
<div id="left">Hier mal ein kurzer Text</div>
<div id="center">Ein etwas l&auml;ngerer, aber noch kurzer Text</div>
<div id="right">Ein wesentlich l&auml;ngerer Text, mit mehr Informationen und sch&ouml;nen Beispielen.</div>
</div>
<div id="footer">Footer</div>
</div>

body,td,th {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color: #333333;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
#global {
width:300px;
background-color:#FFFFFF;
padding:20px;
}
#top {
background-color:#FFFFFF;
margin-bottom:10px;
width:340px;
}
#left, #center, #right {
width:100px;
float:left;
}
#left {
background-color:#990000;
}
#center {
background-color:#CC6600
}
#right {
background-color:#FFCC00;
}
#footer {
background-color:#FFFFFF;
margin-top:10px;
width:340px;
clear:both;
}