/***************************** MAINMENU *******************************/
#mainmenuContainer {
    height: 39px;
    background: url(/site_files/img/mainmenu_bg.gif) repeat-x left top;
    position: relative;
    top: 92px;
    float: left;
    width: 727px;
	 z-index: 100;
}

#mainmenu ul { 
    float: left; 
    padding:0; 
    margin:0; 
    list-style:none;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #E13A3E;
}

#mainmenu li { float: left; list-style: none; text-align: left;}
#mainmenu li li { float: none; padding: 0px; margin: 0px; }
/* a hack for  IE6 */
* html #mainmenu li li {float:left;}

#mainmenu li a { display:block; float:left; color:#fff; text-decoration:none; white-space:nowrap; }
#mainmenu li a.noLink{ cursor: pointer; }

#mainmenu li li a {
    color: #FFFFFF !important;
    display: block;
    background-image: none !important;
    height: 20px !important;
    width: 150px !important;
    padding: 10px 10px 6px 18px !important;
}
#mainmenu li li a:hover {
    text-decoration: underline;
}
#mainmenu li li a.fly {}

#mainmenu li:hover {position:relative; z-index:300; }
#mainmenu li.cssplay_hover { position:relative; z-index:300; }
#mainmenu li.cssplay_hover a {color:#000;}

#mainmenu li:hover ul {left:0px; top:39px; z-index:20;}
#mainmenu li.cssplay_hover ul {left:-2px; top:39px; z-index:500;}

#mainmenu ul {position:absolute; left:-9999px; top:-9999px;}
#mainmenu ul ul {position:absolute; left:-9999px; top:-9999px;}
* html #mainmenu ul { width:2px; }

/* it could have been this simple if all browsers understood */
/* show next level */
#mainmenu li:hover li:hover > ul {left: -1px; margin-left:100%; top: 0px; z-index:500;}
/* keep further levels hidden */
#mainmenu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }

/* but IE5.x and IE6 need this lot to style the flyouts*/
#mainmenu li.cssplay_hover li.cssplay_hover a,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#004897; background: #FFFFFF url(/site_files/img/mainmenu_subitem_background_white.gif) repeat-y right top; }

#mainmenu li.cssplay_hover li.cssplay_hover li a,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{color:#004897; background: #FFFFFF url(/site_files/img/mainmenu_subitem_background_grey.gif) repeat-y left top;}

/* show next level */
#mainmenu li.cssplay_hover li.cssplay_hover ul,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-1px; top:-1px;}

/* keep further levels hidden */
#mainmenu li.cssplay_hover ul ul,
#mainmenu li.cssplay_hover li.cssplay_hover ul ul,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#mainmenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/****** MAINMENU ITEM IMAGES *********/
#mainmenu span { visibility: hidden; }
#mainmenu li,
#mainmenu li a { background-repeat:no-repeat; height:39px; display:block; float:left; }

#mainmenu .item1,
#mainmenu .item1 > a,
#mainmenu .item5,
#mainmenu .item5 > a { width:95px; }
#mainmenu .item2,
#mainmenu .item2 > a { width:103px; }
#mainmenu .item3,
#mainmenu .item3 > a { width:106px; }
#mainmenu .item4,
#mainmenu .item4 > a { width:83px; }
#mainmenu .item6,
#mainmenu .item6 > a { width:109px; }
#mainmenu .item7,
#mainmenu .item7 > a { width:84px; }

#mainmenu.lang_nl .item1 { background-image:url(/site_files/img/nl/mainmenu/home_normal.gif); }
#mainmenu.lang_nl .active1,
#mainmenu.lang_nl .item1:hover > a { background-image:url(/site_files/img/nl/mainmenu/home_hover.gif); }
#mainmenu.lang_nl .item2 { background-image:url(/site_files/img/nl/mainmenu/solutions_normal.gif); }
#mainmenu.lang_nl .active2,
#mainmenu.lang_nl .item2:hover > a { background-image:url(/site_files/img/nl/mainmenu/solutions_hover.gif); }
#mainmenu.lang_nl .item3 { background-image:url(/site_files/img/nl/mainmenu/producten_normal.gif); }
#mainmenu.lang_nl .active3,
#mainmenu.lang_nl .item3:hover > a { background-image:url(/site_files/img/nl/mainmenu/producten_hover.gif); }
#mainmenu.lang_nl .item4 { background-image:url(/site_files/img/nl/mainmenu/service_normal.gif); }
#mainmenu.lang_nl .active4,
#mainmenu.lang_nl .item4:hover > a { background-image:url(/site_files/img/nl/mainmenu/service_hover.gif); }
#mainmenu.lang_nl .item5 { background-image:url(/site_files/img/nl/mainmenu/supplies_normal.gif); }
#mainmenu.lang_nl .active5,
#mainmenu.lang_nl .item5:hover > a { background-image:url(/site_files/img/nl/mainmenu/supplies_hover.gif); }
#mainmenu.lang_nl .item6 { background-image:url(/site_files/img/nl/mainmenu/organisatie_normal.gif); }
#mainmenu.lang_nl .active6,
#mainmenu.lang_nl .item6:hover > a { background-image:url(/site_files/img/nl/mainmenu/organisatie_hover.gif); }
#mainmenu.lang_nl .item7 { background-image:url(/site_files/img/nl/mainmenu/actueel_normal.gif); }
#mainmenu.lang_nl .active7,
#mainmenu.lang_nl .item7:hover > a { background-image:url(/site_files/img/nl/mainmenu/actueel_hover.gif); }

#mainmenu.lang_fr .item1 { background-image:url(/site_files/img/fr/mainmenu/home_normal.gif); }
#mainmenu.lang_fr .active1,
#mainmenu.lang_fr .item1:hover > a { background-image:url(/site_files/img/fr/mainmenu/home_hover.gif); }
#mainmenu.lang_fr .item2 { background-image:url(/site_files/img/fr/mainmenu/solutions_normal.gif); }
#mainmenu.lang_fr .active2,
#mainmenu.lang_fr .item2:hover > a { background-image:url(/site_files/img/fr/mainmenu/solutions_hover.gif); }
#mainmenu.lang_fr .item3 { background-image:url(/site_files/img/fr/mainmenu/producten_normal.gif); }
#mainmenu.lang_fr .active3,
#mainmenu.lang_fr .item3:hover > a { background-image:url(/site_files/img/fr/mainmenu/producten_hover.gif); }
#mainmenu.lang_fr .item4 { background-image:url(/site_files/img/fr/mainmenu/service_normal.gif); }
#mainmenu.lang_fr .active4,
#mainmenu.lang_fr .item4:hover > a { background-image:url(/site_files/img/fr/mainmenu/service_hover.gif); }
#mainmenu.lang_fr .item5 { background-image:url(/site_files/img/fr/mainmenu/supplies_normal.gif); }
#mainmenu.lang_fr .active5,
#mainmenu.lang_fr .item5:hover > a { background-image:url(/site_files/img/fr/mainmenu/supplies_hover.gif); }
#mainmenu.lang_fr .item6 { background-image:url(/site_files/img/fr/mainmenu/organisatie_normal.gif); }
#mainmenu.lang_fr .active6,
#mainmenu.lang_fr .item6:hover > a { background-image:url(/site_files/img/fr/mainmenu/organisatie_hover.gif); }
#mainmenu.lang_fr .item7 { background-image:url(/site_files/img/fr/mainmenu/actueel_normal.gif); }
#mainmenu.lang_fr .active7,
#mainmenu.lang_fr .item7:hover > a { background-image:url(/site_files/img/fr/mainmenu/actueel_hover.gif); }