/* --- Allgemeine Formatierungen, die das ganze Men� betreffen --- */

ul.menu
{
    font-size: 13px;
    width: 240px;
    margin: 0;
    padding:0;
    list-style-type:none;
    display:block;
background-color:#3374B1;
}

div.hierarchical_box ul, div.hierarchical_box ul li , div.hierarchical_box ul li ul, div.hierarchical_box ul li ul li ul {
    background-color: transparent;
    /*margin: 0;*/
    padding: 0;
    list-style-image: none;
    overflow-x: visible;
}

div.hierarchical_box ul.menu li.class-3 {
    padding: 0 0 0 15px;
}

div.hierarchical_box ul.menu li.class-4 {
    padding: 0 0 0 35px;
     width: 110px;
}
div.hierarchical_box ul.menu li.ohne-2 , div.hierarchical_box ul.menu li.ohne-3 , div.hierarchical_box ul.menu li.ohne-4 {
    border-bottom: none;
}
div.hierarchical_box ul.menu li.off-3 {
    padding: 0 0 0 25px;
}

li.arrow_no {
    
}

li.arrow_off {
    background: url(img/menu_bullet_auf.gif) no-repeat -0px 5px;

}

li.arrow_on {
    background: url(img/menu_bullet_zu.gif) no-repeat -3px 5px;
    list-style-image: url(img/menu_bullet_zu_gelb.gif);
}
ul.menu_conective li {
    margin: 0;
    padding: 0;
}

/* gilt f�r alle li-Klassen des Men�s */
ul.menu li
{
display: block;
width: 220px;
margin-right: 10px;
margin-left: 10px;
}

/* Standard-Linkfarbe f�r class-2 bis class-6 */
ul.menu a
{
color: white;
}

/* Linkfarbe f�r class-1 */
ul.menu a.hellblau { /*color: #D2E9F5;*/ color: #fff;}

/* Aktiv-Linkfarbe f�r class-2 bis class-6 */
ul.menu a.aktiv
{
color: #FFE188;
}

.border-unten
{
border-bottom: solid #D2E9F5 1px;
}

/* --------------------- class-1 --------------------- */

/* class-1 = oberste li-Kategorie wie "Produkte", diese Einstellung gilt f�r alle li der class-1 */
ul.menu li.class-1 { padding: 0; }

/* class-1 li Standard-Einstellung */
.off-1
{
height: 40px;
line-height: 40px;
}

/* class-1 li Aktiv mit geringerem Abstand unten zu Unterkategorien, geringere H�he */
.on-1
{
margin-top: 5px;
height: 30px;
line-height: 30px;
}

/*  class-1 li mit gr��erem Abstand oben zu Unterkategorien */
.abstand-1
{
margin-top: 10px;
line-height: 45px;
}

/* class-1 link, es gibt nur diese Einstellung */
.class-1 a
{
font-size: 17px;
text-decoration: none;
font-weight: bold;
}


/* --------------------- class-2 --------------------- */

/* class-2 = zweite li-Kategorie wie "Verkaufsware" */
ul.menu li.class-2
{
display: block;
width: 200px;
margin: 0 10px;
padding: 0 0 0 20px;
}

ul.menu_conective li.class-2
{
    list-style-image: none;
display: block;
width: 200px;
margin: 0 0px;
padding: 0 0 0 0px;
}

/* class-2 li Standard-Einstellung mit wei�em Pfeil */
.off-2
{
background: url(img/menu_bullet_zu.gif) no-repeat 0px 5px;
border-bottom: solid #D2E9F5 1px;
}

/* class-2 li aufgeklappt mit wei�em Pfeil nach unten */
.on-2
{
background: url(img/menu_bullet_auf.gif) no-repeat 0px 5px;
border-bottom: none;
}

/* class-2 li Aktiv mit gelbem Pfeil nach unten */
.aktiv-2
{
background: url(img/menu_bullet_auf_gelb.gif) no-repeat 0px 5px;
border-bottom: none;
}

/* class-2 li ohne Pfeil */
.ohne-2
{
background: none;
border-bottom: solid #D2E9F5 1px;
}

/* class-2 link */
.class-2 a
{
line-height: 22px;
text-decoration: none;
font-weight: bold;
}

/* --------------------- class-3 --------------------- */

/* class-3 = dritte li-Kategorie wie "Lederb�nder" */
ul.menu li.class-3
{
display: block;
width: 185px; /* ab class 3 width immer - 15 gegen�ber der vorherigen class */
margin: 0 10px;
padding: 0 0 0 35px; /* ab class 3 padding-left immer + 15 gegen�ber der vorherigen class */
}

ul.menu_conective li.class-3
{
list-style-image: none;
display: block;
width: 185px;
margin: 0 0px;
padding: 0 0 0 0px;
}

/* class-3 li Standard-Einstellung mit wei�em Pfeil */
.off-3
{
background: url(img/menu_bullet_zu.gif) no-repeat 15px 5px; /* ab class 3 background-position immer + 15 gegen�ber der vorherigen class */
}

/* class-3 li aufgeklappt mit wei�em Pfeil nach unten */
.on-3
{
background: url(img/menu_bullet_auf.gif) no-repeat 15px 5px;
}

/* class-3 li Aktiv mit gelbem Pfeil nach unten */
.aktiv-3
{
background: url(img/menu_bullet_auf_gelb.gif) no-repeat 15px 5px;
}

/* class-3 liohne Pfeil */
.ohne-3
{
background: none;
}

/* class-3 link */
.class-3 a
{
line-height: 24px;
text-decoration: none;
font-weight: normal;
}

/* --------------------- class-3 zweizeilig --------------------- */

/* class-3 = dritte li-Kategorie wie "Lederb�nder" */
ul.menu li.class-3-2
{
display: block;
width: 185px; /* ab class 3 width immer - 15 gegen�ber der vorherigen class */
margin: 0 10px;
padding: 0 0 0 35px; /* ab class 3 padding-left immer + 15 gegen�ber der vorherigen class */
}

/* class-3 li Standard-Einstellung mit wei�em Pfeil */
.off-3-2
{
background: url(img/menu_bullet_zu.gif) no-repeat 15px 3px; /* ab class 3 background-position immer + 15 gegen�ber der vorherigen class */
}

/* class-3 li aufgeklappt mit wei�em Pfeil nach unten */
.on-3-2
{
background: url(img/menu_bullet_auf.gif) no-repeat 15px 3px;
}

/* class-3 li Aktiv mit gelbem Pfeil nach unten */
.aktiv-3-2
{
background: url(img/menu_bullet_auf_gelb.gif) no-repeat 15px 3px;
}

/* class-3 link */
.class-3-2 a
{
line-height: 20px;
text-decoration: none;
font-weight: normal;
}

/* --------------------- class-4 --------------------- */

/* class-4 = vierte li-Kategorie wie "Arizona Sport # 682" */
ul.menu li.class-4
{
display: block;
width: 170px;
margin: 0 10px;
padding: 0 0 0 50px;
}

ul.menu_conective li.class-4
{
display: block;
width: 170px;
margin: 0 0px;
padding: 0 0 0 0px;
}

/* class-4 li Standard-Einstellung mit wei�em Pfeil */
.off-4
{
background: url(img/menu_bullet_zu.gif) no-repeat 30px 5px;
}

/* class-4 li aufgeklappt mit wei�em Pfeil nach unten */
.on-4
{
background: url(img/menu_bullet_auf.gif) no-repeat 30px 5px;
}

/* class-4 li Aktiv mit gelbem Pfeil nach unten */
.aktiv-4
{
background: url(img/menu_bullet_auf_gelb.gif) no-repeat 30px 5px;
}

/* class-4 link */
.class-4 a
{
line-height: 24px;
text-decoration: none;
font-weight: normal;
}

/* --------------------- class-4 zweizeilig --------------------- */

/* class-4-2 = vierte li-Kategorie mit zweizeiligen Link-Namen wie "Chrono Matt XL # 631 mit Kontrastnaht" */
ul.menu li.class-4-2
{
display: block;
width: 170px;
margin: 0 10px;
padding: 0 0 0 50px;
}

/* class-4-2 li Standard-Einstellung mit wei�em Pfeil */
.off-4-2
{
background: url(img/menu_bullet_zu.gif) no-repeat 30px 3px;
}

/* class-4-2 li aufgeklappt mit wei�em Pfeil nach unten */
.on-4-2
{
background: url(img/menu_bullet_auf.gif) no-repeat 30px 3px;
}

/* class-4-2 li Aktiv mit gelbem Pfeil nach unten */
.aktiv-4-2
{
background: url(img/menu_bullet_auf_gelb.gif) no-repeat 30px 3px;
}

/* class-4-2 link */
.class-4-2 a
{
line-height: 20px;
text-decoration: none;
font-weight: normal;
}

/* --------------------- class-5 --------------------- */

/* class-5 = f�nfte li-Kategorie wie "Schlie�e Edelstahl" */
ul.menu li.class-5
{
display: block;
width: 155px;
margin: 0 10px;
padding: 0 0 0 65px;
}

/* class-5 li Standard-Einstellung mit wei�em Pfeil */
.off-5
{
background: url(img/menu_bullet_zu.gif) no-repeat 45px 5px;
}

/* class-5 li aufgeklappt mit wei�em Pfeil nach unten */
.on-5
{
background: url(img/menu_bullet_auf.gif) no-repeat 45px 5px;
}

/* class-5 li Aktiv mit gelbem Pfeil nach unten */
.aktiv-5
{
background: url(img/menu_bullet_auf_gelb.gif) no-repeat 45px 5px;
}

ul.menu .aktiv-off a {
    color:#FFE188;
}
ul.menu .aktiv-off {
    background-image: url(img/menu_bullet_zu_gelb.gif);
}
ul.menu .aktiv-off-6,
ul.menu .aktiv-off-7,
ul.menu .aktiv-off-8,
ul.menu .aktiv-off-9 {
    background-image:none;
}

/* class-5 link */
.class-5 a
{
line-height: 24px;
text-decoration: none;
font-weight: normal;
}

/* --------------------- class-6 --------------------- */

/* class-6 = sechste und unterste li-Kategorie wie "schwarz" */
ul.menu li.class-6
{
display: block;
width: 140px;
margin: 0 10px;
padding: 0 0 0 80px;
}


/* class-6 link */
.class-6 a
{
line-height: 24px;
text-decoration: none;
font-weight: normal;
}

/* --------------------------------------------------- */

#categories .on-1,
#categories .on-2,
#categories .on-3,
#categories .on-4,
#categories .on-5,
#categories .on-6,
#categories .aktiv-1,
#categories .aktiv-2,
#categories .aktiv-3,
#categories .aktiv-4,
#categories .aktiv-5,
#categories .aktiv-6 {
    cursor:pointer;
}