<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Tankstelle Falkenhain</title>
<style type="text/css" media="screen">
body {
background: #e5e5e5;
margin: 0:
padding: 0;
font-family: Verdana, sans-serif;
}
#center {
background: #fff;
margin: 0 auto;
width: 700px;
}
#navi {
padding: 0;
margin: 0;
background: #c00;
height: 97px;
position: absolute;
top: 0;
}
#navi ul {
background: #011538;
list-style: none;
height: 80px;
padding: 0 0 0 298px;
border-top: 1px solid #fff;
}
#navi ul li {
float: left;
}
#navi ul li a {
color: #fff;
width: 80px;
height: 80px;
padding: 0 10px;
text-decoration: none;
display: block;
border-left: 1px solid #fff;
text-align: center;
font-weight: bold;
font-size: 10pt;
}
#content {
padding: 150px 10px 10px 10px;
}
</style>
</head>
<body>
<div id="center">
<div id="navi">
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
</ul>
</div>
<div id="content">
<p>
Eum commodo qui duis consequat ipsum ut, in facilisi enim lobortis te vero, exerci nisl facilisi molestie odio luptatum? Consequat, diam feugiat aliquam in vel, ipsum vel, lobortis praesent duis dignissim dolor magna tation. Delenit consectetuer ut consequat exerci, tation te molestie, aliquip augue aliquip dolor erat ex dolore. Ipsum et crisare, luptatum facilisis dolor. Feugiat lobortis iriuredolor nibh molestie enim feugiat nibh.
Sed in praesent ex et hendrerit vulputate velit quis eu esse ut hendrerit minim sciurus. Et feugiat hendrerit dolore, at ut dolor autem quis elit, feugait odio, at quis dolor sit iusto, ex blandit hendrerit eros veniam molestie luptatum. Diam autem lobortis iusto et, vel odio qui nisl. Ad minim feugait nibh ad.
</p>
<p>
Tincidunt consequat delenit ea autem et delenit eum diam adipiscing lobortis et. Magna nulla accumsan commodo in accumsan in nulla, lobortis duis nisl wisi velit autem minim. Tincidunt duis qui nulla autem eum duis ut enim. Praesent dolore ad dolor consequat, wisi tincidunt luptatum, ad quis.
Elit nulla volutpat velit, facilisi te odio exerci praesent erat vulputate facilisis aliquam. Lobortis, dignissim autem velit ut, vero commodo suscipit eum suscipit adipiscing quis augue minim facilisis! Ut ullamcorper molestie nisl hendrerit, nonummy feugait dolore augue in dolore eum! Nonummy hendrerit nisl iriuredolor, qui wisi eum praesent diam aliquam exerci tincidunt aliquip, blandit nisl at eu consectetuer erat iriure velit nulla ea! Consequat ad ea tincidunt vel dignissim ut odio duis iriuredolor ipsum dolor praesent nulla laoreet elit adipiscing lorem facilisis qui magna. Autem ea vel veniam feugiat ea facilisi.
</p>
<p>
Commodo eum illum luptatum vulputate qui suscipit esse. Vel dolore vulputate nonummy nisl velit dignissim sciurus quis ad accumsan velit aliquam nulla minim. Esse autem te, praesent luptatum ullamcorper minim nibh praesent ea autem delenit dolore?
</p>
<p>
Eum commodo qui duis consequat ipsum ut, in facilisi enim lobortis te vero, exerci nisl facilisi molestie odio luptatum? Consequat, diam feugiat aliquam in vel, ipsum vel, lobortis praesent duis dignissim dolor magna tation. Delenit consectetuer ut consequat exerci, tation te molestie, aliquip augue aliquip dolor erat ex dolore. Ipsum et crisare, luptatum facilisis dolor. Feugiat lobortis iriuredolor nibh molestie enim feugiat nibh.
</p>
<p>
Sed in praesent ex et hendrerit vulputate velit quis eu esse ut hendrerit minim sciurus. Et feugiat hendrerit dolore, at ut dolor autem quis elit, feugait odio, at quis dolor sit iusto, ex blandit hendrerit eros veniam molestie luptatum. Diam autem lobortis iusto et, vel odio qui nisl. Ad minim feugait nibh ad.
</p>
<p>
Tincidunt consequat delenit ea autem et delenit eum diam adipiscing lobortis et. Magna nulla accumsan commodo in accumsan in nulla, lobortis duis nisl wisi velit autem minim. Tincidunt duis qui nulla autem eum duis ut enim. Praesent dolore ad dolor consequat, wisi tincidunt luptatum, ad quis.
</p>
<p>
Elit nulla volutpat velit, facilisi te odio exerci praesent erat vulputate facilisis aliquam. Lobortis, dignissim autem velit ut, vero commodo suscipit eum suscipit adipiscing quis augue minim facilisis! Ut ullamcorper molestie nisl hendrerit, nonummy feugait dolore augue in dolore eum! Nonummy hendrerit nisl iriuredolor, qui wisi eum praesent diam aliquam exerci tincidunt aliquip, blandit nisl at eu consectetuer erat iriure velit nulla ea! Consequat ad ea tincidunt vel dignissim ut odio duis iriuredolor ipsum dolor praesent nulla laoreet elit adipiscing lorem facilisis qui magna. Autem ea vel veniam feugiat ea facilisi.
</p>
<p>
Commodo eum illum luptatum vulputate qui suscipit esse. Vel dolore vulputate nonummy nisl velit dignissim sciurus quis ad accumsan velit aliquam nulla minim. Esse autem te, praesent luptatum ullamcorper minim nibh praesent ea autem delenit dolore?
</p>
<div>
</div>
</body>
</html>
, das wusste ich nicht. Kannte es nur mit allen vier Angaben oder Einzeln. Naja, man sollte den Profis einfach mal vertrauen schenken
.