body {
	margin: 0px; /* Abstand zu anderen Box-Elementen */
	padding: 8px; /* Abstand zum Rand der eigenen Box */
	background-image: url("bilder/background.jpg");
	background-repeat: repeat; /* Do not repeat the image */
	background-color: #F2F1F0; /* Hintergrundfarbe des Body's */
	font-family: "Helvetica Neue", "Helvetica", "Arial", "sans serif"; /* Schriftart bestimmen */
	color: #555555;
}

strong {
	font-weight: bold;
}

a {
	color: inherit; /* Wert vom Eltern-Element wird übernommen */
	font-family:inherit; /* Wert vom Eltern-Element wird übernommen */
	text-decoration: none; /* Der Unterstrich wird ausgeblendet */
}

a:link {
	color: inherit; /* Wert vom Eltern-Element wird übernommen */
	font-family:inherit; /* Wert vom Eltern-Element wird übernommen */
	text-decoration: none; /* Der Unterstrich wird ausgeblendet */
}

a:visited {
	color: inherit; /* Wert vom Eltern-Element wird übernommen */
	font-family:inherit; /* Wert vom Eltern-Element wird übernommen */
	text-decoration: none; /* Der Unterstrich wird ausgeblendet */
}

a:hover {
	color: inherit; /* Wert vom Eltern-Element wird übernommen */
	font-family:inherit; /* Wert vom Eltern-Element wird übernommen */
	text-decoration: none; /* Der Unterstrich wird ausgeblendet */
}

a:active {
	color: inherit; /* Wert vom Eltern-Element wird übernommen */
	font-family:inherit; /* Wert vom Eltern-Element wird übernommen */
	text-decoration: none; /* Der Unterstrich wird ausgeblendet */
}

td {
	padding: 15px; /* Ein Wert bedeutet für Oben, Rechts, Unten und Links */
}

tr.zweitezeile {
	background-color: #F2F1F0; /* Hintergrundfarbe jeder zweiten Zeile */
}

table {
	border-collapse: collapse; /* Rahmen der Tabelle entfernen */
}

#container {
	width: inherit; /* Breite des Containers wird vom Eltern-Element (BODY) übernommen */
	max-width: 1500px; /* Maximale Breite des CONTAINERS ist 960Pixel */
	margin: 0px auto 0px auto; /* Links-Rechts-Ausrichtung des CONTAINERS */
}

#kopfleiste {
	margin: 0px 0px 15px 0px; /* Abstand nach unten 15px ansonsten 0px */
	padding: 0px 0px 0px 15px; /* Abstand nach links 15px ansonsten 0px */
	width: inherit; /* Breite der Kopfleiste wird vom Eltern-Element (CONTAINER) übernommen*/
	height: 80px; /* Höhe der Kopfleiste */
	background-color: #366BF4; /* Hintergrundfarbe der Kopfleiste */
	box-shadow:2px 2px 2px 0px #515151; /* Schatten der Box */
}

#kopfleiste h1 {
	margin: 0px;
	padding: 0px; /* Wenn nur ein Wert angegeben wird, gilt der für alle vier Seiten (Oben, Rechts, Unten, Links) */
	font-size: 36px; /*Schriftgröße angeben */
	line-height: 80px; /* Der Zeilenabstand wird auf 80Pixel gestellt. Das entspricht genau der Höhe der Kopfleiste. Somit ist der Text vertikal mittig ;-) */
	color: #FAF9F8; /* Schriftfarbe für das H1-Element */
}

#menu {
	width: auto; /* Breite des Menüs */
	height: auto; /* Höhe des Menüs */
	float: left; /* Menü soll links schweben */
	margin: 0px 15px 0px 0px;
	padding: 10px;
	background-image: url("bilder/background2.jpg");
	background-repeat: repeat; /* Do not repeat the image */
	background-color: #FAF9F8; /* Hintergrundfarbe des Menüs */
	box-shadow:2px 2px 2px 0px #515151 /* Schatten der Box */
}

#menu li{
	font-size: 16px;
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 0px 10px;
}

#menu li.current{
	background-color: #366BF4; /* Hintergrundfarbe für den aktiven Menüpunkt */
	color: #FAF9F8; /* Schriftfarbe des aktiven Menüpunktes */
}

#menu a:hover{
	background-color: #F2F1F0; /* Hintergrundfarbe für den überfahrenen Menüpunkt */
	/* color: #F2F1F0; /* Schriftfarbe für den überfahrenen Menüpunkt */
}

#menu ul{
	list-style-type: none; /* Ausblenden der Punkte bei einer ungeordneten Liste */
	padding: 0px; /* Abstand nach links auf 0 setzen. */
}

#inhalt {
	width: auto; /* Breite des Inhalts */
	height: auto; /* Höhe des Inhalts */
	overflow: hidden; /* Damit das Layout mit FLOAT funktioniert. Das Menü wird nicht umschlossen*/
	padding: 10px 15px 10px 15px;
	background-image: url("bilder/background2.jpg");
	background-repeat: repeat; /* Do not repeat the image */
	background-color: #FAF9F8; /* Hintergrundfarbe des Inhalts */
	box-shadow:2px 2px 2px 0px #515151; /* Schatten der Box */
	text-align: justify;
}

#inhalt h2{
	font-size: 16px; /* Schriftgröße */
	line-height: 1.4; /* Zeilenabstand kann mit einer Zahl angegeben werden. Dieser Wert wird mit der Schriftgröße multipliziert */
	text-align: center; /* Überschrift horizontal zentrieren */
}

#inhalt p{
	font-size: 15px; /* Schriftgröße */
	line-height: 1.3; /* Zeilenabstand kann mit einer Zahl angegeben werden. Dieser Wert wird mit der Schriftgröße multipliziert */
}

#inhalt a{
	color: inherit; /* Wert vom Eltern-Element wird übernommen */
	font-family:inherit; /* Wert vom Eltern-Element wird übernommen */
	text-decoration: underline; /* Der Unterstrich wird eingeblendet */
}