/*
   Biretco
   Stylesheet Navigatie
   i-Aspect B.V. - 8 november 2007
   door: Rutger Laurman
*/

/* ===== Hoofdnavigatie ===== */

div#navigation{
   position:absolute;
   top:92px;
   margin-left:-24px;
   clear:left;
   width:924px;
   height:29px;
   background-color:#246955;
}
   div#navigation ul{
      list-style:none;
      background:no-repeat left top;
      float:left;
      margin:0;
      padding:0;
   }
      div#navigation ul li{
         display:inline;
         float:left;
         margin:0;
         padding:0;
      }
         div#navigation ul li a{
            display:block;
            background:no-repeat left top;
            height:29px;
            text-indent:-5000px;
            color:#fff;
         }


/* ===== Duitsland ===== */

   body div#navigation ul,
   body div#navigation ul li a{
      background-image:url(../img/menu-de.gif);
   }

   /* menuknoppen definities */
   body div#navigation ul li#nav_home a{
      width:63px;
      background-position:0 0;
   }
      body div#navigation ul li#nav_home a:hover{ background-position:0 -29px; }
      body div#navigation ul li#nav_home a:active,
      body div#navigation ul li#nav_home a.active{ background-position:0 -58px; }

   body div#navigation ul li#nav_unsere-organisation a{
      width:150px;
      background-position:-63px 0;
   }
      body div#navigation ul li#nav_unsere-organisation a:hover{ background-position:-63px -29px; }
      body div#navigation ul li#nav_unsere-organisation a:active,
      body div#navigation ul li#nav_unsere-organisation a.active{ background-position:-63px -58px; }

   body div#navigation ul li#nav_unsere-dienstleistung a{
      width:158px;
      background-position:-213px 0;
   }
      body div#navigation ul li#nav_unsere-dienstleistung a:hover{ background-position:-213px -29px; }
      body div#navigation ul li#nav_unsere-dienstleistung a:active,
      body div#navigation ul li#nav_unsere-dienstleistung a.active{ background-position:-213px -58px; }

   body div#navigation ul li#nav_unsere-konzepte a{
      width:132px;
      background-position:-371px 0;
   }
      body div#navigation ul li#nav_unsere-konzepte a:hover{ background-position:-371px -29px; }
      body div#navigation ul li#nav_unsere-konzepte a:active,
      body div#navigation ul li#nav_unsere-konzepte a.active{ background-position:-371px -58px; }

   body div#navigation ul li#nav_unsere-partner a{
      width:118px;
      background-position:-503px 0;
   }
      body div#navigation ul li#nav_unsere-partner a:hover{ background-position:-503px -29px; }
      body div#navigation ul li#nav_unsere-partner a:active,
      body div#navigation ul li#nav_unsere-partner a.active{ background-position:-503px -58px; }

   body div#navigation ul li#nav_kontakt a{
      width:77px;
      background-position:-621px 0;
   }
      body div#navigation ul li#nav_kontakt a:hover{ background-position:-621px -29px; }
      body div#navigation ul li#nav_kontakt a:active,
      body div#navigation ul li#nav_kontakt a.active{ background-position:-621px -58px; }

   body div#navigation ul li#nav_einloggen{
      margin-left:134px;
   }

   body div#navigation ul li#nav_einloggen a{
      width:92px;
      background-position:-832px 0;
   }
      body div#navigation ul li#nav_einloggen a:hover{ background-position:-832px -29px; }
      body div#navigation ul li#nav_einloggen a:active,
      body div#navigation ul li#nav_einloggen a.active{ background-position:-832px -58px; }


   
/*
      body.en div#navigation ul li#nav_inloggen a:hover{ background-position:-833px -29px; }
      body.en div#navigation ul li#nav_inloggen a:active,
      body.en div#navigation ul li#nav_inloggen a.active{ background-position:-833px -58px; }
*/


   /* ===== sub navigatie ===== */

      div#side a.backlink{
         font-size:1.2em;
         margin-left:0.5em;
      }

      div#side div#subnavigation{
         background:url(../img/bg_subnav.gif) no-repeat bottom right #f6f7f7;
         width:231px;
         clear:both;
         float:left;
      }

         div#side div#subnavigation ul{
            clear:both;
            overflow:hidden;
            background:url(../img/subnav-first.gif) no-repeat left top;
            padding-bottom:8px;
         }

            div#side div#subnavigation ul li{
               margin:0;
               padding:0;
               width:231px;
               display:block;
               float:left;
               clear:both;
               background:url(../img/arrow_subnav.gif) no-repeat 7px 50%;
            }

               div#side div#subnavigation ul li a{
                  display:block;
                  width:210px;
                  clear:both;
                  font-size:1.3em;
                  padding:0.5em 0 0.5em 20px;
                  color:#256b57;
                  background:url(../img/subnav-item.gif) top left;
               }
                  div#side div#subnavigation ul li a:hover{
                     text-decoration:none;
                  }
               div#side div#subnavigation ul li a img{ border:0; }

                div#side a.backlinkbbg{
                  color:#256b57;
                  padding-left:15px;
                  background:url(../img/arrow_left-green.gif) no-repeat 0 50%;
                  font-size:1.3em;
                  display:block;
                  float:left;


                }

/* NOTE: bbg style het zelfde als de biretco style - dit kan later nog wijzigen */

            /* standaard stijl */
               div#side div#subnavigation ul li a.active{
                  background-image:url(../img/subnav_a.gif);
                  font-weight:bold;
                  background-color:#e9e9e9;
               }
               div#side div#subnavigation ul li.first a.active{
                  background-image:url(../img/subnav-first_a.gif);
               }

            /* biretco stijl - over ruled standaard stijl hier boven */
               div#side div#subnavigation ul li a.active{
                  background-image:url(../img/subnav-bbg_a.gif);
                  background-color:#246a56;
                  color:#fff;
               }
               div#side div#subnavigation ul li.first a.active{
                  background-image:url(../img/subnav-bbg-first_a.gif);
               }

            /* bbg stijl */

               body.bbg div#side{
                  padding-top:50px !important;
                  background:url(../img/logo-bbg.gif) no-repeat 40px 20px;
               }
               body.bbg div#side a.backlink{
                  padding-left:15px;
                  background:url(../img/arrow_left-green.gif) no-repeat 0 50%;
               }
               body.bbg div#side div#subnavigation ul li a.active{
                  background-image:url(../img/subnav-bbg_a.gif);
                  background-color:#246a56;
                  color:#fff;
               }
               body.bbg div#side div#subnavigation ul li.first a.active{
                  background-image:url(../img/subnav-bbg-first_a.gif);
               }



            /* fietswereld stijl */
               body.fw div#content h2{ color:#48528f; }
               body.fw div#side{
                  padding-top:50px !important;
                  background:url(../img/logo-fw.gif) no-repeat 20px 20px;
               }
               body.fw div#side a.backlink{
                  padding-left:15px;
                  background:url(../img/arrow_left-yellow.gif) no-repeat 0 50%;
                  color:#48528f;
               }
               body.fw div#side div#subnavigation a{
                  color:#48528f;
               }
               body.fw div#side div#subnavigation ul li{
                  background-image:url(../img/arrow_subnav-fw.gif);
               }
               body.fw div#side div#subnavigation ul li a.active{
                  background-image:url(../img/subnav-fw_a.gif);
                  background-color:#48528f;
                  color:#fff;
               }
               body.fw div#side div#subnavigation ul li.first a.active{
                  background-image:url(../img/subnav-fw-first_a.gif);
               }

            /* profile stijl */
               body.pdf div#content h2{ color:#0b72c2; }
               body.pdf div#side{
                  padding-top:50px !important;
                  background:url(../img/logo-pdf.gif) no-repeat 30px 20px;
               }
               body.pdf div#side a.backlink{
                  padding-left:15px;
                  background:url(../img/arrow_left-red.gif) no-repeat 0 50%;
                  color:#0b72c2;
               }
               body.pdf div#side div#subnavigation a{
                  color:#0b72c2;
               }
               body.pdf div#side div#subnavigation ul li{
                  background-image:url(../img/arrow_subnav-pdf.gif);
               }
               body.pdf div#side div#subnavigation ul li.backlink{
                  background-image:url(../img/arrow_left_subnav-pdf.gif) ;
               }               
               body.pdf div#side div#subnavigation ul li a.active{
                  background-image:url(../img/subnav-pdf_a.gif);
                  background-color:#065ea2;
                  color:#fff;
               }
               body.pdf div#side div#subnavigation ul li.first a.active{
                  background-image:url(../img/subnav-pdf-first_a.gif);
               }

            /* bonusbikes stijl */
               body.bb div#content h2{ color:#e90030; }
               body.bb div#side{
                  padding-top:50px !important;
                  background:url(../img/logo-bb.gif) no-repeat 30px 20px;
               }
               body.bb div#side a.backlink{
                  padding-left:15px;
                  background:url(../img/arrow_left-yellow.gif) no-repeat 0 50%;
                  color:#e90030;
               }

               body.bb div#side div#subnavigation a{
                  color:#e90030;
               }
               body.bb div#side div#subnavigation ul li{
                  background-image:url(../img/arrow_subnav-bb.gif);
               }
               body.bb div#side div#subnavigation ul li a.active{
                  background-image:url(../img/subnav-bb_a.gif);
                  background-color:#c7012a;
                  color:#fff;
               }
               body.bb div#side div#subnavigation ul li.first a.active{
                  background-image:url(../img/subnav-bb-first_a.gif);
               }


               div#side div#subnavigation ul li.first a{
                  background-image:none;
               }