@charset "utf-8";
	body {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		background: #ece9ec;
		margin: 0;
		padding: 0;
		text-align: left;
		color: #000000;
    }
	.thrColAbsHdr #navigation { 
		position: absolute;
		top: 112px;
		left: 0;
		width: 140px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
		padding: 0 30px 0 30px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
		text-align: right;
    } 
	#navigation li, #navigation ul
	{	padding: 5px 0;
		margin: 0;
		color: #300;
		list-style: none;
		font-weight: bold;
		font-size: 0.85em;
		line-height: 1.3em;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	.thrColAbsHdr #container { 
		background-image: url(../img/bg_m.jpg);
		background-repeat: repeat-y;
		position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
		width: 1024px;
		margin: 0;
    } 
    .thrColAbsHdr #header { 
		background-image: url(../img/bg_t.jpg);
		height: 106px;
    } 
    .thrColAbsHdr #header h1 {
		margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
		padding: 60px 224px 0 250px;
    }
    .thrColAbsHdr #mainContent { 
		margin: 0 224px 0 250px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. */
		padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    }
    .thrColAbsHdr #footer { 
		background-image: url(../img/bg_b.jpg);
		height: 165px;
		padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    } 
    .thrColAbsHdr #footer p {
		margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
		padding: 30px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		text-align: center;
		font-size: 0.7em;
		color: #333;
    }
    .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: 15px;
	margin-bottom: 15px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
		float: left;
		margin-right: 15px;
    }
	p {
		font-size: 0.8em;
		line-height: 1.4em;
		margin: 0 0 0.7em 0;
	}
	li, ul {
		font-size: 0.9em;
		line-height: 1.3em;
	}
	li {
		margin-bottom: 0.5em;
	}
	h1, h2, h3, h4 {
		color: #300;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.0em;
		margin: 2em 0 1em;
	}
	a:link {
		color:#603; 
		text-decoration:none;
		border-bottom: 1px solid #300;
	}
	a:visited {
		color:#603;
		text-decoration:none;
		border-bottom: 1px dotted #300;
	}
	a:active {
		color:#603; 
		text-decoration:none;
		border-bottom: 1px dotted #300;
	}
	a:hover {
		color:#603; 
		text-decoration:none;
		border-bottom: 0px;
	}
	strong {
		font-weight: bold;
		color: #603;
	}
.petit {
	font-size: 0.85em;
}