/* CSS Document */

/* achtergrond */
body.wit {
	background-color:#FFFFFF;
}
/* TABELLEN: kaders en achtergrondkleur*/
.geel {
	border: solid 1px #FFBF00;
	background-color: #FFFCE8;
	background:
}
.geel2 {
	border: solid 1px #FFBF00;
	background-color: #FFFCE8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.oranje {
	border: solid 1px #FF6600;
	background-color: #FFF9F2;
}
.oranje2 {
	border: solid 1px #FF6600;
	background-color: #FFF9F2;
	padding: 10px 20px 10px 20px;
}

.violet{
	border: solid 1px #CC0066;
	background-color: #FFF9FC;
}
.violet2 {
	border: solid 1px #CC0066;
	background-color: #FFF9FC;
	padding: 10px 20px 10px 20px;
}

.blauw{
	border: solid 1px #3366FF;
	background-color: #F2F5FF;
}
.blauw2 {
	border: solid 1px #3366FF;
	background-color: #F2F5FF;
	padding: 10px 20px 10px 20px;
}

TD {
	color: #0033FF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;

}


/* gewone tekst - 2 VARIANTEN MAKEN: VIOLET EN BLAUW  - standaard (nu) is blauw) */
P {
	color: #0033FF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.txtklein {
	color: #0033FF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:16px;
}


/* Bovenaan pagina: waar ben je op site; Onderaan pagina: datum + copyright;  */
/* hier ook een LINK-serie van maken ter vervanging van GL, GR, RD + leftmini (lichtgeel) */ 
.klein {
	color: #ffffff;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:10px;
    font-style:normal;
	line-height: 14px;
}

/* Voor menu zoekresultaten op search.php*/
.zoek {
	color: #ffffff;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:14px;
	font-style:normal;
	line-height: 17px;
	font-weight: bold;
}
.zoekgeel  {
	color: #FFFF99;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:12px;
	font-style:normal;
	line-height: 14px;
	font-weight: bold;
}
.ontwerp {
	color: #FFFFFF;
	font-size: 10px;
	font-family: "arial black", "univers black", "helvetica-black", "sans-serif";
	text-align: center;
}
/* VOOR WEERGEVEN VAN E-MAILS */ 
.courier {
	color: #0033FF;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	line-height: 18px;
}
A.courier:LINK {
	text-decoration : underline;
	color: #0033FF;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	line-height: 18px;
}
A.courier:VISITED {
	text-decoration : underline;
	color: #0033FF;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	line-height: 18px;
    color : #000099; /* #006600=groen, #ff9900 = rood, #3366FF=blauw */
}
A.courier:HOVER {
	text-decoration : underline;
	color: #0033FF;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	line-height: 18px;
    color : #3366ff; /* #00ff00=groen, #ff9900 = rood, #3366FF=blauw */
}
A.courier:ACTIVE {
	text-decoration : underline;
	color: #0033FF;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	line-height: 18px;
    color : #33ccff; /* #99FF33=groen, #FFCC66=rood, #33CCFF=blauw*/
}

/* menu's bovenaan pagina's in oude site - nog gebruiken? dubbel bepaald? 
   Ook voor Links-pagina - er is een LINKS-reeks met dezelfde naam!
   ook VARIANT IN VIOLET MAKEN !!! */
.comic {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #0033FF; 
}
/* Kopjes op Links-pagina - Er is een LINKS-reeks met dezelfde naam! */
.hfdcomic {
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size : 13px;
    text-decoration : none;
	color : #0033CC;
	font-weight: bold;
}
/* Voor zoekgedeelte - was in "probeersel" 'zoekentext' */
.left {
	display:block;
	width:150px;
	border:solid 1px #3366FF;
	margin-bottom: -1px;
	background-color:#FFFFFF;
	text-align:center;
	text-indent:5px;
	color:#0033CC;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	text-decoration:none;
	font-size:12px;
}

/* TITELS EN KOPJES - deels splitsen: blauw en violet */
h1 {
	color: #FFFFFF;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight: bold;
	font-size: 28px;
	line-height: 32px;	
}
H2 {
	color: #0033CC;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight: bold;
	font-size: 20px; 
	line-height: normal;	
} 
H3 {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 17px;
    font : bold;
    color : #0033CC;
	line-height: normal;	

}
H4 {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 14px;
    font : bold;
    color : #0033CC;
	line-height: normal;	
} 

/* LINKS */
/* Standaard links in tekstformaat - OOK VARIANT IN VIOLET MAKEN*/
A:LINK {
	color: #0033FF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style : normal;
}
A:VISITED {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-style : normal;
    color : #000099; /* #003300=groen, #990000=rood, #000099=blauw */
}
A:HOVER {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	color : #3366ff; /* #00ff00=groen, #ff9900 = rood, #3366FF=blauw */
}
A:ACTIVE {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-style : normal;
    color : #33ccff; /* #99FF33=groen, #FFCC66=rood, #33CCFF=blauw*/
}
/* grote links in Comic Sans, in hoofdkleur tekst, o.m. links binnen pagina, bv. pagina 'Meer informatie' - Er is ook een algemene variant voor gewone tekst 
VARIANT IN VIOLET MAKEN */
A.hfdcomic:LINK {
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size : 13px;
	text-decoration : underline;
	color : #0033CC;
	font-weight: bold;
}
A.hfdcomic:VISITED {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 13px;
    text-decoration : underline;
    color : #000099; /* #006600=groen, #ff9900 = rood, #3366FF=blauw */
	font-weight: bold;
}
A.hfdcomic:HOVER {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 13px;
    text-decoration : underline;
    color : #3366ff; /* #00ff00=groen, #ff9900 = rood, #3366FF=blauw */
	font-weight: bold;
}
A.hfdcomic:ACTIVE {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 13px;
    text-decoration : underline;
    color : #33ccff; /* #99FF33=groen, #FFCC66=rood, #33CCFF=blauw*/
	font-weight: bold;
}
/* sublinks in Comic Sans, in hoofdkleur tekst, o.m. links binnen pagina, bv. pagina 'Meer informatie' */
A.comic:LINK {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 12px;
    text-decoration : underline;
    color : #0033FF; /* #006600=groen, CC0000=rood, 0000CC=blauw*/
}
A.comic:VISITED {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 12px;
    text-decoration : underline;
    color : #3366ff; /* #006600=groen, #ff9900 = rood, #3366FF=blauw */
}
A.comic:HOVER {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 12px;
    text-decoration : underline;
    color : #3366ff; /* #00ff00=groen, #ff9900 = rood, #3366FF=blauw */
}
A.comic:ACTIVE {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 12px;
    text-decoration : underline;
    color : #33ccff; /* #99FF33=groen, #FFCC66=rood, #33CCFF=blauw*/
}
/* kleine, witte links onderaan en bovenaan de pagina en op donkere ondergronden */
A.klein:LINK {
	color: #ffffff;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:10px;
    text-decoration : none;
}
A.klein:VISITED {
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:10px;
    text-decoration : none;
    color : #FFFFFF;
}
A.klein:HOVER  {
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:10px;
    text-decoration : none;
    color : #CCCCCC;
}
A.klein:ACTIVE {
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:10px;
    text-decoration : none;
    color : #999999;
}

A.zoek:LINK {
	color: #ffffff;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:14px;
	line-height:17px;
}
A.zoek:VISITED {
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:14px;
    color : #FFFFFF;
	line-height:17px;
}
A.zoek:HOVER  {
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:14px;
    color : #CCCCCC;
	line-height:17px;
}
A.zoek:ACTIVE {
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:14px;
    color : #999999;
	line-height:17px;
}


/* links voor de menu's aan linkerkant */
A.geelmenu:LINK {
	display:block;
	width:150px;
	border:solid 1px #FFBF00;
	background-color:#FFFFFF;
	text-align:center;
	text-indent:5px;
	color:#FFBF00;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
A.geelmenu:VISITED {
	display:block;
	width:150px;
	border:solid 1px #FFBF00;
	background-color:#FFFFFF;
	text-indent:5px;
	color:#FFBF00;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
A.geelmenu:HOVER {
	display:block;
	width:150px;
	border:solid 1px #FFBF00;
	background-color:#FFBF00;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	text-indent:5px;
	text-decoration:none;
}
A.geelmenu:ACTIVE {
	display:block;
	width:150px;
	border:solid 1px #FFBF00;
	background-color:#FFBF00;
	text-align:center;
	text-indent:5px;
	text-decoration:none;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF
}

A.oranjemenu:LINK {
	display:block;
	width:150px;
	border:solid 1px #FF6600;
	background-color:#FFFFFF;
	text-align:center;
	text-indent:5px;
	color:#FF6600;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
A.oranjemenu:VISITED {
	display:block;
	width:150px;
	border:solid 1px #FF6600;
	background-color:#FFFFFF;
	text-indent:5px;
	color:#FF6600;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
A.oranjemenu:HOVER {
	display:block;
	width:150px;
	border:solid 1px #FF6600;
	background-color:#FF6600;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	text-indent:5px;
	text-decoration:none;
}
A.oranjemenu:ACTIVE {
	display:block;
	width:150px;
	border:solid 1px #FF6600;
	background-color:#FF6600;
	text-align:center;
	text-indent:5px;
	text-decoration:none;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}

A.violetmenu:LINK {
	display:block;
	width:150px;
	border:solid 1px #CC0066;
	background-color:#FFFFFF;
	text-align:center;
	text-indent:5px;
	color:#CC0066;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
A.violetmenu:VISITED {
	display:block;
	width:150px;
	border:solid 1px #CC0066;
	background-color:#FFFFFF;
	text-indent:5px;
	color:#CC0066;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
A.violetmenu:HOVER {
	display:block;
	width:150px;
	border:solid 1px #CC0066;
	background-color:#CC0066;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	text-indent:5px;
	text-decoration:none;
}
A.violetmenu:ACTIVE {
	display:block;
	width:150px;
	border:solid 1px #CC0066;
	background-color:#CC0066;
	text-align:center;
	text-indent:5px;
	text-decoration:none;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}

.blauwmenuquote {
	display:block;
	margin-bottom: -1px;
	margin-left: 0px;
	margin-right: 5px;
	width:150px;
	border:solid 1px #3366FF;
	background-color:#FFFFFF;
	text-align:left;
	color:#0033CC;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	text-decoration:none;
	font-size:12px;
}


.blauwmenu {
	display:block;
	margin-bottom: -1px;
	width:150px;
	border:solid 1px #3366FF;
	background-color:#FFFFFF;
	text-align:left;
	text-indent:5px;
	color:#0033CC;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height: 20px;
}

A.blauwmenu:LINK {
	display:block;
	margin-bottom: -1px;
	width:150px;
	border:solid 1px #3366FF;
	background-color:#FFFFFF;
	text-align:left;
	text-indent:5px;
	color:#0033CC;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height: 20px;
}
A.blauwmenu:VISITED {
	display:block;
	margin-bottom: -1px;
	width:150px;
	border:solid 1px #3366FF;
	background-color:#FFFFFF;
	text-indent:5px;
	color:#0033CC;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height: 20px;
}
A.blauwmenu:HOVER {
	display:block;
	margin-bottom: -1px;
	width:150px;
	border:solid 1px #3366FF;
	background-color:#3366FF;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	text-indent:5px;
	text-decoration:none;
	font-weight:bold;
	line-height: 20px;
}
A.blauwmenu:ACTIVE {
	display:block;
	margin-bottom: -1px;
	width:150px;
	border:solid 1px #3366FF;
	background-color:#3366FF;
	text-align:left;
	text-indent:5px;
	text-decoration:none;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	line-height: 20px;
}


/* NOG OVERZETTEN ? */

#sitemapGEEL, #sitemapGEEL ul {
	color: #FF9900;
	display: block;
	padding-left: 0px;
	counter-reset: -html-counter 0;
	margin-top: 0px;
	margin-left: 0px;
	}
#sitemapGEEL li {
	margin-left: 15px;
	}
#sitemapGEEL li ul {
	margin-left: 8px;
	}
#sitemapORAN, #sitemapORAN ul {
	color: #FF6600;
	display: block;
	padding-left: 0px;
	counter-reset: -html-counter 0;
	margin-top: 0px;
	margin-left: 0px;
	} 
#sitemapORAN li {
	margin-left: 15px;
	}
#sitemapORAN li ul {
	margin-left: 8px;
	}

#sitemapVIOLET, #sitemapVIOLET UL {
	color: #CC0066;
	display: block;
	padding-left: 0px;
	counter-reset: -html-counter 0;
	margin-top: 0px;
	margin-left: 0px;
	} 
#sitemapVIOLET li {
	margin-left: 15px;
	}
#sitemapVIOLET li ul {
	margin-left: 8px;
	}
#container {
	width: 150px;
	margin: 0 auto;
	padding: 3px;
	font-size: 12px;
	color: #006600;
}

/* Voor dropdownmenu's */
/* all lists  - hier ook alles instellen voor het eerst niveau: de eerste rij links */


#navviolet, #navviolet ul {
	float: left;
	width: 150px;
	list-style: none;
	line-height: normal;
	padding: 0px;
	border-width: 1px;
	border-color: #CC0066;
	border-style: solid;
	margin: 0px;
	background-color: #FFFFFF;
	text-indent: 5px;
}
/* all list items */
#navviolet li {
	float: left;
	padding: 0;
	width: 150px; /* width needed or else Opera goes nuts */
	position: relative;
	line-height: 16px;
}
/* second-level lists - hier alles instellen voor de dropdownblokken */
#navviolet li ul {
	position: absolute;
	left: -999em;
	width: 150px;
	margin: -20px 0 0 135px ; /* top right bottom left */
}
/* third-and-above-level lists */
#navviolet li ul ul {
	margin: -20px 0 0 135px; /* top right bottom left (tov voorkant pijltjesregel waar kader 'aan komt te hangen' bij links uitlijnen, midden bij centreren)*/
	left: -999em;
}
#navviolet li a {
	display: block;
	text-align: left;
	width: 150px;
	w\idth: 150px;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
	border: 0px solid;
	border-color: #CC0066;
	padding-top: 3px;
	padding-bottom: 3px;
}
#navviolet li a:hover {
	color: #FFFFFF;
	background-color:#CC0066;
}

#navviolet li li {
	padding-right: 0em;
	width: 150px;
}

#navviolet li ul a {
	width: 150px;
	w\idth: 150px;
}

#navviolet li:hover ul ul, #navviolet li:hover ul ul ul, #navviolet li.sfhover ul ul, #navviolet li.sfhover ul ul ul {
	left: -999em;
}

#navviolet li:hover ul, #navviolet li li:hover ul, #navviolet li li li:hover ul, #navviolet li.sfhover ul, #navviolet li li.sfhover ul, #navviolet li li li.sfhover ul {
	left: auto;
}

#navviolet li:hover, #navviolet li.sfhover {
	background-color: #FFFFFF;
	color: #CC0066;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight: normal;
}
.Arrowviolet {
	TEXT-ALIGN: right;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0066;
}

/* all lists  - hier ook alles instellen voor het eerst niveau: de eerste rij links */
#navgeel, #navgeel ul {
	float: left;
	width: 150px;
	list-style: none;
	line-height: normal;
	padding: 0px;
	border-width: 1px;
	border-color: #FFBF00;
	border-style: solid;
	margin: 0px;
	background-color: #FFFFFF;
	text-indent: 5px;
}
/* all list items */
#navgeel li {
	float: left;
	padding: 0;
	width: 150px; /* width needed or else Opera goes nuts */
	position: relative;
	line-height: 16px;
}
/* second-level lists - hier alles instellen voor de dropdownblokken */
#navgeel li ul {
	position: absolute;
	left: -999em;
	width: 150px;
	margin: -20px 0 0 135px;
	overflow: visible;
}
/* third-and-above-level lists */
#navgeel li ul ul {
	margin: -20px 0 0 135px; /* top right bottom left (tov voorkant pijltjesregel waar kader 'aan komt te hangen' bij links uitlijnen, midden bij centreren)*/
	left: -999em;
}
#navgeel li a {
	display: block;
	text-align: left;
	width: 150px;
	w\idth: 150px;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
	border: 0px solid;
	border-color: #FFBF00;
	padding-top: 3px;
	padding-bottom: 3px;
}
#navgeel li a:hover {
	color: #FFFFFF;
	background-color:#FFBF00;
}

#navgeel li li {
	padding-right: 0em;
	width: 150px;
}

#navgeel li ul a {
	width: 150px;
	w\idth: 150px;
}

#navgeel li:hover ul ul, #navgeel li:hover ul ul ul, #navgeel li.sfhover ul ul, #navgeel li.sfhover ul ul ul {
	left: -999em;
}

#navgeel li:hover ul, #navgeel li li:hover ul, #navgeel li li li:hover ul, #navgeel li.sfhover ul, #navgeel li li.sfhover ul, #navgeel li li li.sfhover ul {
	left: auto;
}

#navgeel li:hover, #navgeel li.sfhover {
	background-color: #FFFFFF;
	color: #FF9900;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight: normal;
}
.Arrowgeel {
	TEXT-ALIGN: right;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
}

/* all lists  - hier ook alles instellen voor het eerst niveau: de eerste rij links */
#navoranje, #navoranje ul {
	float: left;
	width: 150px;
	list-style: none;
	line-height: normal;
	padding: 0px;
	border-width: 1px;
	border-color: #FF6600;
	border-style: solid;
	margin: 0px;
	background-color: #FFFFFF;
	text-indent: 5px;
}
/* all list items */
#navoranje li {
	float: left;
	padding: 0;
	width: 150px; /* width needed or else Opera goes nuts */
	position: relative;
	line-height: 16px;
}
/* second-level lists - hier alles instellen voor de dropdownblokken */
#navoranje li ul {
	position: absolute;
	left: -999em;
	width: 150px;
	margin: -20px 0 0 135px ; /* top right bottom left */
}

/* third-and-above-level lists */
#navoranje li ul ul {
	margin: -20px 0 0 135px; /* top right bottom left (tov voorkant pijltjesregel waar kader 'aan komt te hangen' bij links uitlijnen, midden bij centreren)*/
	left: -999em;
}
#navoranje li a {
	display: block;
	text-align: left;
	width: 150px;
	w\idth: 150px;
	font-family:"Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF3300;
	text-decoration: none;
	border: 0px solid;
	border-color: #FF6600;
	padding-top: 3px;
	padding-bottom: 3px;
}
#navoranje li a:hover {
	color: #FFFFFF;
	background-color:#FF6600;
}

#navoranje li li {
	padding-right: 0em;
	width: 150px;
}

#navoranje li ul a {
	width: 150px;
	w\idth: 150px;
}

#navoranje li:hover ul ul, #navoranje li:hover ul ul ul, #navoranje li.sfhover ul ul, #navoranje li.sfhover ul ul ul {
	left: -999em;
}

#navoranje li:hover ul, #navoranje li li:hover ul, #navoranje li li li:hover ul, #navoranje li.sfhover ul, #navoranje li li.sfhover ul, #navoranje li li li.sfhover ul {
	left: auto;
}

#navoranje li:hover, #navoranje li.sfhover {
	background-color: #FFFFFF;
	color: #FF3300;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-weight: normal;
}
.Arroworanje {
	TEXT-ALIGN: right;
	font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
}

/* Tooltip = kadertje met uitleg. This is where you can customize the appearance of the tooltip */
div#tipDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:10000;
	background-color:#FFFFFF;
	border:1px solid #FFBF00;
	width:200px;
	padding:4px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #0033FF;
	font-size:10px;
	line-height:1.4;
	text-align: left;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#00FF00; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }

/* Tooptip: tekst op de pagina zelf, dus niet in kader */
.tip {
	background-color: #FFFF99;
}
