/* Dit style sheet dient tevens als voorbeeld voor ontwikkelaars. */
/*Zie www.officeprograms.nl voor meer informatie. */
/* Laatst bijgewerkt: 25/12/2006 */

BODY {
	font-family: verdana, arial;
	font-size: 8pt;
	background-color: #FAFCEE;
	color: black;
	margin-top: 0em;
	margin-left: 2.5em;
	margin-right: 2.5em;
	margin-bottom: 5em;
}
P {
	margin-top: .6em;
	margin-bottom: 2em;
}
OL {
	margin-top: 1.9em;
}
UL {
	margin-top: 1.9em;
}
OL UL	{
	list-style: disc;
	margin-top: 1.9em;
}
UL UL	{
	list-style: disc;
	margin-top: 1.9em;
}
UL OL {
	margin-top: 1.9em;
}
OL OL {
	margin-top: 1.9em;
}

LI, .MyList {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	text-indent: 0em;
}
H2, H3, H4, H4, H5, H6 {
	margin-top: 2.5em;
	margin-bottom: 1.5em;
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 10pt;
}
H1 {
	margin-top: 2.5em;
	margin-bottom: 2em;
	margin-left: 0em;
	font-weight: bold;
	font-family: "times new roman";
	font-size: 14pt;
	color: navy;
}
H2 {
	margin-left: 0em;
}
H3 {
	margin-left: 3em;
}
H4 {
	margin-left: 4.5em;
}
H5 {
	margin-left: 6em;
}
H6 {
	margin-left: 7.5em;
}
HR {
	color: navy;
}
/* Instellingen voor algemene links. */
A:link, A:visited {
	color: #0000FF;
	text-decoration: none;
}
A:active {
	color: #FF6347;
	text-decoration: underline;
}
A:hover {
	color: #8A2BE2;
	text-decoration: underline;
}
TABLE {
	font-family: verdana, arial;
	font-size: 8pt;
	margin-top: 1em;
	margin-bottom: 2em;
}
TH {
	background-color: navy;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
TR {
	vertical-align: top;
}
TD {
	vertical-align: top;
}
PRE, CODE {
	font-family: "Courier New";
	font-weight: normal;
	font-size: 10pt;
	color: navy;
}
/* Wordt gebruikt om bestandsinformatie weer te geven. */
.fileinfo {
	margin-top: 0em;
	margin-bottom: 0em;
}
/* Een andere opmaak om bestandsinformatie weer te geven. Pas later wijzigen. */
.fileinfo2 {
	background-color: #EEE8AA;
	margin-top: 0em;
	margin-bottom: 0em;
}
/* Voor aan de onderkant van de pagina */
.fileinfo3 {
	margin-top: 2em;
	border-top: 1pt dashed black;
}
/* Wordt gebruikt om artikels te definiëren en in te stellen. */
.Artikel1 {
	font-family: verdana, arial;
	font-size: 10pt;
	font-weight: bold;
	color: #8A2BE2;
}
/* Wordt gebruikt om literatuur te definiëren en in te stellen. */
.literatuur {
	color: #B22222;
}
/* Wordt gebruikt om de tekst in een kolom (meestal de homepage) in te stellen. */
.KolomTekst {
	padding-left: 5pt;
	padding-right: 5pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	margin-bottom: 0em;
	margin-top: 0em;
	margin-left: 0em;
	background-color: transparent;
}
.KolomTekst A:hover {
	color: #8B0000;
	text-decoration: none;
	font-weight: bold;
}
/* Wordt gebruikt om een categorie in een tabel of in een lijst aan te geven. */
.TabelCategorie {
	font-weight: bold;
	color: #008000;
	padding-top: 6pt;
	padding-bottom: 6pt;
	text-align: center;
	margin-bottom: 0pt;
	margin-top: 0pt;
	background-color: #F5DEB3;
}
/* Wordt gebruikt om een subcategorie in een tabel of in een lijst aan te geven. */
.TabelSubCategorie {
	font-weight: bold;
	padding-top: 5pt;
	padding-bottom: 2pt;
	margin-bottom: 2pt;
	border-bottom: 1pt solid red;
}
/* Wordt gebruikt voor het hoofdmenu. Alles hetzelfde behalve de achtergrondkleur. */
.menutop, .menutop2 {
	
}
.menutop {
	
}
.menutop2 {
	
}

}

}
/* Wordt gebruikt om een klein menu gecentreerd in te stellen. Vaak voor een toer
door enkele aan elkaar gerelateerde paginas. */
.menuskip {
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 10pt;
	font-style: normal;
	color: #A9A9A9;
	height: 8pt;
	padding-top: 3pt;
	padding-bottom: 3pt;
	padding-left: 3pt;
	padding-right: 3pt;
	margin: 1em;
	text-align: center;
}
.menuskip A:link, .menuskip A:visited {
	color: #483D8B;
	text-decoration: none;
}
.menuskip A:hover, .menuskip A:active {
	color: #FF4500;
	text-decoration: underline;
}
/* Wordt gebruikt om de alinea die het begin van de eindnoten aangeeft, aan te duiden. */
.StartEndnotes {
	background-color: #FFFAF0;
	margin-top: 4em;
	margin-bottom: 2em;
	border-bottom: 1.5pt solid gray;
	padding-top: 7pt;
	padding-bottom: 3pt;
	color: navy;
	font-weight: bold;
}
/* Voor tekst rondom een image, een tabel etc. */
.bijschrift {
	color: #778899;
	font-size: 8pt;
}
/* De eerste letter van alinea vergroten. Dit is de standaard classe. Soms gebruik ik een andere. */
.FirstBigDef:first-letter {
	font-size: 200%;
	float: right;
}
/* Voor een specifieke inleiding */
.inleiding {
	font-family: "times new roman", arial;
	font-size: 14pt;
	font-style: italic;
	text-indent: 2.5em;
	margin-left: 7em;
	margin-right: 7em;
	margin-top: 5em;
	margin-bottom: 5em;
}
/* Wordt gebruikt om de titel Inhoudsopgave in te stellen */
.inh {
	font-family: "times new roman", arial;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}
/* De classen inh1 t/m inh6 worden - a.d.h.v. het niveau van de heading - gebruikt om de
diepte van de alineas in de inhoudsopgave in te stellen. */
.inh1 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
}
.inh2 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 3.5em;
	margin-top: 0em;
	margin-bottom: 0em;
}
.inh3 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 6em;
	margin-top: 0em;
	margin-bottom: 0em;
}
.inh4 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 8.5em;
	margin-top: 0em;
	margin-bottom: 0em;
}
.inh5 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 11em;
	margin-top: 0em;
	margin-bottom: 0em;
}
.inh6 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 13.5em;
	margin-top: 0em;
	margin-bottom: 0em;
}
/* Wordt gebruikt om speciale nadruk te geven. */
.nadruk {
	color: #FF0000;
	font-weight: bold;
}
.nadruk A:link {
	color: #FF0000;
	text-decoration: none;
}
.nadruk A:visited {
	color: #FF0000;
	text-decoration: none;
}
.nadruk A:hover {
	color: #FF0000;
	text-decoration: underline;
}
.nadruk A:active {
	color: #FF0000;
	text-decoration: underline;
}
/* Wordt gebruikt om speciale nadruk te geven. (Links niet ingesteld.) */
.nadruk2 {
	color: #008000;
	font-weight: bold;
}
/* Wordt gebruikt om speciale nadruk te geven. (Links niet ingesteld.) */
.nadruk3 {
	color: #0000FF;
	font-weight: bold;
}
/* De zestien benoemde HTML standaardkleuren gedefinieerd voor de eigenschap color (bold). */
.ColorBlue {
	color: blue;
	font-weight: bold;
}
.ColorRed {
	color: red;
	font-weight: bold;
}
.ColorFuchsia {
	color: fuchsia;
	font-weight: bold;
}
.ColorYellow {
	color: yellow;
	font-weight: bold;
}
.ColorGreen {
	color: green;
	font-weight: bold;
}
.ColorMaroon {
	color: maroon;
	font-weight: bold;
}
.ColorSilver {
	color: silver;
	font-weight: bold;
}
.ColorGray {
	color: gray;
	font-weight: bold;
}
.ColorTeal {
	color: teal;
	font-weight: bold;
}
.ColorNavy {
	color: navy;
	font-weight: bold;
}
.ColorPurple {
	color: purple;
	font-weight: bold;
}
.ColorLime {
	color: lime;
	font-weight: bold;
}
.ColorOlive {
	color: olive;
	font-weight: bold;
}
.ColorAqua {
	color: aqua;
	font-weight: bold;
}
.ColorWhite {
	color: white;
	font-weight: bold;
}
.ColorBlack {
	color: black;
	font-weight: bold;
}
/* De zestien benoemde HTML standaardkleuren gedefinieerd voor de eigenschap background-color. */
.BGBlue {
	background-color: blue;
}
.BGRed {
	background-color: red;
}
.BGFuchsia {
	background-color: fuchsia;
}
.BGYellow {
	background-color: yellow;
}
.BGGreen {
	background-color: green;
}
.BGMaroon {
	background-color: maroon;
}
.BGSilver {
	background-color: silver;
}
.BGGray {
	background-color: gray;
}
.BGTeal {
	background-color: teal;
}
.BGNavy {
	background-color: navy;
}
.BGPurple {
	background-color: purple;
}
.BGLime {
	background-color: lime;
}
.BGOlive {
	background-color: olive;
	font-weight: bold;
}
.BGAqua {
	background-color: aqua;
}
.BGWhite {
	background-color: white;
}
.BGBlack {
	background-color: black;
}
/* Naast de zestien benoemde HTML standaardkleuren ook zelf gedefinieerde kleuren. */
.BGDarkGreen {
	background-color: #006400;
}
.BGOrange {
	background-color: #FFA500;
}
/* Een donkerrode achtergrond, voorgrond wit, link geel. */
.BGDarkRed {
	background-color: #8B0000;
	font-weight: bold;
	color: #FFFFFF;
}
.BGDarkRed A:link {
	color: #FFFF00;
	text-decoration: none;
}
.BGDarkRed A:visited {
	color: #FFFF00;
	text-decoration: none;
}
.BGDarkRed A:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.BGDarkRed A:active {
	color: #FFFF00;
	text-decoration: underline;
}
/* Wordt gebruikt om een korte link weer te geven. */
.go1 {
	background-color: transparent;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	width: 100px;
	height: 8pt;
	padding-top: 3pt;
	padding-left: 5pt;
	padding-bottom: 3pt;
	margin-left: 15pt;
	border-bottom: 1pt solid red;
	border-top: 1pt solid red;
	text-decoration: none;
}
.go1 A:link {
	color: #000000;
	text-decoration: none;
}
.go1 A:visited {
	color: #000000;
	text-decoration: none;
}
.go1 A:hover {
	color: #000000;
	text-decoration: underline;
}
.go1 A:active {
	color: #FF6347;
	text-decoration: underline;
}
/* Wordt gebruikt om extra accent aan een tekstblok te geven. */
.ExtraAccentA, .ExtraAccentB, .ExtraAccentC, .ExtraAccentD {
	color: black;
	margin-top: 2em;
	margin-left: 5em;
	margin-bottom: 2em;
	padding-top: .75em;
	padding-left: .75em;
	padding-bottom: .75em;
	background-color: white;
}
.ExtraAccentA {
	border-left: 2pt groove #FF7F50;
	background: url('lightyellow.jpg') repeat-y;
}
.ExtraAccentB {
	border-left: 2pt groove #1E90FF;
	background: url('lightblue.jpg') repeat-y;
}
.ExtraAccentC {
	border-left: 2pt groove #7FFFD4;
	background: url('lightgreen.jpg') repeat-y;
}
.ExtraAccentD {
	border-left: 2pt groove #FFFF00;
	background: url('lightorange.jpg') repeat-y;
}

/* Wordt gebruikt voor de titel van de lijst met gerelateerde onderwerpen. */
.reference1 {
	width: 65%;
	background-color: transparent;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	height: 8pt;
	padding-top: 3pt;
	padding-bottom: 4pt;
	margin: 15pt;
	border-bottom: 1pt solid red;
	border-top: 1pt solid red;
}
/* Wordt gebruikt voor de titel van de lijst met gerelateerde onderwerpen wanneer de
onderwerpen (nog) niet zijn gedefinieerd. */
.reference0 {
	width: 65%;
	background-color: transparent;
	font-weight: bold;
	font-style: normal;
	color: #DCDCDC;
	height: 8pt;
	padding-top: 3pt;
	padding-bottom: 4pt;
	margin: 15pt;
	border-bottom: 1pt solid #DCDCDC;
	border-top: 1pt solid #DCDCDC;
}
/* Wordt gebruikt om gerelateerde onderwerpen weer te geven of gewoon een lijst
met deze opmaak te maken. */
.relatedtopics {
	font-family: verdana, arial;
	font-weight: bold;
	color: #4169E1;
	margin-left: 2.5em;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}
.relatedtopics A:link {
	color: #4169E1;
	text-decoration: none;
}
.relatedtopics A:visited {
	color: #4169E1;
	text-decoration: none;
}
.relatedtopics A:hover {
	color: #FF4500;
	text-decoration: underline;
}
.relatedtopics A:active {
	color: #FF6347;
	text-decoration: underline;
}
/* Wordt gebruikt om een vraag of de titel van een voorbeeld aan te geven.
Wordt meestal gebruikt in combinatie met de class antwoord. */
.vraag {
	color: #A52A2A;
	font-weight: bold;
}
/* Zie vraag */
.antwoord {
	margin-top: -1em;
	margin-right: 3em;
	margin-left: 0em;
	margin-bottom: 2em;
	padding-top: .75em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: .75em;
	background-color: #FFF8DC;
	border-left: 4pt groove #FFDAB9;
}


/* De classes die beginnen met context, worden gebruikt om de context van een pagina weer te geven. */
.context2, .context3, .context4, .context5, .context6, .context7, .context8 {
	font-weight: normal;
	margin-top: 2.5em;
	margin-right: 5em;
	margin-left: 5em;
	margin-bottom: 4em;
	padding-top: 3em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 3em;
}
/* Deze is de standaard en wijkt af van de andere classes. */
.context {
	margin-top: .6em;
	margin-right: 3em;
	margin-left: 3em;
	margin-bottom: 4em;
	padding-top: .75em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: .75em;
	background: url('lightgreen.jpg') repeat-y;
	background-color: white; /* moet i.v.m. figuur voor background. */
	border-top: 2pt groove #6B8E23;
	border-bottom: 2pt groove #6B8E23;
	color: navy;
}
.context A:link, .context A:visited {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: none !important;
}
.context  A:hover, .context  A:active {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: underline !important;
}

/* 2 heeft ook een andere stijl dan de die hierna volgen. */
.context2 {
	background-color: #F0E68C;
	border-top: 2pt groove #FFD700;
	border-bottom: 2pt groove #FFD700;
	color: navy;
}
.context2 A:link, .context2 A:visited {
	font-weight: bold !important;
	color: #B22222!important;
	text-decoration: none !important;
}
.context2 A:hover, .context2 A:active {
	font-weight: bold;
	color: #B22222 !important;
	text-decoration: underline !important;
}
.context3 {
	background: url('lightorange_wide.jpg') repeat-y;
	background-color: white; /* moet i.v.m. figuur voor background. */
	border-top: 2pt groove #B22222;
	border-bottom: 2pt groove #B22222;
	color: navy;
}
.context3 A:link, .context3 A:visited {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: none !important;
}
.context3 A:hover, .context3 A:active {
	font-weight: bold;
	color: #B22222 !important;
	text-decoration: underline !important;
}
.context4 {
	background: url('lightblue_wide.jpg') repeat-y;
	background-color: white; /* moet i.v.m. figuur voor background. */
	border-top: 2pt groove #8A2BE2;
	border-bottom: 2pt groove #8A2BE2;
	color: navy;
}
.context4 A:link, .context4 A:visited {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: none !important;
}
.context4 A:hover, .context4 A:active {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: underline !important;
}
.context5 {
	background: url('lightgreen_wide.jpg') repeat-y;
	background-color: white; /* moet i.v.m. figuur voor background. */
	border-top: 2pt groove #6B8E23;
	border-bottom: 2pt groove #6B8E23;
	color: navy;
}
.context5 A:link, .context5 A:visited {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: none !important;
}
.context5 A:hover, .context5 A:active {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: underline !important;
}
.context6 {
	background: url('lightpurple_wide.jpg') repeat-y;
	background-color: white; /* moet i.v.m. figuur voor background. */
	border-top: 2pt groove #DA70D6;
	border-bottom: 2pt groove #DA70D6;
	color: navy;
}
.context6 A:link, .context6 A:visited {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: none !important;
}
.context6 A:hover, .context6 A:active {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: underline !important;
}
.context7 {
	background: url('lightolive_wide.jpg') repeat-y;
	background-color: white; /* moet i.v.m. figuur voor background. */
	border-top: 2pt groove #6B8E23;
	border-bottom: 2pt groove #6B8E23;
	color: navy;
}
.context7 A:link, .context7 A:visited {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: none !important;
}
.context7 A:hover, .context7 A:active {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: underline !important;
}
.context8 {
	background: url('lightyellow_wide.jpg') repeat-y;
	background-color: white; /* moet i.v.m. figuur voor background. */
	border-top: 2pt groove #FFD700;
	border-bottom: 2pt groove #FFD700;
	color: navy;
}
.context8 A:link, .context8 A:visited {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: none !important;
}
.context8 A:hover, .context8 A:active {
	font-weight: bold !important;
	color: #B22222 !important;
	text-decoration: underline !important;
}

/* Wordt gebruikt voor een aantekening met als tekst: Opmerking(en), Tip(s), Aanvullende informatie, etc. */
.aantekening {
	color: #4169E1;
	font-weight: bold;
	margin-bottom: -1.5em;
}
/* Wordt gebruikt voor een waarschuwing met als tekst: Waarschuwing!, Let op! etc. */
.waarschuwing {
	color: #FF4500;
	font-weight: bold;
	margin-bottom: -1.5em;
}
/* In heel afzonderlijke gevallen om tekst wat te laten opvallen. */
.groot {
	font-family: verdana, arial;
	font-size: 10pt;
}
/* Wordt gebruikt voor koppen. TopicsB en TopicsD gebruik ik voor specifieke subkoppen */
/* TopicsLightBlue en TopicsE zijn bedoeld voor specifieke (hoogfd)koppen */
.TopicsA {
	background-color: #B22222;
	color: #FFFFFF;
	padding-top: 0.3em;
	padding-left: 0.5em;
	padding-bottom: 0.3em;
	border-top: 2pt groove #FF0000;
	border-bottom: 1pt solid #FF0000;
}
.TopicsA A:link, .TopicsA A:visited {
	color: #F0E68C !important;
	text-decoration: none !important;
}
.TopicsA A:hover, .TopicsA A:active {
	color: #F0E68C !important;
	text-decoration: underline !important;
}
.TopicsB {
	background-color: #F5DEB3;
	color: #000000;
	padding-top: 0.15em;
	padding-left: 0.5em;
	padding-bottom: 0.15em;
	border-top: 1.2pt solid #EEE8AA;
	border-bottom: 1.2pt solid #EEE8AA;
	color: black;
}
.TopicsB A:link, .TopicsB A:visited {
	color: #FFA500 !important;
	text-decoration: none !important;
}
.TopicsB A:hover, .TopicsB A:active {
	color: #FFA500 !important;
	text-decoration: underline !important;
}
.TopicsC {
	color: white;
	padding-top: 0.3em;
	padding-left: 0.5em;
	padding-bottom: 0.3em;
	background-color: #9ACD32;
	border-top: 3pt groove #6B8E23;
	border-bottom: 3pt groove #6B8E23;
}
.TopicsC A:link, .TopicsC A:visited {
	color: #6B8E23 !important;
	text-decoration: none !important;
}
.TopicsC A:hover, .TopicsC A:active {
	color: #6B8E23 !important;
	text-decoration: underline !important;
}
.TopicsD {
	background-color: #DCDCDC;
	color: black;
	padding-top: 0.15em;
	padding-left: 0.5em;
	padding-bottom: 0.15em;
	border-top: 1.2pt solid #F5F5DC;
	border-bottom: 1.2pt solid #F5F5DC;
}
.TopicsD A:link, .TopicsD A:visited {
	color: #BDB76B !important;
	text-decoration: none !important;
}
.TopicsD A:hover, .TopicsD A:active {
	color: #BDB76B !important;
	text-decoration: underline !important;
}
.TopicsE {
	background-color: #F0E68C;
	color: black;
	padding-top: 1.15em;
	padding-left: 0.5em;
	padding-bottom: 1.15em;
	border-top: 1.2pt solid #FFD700;
}
.TopicsE A:link, .TopicsE A:visited {
	color: #DAA520 !important;
	text-decoration: none !important;
}
.TopicsE A:hover, .TopicsE A:active {
	color: #DAA520 !important;
	text-decoration: underline !important;
}
.TopicsF {
	background: url('bgtopic_maroon.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid #FFD700;
	border-bottom: 1.2pt solid #FFD700;
}
.TopicsF A:link, .TopicsF A:visited {
	color: #FF8C00 !important;
	text-decoration: none !important;
}
.TopicsF A:hover, .TopicsF A:active {
	color: #FF8C00 !important;
	text-decoration: underline !important;
}
.TopicsG {
	background: url('bgtopic_gray.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid #FFDEAD;
	border-bottom: 1.2pt solid #FFDEAD;
}
.TopicsG A:link, .TopicsG A:visited {
	color: #F0E68C !important;
	text-decoration: none !important;
}
.TopicsG A:hover, .TopicsG A:active {
	color: #F0E68C !important;
	text-decoration: underline !important;
}
.TopicsH {
	background: url('bgtopic_green.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid #DCDCDC;
	border-bottom: 1.2pt solid #DCDCDC;
}
.TopicsH A:link, .TopicsH A:visited {
	color: #ADFF2F !important;
	text-decoration: none !important;
}
.TopicsH A:hover, .TopicsH A:active {
	color: #ADFF2F !important;
	text-decoration: underline !important;
}
.TopicsI {
	background: url('bgtopic_purple.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid #FA8072;
	border-bottom: 1.2pt solid #FA8072;
}
.TopicsI A:link, .TopicsI A:visited {
	color: fuchsia !important;
	text-decoration: none !important;
}
.TopicsI A:hover, .TopicsI A:active {
	color: fuchsia !important;
	text-decoration: underline !important;
}
.TopicsJ {
	background: url('bgtopic_blue.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid #FF7F50;
	border-bottom: 1.2pt solid #FF7F50;
}
.TopicsJ A:link, .TopicsJ A:visited {
	color: #7B68EE !important;
	text-decoration: none !important;
}
.TopicsJ A:hover, .TopicsJ A:active {
	color: #7B68EE !important;
	text-decoration: underline !important;
}
.TopicsK {
	background: url('bgtopic_ocean.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid #DCDCDC;
	border-bottom: 1.2pt solid #DCDCDC;
}
.TopicsK A:link, .TopicsK A:visited {
	color: #7FFFD4 !important;
	text-decoration: none !important;
}
.TopicsK A:hover, .TopicsK A:active {
	color: #7FFFD4 !important;
	text-decoration: underline !important;
}
.TopicsL {
	background: url('bgtopic_lightgreen.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid #808000;
	border-bottom: 1.2pt solid #808000;
}
.TopicsL A:link, .TopicsL A:visited {
	color: #ADFF2F !important;
	text-decoration: none !important;
}
.TopicsL A:hover, .TopicsL A:active {
	color: #ADFF2F !important;
	text-decoration: underline !important;
}
.TopicsM {
	background: url('bgtopic_gold.jpg') repeat-x;
	color: white;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-top: 1.2pt solid yellow;
	border-bottom: 1.2pt solid yellow;
}
.TopicsM A:link, .TopicsM A:visited {
	color: #FFD700 !important;
	text-decoration: none !important;
}
.TopicsM A:hover, .TopicsM A:active {
	color: #FFD700 !important;
	text-decoration: underline !important;
}
/* Een specifiek onderwerp */
.TopicsLightBlue {
	color: navy;
	margin-top: .6em;
	margin-right: 3em;
	margin-left: 3em;
	font-weight: bold;
	padding-top: .6em;
	padding-left: .5em;
	padding-bottom: .6em;
	border-bottom: 2pt groove #00CED1;
	border-top: 2pt groove #00CED1;
	background: url('lightblue.jpg') repeat-y;
	background-color: white;
}
.TopicsLightBlue A:link, .TopicsLightBlue A:visited {
	color: #7B68EE !important;
	text-decoration: none !important;
}
.TopicsLightBlue A:hover, .TopicsLightBlue A:active {
	color: #7B68EE !important;
	text-decoration: underline !important;
}
/* Wordt gebruikt voor specifieke overzicht paginas. */
.bgOverzichtA {
	background-color: #FFFFE0;
}
/* Wordt gebruikt om specifiek tekstgebied op te lichten (bijv. een Voorwoord). */
.ExtraBericht {
	background-color: #FFFF99;
	padding: 8pt;
	margin-bottom: 2em;
	margin-top: 2em;
}
/* Als ExtraBericht maar dan met kader en voor andere doeleinden.) */
.ExtraBericht2 {
	background-color: #FFFF99;
	padding: 8pt;
	margin-bottom: 2em;
	margin-top: 2em;
	border: 2pt solid black;
}
/* Met de BG-classes wordt een achtergrond ingesteld. Bedoeld om paarsgewijs
om en om in tabellen te gebruiken. */
.BGA1 {
	background-color: #FF99FF;
}
.BGA2 {
	background-color: #98FB98;
}
.BGB1 {
	background-color: #FFFACD;
}
.BGB2 {
	background-color: #FFE4C4;
}
.BGGold {
	background-color: #FFD700;
}
/* Wordt veelal gebruikt om voorbeeldtekst weer te geven. */
.citaat {
	color: navy;
	font-family: Arial;
	font-size: 10pt;
	margin-left: 2em;
}
/* Voor opvallende tekst */
.reclame {
	background-color: navy;
	border-bottom: 3px solid #FF1493;
	border-top: 3px solid #FF1493;
	font-weight: bold;
	color: yellow;
	padding: 8px;
}
.reclame A:link {
	color: white;
	text-decoration: none;
}
.reclame A:visited {
	color: white;
	text-decoration: none;
}
.reclame A:hover {
	color: white;
	text-decoration: underline;
}
.reclame A:active {
	color: white;
	text-decoration: underline;
}
/* Opmaak voor reactie gedeelte. */
.reageren {
	background-color: #EEE8AA;
	border-bottom: 3px solid #228B22;
	border-top: 3px solid #228B22;
	padding-left: 65px;
	padding-right: 65px;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: 10em;
	margin-right: 10em;
}
.subitem {
	font-weight: bold;
	margin-bottom: 0em;
}
/* Een blauwe knop. */
.ButtonBlue {
	background-color: #2F60FF;
	border-bottom: #002F9F 2px solid;
	border-left: #9FCFFF 2px solid;
	border-right: #002F9F 2px solid;
	border-top: #9FCFFF 2px solid;
	color: #FFFFFF;
	cursor: default;
	font-family: verdana, arial;
	font-size: 10pt;
	font-weight: bold;
}
/* KLEURGROEP */
/* Voor toelichting zie KLEURGROEP GrpZwart1 */
/* Deze groep wordt in de regel gebruikt voor homepages */
.GrpLicht1 {
	background-color: #F5F5F5;
	border: 4pt double #B0C4DE;
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}
.GrpLicht1Tekst {
	color: #708090;
	font-weight: normal;
	font-size: 8pt;
}
.GrpLicht1Tekst A:link, .GrpLicht1Tekst A:visited {
	color: #0000CD;
	text-decoration: none;
	font-weight: bold;
}
.GrpLicht1Tekst A:hover, .GrpLicht1Tekst A:active {
	color: #FF4500;
	text-decoration: underline;
}
/* /////////////////////////////////////////////////////////////////////////////////*/
/* /// CLASSES HIERNA (TOT AAN EINDE) ZIJN SPECIFIEK VOOR HET THERAVADA ARCHIEF /// */
			/* (www.sleuteltotinzicht.nl) */
/* //////////////////////////////////////////////////////////////////////////////// */

/* Wordt gebruikt voor tabellen waarin Dhps worden geplaatst. */
.DhpTabel {
	width: 85%;
}
/* De tekstregel die aan elk afzonderlijk Dhammapada vers is toegekend. */
.DhpBijschrift {
	color: #778899;
	font-size: 8pt;
}
/* Wordt gebruikt voor titel individuele Dhp */
.DhpSub {
	font-weight: bold;
	font-size: 18pt;
	font-style: italic;
	color: black;
	font-family: "times new roman";
	margin-top: 0em;
	margin-bottom: -1em;
}
/* Vers in Nederlands, Pali. */
.DhpNed, .DhpPal {
	font-weight: bold;
	color: #9400D3;
	margin-left: 3em;
	margin-right: 3em;
	font-family: verdana, arial;
	font-size: 8pt;
}
.DhpNed A:link, .DhpPal A:link, .DhpNed A:visited, .DhpPal A:visited {
	color: black !important;
	text-decoration: none !important;
}
.DhpNed A:hover, .DhpNed A:active, .DhpPal A:hover, .DhpPal A:active {
	color: black !important;
	text-decoration: underline !important;
}

.DhpVerhaal, .SuttaTekst {
	font-family: verdana, arial;
	font-size: 10pt;
	text-indent: 2.5em;
	margin-left: 2.5em;
	margin-right: 5em;
}
.DhpVerhaalVerleden {
	text-indent: 2.5em;
	margin-left: 4em;
	margin-right: 7em;
}
.DhpVerhaalVerledenTitel {
	font-family: verdana, arial;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 4em;
	color: green;
}
/* Uitleg van de verzen. */
.UitlegVertaling {
	font-family: verdana, arial;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0em;
	margin-right: 3em;
	margin-bottom: .5em;
	margin-left: 3em;	
	border-top: 1px solid black;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #EEE8AA;
	width: 30%;
}
.Uitleg1, .Uitleg2, .Uitleg3 {
	font-family: verdana, arial;
	font-size: 8pt;
	font-weight: normal;
	color: black;
	margin-top: 0em;
	margin-right: 3em;
	margin-left: 3em;
}
.Uitleg1, .Uitleg2 {
	width: 55%;
}
/* Voor de division waarin het commentaar is opgenomen. */
.Commentaar {
	width: 80%;
	margin-left: 7em;
}
/* Tite van het commentaar. */
.CommentaarTitel {
	width: 80%;
	font-family: "Times new roman";
	font-weight: bold;
	font-size: 18pt;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1.5em;
	margin-left: 4em;
}
/* Algemene versvorm */
.vers, .vers2 {
	font-weight: bold;
	color: navy;
	margin-left: 6em;
	margin-right: 3em;
	text-indent: 0em; /* inspringing van andere classes voorkomen */
	font-family: verdana, arial;
	font-size: 8pt;
	margin-top: 2em;
	margin-bottom: .9em;
}
/* Specifieke versvorm */
.vers2 {
	background-color: #FFF8DC;
	padding: 2em;
	border: thin groove #F0E68C;
}
.verwijzing {
	color: #8A2BE2;
	font-weight: bold;
	text-align: right;
	margin-top: 0.6em;
	margin-bottom: 2em;
}
/* Wordt voorlopig alleen gebruikt op de Hoofdstukpagina's van de Dhammapada. */
.ChpH1 {
	font-family: "times";
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .6em;
	font-size: 24pt;
	word-spacing: 1em;
	color: green;
}
.ChpH2 {
	font-family: "verdana";
	font-weight: bold;
	font-style: italic;
	margin-left: 55%;
	text-transform: uppercase;
	letter-spacing: .6em;
	font-size: 14pt;
	word-spacing: 1em;
}
.ChpBody {
	background: url('bodhi_leaf.gif') repeat-y right fixed;
	background-color: #FFF8DC;
}
.MenuChp {
	background-color: transparent;
}

.MenuChp {
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	color: green;
	height: 8pt;
	padding-top: 3pt;
	padding-bottom: 3pt;
	padding-left: 3pt;
	padding-right: 3pt;
	margin: 0pt;
	text-align: center;
}
.MenuChp {
	background-color: transparent;
}
.MenuChp A:link, .MenuChp A:visited {
	color: green !important;
	text-decoration: none !important;
}
.MenuChp A:hover, .MenuChp A:active {
	color: red !important;
	text-decoration: underline !important;
}
/* Wordt gebruikt om een hoofdstuk aan te duiden op een Hoofdstukpagina. */
.Hoofdstuk {
	font-weight: bold;
	font-size: 14pt;
	color: #9400D3;
	font-family: verdana, arial;
	width: 350px;
	margin-top: 2.5em;
	margin-left: 1em;
	margin-bottom: 8em;
	padding-top: .1em;
	padding-bottom: .5em;
	padding-left: .5em;
	border-top: 3pt groove #FFD700;
	border-bottom: 3pt groove #FFD700;
}
/* Wordt gebruikt in combinatie met Hoofdstuk. */
.HoofdstukSubTekst {
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0em;
	margin-top: .5em;
	padding-left: .2em; /* Komt zo overeen met padding-left van Hoofdstuk. */
}
/* Positionering voor de figuur op een Hoofdstukpagina. */
.ImgHfdStkDhp {
	position: absolute;
	left: 55%;
	top: -15%;
}
/* Wordt gebruikt om een hoofdstuk aan te duiden op een Hoofdstukpagina. */
.HoofdstukHPRechts, .HoofdstukHPLinks {
	font-weight: bold;
	font-size: 10pt;
	color: #7B68EE;
	font-family: verdana, arial;
	margin-top: .3em;
	margin-bottom: 0em;
}
.HoofdstukHPRechts {
	text-align: right;
}
.HoofdstukHPLinks {
	text-align: left;
}
/* Wordt gebruikt in combinatie met .HoofdstukHPRechts, .HoofdstukHPLinks. */
.HoofdstukHPLinksSubTekst, .HoofdstukHPRechtsSubTekst {
	font-size: 8pt;
	font-weight: bold;
	color: black;
	margin-bottom: 1em;
}
.HoofdstukHPLinksSubTekst {
	text-align: left;
}
.HoofdstukHPRechtsSubTekst {
	text-align: right;
}
.DefTerm {
	font-family: verdana, arial;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0em;
	margin-left: -3em;
	background-color: #FFFACD;
	color: red;
	border-top: 3pt groove #FFD700;
	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 3px;

}
/* KLEURGROEP GrpZwart1 */
/* Wordt gebruikt om een sectie of tabel op te maken. */
.GrpZwart1 {
	background-color: black;
	border: 4pt double #9932CC;
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}
/* Afzonderlijk definieren is handiger bij maken van nieuwe kleurgroepen. */
.GrpZwart1 {
	color: #FF7F50;
}
/* Twee classes met dezelfde eigenschappen. */
.GrpZwart1 A:link, .GrpZwart1 A:visited {
	color: #8A2BE2;
	text-decoration: none;
}
.GrpZwart1 A:hover, .GrpZwart1 A:active {
	color: #DDA0DD;
	text-decoration: underline;
}
/* Om een extra titel een andere kleur te geven. */
.GrpZwart1Titel {
	color: white;
	margin-top: 2em;
}
.GrpZwart1Titel A:link, .GrpZwart1Titel A:visited {
	color: white;
	text-decoration: none;
}
.GrpZwart1Titel A:hover, .GrpZwart1Titel A:active {
	color: white;
	text-decoration: underline;
}
/* Indien context wordt gebruikt voor deze kleurgroep. */
.GrpZwart1Context {
	color: yellow;
	font-weight: normal;
}
.GrpZwart1Context A:link, .GrpZwart1Context A:visited {
	color: white;
	text-decoration: none;
}
.GrpZwart1Context A:hover, .GrpZwart1Context A:active {
	color: white;
	text-decoration: underline;
}

/* KLEURGROEP */
/* Voor toelichting zie KLEURGROEP GrpZwart1 */
.GrpZwart2 {
	background-color: black;
	border: 4pt double #228B22;
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}
.GrpZwart2 {
	color: #F0E68C;
}
.GrpZwart2 A:link, .GrpZwart2 A:visited {
	color: #9ACD32;
	text-decoration: none;
}
.GrpZwart2 A:hover, .GrpZwart2 A:active {
	color: lime;
	text-decoration: underline;
}
.GrpZwart2Titel {
	color: #F4A460;
	margin-top: 2em;
}
.GrpZwart2Titel A:link, .GrpZwart2Titel A:visited {
	color: #F4A460;
	text-decoration: none;
}
.GrpZwart2Titel A:hover, .GrpZwart2Titel A:active {
	color: #F4A460;
	text-decoration: underline;
}
.GrpZwart2Context {
	color: #DCDCDC;
	font-weight: normal;
}
.GrpZwart2Context A:link, .GrpZwart2Context A:visited {
	color: #FF8C00;
	text-decoration: none;
}
.GrpZwart2Context A:hover, .GrpZwart2Context A:active {
	color: #FF8C00;
	text-decoration: underline;
}


/* KLEURGROEP */
/* Voor toelichting zie KLEURGROEP GrpZwart1 */
.GrpZwart3 {
	background-color: black;
	border: 4pt double #20B2AA;
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}
.GrpZwart3 {
	color: #FFFF66;
}
.GrpZwart3 A:link, .GrpZwart3 A:visited {
	color: #FFEFD5;
	text-decoration: none;
}
.GrpZwart3 A:hover, .GrpZwart3 A:active {
	color: #20B2AA;
	text-decoration: underline;
}
.GrpZwart3Titel {
	color: #20B2AA;
	margin-top: 2em;
}
.GrpZwart3Titel A:link, .GrpZwart3Titel A:visited {
	color: #20B2AA;
	text-decoration: none;
}
.GrpZwart3Titel A:hover, .GrpZwart3Titel A:active {
	color: #20B2AA;
	text-decoration: underline;
}
.GrpZwart3Context {
	color: #98FB98;
	font-weight: normal;
}
.GrpZwart3Context A:link, .GrpZwart3Context A:visited {
	color: #FF8C00;
	text-decoration: none;
}
.GrpZwart3Context A:hover, .GrpZwart3Context A:active {
	color: #FF8C00;
	text-decoration: underline;
}

/* Om eventueel een andere context te gebruiken */
.GrpZwart3Context2 {
	color: #FFEFD5;
	font-weight: normal;
}
.GrpZwart3Context2 A:link, .GrpZwart3Context2 A:visited {
	color: #98FB98;
	text-decoration: none;
}
.GrpZwart3Context2 A:hover, .GrpZwart3Context2 A:active {
	color: yellow;
	text-decoration: underline;
}