/* $Id: menu.css, v 1.04 2009-05-12 hxb mj $ */


/********** Vertical Nav left **************/

/**** 1st level ****/

#nav_vert {}

#nav_vert li {}

#nav_vert li a {
  display: block;
  margin: 0;
  background: url(../images/colorcode/f00.gif) repeat-y top right;  /* default image if category class missing */
  padding-right: 8px;
  color: #000;
  font-size: 0.9em;
  text-decoration: none;
  }
#nav_vert li a span {
  display: block;
  background-color: #ffefca;
  background-image: url(../images/bg_menu01.gif);
  background-repeat: repeat-y;
  border-top: 1px solid #fff;
  border-right: 1px solid #baa983;
  border-bottom: 1px solid #baa983;
  padding: 10px 2px 10px 10px;
  }

#nav_vert .nav-geschenkideen a span {
  background-image: url(../images/bg_menu_xmas.gif);
  background-repeat: no-repeat;
}

#nav_vert .nav-geschenkideen li a span {
  background-image: none;
}

#nav_vert .nav-kostumideen a span {
  background-image: url(../images/bg_menu_karneval.gif);
  background-repeat: no-repeat;
}

#nav_vert .nav-kostumideen li a span {
  background-image: none;
}

#nav_vert li a:focus,
#nav_vert li a:hover,
#nav_vert li a:active
  {color: #956535;}

#nav_vert li.active a {color: #3a2f15; font-weight: bold;}

#nav_vert .nav-neuheiten {margin-bottom:15px;}
#nav_vert .nav-neuheiten li a span {padding: 5px 2px 5px 10px;}



/**** 2nd Level ****/

#nav_vert li ul {
  margin: 0;
  border: 1px solid #baa983;
  border-width: 0 0px 0 0;
  padding: 0px 0 0;
  }
#nav_vert li ul {display: none;}
#nav_vert li.active ul {display: block;}

#nav_vert li li {
  background-image: none;
  margin: 0 7px 0 0;
  padding: 0px;
  background-color: #ffefca;
  border: 0px solid #f4d36d;
  border-right-color: #a3a3a3; /* default border color if category class missing */
  border-width: 0px 3px 0px 1px;
  }

#nav_vert li li a {padding-right: 0px;}
#nav_vert li li a span {
  display: block;
  margin: 0 0 0 0px;
  border: 1px solid #f4d36d;
  border-width: 1px 0 0;
  padding: 1px 5px 1px 10px;
  background-image: none;
  background-color: #feecb0;
  color: #000;
  text-decoration: none;
  }

#nav_vert li li a:focus span,
#nav_vert li li a:hover span,
#nav_vert li li a:active span
  {color: #956535;}

/**** 3rd Level ****/

#nav_vert li li ul {margin: 0; border: 0 none; }
#nav_vert li.active li ul {display: none;}
#nav_vert li li.active ul {display: block;}

#nav_vert li li li {border-width: 0 0 0px 0; }

#nav_vert li li li a span {
  border: 0 none;
  padding: 0 0 0 20px;
  background-image: none;
  background-color: #ffefca;
  font-size: 0.85em;
  }

#nav_vert li li li a:focus span,
#nav_vert li li li a:hover span,
#nav_vert li li li a:active span
  {color: #cd9830 !important;}

#nav_vert li a span {font-weight: normal;}
#nav_vert li.active a span {font-weight: bold;}
#nav_vert li li a span {font-weight: normal;}
#nav_vert li.active li a span {font-weight: normal;}
#nav_vert li.active li.active a span {font-weight: bold;}
#nav_vert li li li a span {font-weight: normal;}
#nav_vert li.active li.active li a span {font-weight: normal;}
#nav_vert li.active li.active li.active a span {font-weight: bold;}


/**** Farbmarkierung Artikelkategorien (corresponds to boxes.css: Farbmarkierung...) ****/

#nav_vert .nav-bekleidung-zubehor a {background-image: url(../images/colorcode/f01.gif);}
#nav_vert .nav-bekleidung-zubehor ul li {border-right-color: #cd9a38;}
#nav_vert .nav-schuhe-zubehor a {background-image: url(../images/colorcode/f02.gif);}
#nav_vert .nav-schuhe-zubehor ul li {border-right-color: #fbd00b;}
#nav_vert .nav-kid-s-special a {background-image: url(../images/colorcode/f03.gif);}
#nav_vert .nav-kid-s-special ul li {border-right-color: #f69e1b;}
#nav_vert .nav-security-military a {background-image: url(../images/colorcode/f04.gif);}
#nav_vert .nav-security-military ul li {border-right-color: #88a354;}
#nav_vert .nav-rucksacke-taschen-kisten a {background-image: url(../images/colorcode/f05.gif);}
#nav_vert .nav-rucksacke-taschen-kisten ul li {border-right-color: #a2d770;}
#nav_vert .nav-camping-outdoor a {background-image: url(../images/colorcode/f06.gif);}
#nav_vert .nav-camping-outdoor ul li {border-right-color: #518751;}
#nav_vert .nav-abzeichen-aufnaher a {background-image: url(../images/colorcode/f07.gif);}
#nav_vert .nav-abzeichen-aufnaher ul li {border-right-color: #ffe6ac;}
#nav_vert .nav-messer-schwerter-tools-co a {background-image: url(../images/colorcode/f08.gif);}
#nav_vert .nav-messer-schwerter-tools-co ul li {border-right-color: #4340a9;}
#nav_vert .nav-ausgefallenes-sammlerware a {background-image: url(../images/colorcode/f09.gif);}
#nav_vert .nav-ausgefallenes-sammlerware ul li {border-right-color: #db1048;}
#nav_vert .nav-fundgrube-bucher a {background-image: url(../images/colorcode/f10.gif);}
#nav_vert .nav-fundgrube-bucher ul li {border-right-color: #9c1111;}



/* Nav Defaults */

#nav { padding:0 20px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color:#95650b; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#95650b; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#3a2f15 !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }