/* Basic code - don't modify */

#nav
{
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    float: left; /*float nodig voor Safari*/
}
#nav li
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    z-index: 100;
}
#nav a
{
    display: block;
    color:#666;
}
#nav b
{
    display: block;
    font-weight:normal;
    color:#ccc;
}
#nav ul
{
    display: none;
    position: absolute;
    left: 0;
    margin: 0.1em 0 0 0;
    padding: 0;
    border: 1px solid #c6c7c8;
    background: #fff;
}
* html #nav ul
{
    line-height: 0;
}
/* IE6 "fix" */
#nav ul a, #nav ul b
{
    zoom: 1;
}
/* IE6/7 fix */
#nav ul li
{
    float: none;
}
#nav ul ul
{
    top: 0;
}

/* Essentials - configure this */

#nav ul
{
    width: 200px;
}
#nav ul ul
{
    left: 201px;
    top: -2px;
}

/* Everything else is theming */

#nav li.submenu a, #nav li.submenu b
{
    background: #fff url(../img/bullit.png) no-repeat center right !important;
    padding-right: 5px;
}
#nav li.submenu a:hover, #nav li.submenu b:hover
{
    background: #f60 url(../img/bullit.png) no-repeat center right !important;
    padding-right: 5px;
}


#nav
{
    background-color: #fff;
    height: 24px;
    font-size: 0.87em;
    color: #666;
}
/*#nav *:hover { background-color: #f60; color:#fff;}*/
#nav a, #nav b
{
    padding: 6px;
    line-height: 1;
    background: #fff url(../img/link-streep.png) no-repeat right 7px;
}
#nav a:hover, #nav b:hover
{
    color: #fff;
    padding: 6px 10px;
    font-size: 1.35em;
    line-height: 1;
    background: #f60 none;
}
#nav a:hover
{
    color: #fff;
}
#nav b:hover
{
    color: #ccc;
}
#nav li:hover a, #nav li:hover b
{
    padding: 6px 10px;
    font-size: 1.35em;
    line-height: 1;
}
#nav li.first a, #nav li.first b
{
    padding-left: 0;
}
#nav li.first a:hover, #nav li.first b:hover
{
    padding: 6px 10px;
}
#nav li.last a, #nav li.last b
{
    background-image: none;
}
#nav li.hover, #nav li:hover
{
    background-color: #f60;
    color: #fff;
    background-image: none;
}
#nav li li a, #nav li li b
{
    font-size: 1.35em;/*fixed size subs*/
    background-image: none;
}
#nav li li
{
    border-bottom: 1px solid #c6c7c8;
}


#nav ul
{
    top: 25px;
}
#nav ul li a, #nav ul li b
{
    background-color: #fff;
}
#nav ul a.hover, #nav ul b.hover
{
    /*background-color: #f60;*/
    background-image: none; /* color:#fff; */
}
/*   #nav ul a { border-bottom: 1px solid #c6c7c8;  opacity: 0.9; filter: alpha(opacity=90); }*/
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav li.hover a.hover, #nav li.hover b.hover
{
    background-color: #f60;
    color: #fff;
}

#nav li.active a, #nav li.active b
{
    color: #000066;
}

#nav li.active li a 
{
    color: #666;
}
#nav li.active li b, 
#nav li a.inactive,
#nav li.active li a.inactive {
    color:#ccc;
}
/*Voor stoer browsers*/
/*ul#nav li:first-child a {
	border-top:0;
}
*/

ul#nav li li:last-child
{
    border-bottom: none;
}



/*Pijltjes bij ul met sibling*/
#nav li ul li a, #nav li ul li b
{
    background: #fff url(../img/bullit.png) no-repeat center right;
    padding-right: 5px;
}
#nav li ul li a:hover, #nav li ul li b:hover
{
    background: #f60 url(../img/bullit-hover.png) no-repeat center right;
    padding-right: 5px;
}

#nav li ul li.leaf a, #nav li ul li.leaf b
{
    background: #fff !important;
    padding-right: 5px;
}
#nav li ul li.leaf a:hover, #nav li ul li.leaf b:hover
{
    background: #f60 !important;
    padding-right: 5px;
}