@charset "UTF-8";

body  {

	background: #666666;

	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */

	padding: 0;

	text-align: center;

	background-image: url(photos/kaffee72.jpg);

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.twoColFixLtHdr #container { 

	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */

	background: #FFFFFF;

	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */

	border: 1px solid #000000;

	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */

} 

.twoColFixLtHdr #header {

	padding: 0 0px 0 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */

	background-color: #FFF;

	height: 142px;

	background-image: url(banners/Volli-Logo-original-beschnitt.gif);

} 

.twoColFixLtHdr #sidebar1 {

	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */

	width: 170px;

	background-color: #630;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 15px;

	padding-left: 20px;

	color: #FFF;

}

.twoColFixLtHdr #container #sidebar1 table {

	font-size: 20px;

}





.twoColFixLtHdr #mainContent {

	text-align: left;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 200px;

	padding-top: 0;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 20px;

} 



.twoColFixLtHdr #footer {

	padding: 0 10px 0 20px;

	background-color: #03F;

} 

.twoColFixLtHdr #footer p {

	text-align: right;

	color: #000;

	font-size: 14pt;

	text-decoration: none;

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0;

}

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

	margin-right: 8px;

}

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

}

a:link {

	text-decoration: none;

	color: #FFF;

}

a {

	text-decoration: none;

	color: #FFF;

}

a:hover {

	color: #03F;

	text-decoration: none;

	background-color: #FFF;

}

a:active {

	color: #03F;

	background-color: #FFF;

	text-decoration: none;

}

a:visited {

	color: #CCC;

	text-decoration: none;

}



.schrifthaupt {

	font-size: 16px;

	font-weight: normal;

	color: #000;

}

.schriftlead {

	font-size: 20px;

	font-weight: normal;

	color: #000;

	font-style: normal;

}

.schriftzwischentitel {

	font-size: 16px;

	font-weight: bold;

	color: #000;

}

.schriftlegende {

	font-size: 16px;

	font-style: italic;

	font-weight: normal;

	color: #000;

}

.schriftformulare {

	font-size: 12px;

	font-weight: normal;

	color: #000;

	margin: 5px;

	padding: 0px;

}

.schriftformularefett {

	font-size: 12px;

	font-weight: bold;

	color: #000;

	padding-top: 5px;

	padding-right: 2px;

	padding-bottom: 5px;

	padding-left: 5px;

}

a.text {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}



a.text:link {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

a.text:hover {

	color: #03F;

	text-decoration: underline;

	background-color: #630;

}

a.text:active {

	color: #03F;

	text-decoration: none;

}

a.text:visited {

	color: #999;

	text-decoration: none;

}

h1 {

	font-size: 32px;

	font-weight: bold;

	color: #000;

}