@charset "utf-8";
* {
	padding:0;
	margin:0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; /* Schriftart für gesamte Seite */
	background: #666666; /* Hintergrundfarbe außen */
	text-align: center;
	color: #000000; /* Textfarbe für gesamte Seite */
}
html {
	height:100.5%;
}
#container {
	width: 985px; /* Breite der Website */
	background: #FFFFFF; /* Hintergrundfarbe der Website */
	margin: 0 auto;
	border: 1px solid #999; /* Randstärke und -farbe der Website */
	text-align: left;
}
#header {
	background: #666 url(images/header.png) repeat-x top; /* Hintergrundfarbe des Kopfbereiches */
	height:110px;
}

#mainContent {
	padding: 30px 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #FFFFFF; /* Hintergrundfarbe vom Hauptinhalt */
}
#footer {
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#444; /* Hintergrundfarbe vom Footer */
	text-align:center; /* Textausrichtung vom Footertext */
}
#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: 4px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size:10px; /* Schriftgröße im Footer */
	color:#999;
}
#footer a {
	color:#999;
	text-decoration:none;
	font-size:10px;
}
.fltrgt {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
#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: 35px 60px 0 105px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
h1 { /* Hauptüberschrift im Kopfbereich */
	font-size:24px;
	color:#eee;
	text-align:left;
	letter-spacing:0px;
	font-variant:small-caps;
	font-weight:bold;
}
h2, h3 {
	padding-bottom: 10px; /* Abstand nach unten von Überschriften 2. und 3. Ordnung */
}
h2 {
	color:#a00; /* Farbe der 1. Überschrift im Hauptinhalt */
	font-size:22px; /* Größe der 1. Überschrift im Hauptinhalt */
}
h3 {
	color:#a00; /* Farbe zweite Überschrift */
	font-size:16px; /* Größe der 2. Überschrift im Hauptinhalt */
}
p {
	line-height:1.5em; /* Zeilenhöhe der Texte */
	font-size:14px; /* Textgröße vom Inhalt */
	padding-bottom:1em;
}
img {
	border:1px solid #bbb; /* Rahmen um Bilder */
	padding:4px;
}
.small {
	font-size:10px;
	color:#777;
}


#menucontainer {padding:10px 0 10px 0; background:#333 url(images/menubg2.png) repeat-x top; border-bottom:1px solid #444; width:985px;}
#menu {height:40px; border-top:1px solid #fff; border-bottom:1px solid #999; text-align:center; background:#ddd url(images/menubg.png) top repeat-x;}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#menu ul {display:inline-block;} 
#menu ul.level1 {padding-right:2px; background: url(images/divider.png) no-repeat right top;}
#menu li {float:left;}
#menu ul div {position:absolute; left:-9999px; top:-32000px;}

#menu a {display:block; font:normal 17px/39px arial,sans-serif; color:#ccc; height:39px; text-decoration:none;padding:0 30px; text-align:center; outline:none;}
#menu ul.level1 li.level1-li a.level1-a {float:left; background:url(images/divider.png) no-repeat left top;}
#menu ul.level1 li.level1-li a.level1-a:hover, #menu ul.level1 li.level1-li a.active {background:url(images/hoverbg.jpg) repeat-x left top; border:0; color:#a00; position:relative;}
#menu ul.level1 li.level1-li a.level1-a.drop:hover {background:url(images/hoverbg.jpg) repeat-x left top;}
#menu ul.level1 li.level1-li:hover {position:relative;}
#menu ul.level1 li.level1-li:hover > a {background:url(images/hoverbg.jpg) repeat-x left top; color:#a00;}

#menu ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#888;}
#menu ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}

#menu ul :hover div {left:-1px; top:39px; background:#8b8b8b url(images/dropdownbg.png) repeat-x top; border:1px solid #666; border-width:0 1px 1px 1px; width:168px;}
#menu ul :hover div ul {border:1px solid #ccc; border-width:0 1px 1px 1px; padding-bottom:5px; width:168px;}
#menu ul :hover div ul li {float:none; height:30px; border-bottom:0px solid #999;}
#menu ul :hover div ul li a {display:block; height:30px; text-align:left; font:normal 15px/30px arial,sans-serif; color:#ddd;}
#menu ul :hover div ul li a:hover {color:#a00; background:#444 url(images/hoverbg.jpg);}