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

h1 {
	font-size:1.2em;
	color:#000;
}

h2 {
	font-size:1.0em;
	color:#000;
}

p {
	font-size:0.9em;
	color:#666;
}
	

.SiteContainer {
	width:1024px;
	margin: 0 auto;
	height:auto;
	padding-top:20px;
}

.kopfbereich {
	width: 984px;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
	height:130px;
	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: #FFF;
}

.logo {
	float:right;
	height:111px;
	clear:right;
}

.steuerung {
	float:left;
	width:710px;
	height: auto;
	padding-top:88px;
}

.hauptcontainer {
	width:1024px;
	margin: 0 auto;
}

.linkskontakt {
	width:20px;
	height:310px;
	padding-top:11px;
	float:left;
}

.rechtsleer {
	width:20px;
	float:right;
}

.bildtextcontainer {
	background-color:#FFF;
	width:984px;
	margin-left:20px;
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
   	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
   	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.bilder {
	background-color:#FFF;
	width:984px;
	padding-top:12px;
}

.oneColElsCtrHdr #mainContent {
	width:auto;
	margin: 0 auto;
	text-align:left;
	padding-top:20px;
	padding-left:40px;
	padding-right:40px;
}

.textlinks {
	width:70%;
	float:left;
}

.textrechts {
	width:25%;
	float:right;
	padding-top:49px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.0em;
	font-style:italic;
	color:#666;
}

.oneColElsCtrHdr #footer {
	background-image:url(../Images/Footgrafik.png);
	height:47px;
	color: #CCC;
	font-size: 0.8em;
	text-align: left;
}

.oneColElsCtrHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 28px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	padding-left:13px;
	text-align:left;
	color: #CCC;
}