/*
* {
  border: #f00 solid 1px !important;
}
*/

/*------------------------------ ALGEMEEN ------------------------------*/
body
{
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  color: #444;
  font-size: 12pt;
  margin-left: 50px;
  padding: 0px;
  overflow: auto;
}

h1
{
  font-size: 14pt;
  padding: 0px;
}

h2
{
  font-size: 13pt;
}

h3
{
  font-size: 12pt;
}

/**** table algemeen ****/
table
{
  font-size: 12pt;
  border-right: #ccc dotted 1px;
  border-bottom: #ccc dotted 1px;
  border-spacing: 0px;
}

table tr td
{
  padding: 2px;
  border-top: #ccc dotted 1px;
  border-left: #ccc dotted 1px;
}

/**** table letterkeuzelijst ****/
table#letterkeuzelijst
{
  font-size: 12pt;
  background-color: #eee;
}

table#letterkeuzelijst td.keuzeletter
{
  font-size: 14pt;
  padding: 5px;
}

/*** zoekform ****/
form#zoekform
{
  font-size: 12pt;
}

/**** resultaat lijst ****/
table#resultaat
{
  width: 800px;  
}

table#resultaat tr#header
{
  background-color: #eee;
}

table#resultaat tr:not(:first-child):hover
{
  background-color: #def;
  cursor: pointer;
}

table#resultaat tr th:first-child
{
  text-align: left;
}

table#resultaat tr td:nth-child(2),
table#resultaat tr td:nth-child(3)
{
  width:100px;
  text-align:center;
}

table#resultaat tr td:nth-child(4)
{
  width:75px;
  text-align:center;
}

table#resultaat tr td:last-child
{
  width:60px;
  text-align:center;
}

table#resultaat tr th,
table#resultaat tr td
{
  border-right: #ccc solid 2px;
  padding-left: 5px;
  padding-right: 5px;
}

/**** overzicht één locatie ****/
table#locatie_info
{
  position:relative;
  width: 641px;
}

table#locatie_info tr td#header
{
  font-weight:bold;
  font-size:large;
}

/*** de drie images: 1. 'foto', 2. 'pijl_links', 3. 'pijl_rechts' ***/
/*** in een 'container div' ***/
/*** de 'foto' ***/
table#locatie_info td#locatiefotocell
{
  vertical-align:top;
  height:480px;
  padding:0px;
}

/*****************************/
/***container voor 3 images***/
/*****************************/
table#locatie_info tr td#locatiefotocell div#locatiefoto 
{
  position: relative;
  top:0px;
  left:0px;
  width:640px;
  height:480px;
  margin:0px;
}

/*************************************/
/*** eerste image: de locatie foto ***/
/*************************************/
table#locatie_info tr td#locatiefotocell div#locatiefoto img#foto
{
  width: 640px;
  height: 480px;
  position: absolute;
  left: 0px;
  top: 0px;
}

/****************************************/
/*** tweede image: de pijl naar links ***/
/****************************************/
table#locatie_info tr td#locatiefotocell div#locatiefoto img#pijl_links
{
  width: 250px;
  height: 480px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.25; filter: alpha(opacity=25);
}

table#locatie_info tr td#locatiefotocell div#locatiefoto img#pijl_links:hover
{
  opacity: 1.0; filter: alpha(opacity=100);
}

/*****************************************/
/*** tweede image: de pijl naar rechts ***/
/*****************************************/
table#locatie_info tr td#locatiefotocell div#locatiefoto img#pijl_rechts
{
  width: 250px;
  height: 480px;
  position: absolute;
  top: 0px;
  right: 0px;
  opacity: 0.25; filter: alpha(opacity=25);
}

table#locatie_info tr td#locatiefotocell div#locatiefoto img#pijl_rechts:hover
{
  opacity: 1.0; filter: alpha(opacity=100);
}

/******************/
/*** foto datum ***/
/******************/
table#locatie_info tr td#fotodatum
{
  font-size:x-small;
  text-align:center;
}
/************************************************************/
/*** de andere regels met informatie van de overledene(n) ***/
/************************************************************/
table#locatie_info  tr.overledene
{
  font-size: 11pt;
}

/********************************/
/*** de header (eerste regel) ***/
/********************************/
table#locatie_info  tr.overledene th.nr,
table#locatie_info  tr.overledene th.naam,
table#locatie_info  tr.overledene th.geboren,
table#locatie_info  tr.overledene th.overleden
{
  font-weight:bold;
  text-align: left;
}

/****************************/
/*** leeftijd is centered ***/
/****************************/
table#locatie_info  tr.overledene th.leeftijd
{
  font-weight:bold;
  text-align: center;
}

/*
 * breedtes kolommen nr, geboren, overleden en leeftijd
 * wat overblijft is voor de klom naam
 */
table tr.overledene td.nr
{
  width: 20px;
}

table tr.overledene td.geboren
{
  width: 90px;
}

table tr.overledene td.overleden
{
  width: 90px;
}

table tr.overledene td.leeftijd
{
  width: 60px;
  text-align: center;
}

/*** overig ***/
div#bijgewerkt_tot
{
  font-size:small;
  font-style:italic;
}

div#copyright
{
  font-size:small;
  font-style:italic;
}