@charset "ISO-8859-1";
/* CSS Document */

#mainmenu {width:161px; height:300px; background-color: #fff; position:relative; float: left;margin-top: 30px; margin-left: 10px;}

#mainmenu ul {
	/*width: 110px;*/
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	border:0;
	text-align: right;
	font:normal 11px verdana,arial,sans-serif;
	color:#707173;
	line-height:20px;
	text-decoration: none;
	padding:3px 5px 3px 10px;
}

#mainmenu li {margin:0; padding:0; list-style:none; text-align: right; }
#mainmenu li li { text-align: left; }

/*#mainmenu li {display:inline-block; display:inline;}*/
#mainmenu ul {position:absolute; left:-9999px;}
#mainmenu ul.level1 {position:absolute; right: 36px;}

#mainmenu a {display:block; padding:0px 10px 0px 10px;color: #777; line-height:28px; text-decoration:none;  margin-bottom:1px;}
#mainmenu a b {display:block; line-height:36px; padding:0 0 0 10px; font-weight:normal;}

#mainmenu ul li:hover > ul {visibility:visible; left:100%; margin-left:-10px; margin-top:-26px;}

#mainmenu li ul {
	text-align: left;
	background-image: url(../images/bg_menufly.gif);
	background-repeat: no-repeat;
	color: #008fa5;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}
/* kleur eerste menu */
#mainmenu a:hover {color: #008fa5;}

#mainmenu a:hover ul,
#mainmenu a:hover a:hover ul, 
#mainmenu a:hover a:hover a:hover ul {left:100%; visibility:visible; }
#mainmenu a:hover ul ul, 
#mainmenu a:hover a:hover ul ul {left:-9999px;}

#mainmenu li a.fly { /*background: url(anywidth/tab-arrow.gif) no-repeat right top;*/}
#mainmenu li a:hover {background-position:right bottom;white-space:nowrap;} 
#mainmenu li a:hover b {background-position:left bottom;} 

#mainmenu li:hover > a {background-position:right bottom;}
#mainmenu li:hover > a > b {background-position:left bottom;}

/* kleuren volgende menu's afhankelijk van categorie -> functie linkcolor($catq) */
#mainmenu li.kleur0:hover > a { color: #777; }
#mainmenu li.kleur1:hover > a { color: #008fa5; }
#mainmenu li.kleur2:hover > a { color: #db1a30; }
#mainmenu li.kleur3:hover > a { color: #ed9d33; }
#mainmenu li.kleur4:hover > a { color: #5eb14d; }
#mainmenu li.kleur5:hover > a { color: #7a1f85; }

#mainmenu a:hover ul li a b,
#mainmenu a:hover ul a:hover ul li a b,
#mainmenu a:hover ul a:hover ul a:hover ul li a b {}
#mainmenu a:hover ul li a:hover b,
#mainmenu a:hover ul a:hover ul li a:hover b,
#mainmenu a:hover ul a:hover ul a:hover ul li a:hover b {background-position:left bottom;}

#mainmenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-26px; margin-left:-10px;}