/* Start of CMSMS style sheet 'default : Navig : Themen' */
/* navigation styles */

div#menubar { 
  clear:both;
  height:60px;    /* DANGEROUS: is redefined in template homepage  */
  background:  url(uploads/images/system/default/o.gif);
  background-repeat:repeat-x;
  background-position:0px 0px;
  vertical-align:bottom;
  margin:1px 0px 0px 1px;
  padding:20px 0px 0px 15px;
  font-weight:bold;
  font-size:0.9em;
  border-bottom: 1px solid #fff;
  position:relative;
  z-index:10;
  overflow:visible;
}

/* Set the width of the menu elements */

#nav-prodnav li { 
background-color:#9F9F9F;
        width: 160px; 
        margin-right:9px;
        margin-left:0px;
     height:50px;
       }

#nav-prodnav li li { 
        width: 160px; 
       }


/* Unless you know what you do, do not touch this */ 

#nav-prodnav, #nav-prodnav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#nav-prodnav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#nav-prodnav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#nav-prodnav li { 
	margin-left: -1px;
	float: left; 
	}
#nav-prodnav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#nav-prodnav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 5px; 
	text-decoration: none; 
        color:#FFFFFF;
        font-size:1.2em;
	}
#nav-prodnav li a { 
	border-right: 0px;
	border-left: 0px;
	}
#nav-prodnav li li a { 
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	}	
#nav-prodnav li, #nav-prodnav li.menuparent { 
/*	background-color: #9f9f9f;    */
	}
#nav-prodnav li li, #nav-prodnav li li.menuparent { 
	background-color: #7f7f7f;    
	}

/* Styling the basic apperance of the active page elements */
/* (shows what page in the menu is being displayed) */

#nav-prodnav li.menuactive { 
	background-color: #7F7F7F; 
	}
#nav-prodnav li.menuactive li.menuactive { 
	background-color: #9F9F9F; 
	}


/* Styling the basic apperance of the menuparents - */
/* here styled the same on hover (fixes IE bug) */

#nav-prodnav li.menuparent:hover {
	background-color: #4D4D4D; 
}

#nav-prodnav ul li.menuparent, #nav-prodnav ul li.menuparent:hover, #nav-prodnav ul li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}



/* Styling the apperance of menu items on hover */

#nav-prodnav li:hover, #nav-prodnav li.menuh, #nav-prodnav li.menuparenth, #nav-prodnav li.menuactiveh { 
	background-color: #4D4D4D; 
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/*

...to be continued ...
#prodnav1 {    	background-image:url(uploads/images/system/default/beleuchtung2.jpg);      }
#prodnav2 { 	background-image:url(uploads/images/system/default/buero2.jpg);   }
#prodnav3 {        background-image:url(uploads/images/system/default/freizeit.jpg);     }
#prodnav4 {        background-image:url(uploads/images/system/default/haus.jpg);     }
#prodnav5 {        background-image:url(uploads/images/system/default/haushalt1.jpg);     }
#prodnav6 {        background-image:url(uploads/images/system/default/mobilitaet.jpg);     }
#prodnav7 {        background-image:url(uploads/images/system/default/unterhaltung2.jpg);     }
#prodnav8 {        background-image:url(uploads/images/system/default/wasser1.jpg);    }


#nav-prodnav li {
	background-position: top left; 
	background-repeat: no-repeat;
        padding-top:100px;
}

#nav-prodnav li li {
	padding-top:0px;
}

*/


#nav-prodnav ul, 
#nav-prodnav li:hover ul, 
#nav-prodnav li:hover ul ul, 
#nav-prodnav li:hover ul ul ul, 
#nav-prodnav li.menuparenth ul, 
#nav-prodnav li.menuparenth ul ul, 
#nav-prodnav li.menuparenth ul ul ul { 
	display: none; 
	}
#nav-prodnav li:hover ul, 
#nav-prodnav ul li:hover ul, 
#nav-prodnav ul ul li:hover ul, 
#nav-prodnav ul ul ul li:hover ul, 
#nav-prodnav li.menuparenth ul, 
#nav-prodnav ul li.menuparenth ul, 
#nav-prodnav ul ul li.menuparenth ul, 
#nav-prodnav ul ul ul li.menuparenth ul { 
	display: block; 
	}

<!--
/* IE Hacks */

#nav-prodnav li li { 
	float: left; 
	clear: both; 
	}
#nav-prodnav li li a { 
	height: 1%; 
	}
-->
/* End of 'default : Navig : Themen' */