<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<title>Brief an das Jugendamt</title>
<meta charset="iso-8859-1">
<link rel="stylesheet" href="styles/layout.css" type="text/css">
<!--[if lt IE 9]><script src="scripts/html5shiv.js"></script><![endif]-->
</head>
<body>
<div class="wrapper row1">
  <header id="header" class="clear">
  </header>
</div>
<!-- content -->
<div class="wrapper row2">
  <div id="container" class="clear">
    <!-- content body -->
    <section id="shout">
      <h1>Brief an das Jugendamt Bielefeld</h1>
    </section>
    <!-- main content -->
    <section class="last clear">
      <article class="two_third">
        <h2>Herzlich Willkommen auf der Seite... blabla....</h2>
        <p>Auf dieser Seite befinden sich die folgenden Dateien zum Download:</p>
        <p><ul>
                 <li><a href="http://www.google.com/">Datei 1</a></li>
                 <li><a href="http://www.google.com/">Datei 2</a></li>
                 <li><a href="http://www.google.com/">Datei 3</a></li>
        </ul></p>
      </article>
      <article class="one_third lastbox">
        <h2>Kontakt</h2>
        <p>&Uuml;ber folgende Email-Adresse k&ouml;nnen Sie mit uns in Kontakt treten:</p>
        <p><a href="mailto:meineemail@email.de" target="_blank">meineemail@email.de</a></p>
      </article>
    </section>
    <!-- / content body -->
  </div>
</div>
<!-- footer -->
<div class="wrapper row3">
  <footer id="footer" class="clear">
    <p class="fl_left"><a href="#">Brief-an-das-Jugendamt.de</a></p>
    <p class="fl_right">Thanks to <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
  </footer>
</div>
</body>
</html>