@charset "UTF-8";
body {
    	font: 16px Arial, Verdana, Helvetica, sans-serif;
      line-height: 160%;
    	background: #ffffff;
    	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(0, 0, 0, 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: 10%;
}
.content #mainContent {
	width: 100%;
  padding: 0 0 px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}

p {
  padding: 15px;
}

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

.ac {
  color: #000000;
}

img {
  width: 440px;
  max-width: 100%;
  min-width: 200px;
  height: auto;
}