/* Bereichsdefinitionen Anfang */

body {
	background: #666666;
	background-color: #2f8383;
	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: 20px;
	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: #000000;
}
#container {
	width: 780px;
	background: #FFFFFF;
	background-image: url(img/Margapagebgx2.jpg);
	margin: 0 auto;
	border: 1px solid #ffffff;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}

#header {
	background: none; 
	padding: 0px 25px 0px 25px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}

#header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, k√δnnen Sie das Auftreten unerwarteter Abst√§nde zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unn√δtig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von R√§ndern l√§sst sich gew√§hrleisten, dass das Element die Kanten des div nicht berührt. */
}

#mainContent {
	float: left;
		height: 1%; /* Mac-IE5 - 3-Pixel-Textsprung-Hack */
	padding: 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Au√üenabstand der div -Box. */
	margin-top: 120px;
	margin-left: 3px;
	background: none;
	border: 0px solid red;
}

   #menuleft {
	width: 160px;
	float: left;
		height: 1%; /* Mac-IE5 - 3-Pixel-Textsprung-Hack */
	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Au√üenabstand der div -Box. */
	background: none;
	border: 0px solid green;
	padding: 0px;
	padding-top: 0px;
}
   #mainright {
	width: 520px;
	float: right;
		height: 1%; /* Mac-IE5 - 3-Pixel-Textsprung-Hack */
	padding: 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Aussenabstand der div -Box. */
	background: none;
	border: 0px solid blue;
	padding-top: 0px;	
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 20px;
}
	
#footer {
	padding: 0px 0px 5px 0px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background: none;
	border: 0px solid black;
	text-align: center;
}
#footer p {
	margin: 0; /* Wenn Sie die R√§nder des ersten Elements in der Fusszeile auf 0 einstellen, k√δnnen Sie unerwartete Abst√§nde zwischen divs vermeiden. */
	padding: 10px ; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

/* Bereichsdefinitionen Ende */


/* Textstildefinitionen Anfang */

#header p, a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #000066;
	text-decoration: none;
	text-align: right;
	}

#header a:hover {
	color: #cc0000;
	
}


#menuleft td, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #006600;
	text-align: center;
}

#menuleft td, a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #000066;
	text-decoration: none;
	text-align: center;
}

#menuleft a:hover {
	color: #cc0000;
	text-decoration: none;
	
}


#footer a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #000066;
	text-decoration: none;
	text-align: center;
}

#footer a:hover {
	color: #cc0000;
	
}

#container #mainContent #mainright p, li, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #000066;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 10px;
}

#container #mainContent #mainright li {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
}


#container #mainContent #mainright h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #000066;
	text-decoration: none;
	letter-spacing: 0.05em;
	word-spacing: normal;
}

#container #mainContent #mainright h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #000066;
	text-decoration: none;
	letter-spacing: 0.05em;
	word-spacing: normal;
}

#container #mainContent #mainright img {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#container #mainContent #mainright a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #000066;
	text-decoration: none;
}

#container #mainContent #mainright a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #cc0000;
	text-decoration: none;
}

/* Textstildefinitionen Anfang */