@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;border-style:none;}

body{
	background-image:url(../img/pattern_body.jpg);
	font-size:100%;
	}

h1{
	font-size:14px;
	font-size:0.875rem;
	color:#a9c938;
	text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 0px;
	}

h2{
	font-size:14px;
	font-size:0.875rem;
	color:#1e89cf;	

	}
	
h3{
	font-size:12px;
	font-size:0.75rem;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:2px;
	}
	
#all{
	position:relative;
	top:0px;
	width:960px;
	margin:auto;
	font-family:Verdana, Geneva, sans-serif;
	color:#707070;
	font-size:12px;
	font-size:0.75rem;
	line-height:1.4
}

#header{
	position:fixed;
	top:0px;
	width:920px;
	padding: 0 20px 0 20px;
	height:100px;
	background-color:#FFF;
	background-image:url(../img/dot_gruen.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	z-index:200;
	}
	
#logo{
	margin-top:15px;
	width: 380px;
	float:left;	
	
	}
	
#navi{
	padding-top:30px;
	float:left;
	}

a{
  text-decoration: none;
  font-size:12px;
  color:#707070;
  }
  
a:hover{
  color:#a9c938;
  }


#navi ul{
		list-style-type: none;
		float:left;
		padding-right:20px;
		}
	
#claim{
	padding-top:29px;
	font-size:16px;
	font-size:1.0rem;
	color:#a9c938;
	float:right;
	text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 0px;
	}

	
#home{
	padding: 20px 0 0 20px;
	margin-top:3px;
	height: 550px;
	background-color:#f7f7f7;
	}
	
#unternehmen{
	padding: 20px 0 0 20px;
	margin-top:3px;
	height: 432px;
	background-color:#f7f7f7;
	}
	
#leistungen{
	padding: 20px 20px 0 20px;
	margin-top:3px;
	height: 390px;
	background-color:#f7f7f7;
	}
	
#konstruktionsberatung{
	padding: 20px 20px 0 20px;
	margin-top:3px;
	height: 400px;
	background-color:#f7f7f7;
	}
	
#qualitaetssicherung{
	padding: 20px 20px 0 20px;
	margin-top:3px;
	height: 360px;
	background-color:#f7f7f7;
	}
	
#kooperationen{
	padding: 20px 20px 0 20px;
	margin-top:3px;
	height: 360px;
	background-color:#f7f7f7;
	}
	
#kontakt{
	padding: 20px 20px 0 20px;
	margin-top:3px;
	height: 360px;
	background-color:#f7f7f7;
	}
	
#impressum{
	padding: 20px 20px 0 20px;
	height:645px;
	margin-top:3px;
	background-color:#f7f7f7;
	}

#datenschutz {
	padding: 20px 20px 0 20px;
	height:1420px;
	margin-top:3px;
	background-color:#f7f7f7;
}

.anker{
	height:100px;
	clear:both;
	background-color:#f7f7f7;

	}
	
.anker_imp{
	height:100px;
	clear:both;
	background-color:#f7f7f7;
	background-image:url(../img/dot_gruen.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}	
	
	
.nachoben{
	position:relative;
	font-size:9px;
	font-size:0.5625rem;
	left:886px;
	top:80px;
	width:70px;
	}

	
	
#footer{
	margin-top:3px;
	padding: 20px 20px 0px 20px;
	height:140px;
	font-size:10px;
	font-size:0.625rem;
	color:#f7f7f7;
	background-image:url(../img/footer_HG.jpg);
	background-repeat:no-repeat;
	background-color:#006685;
	clear:both;
	}
	
#footer ul{
	list-style-type: none;		
	}
	
#footer div{
	}
 
#footer a{
	color:#f7f7f7;
		font-size:10px;
	font-size:0.625rem;
	}
	
#footer a:hover{
	color:#a9c938;
	}
	
#rights{
	text-align:right;
	margin-top:110px;
	}	
	

	
#unternehmen_inahlt{
	height:500px;
	}
	
	
.box1 {
	float:left;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #dedede;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
}


.box_headline {
	width:335px;
	background-color: #fff;
	padding: 10px;
	margin-bottom:5px;
	border: 1px solid #dedede;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
}



/*--------------- SLIDER Start --------------*/



.slider {
	margin-top:3px;
	z-index:100;
	background-color:#f7f7f7;
}

.slides_container {
	width:960px;
	height:400px;
	overflow:hidden;
	position:relative;
	display:none;
}


.slider .slide {
	width:960px;
	height:400px;
}

/*
	Next/prev buttons
*/
.slides .next,.slides .prev {
	position:absolute;
	display:block;
	top:550px;
	left:800px;
	z-index:150;
}

.slides .next {
	left:845px;
}

/*
	Pagination
*/

.pagination {
	float:right;
	padding-top:10px;
	padding-right:20px;
	z-index:140;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image: url(../img/sliderampel.jpg);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	right:0;
	height:60px;
	padding:5px 20px 0 20px;
	background:#1e89cf;
	background:rgba(30,137,207,.8);
	filter: alpha(opacity=80);
	-moz-opacity:0.7;
	width:520px;
	font-size:1.3rem;
	line-height:1.33;
	color:#fff;
	text-shadow:none;
}

.caption span{
	font-size:12px;
	}



/*--------------- SLIDER unternehmen --------------*/


.slider .slide_u {
	width:540px;
	height:250px;
}