/* opmaak navigatie (op elke pagina aanwezig)
last rev. 07.07.2006 TdB; */

/*navigation -left*/	
#navigation{ z-index:100;background-color:#fff;width:140px;}
#logo{margin:10px;}

/* LINKERKOLOM -> NAVIGATIE ->UITKLAPMENU */
ul.rightcol { list-style-type: none; margin-top:25px; padding:0 10px; width: 118px; font-weight:bold; text-transform:uppercase; background-color:#fff; margin-bottom:12px; }

ul.rightcol a { display: block; margin-left: 12px; padding: 2px 0; text-decoration: none; }
ul.rightcol a, ul.rightcol a:visited, ul.rightcol a:hover, ul.rightcol a:active { color: #e60000; text-decoration:none; display:block;  padding: 2px 0;}
ul.rightcol a:hover { text-decoration:underline;  padding: 2px 0;}
html>body ul.rightcol a { width: auto; } /* hidden from Win/IE */

ul.rightcol li { position: relative; width: 100%; border-bottom:1px dotted #e60000; }
ul.rightcol ul li { position: relative; width: 100%; border-top:1px dotted #e60000;border-bottom:none; }
ul.rightcol li.inactive_last, ul.rightcol li.active_last { border-bottom:none; }

/* aangeven wat actief is in menu */
ul.rightcol li.active_last a, ul.rightcol li.active_last a:visited, ul.rightcol li.active_last a:hover, ul.rightcol li.active_last a:active, ul.rightcol li.active a, ul.rightcol li.active a:visited, ul.rightcol li.active a:hover, ul.rightcol li.active a:active { font-weight:bold; color: #e60000; }
ul.rightcol li.inactive_last a, ul.rightcol li.inactive_last a:visited, ul.rightcol li.inactive_last a:hover, ul.rightcol li.inactive_last a:active, ul.rightcol li.inactive a, ul.rightcol li.inactive a:visited, ul.rightcol li.inactive a:hover, ul.rightcol li.inactive a:active { font-weight:bold; color: #e60000; }
ul.rightcol ul li.active_last a, ul.rightcol ul li.active_last a:visited, ul.rightcol ul li.active_last a:hover, ul.rightcol ul li.active_last a:active, ul.rightcol ul li.active a, ul.rightcol ul li.active a:visited, ul.rightcol ul li.active a:hover, ul.rightcol ul li.active a:active { font-weight:bold; color:#000; }
ul.rightcol ul li.inactive_last a, ul.rightcol ul li.inactive_last a:visited, ul.rightcol ul li.inactive_last a:hover, ul.rightcol ul li.inactive_last a:active, ul.rightcol ul li.inactive a, ul.rightcol ul li.inactive a:visited, ul.rightcol ul li.inactive a:hover, ul.rightcol ul li.inactive a:active { font-weight:bold; color: #666; }
ul.rightcol ul ul li.active_last a, ul.rightcol ul li.active_last a:visited, ul.rightcol ul ul li.active_last a:hover, ul.rightcol ul ul li.active_last a:active, ul.rightcol ul ul li.active a, ul.rightcol ul li.active a:visited, ul.rightcol ul ul li.active a:hover, ul.rightcol ul ul li.active a:active { font-weight:bold; color:#000; }
ul.rightcol ul ul li.inactive_last a, ul.rightcol ul ul li.inactive_last a:visited, ul.rightcol ul ul li.inactive_last a:hover, ul.rightcol ul ul li.inactive_last a:active, ul.rightcol ul ul li.inactive a, ul.rightcol ul ul li.inactive a:visited, ul.rightcol ul ul li.inactive a:hover, ul.rightcol ul ul li.inactive a:active { font-weight:bold;color: #aaa; }

ul.rightcol ul li { position: relative; width: 116px; overflow:hidden; }

ul.rightcol a.switch { position: absolute; width: 9px; height: 5px; left: -11px; top: 4px; background: transparent url(../icons/expand.gif) no-repeat top left; line-height: 0px; /* Win/IE needs this for some reason */ text-indent: -500px; }
/*ul.rightcol ul a.switch { background: transparent url(http://10.0.0.1/spanz/spanz_11/clientdata_212/icons/expand.gif) no-repeat top left; }*/
ul.rightcol a.switch:hover { text-decoration:none; }

ul.rightcol a.on { background-position: bottom left; }
ul.rightcol a.off { background-position: top left; }

ul.rightcol ul a.on { background-position: bottom left; }
ul.rightcol ul a.off { background-position: top left; }

/* Box-model hacks for Win/IE 5.5 \*/
* html ul.rightcol { width: 138px; w\idth: 118px; }
* html ul.rightcol a.switch { left: -30px; lef\t: -11px; }
/* end hacks */

/* --- einde uitklapmenu --- */