@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Navigation for product categories
* (de) Navigation für die Produktkategorien
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.5.1
*/

@media all
{

	/* ################################################################################################################### */
	/* ### Definition des Randes für die einzelnen Kategorieebenen + Text- und Hintergrundfarbe (Werte werden vererbt) ### */
	/* ### width + padding-left = 100% ################################################################################### */
	/* ################################################################################################################### */

	/* ### 1.Ebene ### */
	.catListBody ul li a {
		width: 95%;
		padding: 2px 0 2px 5%;
		color: #444;
		border-bottom: 0px #EEE solid;
		background-color: none;
		background-repeat:no-repeat;
	}
	
	.catListBody ul li#cidladyshirts a {
		background-image:url(../../images/lady-shirts_inaktiv.gif);
		text-indent:-1000px;
	}
	
	.catListBody ul li#cidjugglingmaterial a {
		background-image:url(../../images/jonglier-sets_inaktiv_gb.gif);
		text-indent:-1000px;
	}
	
	.catListBody ul li#cidfiles a {
		background-image:url(../../images/mappen_inaktiv_gb.gif);
		text-indent:-1000px;
	}
	.catListBody ul li#cidmitmensch a {
		background-image:url(../../images/mitmenschen_inaktiv_gb.gif);
		text-indent:-1000px;
	}
	
	.catListBody ul li#cidbags a {
		background-image:url(../../images/taschen_inaktiv_gb.gif);
		text-indent:-1000px;
	}
	/* ### 2.Ebene ### */
	.catListBody ul li ul li a, .catListBody li.activeCat ul li a {
		width: 90%;
		padding: 2px 0 2px 10%;
		color: #444;
		border-bottom: 1px #EEE solid;
		background-color: #CCC;
	}

	/* ### 3.Ebene ### */
	.catListBody ul li ul li ul li a, .catListBody li.activeCat li.activeCat ul li a {
		width: 85%;
		padding: 2px 0 2px 15%;
		color: #444;
		border-bottom: 1px #EEE solid;
		background-color: #CFCFCF;
	}

	/* ### 4.Ebene ### */
	.catListBody ul li ul li ul li ul li a, .catListBody li.activeCat li.activeCat li.activeCat ul li a {
		width: 80%;
		padding: 2px 0 2px 20%;
		color: #444;
		border-bottom: 1px #EEE solid;
		background-color: #BFBFBF;
	}

	/* ### 5.Ebene ### */
	.catListBody ul li ul li ul li ul li ul li a, .catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
		width: 75%;
		padding: 2px 0 2px 25%;
		color: #444;
		border-bottom: 1px #EEE solid;
		background-color: #BFBFBF;
	}

	/* ### 6.Ebene  ### */
	.catListBody ul li ul li ul li ul li ul li ul li a,
	.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
		width: 70%;
		padding: 1px 0 1px 30%;
		color: #444;
		border-bottom: 1px #EEE solid;
		background-color: #BFBFBF;
	}

	.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a  {
		color: #000;
		border-bottom: 1px #EEE solid;
		background-color: #BFBFBF;
	}

	/* ############################################################################################ */
	/* ### MouseOver ############################################################################## */
	/* ############################################################################################ */

	/* ### 1.Ebene ### */
	.catListBody li a:hover {
		background-color: none;
		color: #FFF;
		text-decoration: none;
	}

	/* ### 2.Ebene ### */
	.catListBody li li a:hover, .catListBody li.activeCat li a:hover {
		background-color: #CA513E;
		color: #FFF;
		text-decoration: none;
	}

	/* ### 3.Ebene ### */
	.catListBody li li li a:hover, .catListBody li.activeCat li.activeCat li a:hover {
		background-color: #CA513E;
		color: #FFF;
		text-decoration: none;
	}

	/* ### 4.Ebene ### */
	.catListBody li li li li a:hover, .catListBody li.activeCat li.activeCat li.activeCat li a:hover {
		background-color: #CA513E;
		color: #FFF;
		text-decoration: none;
	}

	/* ### 5.Ebene  ### */
	.catListBody li li li li li a:hover, .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
		background-color: #CA513E;
		color: #FFF;
		text-decoration: none;
	}

	/* ### 6.Ebene  ### */
	.catListBody li li li li li li a:hover, .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
		background-color: #CA513E;
		color: #FFF;
		text-decoration: none;
	}

	/* ############################################################################################ */
	/* ### Aktive Kategorie ####################################################################### */
	/* ############################################################################################ */

	.catListBody li.activeCat a,
	.catListBody li.activeCat li.activeCat a ,
	.catListBody li.activeCat li.activeCat li.activeCat a ,
	.catListBody li.activeCat li.activeCat li.activeCat li.activeCat a ,
	.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a ,
	.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a {
		background-color: none;
		color: #FFF;
	}
	
	.catListBody ul li#cidladyshirts.activeCat a {
		background-image:url(../../images/lady-shirts_aktiv.gif);
		text-indent:-1000px;
	}
	
	.catListBody ul li#cidjugglingmaterial.activeCat a {
		background-image:url(../../images/jonglier-sets_aktiv_gb.gif);
		text-indent:-1000px;
	}
	
	.catListBody ul li#cidfiles.activeCat a {
		background-image:url(../../images/mappen_aktiv_gb.gif);
		text-indent:-1000px;
	}
	.catListBody ul li#cidmitmensch.activeCat a {
		background-image:url(../../images/mitmenschen_aktiv_gb.gif);
		text-indent:-1000px;
	}
	
	.catListBody ul li#cidbags.activeCat a {
		background-image:url(../../images/taschen_aktiv_gb.gif);
		text-indent:-1000px;
	}
}