@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://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0 
*/

@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,
#box_content ul.conandinfo li a {
	width: 92%;
	padding: 5px 0px 4px 8%;
	margin-top: 1px;
	color: #222;
	text-transform:uppercase;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	background: url(../../images/ho.bg-cat-first-lev.png) 0% 0% no-repeat;
}

#box_content ul.conandinfo li a {
	padding: 7px 0px 6px 8%;
}

/* ### 2.Ebene ### */
.catListBody ul li ul li a, .catListBody li.activeCat ul li a {
	width: 88%;
	margin-top: 0px;
	text-transform: none;
	padding: 3px 0px 3px 12%;
	color: #333;
	font-weight: normal;
	white-space: normal;
	background: url(../../images/tree.png) 2px 50% no-repeat;
}

.catListBody ul li ul li.last a{
	background: url(../../images/tree-end.png) 2px 50% no-repeat;	
}

/* ### 3.Ebene ### */
.catListBody ul li ul li ul li a , .catListBody li.activeCat li.activeCat ul li a {
	width: 82%;
	padding: 3px 0px 3px 18%;
	color: #333;
	font-weight: normal;
	background: url(../../images/tree-ff.png) 2px 50% no-repeat;
}

.catListBody ul li ul li ul li.last a{
	border-bottom: none;
	background: url(../../images/tree-ff-end.png) 2px 50% no-repeat!important;	
}

/* ### 4.Ebene ### */
.catListBody ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat ul li a {
	width: 76%;
	padding: 3px 0px 3px 24%;
	color: #333;
	font-weight: normal;
	background: url(../../images/tree-ff-ff.png) 2px 50% no-repeat;
}

.catListBody ul li ul li ul li ul li.last a{
	border-bottom: none;
	background: url(../../images/tree-ff-ff-end.png) 2px 50% no-repeat!important;	
}

.catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a  {
	background: url(../../images/tree-ff-ff-ff.png) 2px 50% no-repeat;
	color: #333;
}

.catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li.last a{
	background: url(../../images/tree-ff-ff-ff-end.png) 2px 50% no-repeat!important;	
}

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

/* ### 1.Ebene ### */
#box_content ul.conandinfo li a:hover,
.catListBody li a:hover {
	background-position: 0% 100%;
	text-decoration: none;
	color: #fff;
}

/* ### 2.Ebene ### */
.catListBody li li a:hover , .catListBody li.activeCat li a:hover {
	background: #ddd url(../../images/tree.png) 2px 50% no-repeat;
	text-decoration: none;
	color: #222;
}

.catListBody li li.last a:hover{
	background: #ddd url(../../images/tree-end.png) 2px 50% no-repeat!important;	
}

/* ### 3.Ebene ### */
.catListBody li li li a:hover , .catListBody li.activeCat li.activeCat li a:hover {
	background-color:#ddd; 
	background: #ddd url(../../images/tree-ff.png) 2px 50% no-repeat;
	text-decoration: none;
}

.catListBody li li li.last a:hover{
	background: #ddd url(../../images/tree-ff-end.png) 2px 50% no-repeat!important;	
}

/* ### 4.Ebene ### */
.catListBody li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li a:hover {
	background-color:#ddd; 
	background: #ddd url(../../images/tree-ff-ff.png) 2px 50% no-repeat;
	text-decoration: none;
}

.catListBody li li li li.last a:hover{
	background: #ddd url(../../images/tree-ff-ff-end.png) 2px 50% no-repeat!important;	
}

/*** 5. Ebene X ***/
.catListBody li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li a:hover {
	background-color:#ddd; 
	background: #ddd url(../../images/tree-ff-ff-ff.png) 2px 50% no-repeat;
	/*color: #fff;*/
	text-decoration: none;
}

.catListBody li li li li li.last a:hover{
	background: #ddd url(../../images/tree-ff-ff-ff-end.png) 2px 50% no-repeat!important;	
}

/* ############################################################################################ */
/* ### 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 {
	/*background-color:#000;
	color: #fff;*/
	font-weight: bold;
}

.catListBody li.activeCat a,
#box_content ul.conandinfo li.activeContent a{
	background-position: 0% 100%;
	color: #fff;
}

}