/* ************************************************************************** */
/* * 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;
	display: none;
	}

/* ************************************************************************** */
/* * STYLING LOSSE MENU ITEMS LEVEL #1                                      * */
/* ************************************************************************** */

#showMenuTop ul li a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	background: #877f8f;
	padding: 0 1em;
	line-height: 26px;
	font-size: 0.8em;
	}

	/* commented backslash mac hiding hack \*/ 
	* html #showMenuTop ul li a {height:1%}
  	/* end hack */

#showMenuTop ul li a.active,
#showMenuTop li:hover a, #showMenuTop li.over a,
#showMenuTop li:hover a.active, #showMenuTop li.over a.active {
	color: #000;
	background: #877f8f;
	}


/* ************************************************************************** */
/* * STYLING LOSSE MENU ITEMS LEVEL #2 en #3                                * */
/* ************************************************************************** */

/* this sets all hovered lists to red */
#showMenuTop li:hover li:hover a, #showMenuTop li.over li.over a,
#showMenuTop li:hover li:hover li:hover a, #showMenuTop li.over li.over li.over a,
#showMenuTop li:hover li a:hover, #showMenuTop li.over li a:hover,
#showMenuTop li:hover li:hover li:hover a:hover, #showMenuTop li.over li 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: #000;
	background: #877f8f;
   	width: 20em;
    }

/* set dropdown to default */
#showMenuTop li:hover li a, #showMenuTop li.over li a,
#showMenuTop li:hover li:hover li a, #showMenuTop li.over li.over li a,
#showMenuTop li:hover li:hover li:hover li a, #showMenuTop li.over li.over li.over li a {
	color: #fff;
	background-color: #877f8f;
	white-space: normal;
   	width: 20em;
	}	

#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;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	}	
