<!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">
	<!-- false design. Copyright by Xjs. Until further decisions, all rights reserved. -->
	<head>
		<title>Die 10b am Carl-Friedrich-Gauß-Gymnasium Hockenheim</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			<!-- 
				@import url('style/norm.css') all;
			 -->
		</style>
	</head>
	<body>
		<div class="Header">
			<!-- This is the main header that always stays the same. (Perhaps <h1 /> in here) -->
			<div class="main">
				<a id="top">false</a>. <span class="add">Section Heading.</span>
			</div>
			<div class="Logo">
				<div class="Linside">
					<img src="Xbeta.png" alt="Xbeta" />
				</div> <!-- Linside -->
			</div>
		</div> <!-- Header -->
		<div class="Menu">
			<!-- Some navigation. -->
			<span class="item"><a href="#top">One.</a></span>
			<span class="item"><a href="#top">Two.</a></span>
			<span class="item"><a href="#top">Three.</a></span>
			<span class="item"><a href="#top">Four.</a></span>
			<span class="item"><a href="#top">Five.</a></span>
		</div> <!-- Menu -->
		<div class="Content">
			<!-- Everything that matters here. -->
			Here is the content.
			<h1>Heading 1.</h1>
			<p>
				Lorem ipsum <strong>dolor</strong> sit amet, consectetur adipisicing elit,
				sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad 
				minim veniam, quis nostrud exercitation <em>A LINK!</em>
				<a href="http://itisme.org/">HERE!</a> ullamco laboris nisi ut aliquip ex ea 
				commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
				esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
				non proident, sunt in <em>culpa</em> qui officia deserunt mollit anim id est laborum.
			</p>
			<div class="Image">
				<img src="test.png" alt="Test Image." />
				<div class="Describe">
					Image Description.
					<!-- Perhaps an "enlarge" link via PHP -->
				</div>
			</div>
			<h1>Number 2.</h1>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
				exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
			</p>
			<h2>Subheading...</h2>
			<p>
				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
				fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
				culpa qui officia deserunt mollit anim id est laborum.
			</p>
			<h3>We're valid!</h3>
			<p>
			    <a href="http://validator.w3.org/check?uri=referer">
			    	<img src="http://www.w3.org/Icons/valid-xhtml11"
			        	alt="Valid XHTML 1.1" height="31" width="88" />
			    </a>
		  </p>
			<!-- The content ends here. -->
		</div> <!-- Content -->
		<div class="Sidebar">
			<!-- Sidebars _can_ be cool. -->
			<div class="Sidesection">
				<h1>Sidebar Heading.</h1>
				<p>
					Sidebar Text Here.
					Lorem ipsum <strong>dolor</strong> sit amet,
				</p>
			</div> <!-- Sidesection -->
			<div class="Sidesection">
				<h1>Sidebar Heading <span class="gray">number two</span>.</h1>
				<p>
					Sidebar Text here.
					consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
				</p>
			</div> <!-- Sidesection -->
			<div class="Sidesection">
				<h1>Sidebar Heading <span class="gray">3</span>.</h1>
				<p>
					Sidebar Text here.
					Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
					fugiat nulla pariatur.
				</p>
			</div> <!-- Sidesection -->
			<div class="Sidesection">
				<h1>Sidebar Heading <span class="gray">4</span>.</h1>
				<p>
					Sidebar Text here.
					Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
					fugiat nulla pariatur.
				</p>
			</div> <!-- Sidesection -->
			<!-- End of the sidebar content. -->
			<div class="Foot">
				<!-- Some foot area that contains some information about some things. -->
				Here is the foot area (down below!!!!).
				<span class="gray">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
				ut aliquip ex ea commodo consequat.</span>
			</div> <!-- Foot -->
		</div> <!-- Sidebar -->
	</body>
</html>
