/* CSS Document */

/* achtergrond */
body.wit {
	background-color:#FFFFFF;
}
/* TABELLEN: kaders en achtergrondkleur*/
.geel {
	border: solid 1px #FFBF00;
	background-color: #FFFCE8;
}
.oranje {
	border: solid 1px #FF6600;
	background-color: #FFF9F2;
}

.violet{
	border: solid 1px #CC0066;
	background-color: #FFF9FC;
}
.violet2 {
	border: solid 1px #CC0066;
	background-color: #FFF9FC;
	padding-right: 10px;
	padding-left: 10px;
}

.blauw{
	border: solid 1px #3366FF;
	background-color: #F2F5FF;
}
TD {
	color: #990066;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}


/* gewone tekst */
P {
	color: #990066; /* blauw = #0033FF violet = #990066*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.txtklein {
	color: #990066;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
    font-style:normal;
}


/* 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;
	line-height: 14px;
    font-style:normal;
}
/* 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 : #990066; 
}
/* 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 : #663366;
	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: #663366;
	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 : #663366;
	line-height: normal;
}
H4 {
    font-family: "Comic Sans MS", "Graphite Light ATT", "Lucida Casual", sans-serif;
    font-size : 14px;
    font : bold;
    color : #663366;
	line-height: normal;
} 

/* LINKS */
/* Standaard links in tekstformaat - OOK VARIANT IN VIOLET MAKEN*/
A:LINK {
	color: #990066;
	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 : #663366; /* #003300=groen, #990000=rood, #000099=blauw */
}
A:HOVER {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	color : #CC0066; /* #00ff00=groen, #ff9900 = rood, #3366FF=blauw */
}
A:ACTIVE {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-style : normal;
    color : #FF0066; /* violet= #FF0066 #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 : #663366;
	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 : #663366; /* #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 : #CC0066; /* #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 : #FF0066; /* #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 : #990066; /* #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 : #663366; /* #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 : #CC0066; /* #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 : #FF0066; /* #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;
}

/* 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;
}

.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 ? */

UL.sitemapGEEL {
	color: #FF9900;
	display: block;
	padding-left: 0px;
	counter-reset: -html-counter 0;
	margin-top: 0px;
	margin-left: 15px;
	} 
UL.sitemapORAN {
	color: #FF6600;
	display: block;
	padding-left: 0px;
	counter-reset: -html-counter 0;
	margin-top: 0px;
	margin-left: 15px;
	} 
UL.sitemapVIOLET {
	color: #CC0066;
	display: block;
	padding-left: 0px;
	counter-reset: -html-counter 0;
	margin-top: 0px;
	margin-left: 15px;
	} 
	
#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;
}