@charset "UTF-8";
style {
}

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	margin:0;
	padding:0;
	background-repeat: repeat-x;
	background-color: #969696;
	background-image: url(../images/head_right.gif);
	}

h1	{
	font-size:34px;
	color: #0099cc;
	}

h2	{
	font-size:18px;
	color: #424242;
	line-height:19px;
	}
	
a	{
	color:#FFF;
	}

#wrapper{
	width:1260px;
	height:auto;
	min-height:1px;
	margin-bottom:30px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	}

	
	
/*--------------------head--------------------*/

#head_left{
	width:135px;
	height:108px;
	float:left;
	background-color: #FFF;
	background-repeat:repeat-x;
	}
	
#head_logo{
	width:216px;
	height:108px;
	float:left;
	}
	
#head_middle{
	width:614px;
	height:108px;
	float:left;
	background-color:#FFFFFF;
	}
#head_middle_verdraenger{
	width:614px;
	height:58px;	
	float:left;
}
#kontakt_oben{
	width:314px;
	height:68px;
	float:left;
	color:#969696;
	font-size:18px;
	padding-top:14px;
}
	
#head_picture{
	width:191px;
	height:178px;
	float:left;
	background-image: url(../images/head_picture.png);
	margin-bottom:-70px;
	}
	
#head_right{
	height:108px;
	width:104px;
	float:left;
	background-image:url(../images/head_right.gif);
	}

	
	
/*--------------------navi--------------------*/

#navi{
	width:351px;
	background-color:#969696;
	min-height:1700px;
	background-image: url(../images/navi_background.png);
	background-repeat:repeat-y;
	
	float:left;
	padding-top:20px;
	}
	
#navi ul {
	list-style: none;
	}

#navi li {
	display: inline;
	}

#navi a {
	display: block;
	height: 20px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	font-weight:bold;
	padding-left:115px;
	padding-top:5px;
	padding-bottom:5px;
	color: #0099cc; 
	}

#navi a:hover {
	color: #EAEAEA;
	background-color:#C0C0C0;
	}


	
	
/*--------------------content--------------------*/

#content{
	width:800px;
	height:auto;
	margin-top:90px;
	margin-left:20px;
	background-color:#969696;
	float:left;
	padding-left:50px;
	padding-bottom:50px;		
	}
	
#content ul{
	list-style-type: circle;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
	
.text{
	padding-right:250px;
	}
		
	
	
/*--------------------footer--------------------*/

#footer {
	padding-top:10px;
	padding-bottom:10px;
	position: fixed;
	height:30px;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(../images/footer2.gif);
	background-repeat:repeat-x;
	margin-right: auto;
	margin-left: auto;
	}
	
#subnavi {
	width:1000px;
	height: 25px; /* negative value of footer height */
	clear:both;
	position: bottom;
	margin-right: auto;
	margin-left: auto;
	}

#subnavi ul {
	margin-top:10px;
	margin-right:5px;
	list-style: none;
	float: right;
	}

#subnavi li {
	display: inline;
	}

#subnavi a {
	display: block;
	float: left;
	height: 20px;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #999999;
	padding-left:5px;
	padding-right:5px;
	margin-top:-5px;
	margin-left:5px;
	color: #999;
	}

#subnavi a:hover {
	color:#CCC;
	}

#subnavi .active a {
	color: ##999999;
	}