div.cte { 
  background-color: #dedede; 
  background-image: url(images/cte.gif); 
  background-position: top; 
  background-repeat: repeat-x;
  margin-left: 17px; 
  margin-right: 12px; 
  margin-top: 20px;
  margin-bottom: 0px; 
}
div.cle { 
  background-image: url(images/cle.gif); 
  background-position: left; 
  background-repeat: repeat-y;
}
div.cre {
  background-image: url(images/cre.gif); 
  background-position: right; 
  background-repeat: repeat-y;
}
div.cbe { 
  background-image: url(images/cbe.gif); 
  background-position: bottom; 
  background-repeat: repeat-x;
}
div.clt { 
  background-image: url(images/clt.gif); 
  background-position: left top; 
  background-repeat: no-repeat;
}
div.crt {
  background-image: url(images/crt.gif); 
  background-position: right top; 
  background-repeat: no-repeat;
}
div.clb {
  background-image: url(images/clb.gif); 
  background-position: left bottom; 
  background-repeat: no-repeat;
}
div.crb {
  background-image: url(images/crb.gif);
  background-position: right bottom; 
  background-repeat: no-repeat;
}

body {
  background-image: url("images/ocean-clouds.jpg"); 
  background-repeat: no-repeat; 
  background-color: #f2f2f2;  /* kleur: gebroken wit */
  width: 100%;
  margin: 0px;
}
.headcontent { 
  padding-top: 10px;
  padding-left: 150px; 
  padding-right: 30px; 
  padding-bottom: 10px; 
  color: #800000;  /* kleur: maroon */
}
.maincontent {
  width: 99%;
  display: table;
  padding-top: 10px;
  padding-left: 5px; 
  padding-right: 8px; 
  padding-bottom: 16px; 
}
.indexheader {
  padding-top: 8px;
  padding-left: 16px; 
  padding-right: 16px;
  padding-bottom: 8px;
  text-align: center;
}
.indexcontent {
  margin: 0px;
}
.col1  {
  width: 25%;
  display: table-cell;
  padding: 16px;
  border-style: none double none none;
}
.col2  {
  width: 25%;
  display: table-cell;
  padding: 16px;
  border-style: none double none none;
}
.col3  {
  width: 25%;
  display: table-cell;
  padding: 16px;
  border-style: none double none none;
}
.col4 {
  width: 25%;
  display: table-cell;
  padding: 16px;
}

.colm1  {
  width: 33%;
  display: table-cell;
  padding: 16px;
  border-style: none double none none;
}
.colm2  {
  width: 33%;
  display: table-cell;
  padding: 16px;
  border-style: none double none none;
}
.colm3 {
  width: 33%;
  display: table-cell;
  padding: 16px;
}
.tailcontent {
  color: #808080;  /* kleur: grijs */
  text-align: center;
  padding-top: 10px;
  padding-left: 0px; 
  padding-right: 0px;
  padding-bottom: 0px; 
}

a#back {
  width: 22px;
  background-image: url("images/back.gif");
}
a#indx {
  width: 68px;
  background-image: url("images/indx.gif");
  margin-left: 3px;
  margin-right: 3px;
}
a#next {
  width: 22px;
  background-image: url("images/next.gif");
}
a#back, a#indx, a#next {
  float: right;
  display: block;
  height: 20px;
}
a#back:hover, a#indx:hover, a#next:hover {
  background-position: 0 -21px;
}
a#back:active, a#indx:active, a#next:active {
  background-position: 0 -42px;
}
a#back .alt, a#indx .alt, a#next .alt {
  display: none; 
}

.title:first-letter {
  font-size: 250%;
  font-weight : bold; 
}
a {
  text-decoration:none;
  color: #0000FF;  /* kleur: blauw */
}
a:visited {
  color: #23238E;  /* kleur: navy */
}
a:hover {
  color: red;  /* kleur: rood */
} 
p {
  text-align: justify;
}
font.dik {
  font-size: 125%; 
  font-weight : bold; 
  color: #000000;  /* kleur: black */
}
font.bleu {
  color: #0000FF;  /* kleur: blauw */
}
font.rood {
  color: #FF0000;  /* kleur: rood */
}
font.groen {
  color: #238E23;  /* kleur: groen */
}
font.bruin {
  color: #800000;  /* kleur: maroon */
}
font.paars {
  color: #800080;  /* kleur: paars */
}
font.grijs {
  color: #808080;  /* kleur: grijs */
}
font.reff {
  color: #800000;  /* kleur: maroon */
  font-size: 75%; 
}
font.ask {
  color: #800000;  /* kleur: maroon */
  font-size: 75%; 
}
font.ref {
  color: #000000;  /* kleur: zwart */
  font-size: 75%; 
}
font.tim {
  color: #238E23;  /* kleur: groen */
  font-size: 70%; 
}
font.red {
  color: #FF0000;  /* kleur: rood */
  font-size: 75%; 
}
font.fun {
  font-family: georgia;
  font-size: 175%; 
  font-weight : bold;
  color: #FF8040;  /* orange op wit */
  background: #FFFFFF;
  padding: 5px 5px 5px 5px;
  border: 1px solid black;
}
h3 {
  text-align: center;
  color: black;
}

div.kader {
  padding: 10px;
  color: #238E23;
  border: 1px solid black;
}
div.border {
  width:75%;
  margin: auto;
  padding: 10px;
  border: 1px solid black;
}
div.x5G {
  width:200px;
  font-size:11px;
  color:grey;
  float:right;
  text-align:left;
}