/* -- Navigation --------- */
/* ----------------------- */


/* für alle Elemente in der Navi gütlige Formatierungen */

div.products a
{
    width: 172px;
	display: block;
	padding: 3px 4px;
}

div.products a:hover
{
	background-color: #FBFBFB;
}

div.products a.active
{
    background-color: #FEFEFE;
    font-weight: bold;
}

/* Formatierungen für die Links verschiednener Kategorietiefe */

div.products a.navi_0
{
    font-weight: bold;
}

div.products a.navi_1
{
	padding-left: 10px;
	width: 166px; /* 180 - 20 - 4 */
}

div.products a.navi_2
{
	padding-left: 20px;
	width: 156px; /* 180 - 20 - 4 */
}

div.products a.navi_3
{
	padding-left: 30px;
	width: 146px; /* 180 - 30 - 4 */
	font-size: 10px;
}

div.products a.navi_4
{
	padding-left: 40px;
	width: 136px; /* 180 - 40 - 4 */
	font-size: 10px;
}


/* Formatierungen um Kategorien mit Unterkategorien von Produktlisten zu unterscheiden */

/* Links mit weiteren Unterkategorien */

div.products a.navi_1.hasSubcats /* Element hat Klasse navi_1 und isList */
{
    background-image: url(../images/design/cat-arrow.gif);
	background-position: 4px top;
	background-repeat: no-repeat;
}

div.products a.navi_2.hasSubcats 
{
    background-image: url(../images/design/cat-arrow.gif);
	background-position: 14px top;
	background-repeat: no-repeat;
}

div.products a.navi_3.hasSubcats 
{
    background-image: url(../images/design/cat-arrow.gif);
	background-position: 24px top;
	background-repeat: no-repeat;
}
div.products a.navi_4.hasSubcats 
{
    background-image: url(../images/design/cat-arrow.gif);
	background-position: 34px top;
	background-repeat: no-repeat;
}

/* Formatierung für Links, die gleich zu Produktlisten führen */

div.products a.navi_1.isList /* Element hat Klasse navi_1 und isList */
{
    background-image: url(../images/design/is-list.gif);
	background-position: 4px top;
	background-repeat: no-repeat;
}

div.products a.navi_2.isList 
{
    background-image: url(../images/design/is-list.gif);
	background-position: 14px top;
	background-repeat: no-repeat;
}

div.products a.navi_3.isList 
{
    background-image: url(../images/design/is-list.gif);
	background-position: 24px top;
	background-repeat: no-repeat;
}
div.products a.navi_4.isList 
{
    background-image: url(../images/design/is-list.gif);
	background-position: 34px top;
	background-repeat: no-repeat;
}

/* Formatierung für Links, die 'geöffnet' wurden */

div.products a.navi_1.isOpened /* Element hat Klasse navi_1 und isList */
{
    background-image: url(../images/design/is-opened.gif);
	background-position: 4px top;
	background-repeat: no-repeat;
}

div.products a.navi_2.isOpened 
{
    background-image: url(../images/design/is-opened.gif);
	background-position: 14px top;
	background-repeat: no-repeat;
}

div.products a.navi_3.isOpened 
{
    background-image: url(../images/design/is-opened.gif);
	background-position: 24px top;
	background-repeat: no-repeat;
}
div.products a.navi_4.isOpened 
{
    background-image: url(../images/design/is-opened.gif);
	background-position: 34px top;
	background-repeat: no-repeat;
}



/* Formatierungen für die versch. Produktkategorien */

div.products div
{
    margin-bottom: 1px;
}

div.cat_0
{
    background-color: #fff5cc; /* Alle Links innerhalb dieser Kategorie haben diese BG-Farbe */
}

div.cat_0 a.navi_0
{
    background-color: #ffe785; /* Der Link der Hauptkategorie hat diese BG-Farbe */
}

div.cat_1
{
    background-color: #ffefe0;
}

div.cat_1 a.navi_0
{
    background-color: #febb84;
}

div.cat_2
{
    background-color: #f6c8b9;
}

div.cat_2 a.navi_0
{
    background-color: #f0a993;
}

div.cat_3
{
    background-color: #ffcac9;
}

div.cat_3 a.navi_0
{
    background-color: #ff8582;
}

div.cat_4
{
    background-color: #e2cfc7;
}

div.cat_4 a.navi_0
{
    background-color: #d2bab0;
}

div.cat_5
{
    background-color: #d5d6e1;
}

div.cat_5 a.navi_0
{
    background-color: #babcc9;
}

div.cat_6
{
    background-color: #cee3d1;
}

div.cat_6 a.navi_0
{
    background-color: #b4cdb8;
}

div.cat_7
{
    background-color: #e4f2c4;
}

div.cat_7 a.navi_0
{
    background-color: #c9d5ad;
}

div.cat_8
{
    background-color: #d8cfeb;
}

div.cat_8 a.navi_0
{
    background-color: #b9add5;
}

div.cat_9
{
    background-color: #eedbee;
}

div.cat_9 a.navi_0
{
    background-color: #dec6de;
}

div.cat_10
{
    background-color: #f6f6e4;
}

div.cat_10 a.navi_0
{
    background-color: #e9e9cd;
}

div.cat_11
{
    background-color: #dfe8f4;
}

div.cat_11 a.navi_0
{
    background-color: #c9d9f0;
}

div.cat_12
{
    background-color: #d6e4ff;
}

div.cat_12 a.navi_0
{
    background-color: #b8d0ff;
}

div.cat_13
{
    background-color: #fef4df;
}

div.cat_13 a.navi_0
{
    background-color: #fee6b6;
}