body{
	font-family:Arial, sans-serif;
	font-size:12px;
	margin:0px;
	color:#fff;
}

.body_black{
	background:url(../pics/bg_black.jpg) repeat-x #302d31;
}

.body_pink{
	background:url(../pics/bg_pink.jpg) repeat-x #8e004d;
}

.body_blau{
	background:url(../pics/bg_blau.jpg) repeat-x #01618d;
}

.body_gruen{
	background:url(../pics/bg_gruen.jpg) repeat-x #5a7713;
}

.body_orange{
	background:url(../pics/bg_orange.jpg) repeat-x #942d04;
}


.blau {color:#02bfee;}
.pink {color:#e70088;}
.gruen {color:#9ad409;}
.orange {color:#fe8503;}

.hellblau{color:#abe4fe;}
.hellpink{color:#fe6daf;}
.hellgruen{color:#b0df5f;}
.hellorange{color:#febd21;}


img {
	border:none;
}



/*:::::::::::::::::::::::::::::::::::::::::::::---INDEX.HTML---:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.wrapper_index{
	width:810px;
	height:600px;
	padding-top:200px;
	padding-left:214px;
	margin-left:auto;
	margin-right:auto;
	}

/*---------------------------------------------CM_LOGO----------------------------------------------------*/

.cm_logo_index{
	background:url(../pics/cm_logo_black.jpg) no-repeat;
	text-indent:-10000px;
	margin:0px;
	height:50px;
	}

/*---------------------------------------------CONTENT----------------------------------------------------*/

.content_index{
	margin-top: 40px;
	}

/*---------------------------------------------ICONS---------------------------------------------------*/
.icons_index a{
	margin-right:61px; 
	}

/*---------------------------------------------NAVIGATION----------------------------------------------------*/
.navi_index{
	/*width:593px;*/
	height:15px;
	margin-top:61px;

	}

.navi_index a{
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase; 
	/*display: block;*/
	margin-right:17px; 
	float:left; 
	}
* html .navi_index a{
	margin-right:14px;
	text-align:center;
	}


.navi_index ul{
	list-style-type:none;
	padding-left:0px;
	margin:0px;
text-align:center;

	}

.navi_index ul li{
	display:inline;
	}

/*---------------------------------------------TRENNLINIE----------------------------------------------------*/

.bunte_trennline{
	background:url(../pics/bunte_trennlinie.jpg) no-repeat;
	width:593px;
	height:1px;
	margin:13px 0px 0px 0px;
	padding:0px;
	}

/*---------------------------------------------SUBNAVI----------------------------------------------------*/
.subnavi_index{
	height:15px;
	width:593px;
    margin-top:13px;
	}
* html .subnavi_index{
margin-top:0px;
}

.subnavi_index a{
	text-decoration:none;
	text-transform:uppercase; 
	color:#8d8d8f;
	font-size:10px;
	margin-right:5px;
	}

	
.subnavi_index a:hover{color:#ffffff;}

.subnavi_index ul{
	list-style-type:none;
	padding-left:0px;
	margin:0px;
	text-align:center;
	}
	
.subnavi_index ul li{
	display:inline;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::---SUBSEITEN---:::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.wrapper_subseite{
	width:930px;
	height:2000px;
	padding-top:40px;
	margin-left:auto;
	margin-right:auto;

	}



.wrapper_subseite h1 {
    height:50px;
    margin:0px;
    display:inline;
	text-indent:-10000px;
  
}


.cm_logo_subseite{
    height:50px;
	width:437px;
	background:url(../pics/cm_logo_black_subseite.jpg) no-repeat;
    margin:5px 0px 0px 0px;
	padding:0px;
	float:left;
	
}

.cm_logo_subseite a{
    display:block;
    }

.ueberschrift_wrapper{
    height:55px;
	padding-left:10px;
    }

/*---------------------------------------------NAVI_SUBSEITE_BUNT----------------------------------------------------*/

.navi_subseite{
	z-index: 2;
	position: relative;
	background:url(../pics/navi_subseite_bg.jpg) repeat-x #302d31;
	clear:both;
	margin-top:15px;
	padding-left: 10px;
	margin-left: 10px;
	}

	
.borderer{

	margin:0px 0px 0px -10px;
	padding:0px 0px 0px -10px;
	
	}


.navi_subseite a{
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase; 
	margin-right:16px; 
	}

.navi_subseite a:hover{
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase; 
	margin-right:16px; 
	}
	
.blau {color:#02bfee;}
.pink {color:#e70088;}
.gruen {color:#9ad409;}
.orange {color:#fe8503;}


.navi_subseite ul{
	line-height:14px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
	}

#eins{
	width:30%;
	border-bottom:1px solid  #02bfee;
	position: absolute;
	top: 101px;
	left: 0px;
	z-index: 1;
	visibility:hidden;

	
}

#zwei{
	width:30%;
	border-bottom:1px solid  #e70088;
	position: absolute;
	top: 116px;
	left: 0px;
	z-index: 1;
	visibility:hidden;

}

#drei{
	width:30%;
	border-bottom:1px solid  #9ad409;
	position: absolute;
	top: 130px;
	left: 0px;
	z-index: 1;
	visibility:hidden;

}

#vier{
	width:30%;
	border-bottom:1px solid  #fe8503;
	position: absolute;
	top: 143px;
	left: 0px;
	z-index: 1;
	visibility:hidden;

}




/*---------------------------------------------SUBNAVI_SUBSEITE----------------------------------------------------*/

.subnavi_subseite{
    vertical-align:super;
	height:20px;
	float:right;
	}

.subnavi_subseite a {
	text-decoration:none;
	text-transform:uppercase;
	color:#8d8d8f;
	font-size:10px;
	margin-right:2px;
	}

.subnavi_subseite a:hover {color:#ffffff;}

.subnavi_subseite .active{color:white;}

.subnavi_subseite ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	
.subnavi_subseite ul li{
	display:inline;
	}

/*---------------------------------------------SEITENNAV_WRAPPER--------------------------------------------------*/




/*::::::::::::::::::::::::::::::::::::::::::::::::---SERVICE---::::::::::::::::::::::::::::::::::::::::::::::*/

.content_service{
	margin-top:72px;
	padding-left:10px;
}

.content_service h2{
	float:left;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	margin:35px 0px 0px 0px;  
}

.spalte_service{
line-height:20px;
	float:left;
	width:230px; 
}
.spalte_service a{
text-decoration:none; 
}

.spalte_service img{
	margin-left:5px;

}

.spalte_service ul{
	text-transform:uppercase;
	list-style-type:none;
	padding:0px;
	font-size:12px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::---REFERENZEN---:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.content_referenzen{
	margin-top:72px;
	padding-left:10px;
}
.content_referenzen h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	padding:0px 0px 0px 0px;  
}


.spalte_referenzen{
	line-height:20px;
	text-transform:uppercase;
	line-height:20px;
	display:block;
}
/*.hellpink ul{
	list-style-image:url(../pics/sternderl_pink.gif);	
}

.hellorange ul{
	list-style-image:url(../pics/sternderl_orange.gif);	
}

.hellblau ul{
	list-style-image:url(../pics/sternderl_blau.gif);	
}

.hellgruen ul{
	list-style-image:url(../pics/sternderl_gruen.gif);	
}*/

.spalte_referenzen li{
	display:inline;
	list-style-type:none;
	padding:0px;
	/*margin:0px 0px 0px 12px;*/
	/*padding-right:10px;*/
}
.spalte_referenzen ul{
margin-left:14px;
}

.spalte_referenzen img{
	float:left;
	/*margin-right:19px;*/
}

.wrapper_referenzen{
	clear:left;
	height:20px;
}

.wrapper_referenzen a{
	clear:left;
	height:20px;
	text-decoration:none;
}

.kein_sternderl{
	list-style-image:none;
	padding:0px;
}

.ci_gif{
	margin-right:32px;
}
.cd_gif{
	margin-right:17px;
}
.cc_gif{
	margin-right:17px;
}
.ce_gif{
		margin-right:19px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::---FORSCHUNG_ENTWICKLUNG---:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.content_forschung_entwicklung{
	margin-top:72px;
	padding-left:10px;
}
.spalte_forschung_entwicklung_philosophie{
line-height:20px;
	width:560px;
}

.spalte_forschung_entwicklung_philosophie ul{
	list-style-image:url(../pics/sternderl_weiss.gif);
	margin:0px;
	padding-left:15px;
}


.content_forschung_entwicklung h2{
	text-transform:uppercase;
	font-size:14px;
}
.content_forschung_entwicklung h3{
	text-transform:uppercase;
	font-size:12px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::---KONTAKT---:::::::::::::::::::::::::::::::::::::::::::::::::::*/


.content_kontakt{
	line-height:20px;
	margin-top:72px;
	padding-left:10px;
}
.content_kontakt a{
	color:white;
}

.spalte_kontaktdaten_cm{

	color:white;
	float:left
}

.spalte_kontaktdaten_cm span{
	color:white;
	text-transform:uppercase;
}

.icons_kontakt{
	float:left;
	/*padding-left:313px;*/
	}

.icons_kontakt img{
	margin-right:3px;
}

.spalte_kontaktdaten_team{
line-height:20px;
	color:white;
	padding-left:650px;
}

.spalte_kontaktdaten_team span{
	text-transform:uppercase;
}

 .office{
 width:192px;
 background:url(../pics/office.jpg) no-repeat;
 text-indent:-100000px;
 display:block;
 }

/*:::::::::::::::::::::::::::::::::::::::::::::---UEBER---:::::::::::::::::::::::::::::::::::::::::::::::::::*/


.content_ueber{
	width:560px;
	line-height:17px;
	margin-top:72px;
	padding-left:10px;
}
.content_ueber a{
	color:white;
	text-decoration:none;
}

.content_ueber h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	margin-top:35px;  
}

.content_ueber h3{
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal; 
}

/*:::::::::::::::::::::::::::::::::::::::::::::---IMPRESSUM---:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.content_impressum{
	width:560px;
	line-height:17px;
	margin-top:72px;
	padding-left:10px;
}
.content_impressum a{
	color:white;
	text-decoration:none;
}


.content_impressum h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	margin-top:35px;  
}

.content_impressum h3{
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal; 
}


/*:::::::::::::::::::::::::::::::::::::::::::::---SUBSEITEN_BUNT---:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.content_ci{
	line-height:17px;
	margin-top:27px;
	padding-left:10px;
}

.content_cd{
	line-height:17px;
	margin-top:27px;
	padding-left:10px;
}

.content_cc{
	line-height:17px;
	margin-top:27px;
	padding-left:10px;
}

.content_ce{
	line-height:17px;
	margin-top:27px;
	padding-left:10px;
}

.spalte{
	padding-top:35px;
	line-height:20px;
	width:600px;
	float:left;
}

.spalte h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 0px 0px; 
}

.caps{
	text-transform:uppercase;
	font-size:12px;
}

.content_ci .caps{
	color:#02bfee;
}
.content_cd .caps{
	color:#e70088;
}
.content_cc .caps{
	color:#9ad409;
}
.content_ce .caps{
	color:#fe8503;
}


.spalte h3{
	text-transform:uppercase;
	font-size:12px;
}

.content_cc ul{
	margin-left:0px;
	list-style-image:url(../pics/sternderl_gruen.gif);
	margin:0px;
	padding-left:15px;
}

.gruenesternderl ul{
	margin-left:0px;
	list-style-image:url(../pics/sternderl_hellgruen.gif);
	margin:0px;
	padding-left:15px;
}
.content_ci ul{
	margin-left:0px;
	list-style-image:url(../pics/sternderl_hellblau.gif);
	margin:0px;
	padding-left:15px;
}

.eingerueckt{
	padding-left:20px;
	}
	
.content_cd ul{
	margin-left:0px;
	list-style-image:url(../pics/sternderl_pink.gif);
	margin:0px;
	padding-left:15px;
}
.content_cd .spalte{
	text-transform:uppercase;
	float:left;
}

.seitennav_wrapper{
	height:78px;
}

.seitennav{
	text-transform:uppercase;
	padding-left:695px;
}

.seitennav h2{
	margin:35px 0px 0px 0px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	float:left;
}

.seitennav img{
	margin-left:5px;
	display:block;

}
.seitennav a{
	text-decoration:none;
	/*clear:left;*/
}
.content_ci .seitennav a:hover{
	color:#02bfee;
}

.content_cd .seitennav a:hover{
	color:#e70088;
}

.content_cc .seitennav a:hover{
	color:#9ad409;
}

.content_ce .seitennav a:hover{
	color:#fe8503;
}
.content_777 .seitennav a:hover{
	color:#e70088;
}
.content_protozone .seitennav a:hover{
	color:#e70088;
}


.seitennav_referenzliste{
	margin-left:20px;
	color:#fe6daf;
}
.seitennav_referenzliste_active{
	margin-left:20px;
	color:#e70088;
}

/*:::::::::::::::::::::::::::::::::::::::::::::---PORTFOLIO---:::::::::::::::::::::::::::::::::::::::::::::::::::*/

.content_portfolio {
	line-height:17px;
	margin-top:27px;
	padding-left:10px;
}
.content_portfolio table{
	width:100%;
}

.content_portfolio .infotext{
	text-transform:uppercase;
	line-height:normal;
	color:#fe6daf;
	clear:left;
}
.content_portfolio .infotext a{
	text-transform:none; 
}
.content_portfolio .infotext .pink{
	font-size:14px;
}


	


/*---------------------------------------------FOOTER_SUBSEITE----------------------------------------------------*/

.footer_subseite{
	padding-top:30px;
	clear:left;
}

.footer_subseite a {
	text-decoration:none;
	text-transform:uppercase;
	padding-top:30px;
	color:#52525b;
	font-size:10px;
}

.footer_subseite a:hover {color:#ffffff;}

.footer_subseite .blau {color:#02bfee;}
.footer_subseite .pink {color:#e70088;}
.footer_subseite .gruen {color:#9ad409;}
.footer_subseite .orange {color:#fe8503;}