/* Anfang Produktmenü */
/* ---------------------------------------------------------------------------------  */
#topnavi #cat_ul {
	width: 990px; 
	padding:0px; 
	margin: 0px;
	z-index:100;
		}
		
#topnavi img {display: inherit;}
		

/* Erstes Level*/
/*----------------------------------------------------------------------------*/

#topnavi #cat_ul ul.level1 {
	padding:0;
	margin:0;
	list-style-type: none;
	position: relative;
	z-index:100;
}

#topnavi ul.level1 li {
	background-color:#000000;
	float: left;
	z-index:100;
}

#topnavi ul.level1 li a,
#topnavi ul.level1 li a:link,
#topnavi ul.level1 li a:visited,
#topnavi ul.level1 li a:active {
display:block;
}

#topnavi ul.level1 li a.selected {}
#topnavi ul.level1 li a.opened {}
#topnavi ul.level1 li a:hover{}


/*Zweites Level*/
/*----------------------------------------------------------------------------*/
#topnavi ul.level2 {
width:191px;
height:auto;
visibility:hidden;
position: absolute;
padding:0px;
display: block;
border: 1px solid #000000;
margin:-1px 0px 0px -1px;
list-style-type: none;
background-color: #FFFFFF;
z-index: 100;
}

#topnavi ul.level2 li a,
#topnavi ul.level2 li a:link,
#topnavi ul.level2 li a:visited,
#topnavi ul.level2 li a:active {
width: 183px;
height:auto;
display:block;
font-size:11px;
font-weight: normal;
color:#000000;
background-color: #FFFFFF;
background-image:none;
text-align: left;
padding: 3px 4px 3px 4px;
margin-left: 0px;
margin-top: 0px;
z-index:100;
}

#topnavi ul.level2 li a.selected {}
#topnavi ul.level2 li a.opened {}
#topnavi ul.level2 li a:hover{
font-size:11px;
color:#000000;
z-index:100;
}


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


/* Drittes Level*/
/*----------------------------------------------------------------------------*/
#topnavi ul.level3 {display: none;}
/*----------------------------------------------------------------------------*/


/* Viertes Level*/
/*----------------------------------------------------------------------------*/
#topnavi ul.level4 {display: none;}
/*----------------------------------------------------------------------------*/


/* fuenftes Level*/
/*----------------------------------------------------------------------------*/
#topnavi ul.level5 {display: none;}
/*----------------------------------------------------------------------------*/


#topnavi #cat_ul li:hover ul {visibility:visible;}

#topnavi #cat_ul :hover > a	{color:#000000; background-image:url(../images/bg_headnavi_gelb.jpg); border: none;}
#topnavi #cat_ul ul ul :hover > a {color:#000000; background-image:none; background-color: #f9e22a;}

/* ---------------------------------------------------------------------------------  */
/* bis zu zehn Navigationslevel sind möglich (je nach Shop-Typ)						  */
/* ---------------------------------------------------------------------------------  */
/* Ende Produktmenü */



/* Submenü links */
/* ---------------------------------------------------------------------------------  */
#subnavibox 				{width:250px;}


#subnavibox #cat_ul {
width: 250px; 
padding: 0px;
margin: auto; 
border-top: solid 1px #cccccc;
z-index:10;
}

/* Level 1 */
/* ---------------------------------------------------------------------------------  */
#subnavibox #cat_ul ul.level2 {
margin: 0px;
padding: 0px; 
list-style-type: none;
visibility:visible;
display: block;
z-index:10;
}

#subnavibox #cat_ul ul.level2 li {
float: none;
border-bottom: solid 1px #cccccc;
}

#subnavibox #cat_ul ul.level2 li a,
#subnavibox #cat_ul ul.level2 li a:link,
#subnavibox #cat_ul ul.level2 li a:visited,
#subnavibox #cat_ul ul.level2 li a:active {
position: inherit;
display:block; 
width:240px;
height:auto;
text-align: left;
color: #000000; 
text-decoration:none; 
font-size: 11px;
font-weight:bold;
padding: 6px 5px 6px 5px;							
border: solid 0px #000000;
background-color: #FFFFFF;
background-image:none;
margin-left: 0px;
margin-top: 0px;
border-top: solid 1px #FFFFFF;
border-left: solid 0px #e3e3e3;
border-right: solid 0px #e3e3e3;
}

#subnavibox #cat_ul ul.level2 li a:hover {
color: #000000; 
background-color: #d0e8c9;
z-index:100;
}

#subnavibox #cat_ul ul.level2 li a.selected {
color: #000000; 
font-weight: bold;	
background-color: #d0e8c9;										
}

#subnavibox #cat_ul ul.level2 li a.opened {
color: #000000;
font-weight: bold;
background-color: #d0e8c9;		
}


/* Kotte Menue Links Level 2 */
/* ---------------------------------------------------------------------------------  */
#subnavibox #cat_ul ul.level3 {
margin: 0px;
padding: 0px; 
list-style-type: none;
visibility:visible;
position: inherit;
border: none;
z-index:10;
}

#subnavibox #cat_ul ul.level3 li {
float: none;
border-bottom: solid 0px #d3e2cf;																								
}

#subnavibox #cat_ul ul.level3 li a,
#subnavibox #cat_ul ul.level3 li a:link,
#subnavibox #cat_ul ul.level3 li a:visited,
#subnavibox #cat_ul ul.level3 li a:active {
position: inherit;
display:block; 
width:220px;
height:auto;
text-align: left;
color: #000000; 
font-weight: normal;
text-decoration:none; 
font-size: 11px;
padding: 3px 10px 3px 20px;
margin-left: 0px;
margin-top: 0px;
border-top: solid 1px #FFFFFF;
background-image: url(../images/navigation/point01.gif); 
background-position:5px 4px; 
background-repeat:no-repeat;
background-color: #F5F5F5;	
}

#subnavibox #cat_ul ul.level3 li a:hover {
color: #000000; 
background-color: #d0e8c9;
background-image: url(../images/navigation/point01_selected.gif); 
}

#subnavibox #cat_ul ul.level3 li a.selected {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
background-color: #d0e8c9;		
font-weight: bold;
}

#subnavibox #cat_ul ul.level3 li a.opened {
color: #000000;
background-image: url(../images/navigation/point01.gif);
font-weight: normal;
}

/* Level 3 */
/* ---------------------------------------------------------------------------------  */
#subnavibox #cat_ul ul.level4 {
margin: 0px;
padding: 0px; 
list-style-type: none;
visibility:visible;
display: block;
position: inherit;
border: none;
z-index:10;
}

#subnavibox #cat_ul ul.level4 li {
float: none;
border-bottom: solid 0px #d3e2cf;														
}

#subnavibox #cat_ul ul.level4 li a,
#subnavibox #cat_ul ul.level4 li a:link,
#subnavibox #cat_ul ul.level4 li a:visited,
#subnavibox #cat_ul ul.level4 li a:active {
position: inherit;
display:block; 
width:205px;
height:auto;
text-align: left;
color: #000000; 
text-decoration:none; 
font-size: 11px;
font-weight: normal;
padding: 3px 10px 3px 35px;
border: none;
margin-left: 0px;
margin-top: 0px;
border-top: solid 1px #FFFFFF;
background-image: url(../images/navigation/point01.gif); 
background-position:20px 4px; 
background-repeat:no-repeat;
}

#subnavibox #cat_ul ul.level4 li a:hover {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
background-color: none;
}

#subnavibox #cat_ul ul.level4 li a.selected {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
background-color: #d0e8c9;		
font-weight: bold;
}

#subnavibox #cat_ul ul.level4 li a.opened {
color: #000000;
background-image: url(../images/navigation/point01.gif);
font-weight: normal;
}

/* Level 4 */
/* ---------------------------------------------------------------------------------  */
#subnavibox #cat_ul ul.level5 {
margin: 0px;
padding: 0px; 
list-style-type: none;
visibility:visible;
display: block;
position: inherit;
border: none;
z-index:10;
}

#subnavibox #cat_ul ul.level5 li {
float: none;
border-bottom: solid 0px #d3e2cf;																																					
}

#subnavibox #cat_ul ul.level5 li a,
#subnavibox #cat_ul ul.level5 li a:link,
#subnavibox #cat_ul ul.level5 li a:visited,
#subnavibox #cat_ul ul.level5 li a:active {
position: inherit;
display:block; 
width:190px;
height:auto;
text-align: left;
color: #000000; 
text-decoration:none; 
font-size: 11px;
font-weight: normal;
padding: 3px 10px 3px 50px;
border: none;
margin-left: 0px;
margin-top: 0px;
border-top: solid 1px #FFFFFF;
background-image: url(../images/navigation/point01.gif); 
background-position:35px 6px; 
background-repeat:no-repeat;
}

#subnavibox #cat_ul ul.level5 li a:hover {
color: #000000;
background-image: url(../images/navigation/point01_selected.gif);
}

#subnavibox #cat_ul ul.level5 li a.selected {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
background-color: #d0e8c9;		
font-weight: bold;
}

#subnavibox #cat_ul ul.level5 li a.opened {
color: #000000;
background-image: url(../images/navigation/point01.gif);
font-weight: normal;
}


/* Level 5 */
/* ---------------------------------------------------------------------------------  */
#subnavibox #cat_ul ul.level6 {
margin: 0px;
padding: 0px; 
list-style-type: none;
visibility:visible;
display: block;
position: inherit;
border: none;
z-index:10;
}

#subnavibox #cat_ul ul.level6 li {
float: none;
border-bottom: solid 0px #d3e2cf;	
}

#subnavibox #cat_ul ul.level6 li a,
#subnavibox #cat_ul ul.level6 li a:link,
#subnavibox #cat_ul ul.level6 li a:visited,
#subnavibox #cat_ul ul.level6 li a:active {
position: inherit;
display:block; 
width:175px;
height:auto;
text-align: left;
color: #000000; 
text-decoration:none; 
font-size: 11px;
font-weight: normal;
padding: 3px 10px 3px 65px;
border: none;
margin-left: 0px;
margin-top: 0px;
border-top: solid 1px #FFFFFF;
background-image: url(../images/navigation/point01.gif); 
background-position:50px 6px; 
background-repeat:no-repeat;
}

#subnavibox #cat_ul ul.level6 li a:hover {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
}

#subnavibox #cat_ul ul.level6 li a.selected {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
background-color: #d0e8c9;		
font-weight: bold;
}

#subnavibox #cat_ul ul.level6 li a.opened {
color: #000000;
background-image: url(../images/navigation/point01.gif);
font-weight: normal;
}

/* Level 6 */
/* ---------------------------------------------------------------------------------  */
#subnavibox #cat_ul ul.level7 {
margin: 0px;
padding: 0px; 
list-style-type: none;
visibility:visible;
display: block;
position: inherit;
border: none;
z-index:10;
}

#subnavibox #cat_ul ul.level7 li {
float: none;
border-bottom: solid 0px #d3e2cf;	
}

#subnavibox #cat_ul ul.level7 li a,
#subnavibox #cat_ul ul.level7 li a:link,
#subnavibox #cat_ul ul.level7 li a:visited,
#subnavibox #cat_ul ul.level7 li a:active {
position: inherit;
display:block; 
width:160px;
height:auto;
text-align: left;
color: #000000; 
text-decoration:none; 
font-size: 11px;
font-weight: normal;
padding: 3px 10px 3px 80px;
border: none;
margin-left: 0px;
margin-top: 0px;
border-top: solid 1px #FFFFFF;
background-image: url(../images/navigation/point01.gif); 
background-position:65px 6px; 
background-repeat:no-repeat;
}

#subnavibox #cat_ul ul.level7 li a:hover {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
}

#subnavibox #cat_ul ul.level7 li a.selected {
color: #000000; 
background-image: url(../images/navigation/point01_selected.gif);
background-color: #d0e8c9;		
font-weight: bold;
}

#subnavibox #cat_ul ul.level7 li a.opened {
color: #000000;
background-image: url(../images/navigation/point01.gif);
font-weight: normal;
z-index:100;
}