body {
	font: 1.4em Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	color: #000;
}
p {
	margin-top: 0;	 /* Durch Entfernen des oberen Randes wird ein Problem vermieden, bei dem Raender aus dem umgebenden Block entweichen. Der verbleibende untere Rand sorgt fuer den Abstand von allen folgenden Elementen. */
	padding-right: 5px;
	padding-left: 0px; /* Hinzufuegen von Auffuellungswerten fuer beide Seiten jeweils enthaltener Blockelemente statt fuer die Bloecke macht Box-Modell-Berechnungen unnoetig. Alternativ kann auch ein untergeordneter Block mit Auffuellung an den Seiten verwendet werden. */
}
img { /* Dieser Selektor entfernt den standardmaessigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
/* ~~ Die Reihenfolge der Stildefinitionen fuer die Hyperlinks der Site, einschliesslich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #dd3b50;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	color: #666;
	text-decoration: none;
}

/*Unterstuetzung fuer HTML 5 - Legt fuer die neuen HTML 5-Tags die Eigenschaft "display:block" fest, damit die Tags in den Browsern korrekt dargestellt werden. */
header, section, footer, aside, nav, article, figure {
	display: block;
}