/* ************************************************************************** */
/* * BASIS INSTELLINGEN HORIZONTAAL UL LI MENU MET VERTIKALE UITKLAP        * */
/* ************************************************************************** */

#showMenuTop ul {
	margin: 0; padding: 0;
	list-style: none;
	}
#showMenuTop ul li {
	position: relative;
	float: left;
	}
* html #showMenuTop ul li {
	width: 1px;
	}
#showMenuTop li ul {
	position: absolute;
	left: 0;
	top: auto;
	display: none;
	}

#showMenuTop li ul ul {
	position: absolute;
	left: 100%;
/*	top: -.1em;*/
	top: 0;
	display: none;
	}

li.active {
	background: url('../images/bg/menuItem.gif') bottom left repeat-x;
	}
	
/* ************************************************************************** */
/* * STYLING LOSSE MENU ITEMS LEVEL #1                                      * */
/* ************************************************************************** */

#showMenuTop ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 0 15px;
	line-height: 25px;
	}

	/* commented backslash mac hiding hack \*/ 
	* html #showMenuTop ul li a {height:1%}
  	/* end hack */

#showMenuTop li:hover a, #showMenuTop li.over a {
	color: #fff;
	background: #231f20;
	}


/* ************************************************************************** */
/* * STYLING LOSSE MENU ITEMS LEVEL #2                                      * */
/* ************************************************************************** */

/* this sets all hovered lists to red */
#showMenuTop li:hover li:hover a, #showMenuTop li.over li.over a,
#showMenuTop li:hover li a:hover, #showMenuTop li.over li a:hover,
#showMenuTop li:hover li:hover li:hover li:hover a:hover, #showMenuTop li.over li.over li.over li.over a:hover {
    color: #231f20;
    background-color: #a7a9ac;
   	width: 15em;
    }

/* set dropdown to default */
#showMenuTop li:hover li a, #showMenuTop li.over li a,
#showMenuTop li:hover li:hover li:hover li a, #showMenuTop li.over li.over li.over li a {
	color: #fff;
	font-weight: normal;
	background-color: #231f20;
   	width: 15em;
	}	

/* ************************************************************************** */
/* * STYLING LOSSE MENU ITEMS LEVEL #3                                      * */
/* ************************************************************************** */

/* this sets all hovered lists to red */
#showMenuTop li:hover li:hover li:hover a, #showMenuTop li.over li.over li.over a,
#showMenuTop li:hover li:hover li:hover a:hover, #showMenuTop li.over li li a:hover {
	color: #fff;
	background-color: #231f20;
   	width: 15em;
    }

/* set dropdown to default */
#showMenuTop li:hover li:hover li a, #showMenuTop li.over li.over li a {
    color: #231f20;
	font-weight: normal;
    background-color: #a7a9ac;
   	width: 15em;
	}	



/* ************************************************************************** */
/* * OVERIG                                                                 * */
/* ************************************************************************** */

#showMenuTop ul li:hover ul ul, #showMenuTop ul li.over ul ul,
#showMenuTop ul li:hover ul ul ul, #showMenuTop ul li.over ul ul ul {
   display: none;
   }

#showMenuTop ul li:hover ul, #showMenuTop ul li.over ul,
#showMenuTop ul li li:hover ul, #showMenuTop ul li li.over ul,
#showMenuTop ul li li li:hover ul, #showMenuTop ul li li li.over ul {
	display: block;
	}