/*

 
 Vlajo Navigation CSS
 --------------------
  Revised: 08/05/07
  All rights reserved. 2007
  Authored by Zeron Technologies
  	http://www.zeron.be

 */



 /*
  ______________

  the navigation
  ______________

 */


 td.navcol { background: white url(../images/navigation-col-background.jpg) repeat-y left; }

 .menu {  list-style:none; margin-top:50px;}

 /* main disabled tabs */
 ul.menu { margin:0px; margin-top:50px; padding:0px; } 
 .menu li { margin:0px; padding:0px; } 
 .menu a { font-weight:bold; height:14px; margin:0px; padding:2px 2px 3px 40px; display:block; color:#4a5a67; font-size:1.1em; background: url(../images/tab-disabled.jpg) no-repeat top left; }
 .menu a:hover { color:#4a5a67; }

 /* kleurdefinitie titel voor hover actieve tabs */
 .menu a.active:hover { color:white; }

 /* first disabled tab */
 .menu .start { background: url(../images/tab-disabled-start.jpg) no-repeat top left; }

 /* first enabled tab */
 .menu .startactive { color:white; background: url(../images/tab-enabled-start.jpg) no-repeat top left; }


 /* active tab */
 .menu .active { padding:2px 0 0 40px; color:white; background: url(../images/tab-enabled.jpg) no-repeat top left; }

 /* disabled tab after active tab*/
 .menu .new { background: url(../images/tab-disabled-end.jpg) no-repeat top left; }



 /* active subnavigation */
 .menu li ul { background: #304556 url(../images/tab-enabled-end.jpg) no-repeat bottom right; padding:10px 5px 10px 40px; }
 /* subnavigation list */
 .menu li li { list-style-image:url(../images/bullet.gif); }

 .menu li li a { color:#c5c5c5; font-weight:normal; padding:4px 0; background-image:none; border-bottom:1px solid #586b7a; font-size:1.0em; }
 .menu li li a:hover { color:#bee000; }


 /* selected subnavigation item */
 .menu li li.selected { list-style-image:url(../images/arrow.gif); }

 .menu li li ul { background-image:none; padding:0 0 0 10px; }

 /* current subnavigation item */
 .menu li li.current { list-style-image:url(../images/arrow-current.gif); }
 .menu li  a.current { color:#bee000; }



 /* gradient fade after menu */
 .fade { background: url(../images/navigation-fade.jpg) repeat-x left; height:80px; width:168px; }