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%;
	color: #000;
	font-size: 10pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: white;
	background-image: url(../images/bg02.jpg);
	background-attachment: fixed;
	text-align:center;
	margin:0;
	padding:0;
}

h1 {
	color: #0a50a1;
	font-size: 14px;
	font-style: normal;
}

h6 {
	color: #0a50a1;
	font-size: 20px;
	font-style: bold;
}

p {
	text-align: justify;
}

td {
	font-size: 10pt;
}

div {
}

a:link {
	color: #0A50A1;
	background-color: #fff;
	text-decoration: none;
}

a:visited {
	color: #0A50A1;
	background-color: #fff;
	text-decoration: none;
}

a:hover {
	color: #0A50A1;
	text-decoration: none;
	background-color: transparent;
	border-color: #333333;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}

a:active {
	color: #fff;
	background-color: #0A50A1;
	text-decoration: none;
}

a.menu:link { color: #fff; background-color: #0a50a1; font-size: 100%; font-weight: bold; text-decoration: none; width: 150px; height: 20px; }

a.menu:visited {
	color: #fff;
	background-color: #0A50A1;
	font-weight: bold;
	text-decoration: none;
}

a.menu:hover {
	color: #0A50A1;
	background-color: #fff;
	font-weight: bold;
	background-color: #fff;
	text-decoration: none;
}

a.menu:active {
	color: #0A50A1;
	background-color: #fff;
	font-weight: bold;
	background-color: #fff;
	text-decoration: none;
}

.subline_bl {
	color: #069;
	font-size: 8pt;
}

.subline_sw {
	color: #000;
	font-size: 8pt;
}

.header_bl {
	color: #069;
	font-size: 10pt;
	font-weight: bold;
}

.einruecken {
	text-indent: 12px;
}

/* Der alles umfassende zentrierte Container */
#container { width:960px; margin:20px auto 50px; text-align:left; border:dashed 1px #000000; background-color:white; background-image: url(../images/layout960x10.gif); background-repeat: repeat-y; }

/* Die Titelzeile */
#title {
	height:120px;
	padding:20px;
	text-align:left;
	background-color:#ffffff;
	border-bottom: dashed 1px #000000;
}

/* Das Menu */
#menu {
	line-height:18px;
	width:200px;
	float:left;
	text-align: left;
	top:300px;
	padding: 10px 0 50px 20px;
}

/* Der Inhalt */
#content { background-color:#ffffff; padding:0; color:#000000; width:550px; height: auto; float:left; margin: 20px; }

/* Spalte rechts */
#right {
	color: #000000;
	font-size: 10px;
	width:100px;
	height: 450px;
	float: right;
	margin-bottom: 100px;
	padding:5px;
}

.right_header {
	color: #0a50a1;
	font-size: 14px;
}

.right_datum {
	color: #0a50a1;
	font-size: 10px;
}

/* Der Footer */
#footer { color:#ffffff; font-size: 11px; background-color:#0a50a1; text-align:center; clear: both; padding: 10px; border-top:1px dashed #000000; }

a.footer:link {
	color: #fff;
	background-color: #0a50a1;
	font-weight: bold;
	text-decoration: none;
}

a.footer:visited {
	color: #fff;
	background-color: #0a50a1;
	font-weight: bold;
	text-decoration: none;
}

a.footer:hover {
	color: #0A50A1;
	background-color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.footer:active {
	color: #fff;
	background-color: #0A50A1;
	font-weight: bold;
	text-decoration: none;
}
.robots_only {
	color: white;
	font-size: 1px;
}

.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;
}

.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;
}
#footerimage { margin: 0; padding: 0; }