/* ANPASSUNGS CSS FÜR DAS VERWENDETE MEGA-MENU */

/* FONT EINBINDUNG ----------------------------------------------------------------- */

.gray {
	height: 66px;
   border: none;
   box-shadow: none;
	background-color: transparent;
	font-family: 'Ubuntu', sans-serif;

	background-image: none;

   width: 915px;
   margin-left: auto;
   margin-right:auto;

}


.gray > li > a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
   text-transform: uppercase;
	width: 102px;
	text-align: left;
	height: 46px;
	line-height: 60px;
   background-color: #404040;
   padding: 0;
   padding-left: 7px;
   padding-top: 30px;
}

.gray > li:last-child > a, .gray li:last-child > ul > li a {

}

.gray > li > a:hover, .gray li > ul > li a:hover {
	color: #FFFFFF;
   background: none;
}

.gray > li
{
   margin-right: 5px;
   border: none !important;
}
.gray > li > a
{
   background-color: #404040;
   border: none;
   opacity: 1;
}

.gray > li:last-child {border-right: none;}
.gray > li:last-child > a {border-right: none;}

.gray > li:hover  {
	background-color: #e3f612;
}

.gray > li:first-child:hover {
	background-color: #e3f612;
}

.gray > li:last-child:hover {
	background-color: #e3f612;
}

.gray ul li {border-top: none;}
.gray ul li a {
	border-top: none;
	text-align: left;
}

.gray li > ul > li a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
   text-transform: uppercase;
	text-shadow: none;

	text-align: left;
	height: 30px;
   background-color: #404040;
   line-height: 32px;
   border-top: 1px solid #666666;
}

.gray ul {
	border: none;
	border-top: none;
	background-color: #404040;
   box-shadow: 8px 8px 8px #000;
}

.gray li > ul > li {


}

.gray li > ul > li:hover {
	color: #4B4B4B;
	background-color: #e3f612;

   padding: 0;
}


.gray li > div {
	border: none;
	border-top: none;
}

.gray div a {
	text-decoration:none;
	color:#4B4B4B;
	border-top: 1px solid #999999;
}

.gray div li:first-child a {
	border-top: none;
}

.gray div a:hover {
	color:#FFFFFF;
	text-decoration: none;
	background-image: url(../images/crea_link_icon.png);
	background-repeat: no-repeat;
}

.gray div h4 {
	color: #4B4B4B;
	border: none;
}

.gray div h5 {
	color: #4B4B4B;
	border: none;
	padding-top: 10px;
}

.head_more {
	background-image: url(../images/crea_navig_more.png);
	background-repeat: no-repeat;
}

.head_more > a:hover {
	background-image: url(../images/crea_navig_more_hover.png);
	background-repeat: no-repeat;
}

.head_more_about {
	background-position: 70px;
}

.head_more_about > a:hover {
	background-position: 70px;
}

.head_more_about > a:active {
	color: #FFF;
}

.head_more_leistungen {
	background-position: 82px;
   z-index: 10000;
}

.head_more_leistungen > a:hover {
	background-position: 82px;
}

.head_more_projekte {
	background-position: 76px;
}

.head_more_projekte > a:hover {
	background-position: 76px;
}

.head_more_partner {
	background-position: 73px;
}

.head_more_partner > a:hover {
	background-position: 73px;
}

.head_more_jobs {
	background-position: 65px;
}

.head_more_jobs > a:hover {
	background-position: 65px;
}

.head_more_kontakt {
	background-position: 75px;
}

.head_more_kontakt > a:hover {
	background-position: 75px;
}