#census1 { display: none; border: 1px solid Black; margin-right: 2cm; padding: 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#census2 { display: none; border: 1px solid Black; margin-right: 2cm; padding: 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#rectab1 { display: none; border: 1px solid Black; margin-right: 2cm; padding: 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#rectab2 { display: none; border: 1px solid Black; margin-right: 2cm; padding: 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }

#berveld {  
position:absolute;
bottom:0%;
left:15%;
width:80%;
font-family:verdana;
font-size:30px;
font-style:bold;
color:Black;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
background-color:#ffff96;
/*background: -moz-linear-gradient(270deg,#ffff96,lightblue);
background: -webkit-gradient(linear, left top, left bottom, from(#ffff96), to(lightblue));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffff96 endColorstr=lightblue);*/
text-align:center;
/*@-webkit-keyframes pulse {from {opacity: 0.0;} to {opacity: 1.0;}};
-webkit-animation-name: pulse;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;*/
/*-webkit-transform:rotate(345deg);
-moz-transform:rotate(345deg);*/
}

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

a:link  { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; } 
a:hover { color: red; text-decoration: underline; } 
a:focus { color: red; text-decoration: underline; } 
a:active { color: navy; text-decoration: none; }

a.lifelink:link { color: blue; text-decoration: none; }
a.lifelink:visited { color: blue; text-decoration: none; } 
a.lifelink:hover { color: red; text-decoration: underline; } 
a.lifelink:focus { color: red; text-decoration: underline; } 
a.lifelink:active { color: navy; text-decoration: none; }

a.buttonlink:link { color: red; text-decoration: none; }
a.buttonlink:visited { color: red; text-decoration: none; } 
a.buttonlink:hover { color: black; text-decoration: underline; background:khaki} 
a.buttonlink:focus { color: black; text-decoration: underline; } 
a.buttonlink:active { color: navy; text-decoration: none; }

#buttonrow1 {position:absolute;top:82px;left:15px;font-size:16px;font-weight:bold;}
/*#buttonrow2 {position:absolute;top:82px;left:70px;font-size:16px;font-weight:bold;}*/
/*#buttonrow3 {position:absolute;top:82px;left:100px;font-size:16px;font-weight:bold;text-align:center;width:80%;text-shadow: 2px 2px 3px grey;}*/
#buttonrow3 {
	position:absolute;top:82px;left:100px;
	font-size:13px;font-weight:bold;text-align:center;width:80%;
	font-family:Michroma;letter-spacing:0.05em;
}

img {border: 0}

span.lastname {color:blue}

#navbar{
position: absolute; 
top: 0; 
left: 0; 
width: 100px;
height: 100%;
overflow: hidden;
/*background-color: rgb(255, 255, 150); */
color: Red;
font-family: verdana;
padding-left:15px;padding-right:15px;
background: -moz-linear-gradient(360deg,#ffff96,#ffe030);
background: -webkit-gradient(linear, left top, right top, from(#ffff96), to(#ffe030));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffff96 endColorstr=#ffe030);
background-color:#ffff96;
}

#headerPio{ 
position: absolute; 
top: 0; 
left: 130px; /*Navbar width + padding*/
right: 0;
width: auto;
height: 120px; /*Height of top frame div*/
overflow: hidden; /*Set to "scroll" to enable*/
background-color: rgb(255, 255, 180); 
color: Black;
font-family: verdana;
padding-top: 4px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 15px;
}

#header{ 
position: absolute; 
top: 0; 
left: 130px;    /* = navbar width + padding*/
right: 0;
width: auto;
height: 80px; /*Height of top frame div*/
overflow: hidden; /*Set to "scroll" to enable*/
background-color: rgb(255, 255, 180); 
color: Black;
font-family: verdana;
padding-top: 4px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 15px;
}

#mainframePio{
position: fixed; 
top: 120px; 
right: 0;
bottom: 0;
left: 130px; 
overflow: auto; 
background-color: rgb(255, 255, 180); 
font-family: verdana;
padding-left:15px;
padding-right:15px;
}

#mainframe{
position: fixed; 
top: 80px; 
right: 0;
bottom: 0;
left: 130px; 
overflow: auto; 
background-color: rgb(255, 255, 180); 
font-family: verdana;
padding-left:15px;
padding-right:15px;
}

#RCheader{ 
position: absolute; 
top: 0; 
right: 0;
left: 130px; 
width: auto;
height: 80px; 
overflow: hidden; 
background-color: LightGrey; 
color: Black;
font-family: verdana;
padding-top: 4px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 15px;
}

#RCmainframe{
position: fixed;  
top: 80px; 
right: 0;
bottom: 0;
left: 130px;
overflow: auto; 
background-color: LightGrey; 
font-family: verdana;
padding-left:15px;
padding-right:15px;
}

#SRCmainframe{
position: fixed; 
top: 80px; 
right: 0;
bottom: 0;
left: 130px; 
overflow: auto; 
background-color: SkyBlue; 
font-family: "Times New Roman";
padding-left:15px;
padding-right:15px;
}

#news{
position: fixed; 
top: 80px; 
right: 0;
bottom: 0;
left: 130px; 
overflow: auto; 
background-color: rgb(255, 255, 180); 
font-family: Times New Roman;
font-size: 24px;
padding:15px;
}

#Loes{
position: fixed; 
left: 130px; 
top: 80px; 
right: 0;
bottom: 0;
overflow: auto; 
background-image:url('pics_orig/loes/Rodekool.gif');
background-color: rgb(255, 255, 180); 
font-family: verdana;
font-size: 16px;
}

#homepage{
position: fixed; 
left: 130px; 
top: 80px; 
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;
}

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

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

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

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

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


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

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

div.child {
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0.3em;
  margin-left: 0cm;
  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;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
  background-image:url(pics_sys/pio-background.jpg);
}

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-right: 1.5cm;  
  padding-left: 1.5cm;
}

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

div.id {
  border:1px solid Green;
  font-family: verdana;
  font-size: 90%;
  padding-top: 1cm;
  padding-right:2cm;
  padding-bottom: 1cm;
  padding-left:1.5cm;
  border-spacing: 0px;
  background-image:url(pics_sys/pio-background.jpg);
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  
}

div.parents {
  border:1px solid DodgerBlue;
  font-family: verdana;
  font-size: 90%;
  padding-top: 1cm;
  padding-right:2cm;
  padding-bottom: 1cm;
  padding-left:1.5cm;
  border-spacing: 0px;
  background-image:url(pics_sys/par-background.jpg);
  margin-right: 0%;  
  margin-bottom: 0em;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  

}

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

p.pchildren {
  font-family: verdana; 
  font-size: 90%;
  padding-top: 0.0cm;
  margin-right: 0%;  
  margin-bottom: 0em;
  padding-left: 1.5cm;
  padding-right: 1.5cm;
}

div.life {
  border:1px solid lightgrey;
  font-family: verdana;
  font-size: 90%;
  background-color: rgb(255, 255, 255);
  /*background-image:url(pics_sys/life-background.jpg);*/
  padding-top: 1cm;
  padding-right:2cm;
  padding-bottom: 1cm;
  padding-left:1.5cm;
  border-spacing: 0px;
  margin-right: 0%;  
  margin-bottom: 0em;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  
}

div.hidden {
  display: none; 
}
div.labels{
  border:1px solid Grey;
  font-family: verdana;
  font-size: 90%;
  /*background-color: LightGrey;*/
  background-image:url(pics_sys/label-background.jpg);
  padding-top: 1cm;
  padding-right:2cm;
  padding-bottom: 1cm;
  padding-left:1.5cm;
  border-spacing: 0px;
  margin-right: 0%;  
  margin-bottom: 0em;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;    
}

div.photos {
  border:1px solid black;
  font-family: verdana;
  font-size: 90%;
  background-color: black;   
  color: white;
  padding-top: 1cm;
  padding-right:2cm;
  padding-bottom: 1cm;
  padding-left:1.5cm;
  border-spacing: 0px;
  margin-right: 0%;  
  margin-bottom: 0em;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;    
}

div.notes{
  border:1px solid pink;
  font-family: verdana;
  font-size: 90%;
  /*background-color: rgb(255, 230, 230);*/
  background-image:url(pics_sys/note-background.jpg);  
  padding-top: 1cm;
  padding-right:2cm;
  padding-bottom: 1cm;
  padding-left:1.5cm;
  border-spacing: 0px;
  margin-right: 0%;  
  margin-bottom: 0em;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;    
}

div.thanks {
  border:1px solid sandybrown;
  font-family: verdana;
  background-image:url(pics_sys/tha-background.jpg);  
  padding-top: 1cm;
  padding-right:2cm;
  padding-bottom: 1cm;
  padding-left:1.5cm;
  border-spacing: 0px;
  margin-right: 0%;  
  margin-bottom: 0em;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;    
}

p.thanks {
  font-size:15px;
  text-align:center;
  padding-right:1cm;
}

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

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

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

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

h4.CardLabel {
  color:black; text-align:center;font-family:Michroma;font-size:16px;position:relative;top:-0.7cm;
  letter-spacing:0.15em;
}

h4.CardLabelPhotos {
  color:white; text-align:center;font-family:Michroma;font-size:16px;position:relative;top:-0.7cm;
  letter-spacing:0.15em;
}

h4.PioneerName {
  padding-left:1.2cm;font-size:110%;
}
 
p.census {
  border-style:solid;
  border-width:1px;
  border-color:lightgrey;
  border-radius:8px;
  padding-top:0px;
  padding-right:20px;  
  padding-bottom:15px;
  padding-left:20px;
  background-color:ghostwhite;
  font-family: verdana; 
  font-size: 90%;
  margin-right: 0%;  
  margin-bottom: 0em;
}

p.census:hover {
  background-color: aliceblue;
  border-color: darkgrey;
}

div.census { /* oud met button en vingertje, wordt niet meer gebruikt */
  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%;
}
span.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: black;
  margin-left: 0cm; 
}

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

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 */
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}

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%;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}

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

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

td.pictxt {
  font-size: 90%;
  font-style: italic; 
  vertical-align: top;
  text-align: left;
  background-color: black;  
  margin-right: 90%; 
  color: white; 
}

/* RI-paginas **********************************************************/
div.picpage {
width: 96%;
margin: 0.6cm;
margin-right: 1cm; 
font-family: verdana; 
text-align:center;
background-color: rgb(255, 255, 180);
}

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.pio {border:1px solid Green;border-collapse:separate;margin-left:1cm;width:95%;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
}
td.piok1 {border:0px solid Green; width:90px;color:Black;padding:6px;font-weight:bold;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}
td.piok2 {border:1px solid Green; color:Black;padding:6px;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}
td.piok1a {border:0px;height:15px;}
td.piok2a {border:0px;height:15px;}
td.piok1b {border:0px;height:40px;}
td.piok2b {border:0px;height:40px;}
td.park1b {border:0px;height:30px;}
td.park2b {border:0px;height:30px;}

table.piorest {border:1px solid Green;width:95%;margin-left:1cm;padding:0.5cm;  
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}

table.par {border:1px solid DodgerBlue;border-collapse:separate;margin-left:1cm;width:95%;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
}
td.park1 {border:0px solid DodgerBlue; width:90px;color:Black;padding:6px;font-weight:bold;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}
td.park2 {border:1px  solid DodgerBlue; color:Black;padding:6px;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}
table.parrest {border:1px solid DodgerBlue;width:95%;margin-left:1cm;padding:0.5cm;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}