/* Dit style sheet dient tevens als voorbeeld voor ontwikkelaars. */
/*Zie www.officeprograms.nl voor meer informatie. */
/* Laatst bijgewerkt: 14/07/2005 */

BODY {
  font-family: verdana, arial;
  font-size: 8pt;
  background-image : url(../China/Zen13.jpg);
  background-repeat:no-repeat;/*we want to have one single image not a repeated one*/
  background-size:cover;/*this sets the image to fullscreen covering the whole screen*/
  background-position: 150% auto;  color: black;
  margin-top: 0em;
  margin-left: 2.5em;
  margin-right: 2.5em;
  margin-bottom: 5em;
}
P {
  margin-top: .6em;
  margin-bottom: 2em;
}
OL {
  /* geen instelling */
}
UL {
  /* geen instelling */
}
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 {
  font-family: verdana, arial;
  font-weight: bold;
  font-size: 8pt;
  font-style: normal;
  color: #FFFF00;
  height: 8pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  padding-left: 3pt;
  padding-right: 3pt;
  margin: 0pt;
  text-align: center;
}
.menutop {
  background-color: navy;
}
.menutop2 {
  background-color: black;
}
.menutop A:link, .menutop A:visited, .menutop2 A:link, .menutop2 A:visited {
  color: #FFF8DC !important;
  text-decoration: none !important;
}
.menutop A:hover, .menutop A:active, .menutop2 A:hover, .menutop2 A:active {
  color: #FFD700 !important;
  text-decoration: underline !important;
}
/* 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;
}
/* 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;
  height: 10px;
  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 {
  height: 35px;
  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, {
  height: 35px;
  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 {
  height: 35px;
  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;
  background-image : url(Achtergrond.jpg);
}
.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: black;
  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 {
  height: 35px;
  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: hand;
  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: 10pt;
  color: black;
  font-family: verdana, arial;
  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 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: 2em;
  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;
}