/*--- Allgemein ------------------------------------------------------*/
html { 
	padding: 0px;  
	margin-bottom: 1px; 
	height: 100%;
	}

body { 
	margin: 0px auto; 
	padding: 10px 0pt; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #dfe2e5; 
	text-align: center; 
	}


#container{
	margin:0 auto;
	width:980px;
	position:relative;
	height:auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #003b80;
	}
	


.navigation{
	text-align:center;
	position:relative;	
	width:980px;
	height:23px;
	background: #ffffff;
}

.header{
	margin:1px 0px 1px 0px;
	position:relative;	
	width:980px;
	height:166px;
	background-image: url(../images/header.png);
	background-repeat:no-repeat;
}

.hauptteil{
	text-align:center;
	width:980px;
	position:relative;
	height:auto;
	min-height: 500px;
	background: #003b80;
	}
	

.inhalt{
	float:left;
	width: 699px;
	height:auto;
	min-height:500px;
	padding:20px 20px 30px 30px;
	margin-bottom:5px;
	text-align:left;
	font-size:13px;
	color:#ffffff;
	border-right: 1px solid #ffffff;	
}

.inhalt h1{
color:#e08d48;
}

.inhalt h2{
color:#efe096;
}

.clear_left {
clear: left;
}

.clear_right{
clear: right;
}


	
/*--- Navigation ------------------------------------------------------*/	
	
.mainlevel {
	color:#363535;
	font-size:13px;
	text-decoration: none;
	list-style-type: none;
	padding: 0px 20px;
	}

.mainlevel:hover {
color:#ffffff;
}
	
#active_menu{
color:#ffffff;
}

.navigation a+a{
border-left: 1px solid #ffffff;
}


/*--- Navigation ------------------------------------------------------*/

#navigation{
text-align:center;
list-style-type: none;
display: inline;
}
#navigation span {

}
#navigation li {
display: inline;
}

#navigation a {

float: left;
padding: 0px 28px;
margin: 0px 7px 0px 0px;
width:128px;
height:28px;
text-decoration: none;
font-size: 16px;
color: #003b80;
}

#navigation a.active, #navigation a:hover {
color: #e08d48;
}




.textblock {
position:relative;
float: left;
padding: 0px 0px;
margin: 0px 20px 0px 0px;
width:350px;
height:auto;
text-decoration: none;
}

.bildblock {
position:relative;
float: left;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
width:300px;
height:auto;
text-decoration: none;
}



/*--- Infobox ------------------------------------------------------*/

.infobox{
float:left;
width:230px;
height:auto;
}

.info_rahmen{
	text-align:center;
	position:relative;
	top:0px;
	left:0px;	
	width:180px;
	height:auto;
	margin: 0px 10px 0px 20px;
}

.info_inhalt{
position:relative;
text-align:left;
top:45px;
left:0px;	
	width:160px;
	height:auto;
	font-size: 10px;
}
/*--- footer ------------------------------------------------------*/
.footer{
	width:980px;
	position:relative;
	height:20px;
	text-align: center;
		background: #dfe2e5; 
	padding:5px 0px 0px 0px;
	font-size:10px;
	}
	
.footer a{
text-decoration:none;
color:#000000;	
}

/*---Flaggen------------------------------------------*/
.flaggen {
position: relative;
float:right;
left: 0px;
top: 20px;
width:140px;
height:24px;
background: #ffffff;
}

.flagge {
position: relative;
float: left;
margin-top:2px;
margin-left:10px;
margin-right:10px;
width:41px;
height:20px;
}