/* CSS Document */

#menu1 															{height:300px; margin:50px 0 0 22px;}
#menu1 ul 													{width:166px; position:relative; padding:0; margin:0; list-style-type:none;}
#menu1 table 												{position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; width:0; height:0;}

/* style the links */
* html #menu1 a:visited,
#menu1 a 														{display:block; text-decoration:none; height:22px; line-height:20px; width:167px; color:#FFF; text-indent:23px;}

#menu1 ul li :hover ul li a,
#menu1 ul li ul li a 								{display:block; text-decoration:none; height:22px; line-height:25px; width:300px; color:#069; text-indent:23px;}

/* style the link hover */
* html #menu1 a:hover 							{color:#fff; background:url(../image/bullet1.gif) no-repeat 6px 5px #069;}
#menu1 ul li:hover									{color:#fff; background:url(../image/bullet1.gif) no-repeat 6px 5px #069;}
#menu1 ul li ul li a:hover					{color:#069; background:url(../image/bullet2.gif) no-repeat 6px 5px #fff;}

* html #menu1 ul li a:visited.actief1,
#menu1 ul li a.actief1 							{color:#fff; background:url(../image/bullet1.gif) no-repeat 6px 5px #069;}

* html #menu1 ul li :hover ul li a:visited.actief2,
#menu1 ul li ul li a.actief2				{color:#069; background:url(../image/bullet2.gif) no-repeat 6px 5px #fff}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu1 ul ul 												{visibility:hidden; position:absolute; top:0px; left:139px; width:300px; margin:0;}

/* make the second level visible when hover on first level list OR link */
* html #menu1 ul a:hover ul,
#menu1 ul li:hover ul								{visibility:visible; background:#FFF; border:1px solid #ff6600;}

#menu1 ul.top7 											{top:130px;}

#menu1 ul.top1 											{top:152px;}