@charset "UTF-8";
body  {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 10px;
	background-position: center center;
	clear: left;
	background-image: url(linie.jpg);
	background-repeat: repeat;
}
.twoColHybLtHdr #mainContent {
	line-height: 13pt;
	color: #000;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	text-indent: 20px;
	font-size: 10pt;
	overflow: auto;
	height: 380px;
} 
.twoColHybLtHdr #container #mainContent-2 {
	background-image: url(body1.jpg);
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: top;
	background-position: right top;
	height: 395px;
}
.twoColHybLtHdr #footer {
	background-repeat: no-repeat;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	text-indent: 680px;
	vertical-align: middle;
	background-image: url(footer.jpg);
	height: 55px;
	clear: left;
	top: inherit;
} 
.twoColHybLtHdr #header {
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 150px;
	width: 800px;
} 
.twoColHybLtHdr #header h1 {
}

/* Tipps für sidebar1:
1. Da wir mit relativen Einheiten arbeiten, ist es empfehlenswert, für die Randleiste keine Auffüllung zu verwenden. Sie wird bei standardgerechten Browsern der Gesamtbreite hinzugefügt, und dies wiederum führt zu einer unbekannten tatsächlichen Breite. 
2. Da der Randleistenwert in Gevierten (ems) angegeben wird, variiert die Breite der Randleiste je nach der Standardgröße des Textes.
3. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingefügt werden, indem Sie diesen Elementen wie in ".twoColHybLtHdr #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
*/
.twoColHybLtHdr #sidebar1 {
	float: left;
	width: 207px; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
	background-image: url(nav.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	text-align: left;
	font-weight: bold;
	text-indent: 40px;
	text-decoration: none;
	height: 395px;
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	color: #000;
}
.twoColHybLtHdr #footer p {
	color: #FFF;
	height: 55px;
	width: 800px;
	position: absolute;
	background-position: left;
	overflow: auto;
}
.twoColHybLtHdr #container {
	width: 800px; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	height: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40pt;
	color: #000;
	background-color: #ffe4b5;
	text-align: left;
	position: absolute;
	text-decoration: none;
} 

/* Verschiedene wieder verwertbare Klassen */
.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-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
}
.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. */
	font-size: 1px;
	line-height: 0px;
}
.twoColHybLtHdr #container #mainContent table tr th p {
	font-family: Arial, Helvetica, sans-serif;
	background-position: left top;
}
#mainContent table tr th p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #000;
	padding-left: 20px;
	clear: left;
	margin-left: 20px;
}
.twoColHybLtHdr #container #mainContent p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 14pt;
}