/* global menu style */

#menu {
float: left;
}
#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
}

#menu a, #menu div {
font-family:  Arial,Verdana,Tahoma;
font-weight: bold;
display: block;
margin: 0px;
padding:0px;
}

#menu ul li{
 color: #FFFFFF;
 font-size: 14px;
}
#menu ul li ul li{
 color: #FFFFFF;
 font-size: 13px;
}

#menu div {
 color: #fff;
 font-size: 14px;
}

#menu a {
color: #FFFFFF;
text-decoration: none;
}

#menu a:hover, #menu div:hover {
color: #2E6FB9;
}

#menu ul li:hover, #menu .active_main{
    background-image: url('../images/arrow1.gif');
    background-repeat: no-repeat;
    background-position: center top;

}

#menu ul li ul li:hover, #menu .active_sub{
    background-image: url('../images/arrow2.gif');
    background-repeat: no-repeat;
    background-position: top center;
}

#menu .active_main ul{
    display:  inline;
}

#menu ul div{
 text-align: center;
}
#menu .m_kompetenzen li ul{

}

/* positioning */
#menu ul ul{
	position: absolute;
    z-index: 500;
    float: left;
}

#menu ul ul a{
	color: #061B2A;
}
#menu ul ul a:hover{
    color: #2E6FB9;

}

#menu ul ul li{
    position: relative;
    float: left;
    background-image: url('images/spacer.gif');
}

#menu ul ul li a{

    padding-top: 10px;
    padding-bottom: 10px;
    background: none;
}


/* hiding and revealing */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: inline;}

/* menu sizes */
#menu{
    margin-left: 10px;
}

#menu div{
   padding: 19px 13px 19px 13px;
}

#menu .m_company li ul{
    margin-left: -16px;
}
#menu .m_kompetenzen li ul{
   margin-left: -40px;
}
#menu .m_web li ul{
   margin-left: -200px;
}

#menu .m_jobboerse li ul{
    margin-left: -110px;
}
#menu .m_loesungen li ul{
    margin-left: -230px;
}
#menu .m_referenzen li ul{
     margin-left: -70px;
}

#menu ul ul li{

 padding: 0px 10px 0px 15px;
 text-align: center;
}