<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>New</title>
<style type="text/css">
/**
* new clearfix
*
* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
*/
.clear:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clear { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
.left {
float: left;
}
.right {
float: right;
}
body {
margin: 0;
padding: 0;
/* Data URI. Should be replaced with path to external image file */
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAABCAIAAAA6mFcnAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMBw4uC7Edvf8AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAEklEQVQoz2P8v1WJYRSMgsEEAMAlAdgq6OnoAAAAAElFTkSuQmCC') top left repeat-y;
}
#header {
background: #ffb522;
padding: 10px;
min-width: 960px;
/* #content.min-width + #content.padding
+ #content.margin-left */
}
#header img {
display: block;
border: none;
}
#sidebar {
float: left;
width: 200px;
padding: 120px 10px 10px 10px;
}
#content {
margin-left: 220px;
min-width: 600px;
padding: 70px;
background: #fff url('http://larrystanzhaus.de/bilder/leftcorner.gif') top left no-repeat;
}
</style>
<!--[if IE 6]>
<style type="text/css">
/*
- There is no support for min-width in IE6
- IE6 does not support data URIs
*/
/* Holly Hack -- fixes IE6 Three Pixel Text-Jog */
#content { zoom: 1; }
</style>
<![endif]-->
</head>
<body>
<div id="header" class="clear">
<div class="logo-larry left">
<a href="./"><img src="http://larrystanzhaus.de/bilder/larrystanzhaus.gif" alt="Logo von Larry's Tanzhaus" /></a>
</div>
<div class="logo-adtv right">
<a href="./"><img src="http://larrystanzhaus.de/bilder/ADTV.gif" alt="Logo des ADTV" /></a>
</div>
</div>
<div id="sidebar">
<ul>
<li>Tanzkurse</li>
<li>Spezialkurse</li>
<li>Kindertanz</li>
<li>Teenager</li>
<li>Kontakt</li>
<li>Über uns</li>
<li>…</li>
</ul>
</div>
<div id="content">
<h2>Aktuelle Termine für Stufe A</h2>
<p>Wir würden Sie darum bitten uns vorher Bescheid zu geben, ob Sie sich für einen unserer Anfänger Kurse interessieren.</p>
<p>So können wir uns besser darauf vorbereiten wie viele Kursus-Teilnehmer an diesem Tag erscheinen werden.</p>
<p>Vielen Dank</p>
<p>Fusce dapibus, massa at mollis sollicitudin, justo ligula porta diam, a scelerisque quam magna posuere justo. Suspendisse potenti. Sed nisl nisi, sodales id varius id, suscipit ac ipsum. Integer tempor magna ut neque malesuada quis pretium nisi tempor. Sed dapibus dui non neque semper id pulvinar mi tristique. Suspendisse erat velit, viverra ultrices consectetur ut, feugiat a turpis. Aliquam purus purus, malesuada ut aliquam sed, luctus et sapien. Vestibulum pellentesque scelerisque metus at placerat. Pellentesque diam orci, fermentum vel fringilla ut, fringilla et diam. Nulla facilisi. Nulla velit nisl, mattis eu malesuada vitae, eleifend at odio. Ut vitae venenatis enim. Morbi in nibh quam, venenatis rhoncus quam. Curabitur iaculis pulvinar mattis. Mauris vel sem nibh. Nunc gravida tortor id orci ultricies adipiscing.</p>
</div>
</body>
</html>
