#body {
	font: 10px arial,verdana,sans-serif;
	color: #000233;
	background: #ffffff;
	margin: 30px;
	color: #003333;
}

/* Container für den Inhalt */
#wrapper {
	margin: 0 auto;
	background: #ffffff;
	width: 810px;
}

#logo {
	width: 250px;
}

/* Formatierung für Kontakinformation oben rechts auf der Seite */
#header h1 {
	margin: 0px;
	font: 15px arial;
	color: #000233;
	text-align: right;
	color: #003333;
}

/* Die drei Einträge links, rechts stellen die div-Container von Logo und Kontaktinformation nebeneinander */
#links { 
	padding: 5px 0 15px 0;
	width: 200px;
	float: left;
}

#rechts {
	padding: 38px 0 15px 0;
	width: 600px;
	float: right;
}

/* Clear hebt alle Formatierungen bezüglich der div-Container wieder auf */
#clear {
	clear: left;
	clear: right;
}

/* Formatierung des Kopfbildes mit rundem Schatten */
#kopfgrafik {
	width: 800px;
	-moz-border-radius: 30px; /* runde Ecken Firefox */
	-webkit-border-radius: 30px; /* runde Ecken Safari, Chrome */
	-khtml-border-radius: 30px; /* runde Ecken Konqueror */
	border-radius: 30px; /* runde Ecken CSS3 */
	-moz-box-shadow: 10px 10px 5px #bababa; /* Schatten Firefox */
	-webkit-box-shadow: 10px 10px 5px #bababa; /* Schatten Safari, Chrome */
	box-shadow: 10px 10px 5px #bababa; /* Schatten CSS3 */
}

/* Navigation mit Dropdownmenü! Quelle: http://www.cssnewbie.com/easy-css-dropdown-menus/ */
#nav {
	margin: 0 0 0 -10px;
	padding: 15px 0 0 90px; /* Die 90px setzen das Menü ungefähr in die Mitte, bei weiteren Menüpunkten muss dies angepasst werden */
	height: 1em;
}

#nav li {
	list-style: none;
	float: left;
	padding: 0 15px 0 0; /* Abstand der Menüpunkte von einander */
	color: #003333;
	background-color: #e6e6e6;
	border-radius: 10px;
}

#nav li a {
	display: block;
	padding: 3px 10px; /* 3px bestimmen unter Anderem den Abstand der Menüpunkte im Dropdown-Menü */
	color: #000233;
	text-decoration:none;
	font: 15px arial;
}

#nav li a:hover {
	color: #4C8BB6;	
}

/*--- DROPDOWN ---*/
#nav li ul {
	display: none;
	width: 8em;
	background-color: #e6e6e6;
	border-radius: 10px;
}

#nav li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	background-color: #e6e6e6;
	border-radius: 10px;
}

#nav li:hover li {
	float: none;
	background-color: #e6e6e6;
	border-radius: 10px;
}

#nav li:hover li a {
	background-color: #e6e6e6;
	border-radius: 10px;
}

#nav li li a:hover {
	background-color: #e6e6e6;
	border-radius: 10px;
}

/* Seiteninhalt */
#content {
	padding: 60px 0 0 0;
	font: 15px arial;
	color: #000233
}

#content h1 { /* allgemeine Überschrift */
	font-size: 15px;
}

#content h2 { /* untergeordnete Überschrift */
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
	text-decoration: underline;
}

#content p,ul { /* Fließtext, Aufzählung */
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
}

#content br {
	margin: 0;
}

#content a { /* Formatierung eingebundener Links */
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
	color: #4C8BB6;
}