/* VERTICAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	padding: 0;
	width: 10px;
	list-style: none;
	text-align: left;
	font-family: Arial;
	font-size:12px;

}

.menulist subgroup, .menulist ul {
	margin: 0;
	padding: 0;
	width: 160px;
	list-style: none;
	text-align: left;
	font-family: Verdana;
	font-size:11px;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 	visibility: hidden;
 	position: absolute;
 	top: 2px;
 	left: 20px;
 	border:1px solid #003059;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
	position: relative;
	border-left: 0px solid white;
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	margin-bottom: 0 -1px;
	
}

.menulist li subgroup{
	position: relative;
	border-left: 1px solid white;
	border-top: 0px solid white;
	border-bottom: 1px solid white;
 	margin-bottom: 0 -1px;
}

.menulist ul>li:last-child {
 margin-bottom: 0px;
}

/* Links inside the menu */
.menulist a.group {
 width: 100%; /*ie7 fix*/
 display: block;
 padding: 7px 10px 9px 5px;
 margin: 0px 0px 0px 0px;
 color: #ffffff;
 text-decoration: none;
 line-height: 12px;
 background: url('images/pijl_blauw.gif')  no-repeat 1px 2px; 
}

.menulist a.group:hover, .menulist a.group:highlighted, .menulist a.group:focus {
 background: url('images/pijl_blauw.gif')  no-repeat 1px 2px; }
.menulist a.group:highlighted {
 color: white;  background: url('images/pijl_blauw.gif') #003059 no-repeat 1px 2px; }



.menulist a#subgroup {  display: block; padding: 3px 5px 4px 5px; margin: 0px 0px 0px 0px;
 text-decoration: none; line-height: 12px; height:10px; 
background: url('images/blok_blauw_uitklap.gif') white no-repeat 3px 6px;
 padding-left:20px; color: #003059;
 }
.menulist a#subgroup:hover, .menulist a.highlighted#subgroup, .menulist a:focus#subgroup { background: url('images/blok_wit_uitklap.gif') #003059 no-repeat 3px 6px;
color:white; }


/* KMC systems menu
---------------------------------------------------------------- */
.menulist a.systems {
 width: 100%; /*ie7 fix*/
 
 display: block;
 padding: 7px 10px 9px 5px;
 margin: 0px 0px 0px 0px;
 color: #ffffff;
 text-decoration: none;
 line-height: 12px;
 background: url('images/pijl_groen.gif')  no-repeat 1px 2px; 
}

.menulist a.systems:hover, .menulist a.systems:highlighted, .menulist a.systems:focus {
 background: url('images/pijl_blauw.gif')  no-repeat 1px 2px; }
.menulist a.systems:highlighted {
 color: white;  background: url('images/pijl_groen.gif') #add73d no-repeat 1px 2px; }

/* sub systems */

.menulist a#subsystems {  display: block; padding: 3px 5px 4px 5px; margin: 0px 0px 0px 0px;
 text-decoration: none; line-height: 12px; height:10px; 
background: url('images/blok_groen_uitklap.gif') white no-repeat 3px 6px;
 padding-left:20px; color: #003059;
 }
.menulist a#subsystems:hover, .menulist a.highlighted#subsystems, .menulist a:focus#subsystems{ background: url('images/blok_wit_uitklap.gif') #add73d no-repeat 3px 6px;
color:#003059; }

/* eind KMC Systems--------------- */

/* KMC security menu
---------------------------------------------------------------- */
.menulist a.security {
 width: 100%; /*ie7 fix*/
 
 display: block;
 padding: 7px 10px 9px 5px;
 margin: 0px 0px 0px 0px;
 color: #ffffff;
 text-decoration: none;
 line-height: 12px;
 background: url('images/pijl_magneta.gif')  no-repeat 1px 2px; 
}

.menulist a.security:hover, .menulist a.security:highlighted, .menulist a.security:focus {
 background: url('images/pijl_magneta.gif')  no-repeat 1px 2px; }
.menulist a.security:highlighted {
 color: white;  background: url('images/pijl_magneta.gif') #c62341 no-repeat 1px 2px; }

/* sub security */

.menulist a#subsecurity {  display: block; padding: 3px 5px 4px 5px; margin: 0px 0px 0px 0px;
 text-decoration: none; line-height: 12px; height:10px; 
background: url('images/blok_magneta_uitklap.gif') white no-repeat 3px 6px;
 padding-left:20px; color: #003059;
 }
.menulist a#subsecurity:hover, .menulist a.highlighted#subsecurity, .menulist a:focus#subsecurity{ background: url('images/blok_wit_uitklap.gif') #c62341 no-repeat 3px 6px;
color:#003059; }

/* eind KMC Security--------------- */

/* KMC office menu
---------------------------------------------------------------- */
.menulist a.office {
 width: 100%; /*ie7 fix*/
 
 display: block;
 padding: 7px 10px 9px 5px;
 margin: 0px 0px 0px 0px;
 color: #ffffff;
 text-decoration: none;
 line-height: 12px;
 background: url('images/pijl_geel.gif')  no-repeat 1px 2px; 
}

.menulist a.office:hover, .menulist a.office:highlighted, .menulist a.office:focus {
 background: url('images/pijl_blauw.gif')  no-repeat 1px 2px; }
.menulist a.office:highlighted {
 color: white;  background: url('images/pijl_geel.gif') #ffdf2d no-repeat 1px 2px; }

/* sub office */

.menulist a#suboffice {  display: block; padding: 3px 5px 4px 5px; margin: 0px 0px 0px 0px;
 text-decoration: none; line-height: 12px; height:10px; 
background: url('images/blok_geel_uitklap.gif') white no-repeat 3px 6px;
 padding-left:20px; color: #003059;
 }
.menulist a#suboffice:hover, .menulist a.highlighted#suboffice, .menulist a:focus#suboffice{ background: url('images/blok_wit_uitklap.gif') #ffdf2d no-repeat 3px 6px;
color:#003059; }

/* eind KMC Office--------------- */

/* KMC solutions menu
---------------------------------------------------------------- */
.menulist a.solutions {
 width: 100%; /*ie7 fix*/
 
 display: block;
 padding: 7px 10px 9px 5px;
 margin: 0px 0px 0px 0px;
 color: #ffffff;
 text-decoration: none;
 line-height: 12px;
 background: url('images/pijl_oranje.gif')  no-repeat 1px 2px; 
}

.menulist a.solutions:hover, .menulist a.solutions:highlighted, .menulist a.solutions:focus {
 background: url('images/pijl_blauw.gif')  no-repeat 1px 2px; }
.menulist a.solutions:highlighted {
 color: white;  background: url('images/pijl_oranje.gif') #ff4f00 no-repeat 1px 2px; }

/* sub solutions */

.menulist a#subsolutions {  display: block; padding: 3px 5px 4px 5px; margin: 0px 0px 0px 0px;
 text-decoration: none; line-height: 12px; height:10px; 
background: url('images/blok_oranje_uitklap.gif') white no-repeat 3px 6px;
 padding-left:20px; color: #003059;
 }
.menulist a#subsolutions:hover, .menulist a.highlighted#subsolutions, .menulist a:focus#subsolutions{ background: url('images/blok_wit_uitklap.gif') #ff4f00 no-repeat 3px 6px;
color:#003059; }

/* eind KMC Solutions--------------- */


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */