/* Central Style file - Centraal style bestand */

html {
  height:100%;
  max-height:100%;
  padding:0;
  margin:0;
  border:0;
  /* font-size:76%; */
  /* font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; */
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden;
  /* */
}

body {
  background-color:white;
  color:black;
  background-image: url('images/achtergrond.gif');
  background-repeat: no-repeat;
  /* background-position: center; */
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 14px;
  height:100%; max-height:100%;
  overflow:hidden;
  /* overflow:scroll; */
  padding:0; margin:0; border:0;
}

/* heads - koppen */
h1 { text-align: center; }
/* table { background-color:#FFFFCC; font-size: 14px;} */

hr { text-align: center; width:70%; }

/* tables - tabellen */
table {
  /*  border: solid 1px #999999; */
  border-collapse: collapse;
  /* background-color:#FFFFCC; */
  background-color:#d2d29a;
  font-size: 14px;
}
table.rand {
  border: solid 1px #999999;
  border-collapse: collapse;
}

td {
  border: solid 1px #999999;
}
td.geenrand {
  border: 0px;
}
th {font-size: 15px;}

/* img { width:100px; } */

/* links - linken */
a { text-decoration:none; }
a:link { color:blue; }
a:hover { text-decoration:underline; color:red; }
a:visited { color:brown; }

/* family screen - gezinsscherm */
table.gezin {
  width:98%;
}

/* family screen text - tekst bij gezinsblad */
.tekstgezinsblad {
  background-color: transparent;
  background-image: url('images/bk2trans.png');
  font-size:120%; text-align: center;
}
/* button expanded view - knop uitgebreid weergeven */
td.weergave {
  background-color: transparent;
  background-image: url('images/bk2trans.png');
}

/* person margin - inspringen van gegevens bij een persoon */
.persoon_inspringen { margin-left: 15px; }
.kind_inspringen { margin-left: 30px; }
/* more than 9 kids: extra margin - bij meer dan 9 kinderen extra inspringen */
.kind_inspringen2 { margin-left: 40px; }

/* parent 1 (normally the father) - overzicht ouder1 (meestal de vader) */
.ouder1 { }

/* parent 2 (normally the mother) - overzicht ouder 2(meestal de moeder) */
.ouder2 { }

/* link to parents - link naar ouders */
.ouders { font-weight:bold; }

/* marriage - overzicht huwelijk */
.huwelijk { }

/* divorse - overzicht scheiding */
.scheiding { }

/* child number - overzicht kindnr */
.kindnr { font-weight:bold; font-style:italic; }

/* children - overzicht kinderen */
.kinderen { font-size:90% }

/* name - naam */
.naam { font-weight:bold;}

/* text - tekst */
.tekst { font-style:italic; }

/* city - woonplaats */
.woonplaats { }

/* profession - beroep */
.beroep { }

/* religion - religie */
.religie { }

/* own code - eigen code */
.eigencode { }

/* event - gebeurtenis */
.gebeurtenis { font-style:italic; }

/* head genealogy - koptekst parenteel (Generatie I, II, etc.) */
.parenteel {
  font-size:200%;
  color:blue; font-weight:bold;
  text-align: center;
}

/* head family tree - koptekst kwartierstaat (Generatie I, II, etc.) */
.kwartierstaat {
  font-size:200%;
  color:blue; font-weight:bold;
  text-align: center;
}

/* photo book - fotoboek */
table.fotoboek { width:98%; }

/* source - bron */
table.bron { width:98%; }

/* adress - adres */
table.adres { width:98%; }

#content {
  display:block;
  height:100%;
  top:7px;
  max-height:100%;
  overflow:auto;
  padding-left:10px;
  position:relative;
  z-index:3;
}

#menu {
  /* For IE - Voor IE: */
  width:100%;

  position:fixed;
  margin:0;
  /* top:7px; */
  display:block;
  height:30px;
  background:#fff;
  z-index:5;
  /* padding-left:10px; */
  /* background-image: url('images/achtergrond.gif'); */
}

* html #menu, * html #foot,* html #left {position:absolute;}
/* Gedeelte onder de menu balk op de goede plaats zetten */
.pad2 {
  display:block;
  height:35px;
}

/* Center buttons - O.a. centreren van knoppen */
#centreren {
  text-align:center;
}

/* Heads - Voor de knoppen en andere invoer velden */
input { font-size: 10px; }
input.geselecteerd { color:blue; font-weight:bold; }

/* Family tree buttons - Parenteel en kwartierstaat knoppen */
.knop {
  height:20px;
  /* width:25px; */
  width:23px;
}

/* Mainmenu link and tekst family tree - Link en tekst bij stamboom in hoofdmenu */
.stamboom_link {
  font-size: 16px;
  font-weight:bold;
}
.stamboom_tekst {
  font-size: 12px;
}

/* INDEX LISTS - INDEX LIJSTEN */
/* Volledige index_lijst centreren */
.index_lijst1{
  text-align:center;
  /* text-align:left; */
}
/* De INHOUD van de index_lijst links uitlijnen */
.index_lijst2{
  margin-left: 20%;
  text-align:left;
}
/* Kleur van echtgeno(o)t(e) of parter in indexlijst */
.index_partner{
  color:green;
}

/* Kwartierstaat grafisch */
div#kwartiernaam{
  position: absolute;
  /* width: 160px; height: 16px; */
  border: 1px solid #000;
  font-size: 11px;
}
div#lijn{
  position: absolute;
  width: 20px;
  border-bottom: 1px solid #000; border-top: 1px solid #000;
}
div#split{
  position: absolute;
  width: 20px;
  border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000;
}

/* center and auto-adjust width of outline table */
table.outlinetable {
  margin-left: auto; margin-right:auto;
  width: auto;
}

.humoversie {
  font-size:9px;
  text-align: center;
}

/* indentations for outline report */
/* a bit longer than necessary - better to many than too few.... */
   div.sub1 {margin-left: 20px; text-indent: -1.5em; }
   div.sub2 {margin-left: 60px; text-indent: -1.5em; }
   div.sub3 {margin-left: 100px; text-indent: -1.5em;}
   div.sub4 {margin-left: 140px; text-indent: -1.5em;}
   div.sub5 {margin-left: 180px; text-indent: -1.5em;}
   div.sub6 {margin-left: 220px; text-indent: -1.5em;}
   div.sub7 {margin-left: 260px; text-indent: -1.5em;}
   div.sub8 {margin-left: 300px; text-indent: -1.5em; }
   div.sub9 {margin-left: 340px; text-indent: -1.5em;}
   div.sub10 {margin-left: 380px; text-indent: -1.5em;}
   div.sub11 {margin-left: 420px; text-indent: -1.5em; }
   div.sub12 {margin-left: 460px; text-indent: -1.5em;}
   div.sub13 {margin-left: 500px; text-indent: -1.5em;}
   div.sub14 {margin-left: 540px; text-indent: -1.5em;}
   div.sub15 {margin-left: 580px; text-indent: -1.5em;}
   div.sub16 {margin-left: 620px; text-indent: -1.5em;}
   div.sub17 {margin-left: 660px; text-indent: -1.5em;}
   div.sub18 {margin-left: 700px; text-indent: -1.5em; }
   div.sub19 {margin-left: 740px; text-indent: -1.5em;}
   div.sub20 {margin-left: 780px; text-indent: -1.5em;}
   div.sub21 {margin-left: 820px; text-indent: -1.5em;}
   div.sub22 {margin-left: 860px; text-indent: -1.5em; }
   div.sub23 {margin-left: 900px; text-indent: -1.5em;}
   div.sub24 {margin-left: 940px; text-indent: -1.5em;}
   div.sub25 {margin-left: 980px; text-indent: -1.5em;}
   div.sub26 {margin-left: 1020px; text-indent: -1.5em;}
   div.sub27 {margin-left: 1060px; text-indent: -1.5em;}
   div.sub28 {margin-left: 1100px; text-indent: -1.5em; }
   div.sub29 {margin-left: 1140px; text-indent: -1.5em;}
   div.sub30 {margin-left: 1180px; text-indent: -1.5em;}
   div.sub31 {margin-left: 1220px; text-indent: -1.5em; }
   div.sub32 {margin-left: 1260px; text-indent: -1.5em;}
   div.sub33 {margin-left: 1300px; text-indent: -1.5em;}
   div.sub34 {margin-left: 1340px; text-indent: -1.5em;}
   div.sub35 {margin-left: 1380px; text-indent: -1.5em;}
   div.sub36 {margin-left: 1420px; text-indent: -1.5em;}
   div.sub37 {margin-left: 1460px; text-indent: -1.5em;}
   div.sub38 {margin-left: 1500px; text-indent: -1.5em; }
   div.sub39 {margin-left: 1540px; text-indent: -1.5em;}
   div.sub40 {margin-left: 1580px; text-indent: -1.5em;}
/* end indentations */