@charset "utf-8";

/* CSS Document */

html {
	height: 100%
}

body {
	/* Der Trick ist, dass man html auf eine Höhe von 100% setzt, den body auf 100.01%, so dass dieser nicht in html passt. Der Browser ist gezwungen, die Scrollleiste einzublenden. Dabei bleibt er mit einer Übergröße von 0.01% so klein, dass die Seite nicht vertikal zu scrollen ist. Ein Trick von: www.etype-websolutions.de */	
	height: 100.01%;
	margin:0;
	padding:0;
}

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
}

p {
	margin:0 10px 10px;
}

a:link {	/*display:block;*/
	color: #000066;
	text-decoration:none;
}

a:visited {
	color: #000066;
	text-decoration:none;
}

a:hover { 
	color: #000066;
	text-decoration:underline;}

a:active {
	color: #000066;
	text-decoration:none;}

div#header h1 {
	height:100px;
	width: 820px;
	margin:0;
	padding-left:0;
	background: #FFFFFF;
	color: #79B30B;
}

div#container {
	text-align:left;
}

div#content p {
	line-height:1.4;
	text-align: justify;
}

div#navigation {
	background:#000000;
}

div#extra {
	background:#FF8539;
}

div#footer {
	background: #FFF;
	color: #000;
	font-size: 10px;
}

div#footer p {
	margin:0;
	padding:5px 10px;
	text-align: center;
}

div#container {
	width:820px;
	margin:0 auto;
}

div#navigation {
	float:left;
	width:820px;
	margin:0 auto;
}

div#extraleft {
	clear:both;
	float:left;
	width:410px;
	text-align: justify;
}

div#extraright {
	float:right;
	width:410px;
}

div#footer {
	clear:both;
	width:100%;
}

/* Verschiedene wieder verwertbare Klassen von mir nachgetragen*/
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

table {
	font-size:12px;
	font-style:italic;
}