body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #e6e69c;
	margin: 0; 
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert.  */
	color: #000000;
}
.box #container {
	width: 80%;   /* Breite entspricht 80% der Browserbreite */
	background-color: #effcc8;
	margin: 0px auto; 
	margin-top: 20px;
	border: 1px solid #008000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	z-index:1;
} 
.box #header {
	position:relative;
	left:0px;
	top: 0px;
	width:175px;
	background: #effcc8;
	padding: 0 10px;
	z-index:2;
} 
.box #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: 10px 0;
	color: #008000;
	letter-spacing: 3px;
}

#siteflash {
	position:absolute;
	left:327px;
	top:28px;
	width:799px;
	height:90px;
	z-index:3;
}

#hauptnav {
	position:absolute;
	left:327px;
	top:125px;
	width:796px;
	height:33px;
	z-index:4;
}

a.nml1			{ line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:16px; color:#008000; text-decoration:none; font-weight:bold; }
a:link.nml1		{ line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:16px; color:#008000; text-decoration:none; font-weight:bold; }
a:visited.nml1		{ line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:16px; color:#008000; text-decoration:none; font-weight:bold; }
a:hover.nml1		{ line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:16px; color:#808000; text-decoration:none; font-weight:bold; }
a:active.nml1		{ line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:16px; color:#008000; text-decoration:none; font-weight:bold; }


.box #logo {
	position:relative;
	left:0px;
	top: 0x; 
	width: 195px;
	background: #effcc8;
	padding-bottom:10px;
	float:left;
	clear:left;
	z-index:5;
}

.box #hilfsnav {
	position:relative;
	left:0px;
	top: 0x; 
	width: 195px;	/* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	background: #effcc8;	
	padding: 15px 0;
	border-top:dashed;
	border-top-color:#006600;
	float:left;
	z-index:6;
}
.box #hilfsnav h3, .box #hilfsnav p {
	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 10px;
}

a.nml2			{ display:block; line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:14px; color:#008000; text-decoration:none; font-weight:bold; }
a:link.nml2		{ display:block; line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:14px; color:#008000; text-decoration:none; font-weight:bold; }
a:visited.nml2		{ display:block; line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:14px; color:#008000; text-decoration:none; font-weight:bold; }
a:hover.nml2		{ display:block; line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:14px; color:#808000; text-decoration:none; font-weight:bold; }
a:active.nml2		{ display:block; line-height:150%; text-align:left; padding:0px 0px 0px 20px; margin:0px; white-space:nowrap; font-size:14px; color:#008000; text-decoration:none; font-weight:bold; }

/* Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
*/

.box #hauptinhalt {
	float:right;
	display:inline;
	width: 780px;
	margin-top:30px;
	padding: 0px 25px 0px 0px;
	background-repeat:repeat-y;
	z-index:7;
} 

.box #lightbox-center {
	position:relative;
	left:250px;
	top: 0px;
	width: 400px;
	padding: 0 px;
	z-index:8;
} 
	
.box #footer { 
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#DDDDDD;
} 
.box #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: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

.footer {
	font-size:12px;
	color:#09F;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	margin:0px 0px 5px 0px;
}


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


.c1			{ text-align:center; font-size:24px; color:#008000; text-decoration:none; padding:0px 0px 2px 10px; margin:0px 0px 5px 0px; }
.c2			{ font-size:14px; color:#008000; text-decoration:none; padding:0px 0px 2px 10px; margin:0px 0px 5px 0px; }
.c3			{ font-size:12px; color:#000000; text-decoration:none; padding:0px 0px 2px 10px; margin:0px 0px 5px 0px; }
.c4			{ font-size:10px; color:#000000; text-decoration:none; padding:0px 0px 2px 10px; margin:0px 0px 5px 0px; }
.c5			{ font-size:8px; color:#000000; text-decoration:none; padding:0px 0px 2px 10px; margin:0px 0px 5px 0px; }
.link		{ font-size:10px; color:#0000FF; text-decoration:none; padding:0px 0px 2px 10px; margin:0px 0px 5px 0px;}

.center		{ text-align:center; margin-top:0px; padding-top:0px; }
.right		{ text-align:right; margin-top:0px; padding-top:0px; }
.left		{ text-align:left; margin-top:0px; padding-top:0px; }
.justify	{ text-align:justify; margin-top:0px; padding-top:0px; }