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

* html #navTop {
	height: 1px;
	}

	a.nohand {
	cursor: default;
	}
	
#showHeader ul {
	position: relative;
	top: 12px; left: 0;
	margin: 0; padding: 0;
	list-style: none;
	z-index: 10;
	}
#showHeader ul li {
	position: relative;
	float: left;
	}
	* html #showHeader ul li {
	width: 1px;
	}

#showHeader li ul {
	position: absolute;
	left: 0; top: auto;
	display: none;
	margin: 0; padding: 0;
	z-index: 10;
	}

#showHeader li ul ul {
	position: absolute;
	left: 100%;
	top: -.1em;
	display: none;
	margin: 0; padding-top: 1px;
	background: transparent;
	z-index: 20; 
	}

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

#showHeader ul li a, #showHeader ul li span {
	display: block;	overflow: hidden;
	text-decoration: none;
	background: #fff url('../images/menu/bgDemo.gif') top right no-repeat;
	width: 109px; line-height: 39px;
	margin-left: 5px; padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	z-index: 11;
	}

	#showHeader ul li a.first {
	margin-left: 0;
	}

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

#showHeader li:hover a, #showHeader li.over a, #showHeader li:hover span, #showHeader li.over span {
	color: #000;
	z-index: 11;
	}

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

/* this sets all hovered lists to red --------------------------------------- */
#showHeader li:hover li:hover a, #showHeader li.over li.over a,
#showHeader li:hover li a:hover, #showHeader li.over li a:hover {
    color: #fff; background: #6e909e;
   	width: 218px; line-height: 17px;
	margin: 0; padding: 0 5px;
	z-index: 22;
    }

/* set dropdown to default -------------------------------------------------- */
#showHeader li:hover li a, #showHeader li.over li a {
	color: #000; background: #fff;
	font-weight: normal;
   	width: 218px; line-height: 17px;
	margin: 0; padding: 0 5px;
	font-size: 11px;
	z-index: 22;
	}	

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

/* this sets all hovered lists to red --------------------------------------- */
#showHeader li:hover li:hover li:hover a, #showHeader li.over li.over li.over a,
#showHeader li:hover li:hover li:hover a:hover, #showHeader li.over li li a:hover,
#showHeader li:hover li:hover li:hover li:hover a:hover, #showHeader li.over li.over li.over li.over a:hover {
    color: #fff; background: #6e909e;
   	width: 150px; line-height: 17px;
	margin: 0; padding: 0 5px;
	z-index: 33;
    }

/* set dropdown to default -------------------------------------------------- */
#showHeader li:hover li:hover li a, #showHeader li.over li.over li a,
#showHeader li:hover li:hover li:hover li a, #showHeader li.over li.over li.over li a {
	color: #000; background: #fff;
	font-weight: normal;
   	width: 150px; line-height: 17px;
	margin: 0; padding: 0 5px;
	font-size: 11px;
	z-index: 33;
	}

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

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

#showHeader ul li:hover ul, #showHeader ul li.over ul,
#showHeader ul li li:hover ul, #showHeader ul li li.over ul,
#showHeader ul li li li:hover ul, #showHeader ul li li li.over ul {
	display: block;
	margin-left: 0;
	border-left: 1px solid #6e909e;
	border-bottom: 1px solid #6e909e;
	}
#showHeader ul li:hover ul, #showHeader ul li.over ul {
	margin-left: 5px;
	}

#showHeader ul li:hover ul.algemeen, #showHeader ul li.over ul.algemeen {
	margin-left: 0px;
	}

#showHeader ul li:hover ul.onderwijs, #showHeader ul li.over ul.onderwijs {
	margin-left: -109px;
	}
#showHeader ul li:hover ul.bedrijven ul, #showHeader ul li.over ul.bedrijven ul,
#showHeader ul li:hover ul.onderwijs ul, #showHeader ul li.over ul.onderwijs ul {
	margin-left: -377px;
	width: 160px;
	}

#showHeader ul li:hover ul.bedrijven ul ul, #showHeader ul li.over ul.bedrijven ul ul,
#showHeader ul li:hover ul.onderwijs ul ul, #showHeader ul li.over ul.onderwijs ul ul {
	margin-left: -322px;
	width: 160px;
	}

#showHeader ul li:hover ul.theater ul, #showHeader ul li.over ul.theater ul {
	margin-left: -383px;
	width: 160px;
	}
#showHeader ul li:hover ul.theater ul ul, #showHeader ul li.over ul.theater ul ul {
	margin-left: -322px;
	width: 160px;
	}

/* ************************************************************************** */
/* * KLEUREN en MATEN #1                                                    * */
/* ************************************************************************** */

#navTop a.algemeen {
	background: #6e909e url('../images/menu/algemeen.gif') top right no-repeat;
	width: 104px;
	} 
	#showHeader li:hover li a.algemeen, #showHeader li.over li a.algemeen,
	#showHeader li:hover li a.algemeen:hover, #showHeader li.over li a.algemeen:hover {
	width: 256px;
	}
	#showHeader li:hover li li a.algemeen, #showHeader li.over li li a.algemeen,
	#showHeader li:hover li li a.algemeen:hover, #showHeader li.over li li a.algemeen:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.algemeen, #showHeader li.over li.over a.algemeen,
	#showHeader li:hover li a.algemeen:hover, #showHeader li.over li a.algemeen:hover,
	#showHeader li:hover li:hover li:hover a.algemeen, #showHeader li.over li.over li.over a.algemeen,
	#showHeader li:hover li:hover li:hover a.algemeen:hover, #showHeader li.over li li a.algemeen:hover,
	#showHeader li:hover li:hover li:hover li:hover a.algemeen:hover, #showHeader li.over li.over li.over li.over a.algemeen:hover {
    color: #fff; background: #6e909e;
	}
	#showHeader li:hover li:hover li a.algemeen, #showHeader li.over li.over li a.algemeen,
	#showHeader li:hover li:hover li:hover li a.algemeen, #showHeader li.over li.over li.over li a.algemeen {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.algemeen, #showHeader ul li.over ul.algemeen,
	#showHeader ul li li:hover ul.algemeen, #showHeader ul li li.over ul.algemeen,
	#showHeader ul li li li:hover ul.algemeen, #showHeader ul li li li.over ul.algemeen {
	border-left: 1px solid #6e909e;
	border-bottom: 1px solid #6e909e;
	border-right: 1px solid #6e909e;
	}
#navTop a.beeldendekunst {
	background: #33bc03 url('../images/menu/beeldendekunst.gif') top right no-repeat;
	width: 149px;
	} 
	#showHeader li:hover li a.beeldendekunst, #showHeader li.over li a.beeldendekunst,
	#showHeader li:hover li a.beeldendekunst:hover, #showHeader li.over li a.beeldendekunst:hover {
	width: 256px;
	}
	#showHeader li:hover li li a.beeldendekunst, #showHeader li.over li li a.beeldendekunst,
	#showHeader li:hover li li a.beeldendekunst:hover, #showHeader li.over li li a.beeldendekunst:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.beeldendekunst, #showHeader li.over li.over a.beeldendekunst,
	#showHeader li:hover li a.beeldendekunst:hover, #showHeader li.over li a.beeldendekunst:hover,
	#showHeader li:hover li:hover li:hover a.beeldendekunst, #showHeader li.over li.over li.over a.beeldendekunst,
	#showHeader li:hover li:hover li:hover a.beeldendekunst:hover, #showHeader li.over li li a.beeldendekunst:hover,
	#showHeader li:hover li:hover li:hover li:hover a.beeldendekunst:hover, #showHeader li.over li.over li.over li.over a.beeldendekunst:hover {
    color: #fff; background: #33bc03;
	}
	#showHeader li:hover li:hover li a.beeldendekunst, #showHeader li.over li.over li a.beeldendekunst,
	#showHeader li:hover li:hover li:hover li a.beeldendekunst, #showHeader li.over li.over li.over li a.beeldendekunst {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.beeldendekunst, #showHeader ul li.over ul.beeldendekunst,
	#showHeader ul li li:hover ul.beeldendekunst, #showHeader ul li li.over ul.beeldendekunst,
	#showHeader ul li li li:hover ul.beeldendekunst, #showHeader ul li li li.over ul.beeldendekunst {
	border-left: 1px solid #33bc03;
	border-bottom: 1px solid #33bc03;
	border-right: 1px solid #33bc03;
	}
#navTop a.dans {
	background: #ea0e87 url('../images/menu/dans.gif') top right no-repeat;
	width: 104px;
	} 
	#showHeader li:hover li a.dans, #showHeader li.over li a.dans,
	#showHeader li:hover li a.dans:hover, #showHeader li.over li a.dans:hover {
	width: 212px;
	}
	#showHeader li:hover li li a.dans, #showHeader li.over li li a.dans,
	#showHeader li:hover li li a.dans:hover, #showHeader li.over li li a.dans:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.dans, #showHeader li.over li.over a.dans,
	#showHeader li:hover li a.dans:hover, #showHeader li.over li a.dans:hover,
	#showHeader li:hover li:hover li:hover a.dans, #showHeader li.over li.over li.over a.dans,
	#showHeader li:hover li:hover li:hover a.dans:hover, #showHeader li.over li li a.dans:hover,
	#showHeader li:hover li:hover li:hover li:hover a.dans:hover, #showHeader li.over li.over li.over li.over a.dans:hover {
    color: #fff; background: #ea0e87;
	}
	#showHeader li:hover li:hover li a.dans, #showHeader li.over li.over li a.dans,
	#showHeader li:hover li:hover li:hover li a.dans, #showHeader li.over li.over li.over li a.dans {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.dans, #showHeader ul li.over ul.dans,
	#showHeader ul li li:hover ul.dans, #showHeader ul li li.over ul.dans,
	#showHeader ul li li li:hover ul.dans, #showHeader ul li li li.over ul.dans {
	border-left: 1px solid #ea0e87;
	border-bottom: 1px solid #ea0e87;
	border-right: 1px solid #ea0e87;
	}
#navTop a.literatuur {
	background: #ff6600 url('../images/menu/literatuur.gif') top right no-repeat;
	width: 108px;
	} 
	#showHeader li:hover li a.literatuur, #showHeader li.over li a.literatuur,
	#showHeader li:hover li a.literatuur:hover, #showHeader li.over li a.literatuur:hover {
	width: 216px;
	}
	#showHeader li:hover li li a.literatuur, #showHeader li.over li li a.literatuur,
	#showHeader li:hover li li a.literatuur:hover, #showHeader li.over li li a.literatuur:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.literatuur, #showHeader li.over li.over a.literatuur,
	#showHeader li:hover li a.literatuur:hover, #showHeader li.over li a.literatuur:hover,
	#showHeader li:hover li:hover li:hover a.literatuur, #showHeader li.over li.over li.over a.literatuur,
	#showHeader li:hover li:hover li:hover a.literatuur:hover, #showHeader li.over li li a.literatuur:hover,
	#showHeader li:hover li:hover li:hover li:hover a.literatuur:hover, #showHeader li.over li.over li.over li.over a.literatuur:hover {
    color: #fff; background: #ff6600;
	}
	#showHeader li:hover li:hover li a.literatuur, #showHeader li.over li.over li a.literatuur,
	#showHeader li:hover li:hover li:hover li a.literatuur, #showHeader li.over li.over li.over li a.literatuur {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.literatuur, #showHeader ul li.over ul.literatuur,
	#showHeader ul li li:hover ul.literatuur, #showHeader ul li li.over ul.literatuur,
	#showHeader ul li li li:hover ul.literatuur, #showHeader ul li li li.over ul.literatuur {
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	}
#navTop a.muziek {
	background: #009bff url('../images/menu/muziek.gif') top right no-repeat;
	width: 104px;
	} 
	#showHeader li:hover li a.muziek, #showHeader li.over li a.muziek,
	#showHeader li:hover li a.muziek:hover, #showHeader li.over li a.muziek:hover {
	width: 216px;
	}
	#showHeader li:hover li li a.muziek, #showHeader li.over li li a.muziek,
	#showHeader li:hover li li a.muziek:hover, #showHeader li.over li li a.muziek:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.muziek, #showHeader li.over li.over a.muziek,
	#showHeader li:hover li a.muziek:hover, #showHeader li.over li a.muziek:hover,
	#showHeader li:hover li:hover li:hover a.muziek, #showHeader li.over li.over li.over a.muziek,
	#showHeader li:hover li:hover li:hover a.muziek:hover, #showHeader li.over li li a.muziek:hover,
	#showHeader li:hover li:hover li:hover li:hover a.muziek:hover, #showHeader li.over li.over li.over li.over a.muziek:hover {
    color: #fff; background: #009bff;
	}
	#showHeader li:hover li:hover li a.muziek, #showHeader li.over li.over li a.muziek,
	#showHeader li:hover li:hover li:hover li a.muziek, #showHeader li.over li.over li.over li a.muziek {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.muziek, #showHeader ul li.over ul.muziek,
	#showHeader ul li li:hover ul.muziek, #showHeader ul li li.over ul.muziek,
	#showHeader ul li li li:hover ul.muziek, #showHeader ul li li li.over ul.muziek {
	border-left: 1px solid #009bff;
	border-bottom: 1px solid #009bff;
	border-right: 1px solid #009bff;
	}
#navTop a.theater {
	background: #ff0000 url('../images/menu/theater.gif') top right no-repeat;
	width: 104px;
	} 
	#showHeader li:hover li a.theater, #showHeader li.over li a.theater,
	#showHeader li:hover li a.theater:hover, #showHeader li.over li a.theater:hover {
	width: 211px;
	}
	#showHeader li:hover li li a.theater, #showHeader li.over li li a.theater,
	#showHeader li:hover li li a.theater:hover, #showHeader li.over li li a.theater:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.theater, #showHeader li.over li.over a.theater,
	#showHeader li:hover li a.theater:hover, #showHeader li.over li a.theater:hover,
	#showHeader li:hover li:hover li:hover a.theater, #showHeader li.over li.over li.over a.theater,
	#showHeader li:hover li:hover li:hover a.theater:hover, #showHeader li.over li li a.theater:hover,
	#showHeader li:hover li:hover li:hover li:hover a.theater:hover, #showHeader li.over li.over li.over li.over a.theater:hover {
    color: #fff; background: #ff0000;
	}
	#showHeader li:hover li:hover li a.theater, #showHeader li.over li.over li a.theater,
	#showHeader li:hover li:hover li:hover li a.theater, #showHeader li.over li.over li.over li a.theater {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.theater, #showHeader ul li.over ul.theater,
	#showHeader ul li li:hover ul.theater, #showHeader ul li li.over ul.theater,
	#showHeader ul li li li:hover ul.theater, #showHeader ul li li li.over ul.theater {
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	}
#navTop a.bedrijven {
	background: #004281 url('../images/menu/bedrijven.gif') top right no-repeat;
	width: 104px;
	} 
	#showHeader li:hover li a.bedrijven, #showHeader li.over li a.bedrijven,
	#showHeader li:hover li a.bedrijven:hover, #showHeader li.over li a.bedrijven:hover {
	width: 205px;
	}
	#showHeader li:hover li li a.bedrijven, #showHeader li.over li li a.bedrijven,
	#showHeader li:hover li li a.bedrijven:hover, #showHeader li.over li li a.bedrijven:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.bedrijven, #showHeader li.over li.over a.bedrijven,
	#showHeader li:hover li a.bedrijven:hover, #showHeader li.over li a.bedrijven:hover,
	#showHeader li:hover li:hover li:hover a.bedrijven, #showHeader li.over li.over li.over a.bedrijven,
	#showHeader li:hover li:hover li:hover a.bedrijven:hover, #showHeader li.over li li a.bedrijven:hover,
	#showHeader li:hover li:hover li:hover li:hover a.bedrijven:hover, #showHeader li.over li.over li.over li.over a.bedrijven:hover {
    color: #fff; background: #004281;
	}
	#showHeader li:hover li:hover li a.bedrijven, #showHeader li.over li.over li a.bedrijven,
	#showHeader li:hover li:hover li:hover li a.bedrijven, #showHeader li.over li.over li.over li a.bedrijven {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.bedrijven, #showHeader ul li.over ul.bedrijven,
	#showHeader ul li li:hover ul.bedrijven, #showHeader ul li li.over ul.bedrijven,
	#showHeader ul li li li:hover ul.bedrijven, #showHeader ul li li li.over ul.bedrijven {
	border-left: 1px solid #004281;
	border-bottom: 1px solid #004281;
	border-right: 1px solid #004281;
	}
#navTop a.onderwijs {
	background: #990099 url('../images/menu/onderwijs.gif') top right no-repeat;
	width: 98px;
	} 
	#showHeader li:hover li a.onderwijs, #showHeader li.over li a.onderwijs,
	#showHeader li:hover li a.onderwijs:hover, #showHeader li.over li a.onderwijs:hover {
	width: 205px;
	}
	#showHeader li:hover li li a.onderwijs, #showHeader li.over li li a.onderwijs,
	#showHeader li:hover li li a.onderwijs:hover, #showHeader li.over li li a.onderwijs:hover {
	width: 150px;
	}
	#showHeader li:hover li:hover a.onderwijs, #showHeader li.over li.over a.onderwijs,
	#showHeader li:hover li a.onderwijs:hover, #showHeader li.over li a.onderwijs:hover,
	#showHeader li:hover li:hover li:hover a.onderwijs, #showHeader li.over li.over li.over a.onderwijs,
	#showHeader li:hover li:hover li:hover a.onderwijs:hover, #showHeader li.over li li a.onderwijs:hover,
	#showHeader li:hover li:hover li:hover li:hover a.onderwijs:hover, #showHeader li.over li.over li.over li.over a.onderwijs:hover {
    color: #fff; background: #990099;
	}
	#showHeader li:hover li:hover li a.onderwijs, #showHeader li.over li.over li a.onderwijs,
	#showHeader li:hover li:hover li:hover li a.onderwijs, #showHeader li.over li.over li.over li a.onderwijs {
	color: #000; background: #fff;
	}
	#showHeader ul li:hover ul.onderwijs, #showHeader ul li.over ul.onderwijs,
	#showHeader ul li li:hover ul.onderwijs, #showHeader ul li li.over ul.onderwijs,
	#showHeader ul li li li:hover ul.onderwijs, #showHeader ul li li li.over ul.onderwijs {
	border-left: 1px solid #990099;
	border-bottom: 1px solid #990099;
	border-right: 1px solid #990099;
	}