/* Start of CMSMS style sheet 'itgo-menu-en' */
/*  Language Menu */
div.taalkeuze {
float:left; 
margin-top:16px; 
}

div.taalkeuze a {outline:none;}

 

/*  Sub Menu   */
ul#navigation-en ul#sub {
    display: none;
	list-style:none;
	position:absolute;
	margin:0 0 0 1px;
	padding:0;
	z-index:999;
	font-family:Arial, Helvetica, sans-serif;
}

ul#navigation-en li:hover > ul#sub {
        display: block;
	list-style:none;
	width:180px;
	outline:none;
	border-right:#aeaeae solid 1px;
	border-bottom:#aeaeae solid 1px;
}

ul#navigation-en li:hover > ul#sub li#sub2 {
	display: block;
	list-style:none;
	width:180px;
	border:none;
}


ul#navigation-en li:hover > ul#sub li {
	display: block;
	list-style:none;
	width:180px;
	border-top:#cdcdcd solid 1px;
}

ul#navigation-en li:hover > ul#sub li:hover {
	display: block;
	list-style:none;
}

#sub a,
#sub a .hover2 {
    height: 30px;
	display: block;
	background:#ececec;
}

#sub a.sub {
	position:relative;
	background:#d9d9d9;
  	height: 30px;
  	display: block;
  	text-decoration:none;
  
}

span.text {
	position:absolute;
	z-index:999;
	display:block;
	padding-left:10px;
	padding-top:8px;
	color:#848484;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
}



/*  Main Menu   */

#navigation-en {
  list-style: none;
  display:inline;
  padding:0;
  margin:0;
  float:right;
}

#navigation-en li {
	float:left;
   margin:0 auto;
  text-align:center;
}

a#main-en * {
  display: none;
}

#navigation-en a,
#navigation-en a .hover {
    height: 48px;
	position: relative;
	display: block;
	background: url(uploads/itgo/images/menu-itgo-en.png) 0 0 no-repeat;
	outline:none;
	cursor:pointer;
}

/* individual navigation items */

#navigation-en a.overons {background-position: 0 0; width: 103px;}
#navigation-en .highlight a.overons:hover,
#navigation-en a.overons .hover {background-position: 0 -48px; width: 103px;}

#navigation-en a.overonsactive {background-position: 0 -48px; width: 103px;}
#navigation-en .highlight a.overonsactive:hover,
#navigation-en a.overonsactive .hover {background-position: 0 -48px; width: 103px;}



#navigation-en a.producten {background-position: -103px 0px; width: 102px;}
#navigation-en .highlight a.producten:hover,
#navigation-en a.producten .hover {background-position: -103px -48px; width: 102px;}

#navigation-en a.productenactive {background-position: -103px -48px; width: 102px;}
#navigation-en .highlight a.productenactive:hover,
#navigation-en a.productenactive .hover {background-position: -103px -48px; width: 102px;}



#navigation-en a.academy {background-position: -205px 0; width: 103px;}
#navigation-en .highlight a.academy:hover,
#navigation-en a.academy .hover {background-position: -205px -48px; width: 103px;}

#navigation-en a.academyactive {background-position: -205px -48px; width: 103px;}
#navigation-en .highlight a.academyactive:hover,
#navigation-en a.academyactive .hover {background-position: -205px -48px; width: 103px;}



#navigation-en a.klanten {background-position: -308px 0; width: 89px;}
#navigation-en .highlight a.klanten:hover,
#navigation-en a.klanten .hover {background-position: -308px -48px; width: 89px;}

#navigation-en a.klantenactive {background-position: -308px -48px; width: 89px;}
#navigation-en .highlight a.klantenactive:hover,
#navigation-en a.klantenactive .hover {background-position: -308px -48px; width: 89px;}



#navigation-en a.partners {background-position: -397px 0; width: 97px;}
#navigation-en .highlight a.partners:hover,
#navigation-en a.partners .hover {background-position: -397px -48px; width: 97px;}

#navigation-en a.partnersactive {background-position: -397px -48px; width: 97px;}
#navigation-en .highlight a.partnersactive:hover,
#navigation-en a.partnersactive .hover {background-position: -397px -48px; width: 97px;}



#navigation-en a.contact {background-position: -494px 0; width: 95px;}
#navigation-en .highlight a.contact:hover,
#navigation-en a.contact .hover {background-position: -494px -48px; width: 95px;}

#navigation-en a.contactactive {background-position: -494px -48px; width: 95px;}
#navigation-en .highlight a.contactactive:hover,
#navigation-en a.contactactive .hover {background-position: -494px -48px; width: 95px;}
/* End of 'itgo-menu-en' */

