body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #000000;
    	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: #000000;
		background-image: url(images/bg_main.jpg);
	    background-repeat:repeat-x;
		
    }
	
a {
	font-size: 12px;
	font-weight: bold;
}
a:link {
	color: #000000;
}

a:active {
	color: #000000;
}
a:hover {
  color: #000000;
}
h1 {
	font-size: 14px;
	color: #000000;
}
h2 {
	font-size: 14px;
	color: #000000;
}
h3 {
	font-size: 12px;
	color: #000000;
}



.main_ul, .sub_ul {
width:150px;
list-style-type: none;
margin-left: 12px;
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
}

.main_li, .sub_li {
line-height: 38px;
padding-left: 29px;
color: #000000;
font-size: 12px;
font-weight: bold;
background-image: url(images/menubutton.jpg);
background-repeat: no-repeat;
}

.main_li_act, .sub_li_act {
line-height: 38px;
padding-left: 29px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
background-image: url(images/menubutton.jpg);
background-repeat: no-repeat;
}


.main_li  a {
	color: #000000;
}

.main_li_act  a {
	color: #FFFFFF;
}

	
    #container { 
    	width: 980px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	/*border: 1px solid #000000;*/
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		background-color:#EFDCC1;
    } 
    #header {
		background-image: url(images/header.jpg);
	    background-repeat: no-repeat;
		width: 980px;
		height:278px;
    	/*padding: 0 10px;   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. */
    } 

   #container_side_content {
   		background-image: url(images/bg_content.jpg);
		background-repeat: repeat-x;
   		min-height:632px;
		margin-top:-10px;
   		/*background-image: url(images/bg_content.jpg);
	    background-repeat: repeat-x;
		*/
   }

    #sidebar1 {
    	float: left; 
    	width: 210px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	/* Dbackground: #FEEABE; ie Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	 /*padding: 15px 0; Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
	}
    
	#sidebar1 h3, #sidebar1 p {
    	margin-left: 0px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 0px;
    }

	#sidebarsidebarmenutop {
			margin-top: 10px;
			width: 171px;
			height: 20px;
			background-image: url(images/menu_top.jpg);
			background-repeat:no-repeat;
	}

	#sidebarmenu {
		width: 171px;
		margin-top: 0px;
		/*background: #D87411; */
				background-image: url(images/menu_content.jpg);
				background-repeat:repeat-y;
	}

	#sidebarsidebarmenubottom {
			width: 171px;
			height: 20px;
			background-image: url(images/menu_bottom.jpg);
			background-repeat:no-repeat;
	}

    #mainContent { 
    	margin: 0 0px 0 22%; /* Der rechte Rand kann in Prozent oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
	/*background: #FEEABE; */
		background-image: url(images/content_pic.jpg);
		background-position: 160px center;
		background-repeat: no-repeat;
		   		min-height:632px;
    }
    
    #mainContentFE {
		margin-top: 20px;
		background-image: url(images/content_pic.jpg);
		background-repeat: no-repeat;
		margin: 0px;
		padding-right: 30px;
		padding-left: 30px;
			
			/*background: #5B0101;*/
		}
     
    #footer { 
   	/* padding: 0 10px; Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		clear:left;
		background-image: url(images/footer.jpg);
		background-repeat:repeat-x;
		background-position: bottom;
		height:35px;
		padding-top:15px;
		text-align:center;
		font-size: 10px;
    }
    
    #footer a {
    		color: #000000;
    } 
    #footer a:hover {
    		color: #000000;
    	/*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: 10px 0;  Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }