/*
   Verster Psychologen
   Menu stylesheet
   03-05-2007 i-Aspect B.V.
*/
ul.menu{
   list-style:none;
   float:left;
   padding:0px;
   padding-bottom:7px;
   margin:0px;
}

   ul.menu li{ float:left; }

   ul.menu li a{
      display:block;
      padding-bottom:7px;
      font-size:12px;
      text-decoration:none;
      text-transform:uppercase;
      color:#646464;
      background-repeat:no-repeat;
      background-position:center bottom;
   }

   ul.menu li span {
      border-bottom:10px solid;
      padding-left:5px;
      padding-right:5px;
      padding-bottom:5px;
      display:block;
   }
   ul.menu ul.foldOut {
      z-index:100;
   }


/* home */
   ul.menu li.home a:hover,
   ul.menu li.home a.active{
      background-image:url(../images/btn_home_contact.gif);
   }
      ul.menu li.home span { border-color:#f3660e; }


/* zakelijke diensten */
   ul.menu li.zakelijke-diensten a:hover,
   ul.menu li.zakelijke-diensten a.active{
      background-image:url(../images/btn_zakelijked.gif);
   }
      ul.menu li.zakelijke-diensten span{ border-color:#224663; }
      ul.menu li.zakelijke-diensten ul.foldOut li a{ background-image:none; }

/* particuliere diensten */
   ul.menu li.particuliere-diensten a:hover,
   ul.menu li.particuliere-diensten a.active{
      background-image:url(../images/btn_particuliered.gif);
   }
      ul.menu li.particuliere-diensten span { border-color:#6da9e9; }
      ul.menu li.particuliere-diensten ul.foldOut li a{ background-image:none; }

/* management */
   ul.menu li.management a:hover,
   ul.menu li.management a.active{
      background-image:url(../images/btn_management.gif);
   }
      ul.menu li.management span{ border-color:#8d372d; }


/* wie zijn wij */
   ul.menu li.wie-zijn-wij a:hover,
   ul.menu li.wie-zijn-wij a.active{
      background-image:url(../images/btn_wiezijnwij.gif);
   }
      ul.menu li.wie-zijn-wij span{ border-color:#fdc03f; }

/* nieuws */
   ul.menu li.nieuws a:hover,
   ul.menu li.nieuws a.active{
      background-image:url(../images/btn_nieuws.gif);
   }
      ul.menu li.nieuws span{ border-color:#464185; }

/* contact */
   ul.menu li.contact a:hover,
   ul.menu li.contact a.active{
      background-image:url(../images/btn_home_contact.gif);
   }
      ul.menu li.contact span{
         border-color:#f3660e;
      }


      ul.menu ul{
         list-style:none;
         padding:2px;
         margin:0px;
      }
         ul.menu ul li{
            float:none;
            padding:0px;
            margin:0px;
            border:0px;
            border-left:5px solid;
         }
         ul.menu ul li a{
            display:block;
            padding:0px;
            margin:0px;
            padding:5px;
            padding-left:3px;
            margin-left:2px;
            font-size:11px;
            border:0px;
            border-bottom:1px solid #f8fbfe;
            background-image:none;
            /*width:170px;*/
         }
         ul.menu ul li a:hover{
            text-decoration:underline;
         }

         ul.menu ul li.verzuim-en-reintegratiebegeleiding,
         div#sidemenu ul li.verzuim-en-reintegratiebegeleiding{
            border-color:#d9d828;
         }
         ul.menu ul li.emdr,
         div#sidemenu ul li.emdr{
            border-color:#fca00f;
         }
         ul.menu ul li.cognitieve-gedragstherapie,
         div#sidemenu ul li.cognitieve-gedragstherapie{
            border-color:#374d99;
         }
         ul.menu ul li.coaching,
         div#sidemenu ul li.coaching{
            border-color:#b2d3f6;
         }
         ul.menu ul li.mediation,
         div#sidemenu ul li.mediation{
            border-color:#ae0907;
         }

/*
   zijkant menu in de pagina
*/

div#sidemenu ul{
   width:259px;
   list-style:none;
   float:left;
   padding:0px;
   margin:0px;
   margin-left:20px;
   padding-top:80px;

   border-bottom:1px solid #f0efef;
}

   div#sidemenu ul li{
      border-left:5px solid;
   }

   div#sidemenu ul li a{
      /*height:14px;*/
      display:block;
      padding:3px;
      padding-left:10px;
      padding-right:10px;
      margin:0px;
      border:0px;
      border-top:1px solid #f0efef;
      font-size:11px;
      text-decoration:none;
      text-transform:uppercase;
      color:#646464;
   }
      div#sidemenu ul li a.btn_sidemenu_last{
         border-bottom:1px solid #f0efef;
      }

      div#sidemenu ul li.verzuim-en-reintegratiebegeleiding a:hover,
      div#sidemenu ul li.verzuim-en-reintegratiebegeleiding a.active{
         background:url(../images/btn_verzuim.gif) no-repeat left center;
      }

      div#sidemenu ul li.emdr a:hover,
      div#sidemenu ul li.emdr a.active{
         background:url(../images/btn_emdr.gif) no-repeat left center;
      }

      div#sidemenu ul li.cognitieve-gedragstherapie a:hover,
      div#sidemenu ul li.cognitieve-gedragstherapie a.active{
         background:url(../images/btn_cognitieve.gif) no-repeat left center;
      }

      div#sidemenu ul li.coaching a:hover,
      div#sidemenu ul li.coaching a.active{
         background:url(../images/btn_coaching.gif) no-repeat left center;
      }

      div#sidemenu ul li.mediation a:hover,
      div#sidemenu ul li.mediation a.active{
         background:url(../images/btn_mediation.gif) no-repeat left center;
      }