/**
 *
 * Profile `de Fietsspecialist`
 * Stylesheet Navigatie
 * 09-01-2006 i-Aspect B.V.
 *   
 * @version    $Id: menu.css 8612 2009-02-27 14:28:59Z bas $
 * 
 * Origineel van: alistapart.com
 * Note:
 *  - li.over wordt gebruikt door IE
 *  - li:hover wordt gebruikt door de rest 
 */

#menu{
   margin-left:4px;
}

ul.menu{
   height:32px;
   width:980px;
   background: url(/img/pdf/bg_menu.jpg) repeat-x;
   clear:left;
}

ul.menu, ul.submenu { /* alle lists resetten */
   padding: 0;
   margin: 0;
   list-style: none;
}


ul.menu li { /* hoofdmenu item */
   float: left;
   height:26px;
   margin-top:3px;
}

ul.submenu li{
   width:auto;
   clear:left;
   float:none;
   margin-top:0px;
   height:22px;
}

ul.menu em{
   display:none;
}
ul.menu .menu-jingle em{
   display:inline;
}

/* submenu opmaak */
ul.submenu {
   display: none;
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background:url(/img/pdf/bg_submenu.png) repeat-x #ebf3f9;
   background-position:bottom;
   border-left:1px solid #d4e6f3;
   border-right:1px solid #d4e6f3;
   border-bottom:1px solid #d4e6f3;

}

li>ul { /* postitie resetten voor alle browsers behalve IE */
   top: auto;
   left: auto;
}

/* rollover style */
ul.menu li:hover ul, ul.menu li.over ul { /* lists nested onder hovered list items */
   display: block;
   border-bottom:1px solid #d4e6f3;
}
ul.menu li:hover a, ul.menu li.over a{
   background: url(/img/pdf/menu_down.jpg) no-repeat 10px 5px;
}

#content {
   clear: left;
}

/* hoofdmenu linkjes opmaken */
   ul.menu li a{
      display:block;
      height:29px;
      background: url(/img/pdf/menu_right.jpg) no-repeat 10px 5px;
   }
      ul.menu li a:hover{
         background: url(/img/pdf/menu_down.jpg) no-repeat 10px 5px;
      }

/* standaard submenu linkjes opmaken */
   ul.submenu li a{
      color:#3983ba;
      display:block;
      font-family:arial,verdana;
      font-size:11px;
      padding:3px;
      padding-left:8px;
      height:15px;
      border-top:1px solid #fff;
      text-decoration:none;
   }
      ul.submenu li a:hover{
         text-decoration:underline;
      }



/* menu items opbouwen */
   li.menu-aanbiedingen{
      background: url(/img/pdf/btn_aanbiedingen.jpg) no-repeat;
      width:117px;
   }

   li.menu-collectie{
      background: url(/img/pdf/btn_collectie.jpg) no-repeat;
      width:91px;
   }
      li.menu-collectie ul.submenu{ width:160px; }

   li.menu-overprofile{
      background: url(/img/pdf/btn_overprofile.jpg) no-repeat;
      width:109px;
   }
      li.menu-overprofile ul.submenu{ width:119px; }

   li.menu-fietswijzer{
      background: url(/img/pdf/btn_fietswijzer.jpg) no-repeat;
      width:105px;
   }
      li.menu-fietswijzer ul.submenu{ width:119px; }

   li.menu-tips{
      background: url(/img/pdf/btn_tips.jpg) no-repeat;
      width:69px;
   }
	
	li.menu-links{
      background: url(/img/pdf/btn_links.jpg) no-repeat;
      width:75px;
   }
   li.menu-jingle{
      width:156px;
      float:right !important;
      margin-top:0px !important;
   }


/* submenu style resetten */
ul.menu li:hover ul a,
ul.menu li.over ul a,
ul.menu li.over ul a:hover{ background-image:none; }


/***********************************************
   Navigatie pad 
 */
/* OUD!

   .navpath {
       background-color: #f1f1f1;
       margin: 0 4px;
       padding: 3px 0;
       overflow:hidden;
       width:980px;
       clear:both;
   }
      .navpath div{
         margin:5px;
         border-bottom:1px solid #ccc;
         padding:0 0 5px 0;
          float:left;
          width:100%;
          clear:both;

      }
		
		*/
		
	.navpath {
       background-color: #FFF;
		 border-bottom:1px solid #eaeaea;
       margin: 0 4px;
       padding: 0;
       overflow:hidden;
       width:980px;
       clear:both;
   }
      .navpath div{
        	 margin:2px 5px 0 5px;
        	 padding:0 0 5px 0;
          float:left;
          width:100%;
          clear:both;
      }
		
      .navpath p {
         font-weight: bold;
         float: left;
         padding: 0px 0px 0 15px;
         margin: 0;
         color:#585959;
         font-size:11px;
      }

      .navpath ul.navigatiepad li strong{
         color:#585858;
      }

         .navigatiepad ul,
         .navigatiepad li{
            display:inline;
            list-style:none;
            margin:0;
            padding:0;
         }
         .navpath ul.navigatiepad li a{
            text-decoration:underline;
         }
            .navigatiepad li {
               padding: 2px 0 0 0;
               font-size:11px;
            }