@charset "UTF-8";
body {
    	font: 16px Arial, Verdana, Helvetica, sans-serif;
      line-height: 160%;
    	background: #8ebf1f;
    	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. */
      color: rgba(255, 255, 255, 0.5);
    }
.content #container {
	width: 100%;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	/* background: #FFFFFF; */
  max-width: 600px;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: center; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	padding-top: 5%;
	padding-bottom: 5%;
}
.content #mainContent {
	width: 100%;
  padding: 0 0 px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}

p {
	margin: 10px;
}

a:link, a:visited, a:hover {
  color: #ffffff;
}

.ac {
  color: #ffffff;
}