/* CSS Document */
body{
	padding: 0px;
	margin: 0px;
	background: #ccff99;
	color: #999999;
	font: 10px/12px Arial, Helvetica, sans-serif;
}
div, p, ul, h2, h3, h4, img, form, input, textarea{
	padding: 0px;
	margin: 0px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{ font:10px/12px Arial Arial, Helvetica, sans-serif; color:#90948d; text-decoration:none; }
p a:hover{ color:#f3b417; text-decoration:none;}

.headline{font:10px/12px Arial, Helvetica, sans-serif; color:#f3b417;}

ul.bullet li{ background: url(../images/arrow.png) 0 4px no-repeat; padding-left:17px; height:16px;}
ul.bullet li a{font:10px/12px Arial, Helvetica, sans-serif; color:#25a8d2; text-decoration:none;}
ul.bullet li a:hover{color:#f3b417; text-decoration:none}


#container{width:775px; margin:0 auto 0 auto; background: #FFFFFF;}


/* HEADER */

#headerPan{width:775px; height:189px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat;}

#headerPan img#logo{
	position: absolute;
	top: 4px;
	left: 65px;
}

#headerPan img#slogan{position:absolute; top:208px; left:576px}

#headerPan #social{width:70px; position:absolute; top:50px; left:633px}
#headerPan #social img{float:left; margin-right:4px}

#headerPan ul.menu{position:absolute; top:150px; left:76px; width:620px; height:32px}
#headerPan ul.menu li{float:left; height:32px;  margin-right:40px }
#headerPan ul.menu li a{height:32px;  display:block; text-indent:-20000px; }
#headerPan ul.menu li a:hover{height:32px; }

#headerPan ul.menu li.b01 a{ width:76px;  background:url(../images/btn_2.png) 0 0  no-repeat; }
#headerPan ul.menu li.b01 a:hover{  width:76px;  background:url(../images/btn_2_over.png) 0 0  no-repeat;}

#headerPan ul.menu li.b02 a{ width:76px;  background:url(../images/btn_2d.png) 0 0  no-repeat; }
#headerPan ul.menu li.b02 a:hover{ width:76px;  background:url(../images/btn_2_overd.png) 0 0  no-repeat;}

#headerPan ul.menu li.b03 a{ width:104px;  background:url(../images/btn_3.png) 0 0  no-repeat; }
#headerPan ul.menu li.b03 a:hover{ width:104px;  background:url(../images/btn_3_over.png) 0 0  no-repeat;}

#headerPan ul.menu li.b04 a{width:91px;  background:url(../images/btn_5.png) 0 0  no-repeat; }
#headerPan ul.menu li.b04 a:hover{ width:91px;  background:url(../images/btn_5_over.png) 0 0  no-repeat;}

#headerPan ul.menu li.b05{margin-right:0 }
#headerPan ul.menu li.b05 a{ width:91px;  background:url(../images/btn_5d.png) 0 0  no-repeat; }
#headerPan ul.menu li.b05 a:hover{ width:91px;  background:url(../images/btn_5_overd.png) 0 0  no-repeat;}

/* CONTENT */

#contentPan{width:645px; position:relative; margin:0 auto}
#contentPanPages{width:645px; position:relative; margin:0 auto; padding:200px 0; text-align:center}

#leftPan{
	width: 420px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: justify;
	font-weight: normal;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: absolute;
	font-style: normal;
}
#ent{width:180px; float:right; padding-top:13px}
#ent img#entwicklung{position:absolute; top:208px; right:10px}

#zahn1 {width:300px; float:right; padding-top:13px}
#zahn img#zahn{
	position: absolute;
	right: 5px;
	bottom: 30px;
}
#spotlight1{
	margin: 0 0 1px 0;
	height: 390px;
	font-size: 18px;
}
#spotlight{margin:0 0 1px 0;}
#spotlight h1{
	width: 640px;
	height: 46px;
	no-repeat; 			
	margin-bottom: 12px;
	font: 32px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 24px;
	color: #90948d;
}

#support h2{width:230px; height:32px; background:url(../images/h_support.png) 0 0 no-repeat; margin-bottom:15px}
#support p{margin-bottom:10px}
#support ul.bullet{margin-left:5px}

#ontime{margin:0 0 20px 0;}
#ontime h2{width:355px; height:32px; background:url(../images/h_ontime.png) 0 0 no-repeat; margin-bottom:15px}
#ontime img{float:left; margin-right:10px}
#ontime p{padding-top:5px}
#ontime ul.bullet{margin-left:5px}

#solutions h2{width:355px; height:32px; background:url(../images/h_solutions.png) 0 0 no-repeat; margin-bottom:15px}
.solutionsItem {float:left; width:145px}
.solutionsItem img{float:left; margin-right:10px}
#solutionsItem1, #solutionsItem3 {margin-right:30px} 



/* FOOTER */

#footerPan{width:645px; height:32px; margin:0 auto 20px auto; background:url(../images/b_footer.png) 0 0 no-repeat}
#footerPan p{padding: 8px 0 0 0; font:10px/16px Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#container #contentPan #leftPan {

}
#leftPan {
	text-align: justify;
}
#container #contentPan #spotlight {
	font-size: 18px;
	color: #666666;
}
.formular {
	font-size: 14px;
	
}
#spotlight2{
	font-size: 12px;