<style type="text/css">

body {
	font-family: 'Trebuchet MS', verdana, arial, helvetica, serif; font-size:4pt;
}

//eerste menu 
#nav a.menu1normaal {
	background-color: #CEA0B59;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu1normaal {
	background-color: #CEA0B5;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu1normaal:hover {
	background-color: #D3065C; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu1meer {
	background: url('/qontex/css/accarepijltje_normaal.gif') center right no-repeat;
	background-color: #CEA0B5;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu1meer:hover {
	background: #D3065C url('/qontex/css/accarepijltje_mouseover.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#D3065C
}

//tweede menu
#nav a.menu2normaal {
	background-color:#6D84BD;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu2normaal {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	color:black;	 	
	background-color:#6D84BD;
}

#nav a.menu2normaal:hover {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	color:white;	 	
	background-color: #071F5B; 
}

#nav a.menu2meer {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	background: url('/qontex/css/accarepijltje_normaal.gif') center right no-repeat;
	color:black;	 	
	background-color:#6D84BD;
}

#nav a.menu2meer:hover {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	background: #071F5B url('/qontex/css/accarepijltje_mouseover.gif') no-repeat 071F5B right;
	color:white;	 	
	background-color:#071F5B 
}

//derde menu
#nav a.menu3normaal {
	background-color:#6D84BD;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu3normaal {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	color:black;	 	
	background-color:#6D84BD;
}

#nav a.menu3normaal:hover {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	color:white;	 	
	background-color: #071F5B; 
}

#nav a.menu3meer {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	background: url('/qontex/css/accarepijltje_normaal.gif') center right no-repeat;
	color:black;	 	
	background-color:#6D84BD;
}

#nav a.menu3meer:hover {
	padding: 0px;
	line-height: 33px;
	width: 195px;
	background: #071F5B url('/qontex/css/accarepijltje_mouseover.gif') no-repeat 071F5B right;
	color:white;	 	
	background-color:#071F5B 
}

//vierde menu
#nav a.menu4normaal {
	background-color: #E4FE79;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu4normaal {
	background-color: #E4FE79;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu4normaal:hover {
	background-color: #87A709; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu4meer {
	background: url('/qontex/css/accarepijltje_normaal.gif') center right no-repeat;
	background-color: #E4FE79;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu4meer:hover {
	background: #87A709 url('/qontex/css/accarepijltje_mouseover.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#87A709
}

//vijfde menu
#nav a.menu5normaal {
	background-color: #F4DAA1;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu5normaal {
	background-color: #F4DAA1;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu5normaal:hover {
	background-color: #E39400; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu5meer {
	background: url('/qontex/css/accarepijltje_normaal.gif') center right no-repeat;
	background-color: #F4DAA1;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu5meer:hover {
	background: #E39400 url('/qontex/css/accarepijltje_mouseover.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#E39400
}

//zesde menu
#nav a.menu6normaal {
	background-color: #ED8965;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu6normaal {
	background-color: #ED8965;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu6normaal:hover {
	background-color: #E65004; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu6meer {
	background: url('/qontex/css/rightarrow2.gif') center right no-repeat;
	background-color: #ED8965;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu6meer:hover {
	background: #E65004 url('/qontex/css/rightarrow2.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#E65004
}

//zevende menu
#nav a.menu7normaal {
	background-color: #FF706C;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu7normaal {
	background-color: #FF706C;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu7normaal:hover {
	background-color: #DD0101; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu7meer {
	background: url('/qontex/css/rightarrow2.gif') center right no-repeat;
	background-color: #FF706C;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu7meer:hover {
	background: #DD0101 url('/qontex/css/rightarrow2.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#DD0101
}

//achste menu
#nav a.menu8normaal {
	background-color: #23177a;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu8normaal {
	background-color: #6f65a3;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu8normaal:hover {
	background-color: #241379; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu8meer {
	background: url('/qontex/css/rightarrow2.gif') center right no-repeat;
	background-color: #6f65a3;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu8meer:hover {
	background: #241379 url('/qontex/css/rightarrow2.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#241379 
}


//negende menu
#nav a.menu9normaal {
	background-color: #c3dd9f ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu9normaal {
	background-color: #c3dd9f ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu9normaal:hover {
	background-color: #91f600 ; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu9meer {
	background: url('/qontex/css/rightarrow2.gif') center right no-repeat;
	background-color: #c3dd9f ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu9meer:hover {
	background: #91f600 url('/qontex/css/rightarrow2.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#91f600 
}

//tiende menu
#nav a.menu10normaal {
	background-color: #b589c7 ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu10normaal {
	background-color: #b589c7 ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu10normaal:hover {
	background-color: #8c49a7 ; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu10meer {
	background: url('/qontex/css/rightarrow2.gif') center right no-repeat;
	background-color: #b589c7 ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu10meer:hover {
	background: #8c49a7 url('/qontex/css/rightarrow2.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#8c49a7 
}

//elfde menu
#nav a.menu11normaal {
	background-color: #9ad4de ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu11normaal {
	background-color: #9ad4de ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu11normaal:hover {
	background-color: #00BFE7 ; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu11meer {
	background: url('/qontex/css/rightarrow2.gif') center right no-repeat;
	background-color: #9ad4de ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu11meer:hover {
	background: #00BFE7 url('/qontex/css/rightarrow2.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#00BFE7 
}

//twaalde menu
#nav a.menu12normaal {
	background-color: #7e91f0 ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu12normaal {
	background-color: #7e91f0 ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu12normaal:hover {
	background-color: #2f51fb ; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu12meer {
	background: url('/qontex/css/rightarrow2.gif') center right no-repeat;
	background-color: #7e91f0 ;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu12meer:hover {
	background: #2f51fb url('/qontex/css/rightarrow2.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#2f51fb 
}

//dertiende menu groen zonder achtergrond
#nav a.menu13normaal {
	background-color: #E4FE79;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu13normaal {
	background-color: #E4FE79;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu13normaal:hover {
	background-color: #87A709; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu13meer {
	background: url('/qontex/css/accarepijltje_normaal.gif') center right no-repeat;
	background-color: #E4FE79;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu13meer:hover {
	background: #87A709 url('/qontex/css/accarepijltje_mouseover.gif') no-repeat 071F5B right;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#87A709
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	FONT-FAMILY: verdana;
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

#nav a {
	line-height: 25px;
	color:white;
	display: block;
	//width: 10em;
	TEXT-DECORATION: none;
}

#nav a:hover {
	line-height: 25px;
	color:#E2E1E9;
	display: block;
	//width: 10em;
	TEXT-DECORATION: none;
}

#nav li { /* all list items */
	line-height: 18px;
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	left: 195px;
	//width: 10em;
	width: 195px;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: -24px;
}

#nav li ul ul { /* third-and-above-level lists */
	line-height: 18px;
	//margin: -1em 0 0 10em;
	margin-left: 195px;
	margin-top: -33px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

/*achste menu links*/

#nav a.menu8normaallinks {
	line-height: 33px;
	padding: 0px;
	width: 195px;
	
	position:relative;
	left: -390px;
	background-color: #6f65a3;
	color:black;	 	
	width: 195px;
	
	/*width: 200px;*/
	/* left: 195px;*/
	/*position: absolute;*/
	/* margin-top: -12px; */
}

#nav a.menu8normaallinks:hover {
	background-color: #241379; 
	color:white;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu8meerlinks {
	background: url('/qontex/css/leftarrow2.gif') center left no-repeat;
	background-color: #6f65a3;
	color:black;	 	
	line-height: 33px;
	padding: 0px;
	width: 195px;
}

#nav a.menu8meerlinks:hover {
	background: #241379 url('/qontex/css/leftarrow2.gif') no-repeat 071F5B left;
	color:white; line-height:33px; padding:0px; width:195px; background-color:#241379 
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	FONT-FAMILY: verdana;
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

#nav a {
	line-height: 15px;
	color:white;
	display: block;
	//width: 10em;
	TEXT-DECORATION: none;
}

#nav a:hover {
	line-height: 15px;
	color:#E2E1E9;
	display: block;
	//width: 10em;
	TEXT-DECORATION: none;
}

#nav li { /* all list items */
	line-height: 15px;
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	left: 195px;
	//width: 10em;
	width: 195px;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: -12px;
	//margin-left: -3px;
}

#nav li ul ul { /* third-and-above-level lists */
	left: 195px;
	line-height: 18px;
	//margin: -1em 0 0 10em;
	margin-left: 195px;
	margin-top: -33px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

.titels {
font-weight : normal; 
font-size : 14pt; 
font-family : Verdana, MS Sans Serif, sans-serif, Arial, Helvetica; 
width: 140px;
} 

.klikpad
{ 
text-decoration: none
font-color : #ffffff;
color:white;
font-size:9;
}

</style>