@charset "utf-8";
/* CSS Document by ideensturm® Werbeagentur - ideensturm-werbeagentur.de */


body {
	background-color: #FFFFFF;
	background-image: url('../img/bg_01.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
  	color: #FFFFFF;  
  	padding: 0px;
  	margin: 0px;
  	text-align: center;
}

#wrapper { 	
  	text-align: left;
  	vertical-align: middle;	
  	margin: 0px auto;
  	padding: 0px;
  	width: 890px;
  	background-color: #ffffff;
}

#head {
	float: left;
	display: inline;
  	margin: 0px;
  	padding: 0px;
	padding-right: 20px;
	padding-top: 20px;
  	width: 870px;
	height: 89px;
  	background-color: #ffffff;
	background-image: url('../img/head_01.jpg');
	background-repeat: no-repeat;
	text-align: right;
}

#sub_navigation {
	float: left;
	display: inline;
	width: 810px;
	}

#sub_navigation a {
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	}

#sub_navigation a:hover {
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: underline;
	}

#flaggen {
	float: left;
	display: inline;
	width: 60px;
	
	}

#flaggen img {
	float: left;
	display: inline;
	padding-left: 10px;
	}

#navigation {
	float: left;
	display: inline;
	margin: 0px;
  	padding: 0px;
  	width: 890px;
	height: 28px;
	background-image: url('../img/navi_bg_01.jpg');
	background-repeat: repeat-x;
}

ul.navi {
	float: left;
	display: inline;
	margin: 0px;
	margin-left: 65px;
	padding: 0px;
	list-style: none;
	}

ul.navi li {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}

ul.navi li a {
	float: left;
	display: inline;
	padding: 6px 18px 7px 18px;
	margin: 0px;
	margin-right: 15px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	background: none; 
	}

ul.navi li a:hover {
	float: left;
	display: inline;
	padding: 6px 18px 7px 18px;
	margin: 0px;
	margin-right: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	background-color: #58a8d1;
	background-image: url('../img/navi_bg_acc_01.jpg');
	background-repeat: repeat-x; 
	}

ul.navi li a.act {
	float: left;
	display: inline;
	padding: 6px 18px 7px 18px;
	margin: 0px;
	margin-right: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	background-color: #58a8d1;
	background-image: url('../img/navi_bg_acc_01.jpg');
	background-repeat: repeat-x; 
	}
	
#head_pic {
	margin: 0px;
  	padding: 0px;
	float: left;
	display: inline;
	width: 890px;
	height: 299px;
	}

#wrap_content {
	float: left;
	display: inline;
	margin: 0px;
  	padding: 0px;
  	width: 890px;
	height: 490px;
	background-image: url('../img/content_bg_02.jpg');
	background-repeat: no-repeat;
}

#wrap_content_produkt {
	float: left;
	display: inline;
	margin: 0px;
  	padding: 0px;
  	width: 890px;
	height: 960px;
	background-image: url('../img/content_bg_03.jpg');
	background-repeat: no-repeat;
}

#wrap_content_konstruktion {
	float: left;
	display: inline;
	margin: 0px;
  	padding: 0px;
  	width: 890px;
	height: 536px;
	background-image: url('../img/content_bg_04.jpg');
	background-repeat: no-repeat;
}

#wrap_content_service {
	float: left;
	display: inline;
	margin: 0px;
  	padding: 0px;
  	width: 890px;
	height: 728px;
	background-image: url('../img/content_bg_05.jpg');
	background-repeat: no-repeat;
}

#left {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 245px;
	}

.left_kontakt {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	font-size: 10px;
	line-height: 13px;
	}

.kontakt_uber {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
  	color: #64aed4;
	font-weight: bold;
	padding-left: 10px;
	}

.kontakt_uber a {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
  	color: #64aed4;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
	}

.kontakt_pic {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
	
.tuev_siegel {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	padding-top: 55px;
	width:113px;
	}
	
#middle {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-top: 85px;
	width: 165px;
	}

#middle_kontakt {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 258px;
	}

#middle_kontakt p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
  	color: #FFFFFF;
	line-height: 18px;  
	}

#content {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 400px;
	}

#content p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
  	color: #FFFFFF;
	line-height: 18px;  
	}

#content p a {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
  	color: #FFFFFF; 
	}
	
#content_kontakt {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 285px;
	}

#content_kontakt p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
  	color: #FFFFFF;
	line-height: 18px;  
	}
	
p.content_end {
	border-bottom: 1px #64aed4 solid;
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	}

#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 10px;
	color: #8d8d8d;
	background-image: url('../img/pfeil_footer_01.jpg');
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-left: 35px;
	height: 30px;
	}


.impressum_link {
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	}

.impressum_link:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #ffffff;
	}