/* --- 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:#3C85BC;
}

/* 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;
}

/* 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: 15px;
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;
/*height: 24px;*/
min-height:24px;
_line-height:24px; /* min-height-like behaviour for IE6 */
}

/* 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 */
/*height: 24px;*/
}

/* 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 */
height: 40px;
}

/* 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;
/*height: 24px;*/
}

/* 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;
height: 40px;
}

/* 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;
height: 24px;
}

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

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

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

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;
height: 24px;
}


/* 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;
}