<!-- rot: #CC0000;
	grün: #009900;
	blau: #3300CC;
-->

body{

}

#wrapper{
	width: 760px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: green;
	background-color: white;
	border-left: 2px solid #CC0000;
	border-right: 2px solid #3300CC;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 100%;
}


#kopfbereich{
	margin-top:30px;
	height: 130px;
	width: 700px;
}

#rba{
	background-color: #CC0000;
	height: 5px;
	width: auto;
}
	
#logo{

	margin-left: 150px;
	height: 70px;
	width: 400px;
	background-image: url(../pics/logo2.jpg);
	background-repeat: none;

}
#name{

	width: 700px;
	text-align: center;
}

#fotoleiste{
	height: 145px;
	background-image: url(../pics/fotoleiste.jpg); <!--fotoleiste.jpg-->
}
#navigation{
	font-size: 90%;
	margin-top:-21px;
	background-color: #CC0000;
	height: 20px;

}

#navigation a{
	color: white;
	text-decoration: none;
	vertical-align: middle;

}

#navigation a.active{
	color: yellow;

}
#navigation li{
	display: inline;
	list-style-type: none;
	margin-left: 35px;
	margin-right: 35px;
}
#text{
	padding: 30px 30px;
	font-size: 85%;
	height: 650px;
}
#text a, a:visited{
	text-decoration: none;
	color:#3300CC;
}
#left{
	width: 260px;
	float: left;
	padding-left: 20px;

}
#right{
	margin-top: 25px;
	width: 260px;
	float: right;
	padding-left: 20px;
}
#fußbereich{
	background-color: #3300CC;
	height: 20px;
	font-size: 90%;
	width: 762px;
	margin-left: -2px;
}
#fußbereich a{
	color: white;
	text-decoration: none;
	vertical-align: middle;

}

#fußbereich li{
	display: inline;
	list-style-type: none;
	margin-left: 35px;
	margin-right: 35px;
}
h1{
	font-size: 150%;
	color: #CC0000;

}
h2{
	font-size: 100%;
	color:green;
	margin-top: -10px;
}
h3{
	font-size: 90%;
	margin-right: 10px;
	color:#3300CC;
}	

blue{
		font-size: 100%;
	color:#3300CC;
	margin-top: -10px;
}

.aktiv, .aktiv a{
font-weight: bold;
}