<div id="main">

<div id="head"> logo </div>

<div id="navi"> navigation </div>

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

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

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

</div>

<STYLE type="text/css">
<!--

A:link { color : #ffff00; text-decoration: none; font-family:garamond; width:90%; background-color:silver; padding:2px; font-size:100% }
A:visited {color : #ffff00; text-decoration: none; font-family:garamond; width:90%; background-color:silver; padding:2px; font-size:100% }
A:hover 
{color: #ff0000; text-decoration: none; position:relative; top:1px; left:1px; font-family:garamond; width:100%; border: solid 1px #ffffff; background-color:green }
A:active {color : #ffff00; text-decoration: none; font-family:garamond; width:90%; background-color:silver; padding:2px; font-size:100% }

BODY { 
text-align:center; 
color:#FFFFFF; 
background-color:#000033 
}

#main { 
width:80%; 
height:550px; 
border: inset 2px #ffffff;
background-color:silver;
padding-bottom:20px;
position:relative
}

#head { 
width:100%;
background-color:darkgreen;
text-align:left; 
float:top
}

#header { 
margin-left:5px; 
margin-right:5px;
margin-bottom:0px;
margin-top:30px;
padding-left:10px;
border:outset 3px #808080; 
width:73%; 
float:left;
background-color:black;
font-size:120%;
font-family:scruff let, garamond, verdana;
color:lime;
text-align:left;
font-weight:bold
}

#text {
margin-left:5px; 
margin-right:5px;
margin-bottom:3px;
margin-top:3px;
padding:5px; 
border:outset 3px #6495ED; 
width:73%; 
float:left;
vertical-align:top;
background-color:#006699;
text-align:left;
font-size:60%;
font-family:verdana
}


#navi { 
margin-top:30px; 
margin-left:10px;
margin-right:20px;
height:400px;
padding:5px; 
width:12%; 
border: outset 3px #808080;
vertical-align:top;
text-align:left;
float:right;
background-color:black;
font-size:55%;
font-family:verdana, times new roman;
min-width:10px
}

-->
</STYLE>