/* stylesheet columns.php */ 

/* border main vlak */
div#cte { 
  background-color: #DDD; 
  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: #EEE;  /* kleur: gebroken wit */
  width: 100%;
  margin: 0px;
}

/* head/main/tail deel */
.headcontent {
  padding-top: 10px;
  padding-left: 150px; 
  padding-right: 30px; 
}
.maincontent {
  width: 100%;
  display: table;
  padding-top: 5px;
  padding-left: 5px; 
  padding-right: 8px; 
  padding-bottom: 10px; 
}
.tailcontent {
  color: #888;
  text-align: center;
  padding-top: 10px;
  padding-left: 0px; 
  padding-right: 0px;
  padding-bottom: 0px; 
}
.header {
  text-align: center;
  padding-left: 10px; 
  padding-right: 18px; 
}
.content {
#  display: table;
  width: 99%;
}
/* verdeling pagina */
div.ind {
  width: 20%;          /* breedte echt */
  display: table-cell; /* naaste elkaar */
  padding: 16px;
  border-style: none double none none;
}
div.col, div.mid  {
  width: 24%;          /* dummy 1/3 rest */
  display: table-cell; /* naaste elkaar */
  padding: 16px;
#  vertical-align: top;
}
div.mid  {
  border-style: none double none double;
}

/* navigatie next/back */
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; 
}
a {
  text-decoration:none;
  color: #00F;  /* kleur: blauw */
}
a:visited {
  color: #A0A;  /* kleur: navy */
}
a:hover {
  color: #F00;  /* kleur: rood */
} 

/* text aankleding */
div.title:first-letter {
  font-size: 250%;
  font-weight : bold; 
}
p {
  text-indent: 10px;
}
P:first-letter {
  font-weight : bold; 
}
font.ref {
 font-size: 75%; 
}
font.reff {
  color: #800;  /* kleur: bruin */
  font-size: 75%; 
}

font.rood {
  color: #F00;  /* kleur: rood */
}
font.bleu {
  color: #00F;  /* kleur: blauw */
}
font.groen {
  color: #292;  /* kleur: groen */
}
font.bruin, font.ask {
  color: #800;  /* kleur: bruin */
}
font.paars {
  color: #808;  /* kleur: paars */
}
font.grijs {
  color: #888;  /* kleur: grijs */
}
font.bgd {
  color: #DDD;  /* kleur: background */
}
.Rood {
  font-size: 12px;
  font-weight: bolder;
  color: #F00;  /* form velden */
}
div.kader {
  padding: 10px;
  color: #238E23;
  border: 1px solid black;
}
div.noot {
  width:200px;
  font-size:11px;
  color:grey;
  float:right;
  text-align:left;
}

/* recent / meest bezocht */

p#TOP { 
  display: block; /* zichtbaar */
 }
p#REC {
  display: none; /* verborgen */
 }

/* end */