/* -------- NAVIGATIE ---------- */
#navigation {
    clear: both;
    float: left;
    position: absolute;
    top: 111px; left: 4px;
    z-index: 56;
    width: 880px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
	font-size: 1em;
	line-height: 1.1em;
	text-transform: uppercase;
	background: url(../_img/bars_los_6.gif) bottom left no-repeat;
}
ul#main_menu {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
ul#main_menu li {
    position:relative;
    float: left;
	padding: 0;
	margin: 0;
	background-image: none;
}
#main_menu li:hover {
  visibility:visible; /*Fix an IE7 sticky bug*/
}
ul#main_menu li a { 
	padding: 0 0 5px 0;
    display: block;
    width: 135px;
    margin: 0 14px 0 0;
    text-decoration: none;
    color: #000;
}
ul#main_menu li a:hover, ul#main_menu li a.active { color: #ff0000; }
ul#main_menu li a#last { margin: 0; }
ul#main_menu li ul { /* second-level lists */
	position: absolute;
    width: 130px;
    top:100%;
	left: 0;
	margin-left:-999em;
	z-index: 55;
	padding: 3px 0 0 0;
}
ul#main_menu li ul li {
    width: 130px;
    float: none;
    margin: 0; padding: 0;
	background-image: none;
}
ul#main_menu li ul li a { 
    padding: 4px 5px 3px 0;
    margin: 0;
    width: 130px;
    background-image: none;
    border-bottom: 1px solid #d9d9d9;
	background: #fff;
}
ul#main_menu li ul li a:hover { 
    color: #ff0000;
}
#main_menu li:hover ul, #main_menu li.sfhover ul {
  margin-left: 0; /*Set the left margin to 0 on hover, and the JS hover.*/
}