/*================================================================================================
HTML-Elemente
=================================================================================================*/
body {
	font: 100.01% Arial, Helvetica, sans-serif;
	/*zu 100.01 % vgl. http://css-technik.de/details/2/5/CSS-Browser-Bugs.htm*/
	color: #666666;
	text-align:center;
	background: #FFFFff;
	margin: 0px;
	padding: 0px;
	/*Standartrand entfernt*/
}
h1, h2, h3, h4, h5, h6 {
	font: bold 100%/normal Arial, Helvetica, sans-serif;
	color: #000000;
	padding:0px;
	margin: 0px;
	text-align:center;
	}
h1 {
font-size:130%;
}
p {
	font-size:80%;
}


/*================================================================================================
DIVS mit descendant-Selektoren
==================================================================================================*/
#wrapper {
width:850px;
margin:10px auto;
border:1px solid #000000;
background-color:#FFFFFF;
text-align:left;
}
#banner {
height:107px;
background-image:url(../bilder/banner_neu.jpg);
background-repeat:no-repeat;
border-bottom:1px solid black;
}

#leftcol ul {
padding:0;
margin:0;
background-color:#FFFFFF;
}
#leftcol ul li {
display:inline; /*Liste in einer Reihe!!!*/
padding-left:5px;
margin:0;
}
#leftcol ul li a{
font-size: 80%;
color:#000000;
background-color:#FFFFFF;
text-decoration:none; /*keine Linkunterstreichung*/
padding:0 25px 0 25px; /*Scrift steht immer in der Mitte!!! Links werden wie Schaltflächen bedienbar*/
text-align:center; /* Hack notwendig für IE 5.x*/
width:9em; /*hack notwendig für IE 5.x*/
}
#leftcol ul li a:hover,#nav ul li a:focus {
background-color:#000000;
color:#FFFFFF;
}

.container2 ul {
padding-bottom:20px;
margin:0;
background-color:#FFFFFF;
}
.container2 ul li {
display:inline; /*Liste in einer Reihe!!!*/
padding-left:15px;
margin:0;
}
.container2 ul li a{
font-size: 80%;
color:#000000;
background-color:#FFFFFF;
text-decoration:none; /*keine Linkunterstreichung*/
padding:0 25px 0 25px; /*Scrift steht immer in der Mitte!!! Links werden wie Schaltflächen bedienbar*/
text-align:center; /* Hack notwendig für IE 5.x*/
width:9em; /*hack notwendig für IE 5.x*/


}
.container2 ul li a:visited{
font-size: 80%;
color:#000000;
background-color:#FFFFFF;
text-decoration:none; /*keine Linkunterstreichung*/
padding:0 25px 0 25px; /*Scrift steht immer in der Mitte!!! Links werden wie Schaltflächen bedienbar*/
text-align:center; /* Hack notwendig für IE 5.x*/
width:9em; /*hack notwendig für IE 5.x*/

}

#content {

background-color:#FFFFFF;
margin-left:220px;
}

#content p {
margin:20px;

}

#content h1 {
font:130% #003366;
padding:0;
margin:20px;
}

#content h2 {
font:130% #003366;
padding:0;
margin:20px;
}

#content a:visited{
	color:#666666;
}

#content a{
	color:#666666;
}

#footer {
border-top: #000000 solid 1px;
background-color:#FFFFFF;
color:#000000;
text-align:center;
}

#footer p {
font-size:80%;
margin:0;
padding:0;
}
#leftcol {
width:170px;
background-color:#FFFFFF;
float:left;
margin-top:100px;
margin-left:10px;
}


/*================================================================================================
KLASSEN
==================================================================================================*/
.leftimage {
font: 80% Arial, Helvetica, sans-serif;
float:left;
margin:0 10px 20px 0;
margin-left:20px;
}

.rightimage {
font: 80% Arial, Helvetica, sans-serif;
float:right;
margin:0 10px 20px 0;

}

.clearleft {
clear:left;
}

.center_Image {
text-align:center;
padding-bottom:10px;
}

.clearright{
clear:right;
}

.clearit {
clear:both;
}
.container {
width:99%;
float:left;
background-color:#FFFFFF;

}

.normalList {

display:block;


background-color:#FFFFFF;
}

.normalList ul li {

padding-left:5px;
padding-top:5px;
margin:0;
}

.normalList ul li a{
color:#000000;
background-color:#FFFFFF;
text-decoration:none; /*keine Linkunterstreichung*/


}
.normalList ul li a:hover,#nav ul li a:focus {
background-color:#000000;
color:#FFFFFF;
}





