@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	background-color: #403b37;

}

#header {
	height: 140px;
	background-image: url(../ursula-mauder-header.jpg);
	text-align: left;
}

#title {
	color: #ff8502;
	text-align: left;
	padding: 25px 110px;
	font: "Comic Sans MS", cursive;
	font-size: 20px;
}

h1  {
	color: #ff8502;
	font: "Comic Sans MS", cursive;
	font-size: 30px;
}



#container { 
	width: 1250px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 

#footer { 
	width: 1250px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	color: #ff8502;
	padding: 0px 0px 20px 250px;
	font-size: 13px;
	font: Arial, Helvetica, sans-serif;

} 
a {
	text-decoration: none;
	color: #ff8502;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	color: #CA6A00;
	font-weight: normal;
}

a:active {
	text-decoration: none;
	color: #ff8502;
	font-weight: bold;
}