body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

a:link { color: Navy; text-decoration: none; }
a:visited { color: Navy; text-decoration: none; } 
a:hover { color: Red; text-decoration: underline; } 
a:active { color: Navy; text-decoration: none; }

#navbar{
position: absolute; 
top: 0; 
left: 0; 
width: 130px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: rgb(255, 255, 150); 
color: black;
font-family: Verdana;
}

#header{ 
position: absolute; 
top: 0; 
left: 130px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 80px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: rgb(255, 255, 180); 
color: black;
font-family: Verdana;
padding-top: 4px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 4px;
}

#news{
position: fixed; 
left: 130px; /*Set left value to WidthOfLeftFrameDiv*/
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background-color: rgb(255, 255, 180); 
font-family: Times New Roman;
font-size: 24px;
}

#mainframe{
position: fixed; 
left: 130px; /*Set left value to WidthOfLeftFrameDiv*/
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background-color: rgb(255, 255, 180); 
font-family: Verdana;
}

#RCmainframe{
position: fixed; 
left: 130px; /*Set left value to WidthOfLeftFrameDiv*/
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background-color: LightGrey; 
font-family: Verdana;
}

#SRCmainframe{
position: fixed; 
left: 130px; /*Set left value to WidthOfLeftFrameDiv*/
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background-color: LightBlue; 
font-family: "Times New Roman";
}

#homepage{
position: fixed; 
left: 130px; /*Set left value to WidthOfLeftFrameDiv*/
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
/*overflow: auto; */
background-color: rgb(255, 255, 180); 
font-family: "Times New Roman";
font-size: 24px;
font-weight: bold;
font-style: italic;
}

.border{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 80px 0 0 130px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #mainframe{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #header{ /*IE6 hack*/
width: 100%;
}

/* pioneer *************************************************************/

div.container {
width: 96%;
margin: 0.6cm;
margin-right: 1cm; 
}

table.id {
  border:0px black solid;
  font-family: Verdana;
  font-size: 90%;
  background-color: rgb(210, 255, 210);
  padding: 0px;
  border-spacing: 0px;
}

table.parents {
  font-family: Verdana;
  font-size: 90%;
  background-color: rgb(190, 220, 255);
  padding: 0px;
  border-spacing: 0px;
}

table.life {
  font-family: Verdana;
  font-size: 90%;
  background-color: rgb(255, 255, 255);
  padding: 0px;
  border-spacing: 0px;
}

table.notes {
  font-family: Verdana;
  font-size: 90%;
  background-color: rgb(255, 230, 230);
  padding: 0px;
  border-spacing: 0px;
}

table.thanks {
  font-family: Verdana;
  font-size: 90%;
  background-color: rgb(255, 210, 128);
  padding: 0px;
  border-spacing: 0px;
}

td.c {            /* corner */
  height: 10px;
  width: 10px;
  padding: 0px;
  border-spacing: 0px;

}

td.inhoud {
  padding-top: 0.3cm;
  padding-bottom: 0.3cm;
  padding-left: 1.0cm;
  padding-right: 1.0cm;
}

p {
  margin-top: 0em;
  margin-bottom: 0.3em;
  margin-left: 1cm;
  margin-right: 0em;
  text-indent: 0em;
}

div.child {
  margin-top: 0em;
  margin-bottom: 0.3em;
  margin-left: 0cm;
  margin-right: 0em;
  text-indent: 0em;
}

div.cite {
  font-family: "Times New Roman"; 
  font-size: 120%;
  margin-left: 1cm; 
  margin-right: 3cm; 
  /*font-style: italic; */
  border-style: solid;
  border-width: 0.4cm; 
  border-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}

div.story {
  font-family: "Verdana";
  font-size: 90%;
  /*text-align: justify;*/
  margin-left: 1cm; 
  margin-right: 2cm; 
  border-style: solid;
  border-width: 0.4cm; 
  border-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}

#id {
  font-family: Verdana; 
  margin-right: 0%;  
  margin-bottom: 0em;
}

div.children {
  font-family: Verdana; 
  font-size: 90%;
  margin-right: 0%;
  margin-bottom: 0em;
}

p.children {
  font-family: Verdana; 
  font-size: 90%;
  margin-right: 0%;  
  margin-bottom: 0em;
  padding-top: 0.3cm;
  /*padding-bottom: 0.5cm;*/
  padding-left: 1.5cm;
  padding-right: 1.5cm;
}

p.indent5cm {
  text-indent: 5cm;
}

div.id {
  font-family: Verdana; 
  margin-right: 0%;  
  margin-bottom: 0em;
}

div.parents {
  font-family: Verdana; 
  margin-right: 0%;  
  margin-bottom: 0em;
}

div.pchildren {
  font-family: Verdana; 
  font-size: 90%;
  margin-right: 30%;  
  margin-bottom: 0em;
}

p.pchildren {
  font-family: Verdana; 
  font-size: 90%;
  margin-right: 0%;  
  margin-bottom: 0em;
  padding-top: 0.3cm;
  /*padding-bottom: 0.5cm;*/
  padding-left: 1.5cm;
  padding-right: 1.5cm;
}

div.life {
  font-family: Verdana; 
  /*font-size: 90%;*/
  margin-right: 0%;  
  margin-bottom: 0em;
}

div.hidden {
  display: none; 
}

div.note {
  font-family: Verdana; 
  margin-right: 0%;  
  margin-bottom: 0em;
}

ul.child_ul {
  margin-left: 2cm;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  font-size:90%;
}

li.child_li {
  margin-top:0em;
  margin-right:25%;
  line-height: 1.2em;
}

ul.note_ul {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

li.notes_li {
  line-height: 1.2em;
}

div.photos {
  background-color: rgb(255, 255, 180);    
}

div.labels {
  background-color: rgb(255, 255, 180);  
}

div.thanks {
  font-family: Verdana; 
  margin-right: 0%;  
  margin-bottom: 0em;
}

div.census {
  font-family: Verdana; 
  font-size: 90%;
  display: none;
  background-color: Beige; 
  font-size: 100%;
  margin-right: 0%;  
  margin-bottom: 0em;
}

div.copyright {
  font-family: Verdana; 
  font-size: 70%;
}

p.alert {
  background-color: Red; 
  font-family: Verdana; 
  font-size: 100%;
  margin-right: 40%;  
  margin-bottom: 0em;
}

table.pics { 
  background-color: rgb(255, 255, 180);
  margin-left: 0cm; 
}

table.buttonfield { padding-top:5cm;
  width: 95%;
  background-color: White;
  margin-left:0.5cm;
  font-style: italic; 
  border: 10px solid Grey;          /* i.p.v. button, die ism <a> wel werkt in Firefox maar niet in IE8 */
  padding-top:0.4cm;
}

table.button { 
  width: 100%;
  background-color: White;
  margin-left:0cm;
  font-style: italic; 
  border: 0px solid Grey;          /* i.p.v. button, die ism <a> wel werkt in Firefox maar niet in IE8 */
}

td.button { 
  background-color: LightBlue;
  margin-left:0cm;
  text-align:left;
  font-style: italic; /* i.p.v. button, die wel werkt in Firefox maar niet in IE8 */
  border: 1px solid Blue;
  padding: 0.3cm;
  width: 91%;
}

button {
  background-color: LightBlue;
  margin-left:0cm;
  text-align:center;
  font-style: italic; 
  border: 1px solid Blue;
  padding: 0.2cm;
}

td.pic {
  padding-top: 1cm;
  padding-right: 1cm;
  vertical-align: bottom;
}

td.pictxt {
  font-size: 90%;
  font-style: italic; 
  vertical-align: top;
  text-align: left;
  margin-right: 90%
}
/* RI-paginas **********************************************************/
div.picpage {
width: 96%;
margin: 0.6cm;
margin-right: 1cm; 
font-family: Verdana; 
text-align:center;
}

td.picpagetxt {
  font-size: 90%;
  font-style: italic;
  text-align: center;
  color: black;
  font-family: Verdana;
}
/* xxxxxxx *************************************************************/

table.breed { width: 96%; font-size: 90%; border: 0px solid Black; margin-left:0cm; background-color: White; }

table.holmes { width:15cm; font-size: 90%; border: 0px solid Black; margin-left: 1cm; background-color: WhiteSmoke; }
td.holmes { width: 7cm; text-align: left; border: 0px solid Black; }
th.holmes { border: 0px solid DarkBlue; }

/* index *************************************************************/
tr {vertical-align: top;}
/*
td{padding-bottom: 10px;}
*/
tr.rowA { background-color: rgb(255, 255, 140); }
tr.rowB { background-color: rgb(255, 255, 120); }

td.w100{
width: 100%;
}

/* xxxxxxx *************************************************************/
span.greyout{
  color: Grey;
}

span.borndied{
  position: absolute;
  right: 250px;
}

span.camera{
  position: absolute;
  right: 80px;
}

span.sound{
  position: absolute;
  right: 120px;
}

table.ID {border:1px solid green;border-collapse:collapse;margin-left:1cm;width:20cm}
td.idk1 {border:0px solid green; width:80px;color:black;padding:6px}
td.idk2 {border:1px solid green; color:black;padding:6px}

table.idrest {border:1px solid green;width:20cm;margin-left:1cm;padding:0.5cm}

table.par {border:1px solid blue;margin-left:1cm;width:20cm}
td.park1 {border:1px solid blue; width:80px;color:black;padding:6px}
td.park2 {border:1px solid blue; color:black;padding:6px}

table.parrest {border:1px solid red;width:20cm;margin-left:1cm;padding:0.5cm}