body {
	background: url(../bilder/back.jpg) top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color:#333333;
	margin:0;
	padding:0;
	font-size: small;
}
#header{
	width: 100%;
	text-align: center;
	height: 196px;
	margin: auto;
	padding: 0;
	
}
#container{ 
 	width:980px; 
 	text-align:left;  
	margin: 5px auto 0 auto;
} 
#statusnav {
	height: 20px;
	width: 300px;
	margin: 0 0 0 250px;
	font: 90% Arial, Helvetica, sans-serif;
	padding: 12px 0 5px 0;
}
#menue{
 	width:940px; 
	height: 40px;
 	float:left; 
	margin: 0 0 0 40px;
 }
#leftcol{
 	width:21%; 
 	float:left; 
 }
 
#twocols{
 	width:79%; 
 	float:right;  
  }
#rightcol{
 	width:30%; 
 	float:right; 
 }
#infobox  {
	float:left;
	width: 214px;
}
#main{ 
 	float: left; 
 	display:inline; 
 	position: relative; 
 	width:70%; 
	background: url(../bilder/mainback.jpg) top left;
	background-repeat:no-repeat;
 }
#foot {
	background-color: #3F3F97;
	height: 10px;
	width: 100%;
	clear:both;
	position:fixed;
	bottom: 0;
}
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }
 
.clearfix{display: inline;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
.pfeil {
	margin-right: 10px;
}
.mitte {
	text-align: center;
}
.brechts {
	float: right;
	margin: 10px 10px 0 5px;
}
.neu {
	float: right;
	margin: 5px;
}
.blinks {
	float: left;
	margin: 5px;
}
table {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
	width: 95%;
	margin: 0 0 0 20px;
	border: 1px solid #000099;
}
.table2 {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
	width: 100%;
	border-top: 1px solid #000099;
}
td {
	vertical-align: top;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	background-color: #E8F7F7;
	padding: 5px 0 5px 10px;
}
.tdleft {
	vertical-align: top;
	border-left: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-right: 1px solid #000099;
	background-color: #E8F7F7;
	padding: 5px 0 5px 10px;
}
.topleft{
	font-weight: 700;
	background-color: #AADFDE;
	padding: 5px 0 5px 15px;
	border-left: 1px solid #000099;
	border-top: 1px solid #000099;
	border-right: 1px solid #000099;
}
.topright{
	font-weight: 700;
	background-color: #AADFDE;
	padding: 5px 0 5px 15px;
	border-left: 0;
	border-top: 1px solid #000099;
	border-right: 1px solid #000099;;
}
/*Ende Layout*/
/*normale Links*/
a:link {
	font: 700 x-small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
	font-size: 100%;
}
a:visited {
	font: 700 x-small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
	font-size: 100%;
}
a:hover {
	font: 700 x-small Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	text-decoration: underline;
	font-size: 100%;
}
a:active {
	font: 700 x-small Verdana, Arial, Helvetica, sans-serif;
	color: #F4F4F4;
	text-decoration: underline;
	font-size: 100%;
}

/*Navigation*/

#nav {	
	width: 940px;
	height: 38px;
	margin: 7px auto 2px auto;
	padding: 0;
	border-left: 1px solid #f4f4f4;
	float: left;
}
#nav ul {
	float: left;
	padding: 0;
	margin: 0;
	border-right: 1px solid #f4f4f4;
}
#nav li {
	float: left;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: small;
	font-weight:700;
	list-style: none;
}
#nav a {
	display: block;
	margin: auto;
	padding: 0 12px 0 12px;
	text-decoration: none;
	font-family: "Lucida Grande", sans-serif;
	font-size: small;
	font-weight:700;
	color:#ffffff;
	line-height: 40px;
	border-right: 1px solid #f4f4f4;
}
#nav a:hover {
	display: block;
	color:#FFCC00;
	padding: 0 12px 0 12px;
	font-family: "Lucida Grande", sans-serif;
	font-size: small;
	font-weight:700;
	line-height: 40px;
}
/*Subnavigation*/
#subnav  {
	list-style-type: none;
	margin: 0;
	padding:0;
	
}
#subnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#subnav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	width: auto;
	height: 20px;
	color:#333333;
	text-decoration: none;
	border-bottom: 1px solid  #EEEEEE;
	display: block;
	padding: 5px 10px 5px 25px;
	background-image: url(../bilder/subpfeil.gif);
	background-repeat:no-repeat;
	list-style-type: none;
}
#subnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	width: auto;
	height: 20px;
	color: #FFCC00;
	text-decoration: none;
	border-bottom: 1px solid  #EEEEEE;
	display: block;
	padding: 5px 10px 5px 25px;
	background: #F4F4F4;
	background-image: url(../bilder/subpfeil.gif);
	background-repeat:no-repeat;
	list-style-type: none;
}
/*Infobox und Box rechts*/
#box1  {
	float:left;
	width: 214px;
	margin: 0 10px 0 10px;
}
#box2  {
	float:left;
	width: 214px;
	margin:  0;
}
.box {
	background-image: url(../bilder/box.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.box h3 {
	background-image: url(../bilder/h3back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 95%;
	padding: 20px 10px 5px 20px;
}
.box h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 95%;
	padding: 15px 10px 5px 20px;
}
.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 85%;
	padding: 0 20px 5px 20px;
}
/*Text*/
p {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0 10px 0 25px;
	line-height: 1.3em;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	color: #333333;
	padding: 20px 10px 5px 25px;
	font-size: 110%;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	color: #333333;
	padding: 0 20px 5px 25px;
	font-size: 100%;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	color: #333333;
	padding: 0 10px 5px 20px;
	font-size:95%;
}
.end {
	background-image: url(../bilder/foot.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0;
	margin: 1px 0 0 0;
	height: 60px;
	width: 100%;
}
.linie {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 15px 0 15px;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 10px 0;
}
.li2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(../bilder/punkt.jpg);
	font-size: 100%;
	padding: 0 20px 5px 0;
	margin-left: 10px;
	list-style-type: none;
}
#siteli {
	list-style-image: url(../bilder/ordner.jpg);
	padding: 10px 0 0 40px;
	margin: 10px 0 20px 20px;
}
#siteli a {
	list-style-image: url(../bilder/ordner.jpg);
	margin: 0 0 40px 0;
}
#siteli a:hover{
	list-style-image: url(../bilder/ordner.jpg);
	margin: 0 0 40px 0;
	
}
.li3{
	list-style-image:  url(../bilder/seite.gif);
	margin: 10px 0 5px 20px;
}
.blauli {
	color: #3366FF;
	font-weight: 700;
	margin: 0 0 10px 0;
}

#container #seiten a:link {
	font: small Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000000;
}
#container #seiten a:visited {
	font: small Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000000;
}
#container #seiten a:hover {
	font: small Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #C93E5D;
}
#container #seiten a:active {
	font: small Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000000;
}
#container #seiten .here{
	font: small Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000000;
	padding: 10px;
	margin: 10px 0 10px 0;
}
#container #seiten {
	float: right;
	height: 50px;
	width: 320px;
	margin: 10px 0 10px 0;
	padding: 10px;
}
.zahl {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin: 0;
}