* { margin: 0; padding: 0; }

body{
 background-color:#fff;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:normal; 
 letter-spacing:0.1em; 
 color:#c5c7c8;
}
h1{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 letter-spacing: 4px;
 padding-bottom: 0px;
 padding-top: 0px;
 color:#fff;
 margin:0px;
}

h2{
 background-image: url(h2.gif);
 background-repeat:no-repeat;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:bold;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 padding-top: 0px;
 padding-bottom: 3px;
 color:#c5c7c8;
 text-decoration:none;
 }
h3{
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:bold;
 padding:0px;
 margin:0px;
}
p { 
 margin-top: 10px;
 margin-left: 0px;
 margin-bottom: 10px;
}
p.klein { 
 padding-top: 2px;
 margin:0px;
}
p.bold{ 
 font-weight:bold;
}
p.adresse{ 
 padding-top: 0px;
 margin:0px;
}
.klein{
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color:#000;
 font-weight:normal;
 }
a { 
	color:#c1d82f;
	text-decoration:none;
}

/*--------------------- Layout start ----------------------*/

#container {
 width: 983px;
}
#top {
 background-image: url(bg_top.jpg);
 width: 983px;
 height:66px;
}
#topbanner {
 background-image: url(topbanner.jpg);
 width: 983px;
 height:149px;
}
#cont_gruen{
 width: 981px;
 background-color:#000;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:60px;
} 
#cont_gruen_home{
 width: 981px;
 background-color:#fff;
 padding-bottom:60px;
 height:290px;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #000;
} 
#footer{
 background-image: url(bg_footer.jpg);
 background-repeat:no-repeat;
 width: 983px;
 height:205px;
 text-align:left;
 padding-top:15px;
 padding-left:40px;
} 
.clearboth{
 clear:both;
} 

#cont_gruen_dyn_bg{
 width: 981px;
 background-color:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:41px;
 height:326px;
} 
#ueber_uns_dyn_bg{
 width: 981px;
 background-color:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:75px;
 height:326px;
} 

#ueber_uns_bg{
 background-image: url(ueber_uns_bg.jpg);
 background-repeat:repeat;
 position:relative;
 top:26px;
 left:0px;

 text-align:left;
 width:981px;
 height:376px;
	}
#ueber_uns_content{
 background-image: url(grey_transparent1.png);
 background-repeat:repeat;
 position:relative;
 left:0px;

 text-align:left;
 padding-top:20px;
 padding-left:37px;
 padding-right:30px;
 padding-bottom:10px;
 width:500px;
 height:280px;
}
#cont_gruen_kontakt{
 width: 981px;
 background-color:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:25px;
} 
#kontakt_dyn_bg{
 width: 981px;
 background-color:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:96px;
} 
#kontakt_bg{
 background-image: url(projekte_bg.jpg);
 background-repeat:repeat;
 position:relative;
 top:26px;
 left:0px;
 text-align:left;
 width:981px;

	}
#kontakt_content{
 float:left;
 position:relative;
 left:0px;
 text-align:left;
 padding-top:20px;
 padding-left:37px;
 padding-right:30px;
 padding-bottom:50px;
 width:332px;
}
#kontakt_transparent{
 background-image: url(grey_transparent1.png);
 background-repeat:repeat;
 position:relative;
 left:0px;
 width:981px;
}
#kontakt_contentright{
 float:right;
 position:relative;
 left:0px;
 text-align:left;
 padding-top:20px;
 padding-left:37px;
 padding-right:30px;
 padding-bottom:50px;
 width:515px;
}
#projekt_dyn_bg{
 width: 981px;
 background-color:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:26px;
} 
#projekte_bg{
 background-image: url(projekte_bg.jpg);
 background-repeat:repeat;
 position:relative;
 top:26px;
 left:0px;

 text-align:left;
 width:981px;

	}
#projekte_content{
 background-image: url(grey_transparent1.png);
 background-repeat:repeat;
 position:relative;
 left:0px;
 padding-top:20px;
 padding-left:37px;
 padding-right:30px;
 padding-bottom:10px;
}
#das_team_bg{
 background-image: url(ueber_uns_bg.jpg);
 background-repeat:repeat;
 position:relative;
 top:26px;
 left:0px;
 text-align:left;
 width:981px;
	}
#das_team_content{
 background-image: url(grey_transparent1.png);
 background-repeat:repeat;
 position:relative;
 left:0px;
 padding-top:20px;
 padding-left:37px;
 padding-right:30px;
 padding-bottom:10px;
 width:500px;
}
#cont_gruen_leistungen{
 width: 981px;
 background-color:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:25px;
} 
#leistungen_bg{
 background-image: url(projekte_bg.jpg);
 background-repeat:repeat;
 position:relative;
 top:26px;
 left:0px;
 text-align:left;
 width:981px;
}

#leistungen_content{
 background-image: url(grey_transparent1.png);
 background-repeat:repeat;
 position:relative;
 left:0px;
 text-align:left;
 padding-top:20px;
 padding-left:37px;
 padding-right:30px;
 padding-bottom:10px;
 width:915px;
}
#cont_gruen_philosophie{
 width: 981px;
 background-color:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-top:1px solid #fff;
 padding-bottom:25px;
} 
#philosophie_bg{
 background-image: url(sand.jpg);
 background-repeat:repeat;
 position:relative;
 top:26px;
 left:0px;
 text-align:left;
 width:981px;
 height:350px;
	}

#philosophie_content{
 background-image: url(grey_transparent1.png);
 background-repeat:repeat;
 position:relative;
 left:0px;
 text-align:left;
 padding-top:20px;
 padding-left:37px;
 padding-right:30px;
 padding-bottom:10px;
 width:500px;
}
.inhalttxt{
 text-align:left;
 width:850px;
 height:400px;
}

#containerinhalt{
 position:relative;
 top:26px;
 left:-72px;

 background-color:#c5c7c8;

 text-align:left;
 padding-left:37px;
 padding-right:30px;
 width:770px;
}
.inhalttxt{
 text-align:left;

 width:850px;
 height:400px;
}

/*--------------------- Layout stop ----------------------*/
/*--------------------- MENUE start ----------------------*/
	#tabsmenu {position:relative;top:118px;background: transparent;height:31px;}
	html > #tabsmenu {height:31px;}

/*hacks ie6
  * html 	#tabsmenu .item2 {background:#FFFFFF;}
	* html  #tabsmenu .item {background:#464546;}
*/
	#tabsmenu .img,#tabsmenu .item,#tabsmenu .item2 {float: left;}
	#tabsmenu .item {background:#464546;padding-bottom:10px;}
	#tabsmenu .item2 {background:#FFFFFF;padding-bottom:10px;}
	#tabsmenu .item A,#tabsmenu .item2 A {padding: 0px 8px;line-height:21px; font-family: Verdana;font-weight:bold;font-size: 1.1em;text-decoration:none;}
	#tabsmenu .item A {color: #909194;height:31px;}
	#tabsmenu .item2 A {color: #000;height:61px;background-color:#fff;}
	#tabsmenu .item A:hover,#tabsmenu2 .item A:hover {text-decoration:none;color: #fff;}


#unternavi{
position:relative;
z-index:9;
left:-61px;
top:125px;
text-align:left;
font-weight:normal;
width:800px;
height:20px;
}

#unternavi ul {
 list-style-type: none;
 font-size: 11px;
}

#unternavi li {
display: inline;

}

#unternavi li a, #unternavi li a:link ,#unternavi li a:visited{
text-decoration: none;
color: #000000;
padding-right:10px;
padding-top:14px;
}

#unternavi li a:hover, #unternavi li a:focus, #unternavi li a#current {
text-decoration: none;
padding-right:10px;
padding-top:13px;
padding-bottom:19px;
color: #000;
background-image: url(unternavi_aktiv.png);
background-repeat:no-repeat ;
background-position:center;
height:60px;
}

/*--------------------- MENUE start ----------------------*/

#navtopright{
 float:right;
 width:500px;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align:right;
 padding-top:6px;
 padding-right:30px;
}
#navtopright a{
 color:#000;
 text-decoration:none;
 font-weight:normal;
 }
#navtopright li{
 padding-left: 5px;
 padding-right: 5px;
 display: inline;
 list-style-type: none; 
}




#navtopleft{
 position:relative;
 left:18px;
 top:-3px;
 float:left;
 width:300px;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align:left;
 padding-top:8px;
 padding-right:30px;
}
#navtopleft a{
 color:#000;
 text-decoration:none;
 font-weight:normal;
 }
#navtopleft li{
 padding-left: 5px;
 padding-right: 5px;
 display: inline;
 list-style-type: none; 
}
/*--------------------- Slide Start ----------------------*/
#containerslides{position:relative;z-index:101;top:20px;width:983px;text-align:left;}
.abstand{padding-left:38px;padding-top:24px;padding-right:400px;}
#philosophie_bg_alt { 
 position:relative;
 z-index:105;
 top:0px;
 background-image:url(philosophie.jpg);
 width:981px;
 height:350px;
}
#kommunikation_bg_alt { 
 position:relative;
 z-index:105;
 top:0px;
 background-image:url(kommunikation.jpg);
 width:981px;
 height:350px;
}
#analyse_bg_alt { 
 position:relative;
 z-index:105;
 top:0px;
 background-image:url(analyse.jpg);
 width:981px;
 height:350px;
}
#beratung_bg_alt { 
 position:relative;
 z-index:105;
 top:0px;
 background-image:url(beratung.jpg);
 width:981px;
 height:350px;
}
#design_bg_alt { 
 position:relative;
 z-index:105;
 top:0px;
 background-image:url(design.jpg);
 width:981px;
 height:350px;
}
#produktion_bg_alt { 
 position:relative;
 z-index:105;
 top:0px;
 background-image:url(produktion.jpg);
 width:981px;
 height:350px;
}

/*#mySlides{		
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; 
	color:#000;
  text-align:left; 
  width:983px;
  
  
}
#myController{position:relative;z-index:102;top:-15px;left:27px;width:953px;}
#myController li{
  background-image:url(button_bg.jpg);
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color:#000;
  cursor:pointer;
  display: inline;  
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-top: 1px;
 }

#jFlowSlide{
width:983px;	
}

#myController li.jFlowSelected {

 }


.jFlowPrev, .jFlowNext{
cursor:pointer;
  }

#myController2 li{
cursor:pointer;
}

#jFlowSlide2{
margin:0px;
}

#myController2 li.jFlowSelected2 {
margin:0px;
}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
margin:0px;
}


#myController3 li{
margin:0px;
cursor:pointer;
}

#jFlowSlide3{
margin:0px;
}

#myController3 li.jFlowSelected3 {
margin:0px;
}

.jFlowPrev3, .jFlowNext3{
cursor:pointer;
}*/



#slide_container{width:983px;height:370px;}
.hidden{display: none;}
* html #zurueck{width:90px;float:left;position:relative;left:36px;top:-13px;}
#slidenavi{float:right;position:relative;right:30px;top:-10px;}
#zurueck{width:20px;height:20px;float:left;}
#vor{width:20px;height:20px;float:left;}

#mySlides{			  
	color:#000;
  text-align:left;
  padding-top:10px;
  margin:0px; 
}
#myController{float:left;position:relative;top:5px;}
#myController li{
  background-image:url(button_bg.jpg);
	color:#5a5a59;
  cursor:pointer;
  display: inline;  
  width:10px;
  height:10px;
  margin:10px;
  padding-left:5px;
  padding-top:2px;
  padding-bottom:2px;
 }

#jFlowSlide{
	color:#000;
  text-align:left;
  line-height:12px; 
}

#myController li.jFlowSelected {
	color:#fff;
  background-color:#c1d82f;
 }


.jFlowPrev, .jFlowNext{
cursor:pointer;
  }

#myController2 li{
cursor:pointer;
}

#jFlowSlide2{
margin:0px;
}

#myController2 li.jFlowSelected2 {
margin:0px;
}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
margin:0px;
}


#myController3 li{
margin:0px;
cursor:pointer;
}

#jFlowSlide3{
margin:0px;
}

#myController3 li.jFlowSelected3 {
margin:0px;
}

.jFlowPrev3, .jFlowNext3{
cursor:pointer;
}

/*--------------------- Slide Stop ----------------------*/
/*--------------------- Formulare start ----------------------*/

.text { 
 color:#c5c7c8; 
 font-size:11px; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
}
.textarea{ 
border-color: #7f9db9;
border-style: solid;
border-width: 1px;
font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color:#000; 
}
.bgform {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-color: #7f9db9;
 border-style: solid;
 width: 120px;
 border-width: 1px;
 color: #000;
}
.bgformtip {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-color: #7f9db9;
 border-style: solid;
 width: 200px;
 border-width: 1px;
 color: #000;
}
.bgformsearchbox {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-color: #7f9db9;
 border-style: solid;
 width: 100px;
 border-width: 1px;
 color: #000;
}
.bgformspam{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-color: #7f9db9;
 border-style: solid;
 width: 50px;
 border-width: 1px;
 color: #000;
}
.bgformspamtip{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-color: #7f9db9;
 border-style: solid;
 width: 50px;
 border-width: 1px;
 color: #000;
}
.bgformsuche {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-color: #7f9db9;
 border-style: solid;
 border-width: 1px;
 color: #000;
}
.bgformselect {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-color: #7f9db9;
 border-style: solid;
 border-width: 1px;
 color: #000;
}
.captcha img{width:92px;height:25px;}

/*--------------------- Referenzen start ----------------------*/

/*--------------------- LIST VIEW Referenzen start ----------------------*/

.news-list-container_referenzen{
 width: 1001px;
 padding-bottom:30px;
 }
.news-list-item_referenzen{
 float:left;
 width: 400px;
 min-height: 280px;
 padding-bottom:5px;
 padding-right:99px;
	}
.news-list-image_referenzen{
 border:1px solid #c1d82f;
 width: 400px;
	}
.news-list-title_referenzen{
	padding-top:20px;
	}
.news-list-subheader_referenzen{
	font-size:11px;
	}
.news-list-morelink_referenzen a{
	font-size:11px;
	color:#c5c7c8;	
	}
/*--------------------- SINGLE VIEW Referenzen start ----------------------*/
.news-single-item_referenzen_rahmen{	
 width: 910px;
 }

.news-single-item_referenzen_left{	
 float:left;
 width: 601px;
 padding-bottom:30px;
 padding-left:25px;
 }
.news-single-item_referenzen_right{	
 float:left;
 width: 150px;
 padding-left:108px;
 }
.news-single-title_referenzen{
 padding-bottom:30px;
	}
.news-single-subheader_referenzen{
 padding-bottom:20px;
	}
.news-single-content_referenzen{
 padding-bottom:20px;
	}
.news-single-image_referenzen{
 width:480px;
 padding-bottom:20px;

	}
.news-single-video_referenzen{
 width:480px;
 padding-bottom:30px;
	}
.news-single-multimediabox_referenzen{
 width:900px;
	}
.news-single-subheader_info_kunde{
 position:relative;
 top:47px;
 width: 180px;
 padding-bottom:20px;
 color:#c5c7c8;
 font-size:11px;
 	}	
.news-single-subheader_kundenmeinung{
 position:relative;
 top:47px;
 width: 180px;
 padding-bottom:20px;
 color:#c5c7c8;
 font-size:11px;
	}	

/*--------------------- Referenzen stop ----------------------*/

/*--------------------- LIST VIEW TEAM start ----------------------*/

.news-list-container_team{
 width: 901px;
 padding-bottom:30px;
 padding-left:8px;
 }
.news-list-item_team{
 float:left;
 width: 420px;
 padding-left:30px;
 padding-bottom:30px;
	}
.news-list-title_team_rahmen{

	}
.news-list-image_team{
  width:220px;
  float:left;
	}
.news-list-title_team{
  width:360px;
	padding-top:20px;
	}
.news-list-subheader_team{
	float:left;
	font-size:11px;
	}
.news-list-subheader_team a{	
}
/*--------------------- SINGLE VIEW TEAM start ----------------------*/
.news-single-item_team_rahmen{	
 width: 710px;
 }

.news-single-item_team_left{	
 float:left;
 width: 701px;
 padding-bottom:30px;
 padding-left:25px;
 }
.news-single-item_team_right{	
 float:left;
 width: 150px;
 padding-left:8px;
 }
.news-single-title_team{
 padding-bottom:30px;
	}
.news-single-subheader_team{
 padding-bottom:20px;
	}
.news-single-content_team{
 padding-bottom:20px;
	}
.news-single-image_team{
 width:350px;
 float:left;
 padding-bottom:20px;
	}


/*--------------------- TEAM stop ----------------------*/

/*--------------------- LIST VIEW Presse start ----------------------*/

.news-list-container_presse{
 width: 1001px;
 padding-bottom:30px;
 }
.news-list-item_presse{
 float:left;
 width: 370px;
 min-height: 280px;
 padding-bottom:5px;
 padding-right:99px;
	}
.news-list-image_presse{
 border:1px solid #c1d82f;
 width: 400px;
	}
.news-list-title_presse{
	padding-top:20px;
	
	}
.news-list-subheader_presse{
	font-size:11px;
	}
.news-list-morelink_presse a{
	font-size:11px;
	color:#c1d82f;	
	}
/*--------------------- SINGLE VIEW Presse start ----------------------*/
.news-single-item_presse_rahmen{	
 width: 910px;
 }

.news-single-item_presse_left{	
 float:left;
 width: 601px;
 padding-bottom:30px;
 padding-left:25px;
 }
.news-single-item_presse_right{	
 float:left;
 width: 150px;
 padding-left:108px;
 }
.news-single-title_presse{
 padding-bottom:30px;
	}
.news-single-subheader_presse{
 padding-bottom:20px;
	}
.news-single-content_presse{
 padding-bottom:20px;
	}
.news-single-image_presse{
 width:480px;
 padding-bottom:20px;

	}
.news-single-video_presse{
 width:480px;
 padding-bottom:30px;
	}
.news-single-multimediabox_presse{
 width:900px;
	}
.news-single-subheader_info_kunde{
 position:relative;
 top:47px;
 width: 180px;
 padding-bottom:20px;
 color:#c5c7c8;
 font-size:11px;
 	}	
.news-single-subheader_kundenmeinung{
 position:relative;
 top:47px;
 width: 180px;
 padding-bottom:20px;
 color:#c5c7c8;
 font-size:11px;
	}	

/*--------------------- Presse stop ----------------------*/


/*--------------------- Kiwi Accordion  ----------------------*/
.ka-panel {
	padding-right: 40px;
	padding-left: 10px;
	margin-bottom:10px;
	background-color:#b9d911;
}
.ka-panel p {
	margin:0 0 5px 0;
}
.ka-handler {
	cursor:pointer;
	margin-bottom:5px;
	background:url(bullet_arrow_up.png) no-repeat right center;
}
.ka-panel.close .ka-handler {
	background-image:url(bullet_arrow_down.png);
}
.ka-panel.hover .ka-handler{
	text-decoration:underline;
}
.ka-content {
	margin-bottom:10px;
}
.ka-border {
	margin:10px 0;
	padding:5px;
	background:#b9d911;
	border-left:20px solid #949494;
}
.ka-border p {
	margin:0;
}