/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

body { color:#000; background:#fffffc; font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; }
body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
table { text-align:left; }
iframe { width:0; height:0 }

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}


 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
        z-index: 2;     /* JGB: anders komt menu ONDER onze andere divs! */
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:125px; /* 36px masthead height + 18px button height + 1px lower border*/
	min-width:710px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:710px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-710px;
	height: 1px;
}

#masthead {
	position:relative;      /* position our child objects relative to this div */
	float:left;
	vertical-align:top;	         /* protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:100%;                                  /* grey-fill the entire width */
	height:100px;                  /* 136 px set the overall height above the menu-bar */
	background:#ddffff;                          /* a very light shade of groen (JGB) */
}

#mastheadlogo {
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	/*margin:6px 0 0 7px;*/
}

#focus {                                                 /* GRC's focus label */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:15px;
	left:301px;
	width:121px;
	height:13px;
}

#search {                                                    /* search button */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:7px;
	right:6px;
	width:60px;
	height:19px;
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;
	top:7px;
	right:65px;
	width:12em;
/*	height:1.215em;         we'll define this at the bottom of our style sheet */
	font-size:14px !important;
	background:#fefefe;
}

#yah {                                    /* the "You are here" label graphic */
	position:absolute;
	top:5px;
	right:99px;
	width:87px;
	height:9px;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#ddffdd; /*f3f3f3;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	border-bottom:1px solid black;        /* give us a black border underneath */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
        border-top:1px solid #000;
        border-right:1px solid #000;
	height:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
        text-decoration: none;          /* JGB: toegevoegd: anders menulinks onderstreept in IE */
        /*color: red;*/
        background:#ffff00;
	/*border-top:1px solid #000;*/    /* these 2 lines create the push-in illusion */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:18px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:17.5em;
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#ddffcc; /*d8d8d8;*/       /* this sets the drop-down menu background color */
	width:17.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:14em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	background:#ddffbb;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:white;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */


/*======================== JacobBoerema.nl DEFINITIONS ========================*/

body {
  /* Hierdoor laten oudere browsers een div ook gecentreerd zien */ 
  text-align: center;
  background-color: #dddddd;
}

a:link { text-decoration: none; color: #0000ff; font-weight: normal; }
a:visited { text-decoration: none; color: #008000; font-weight: normal; }
a:active { text-decoration: none; color: #0000ff; background: #ffff00; font-weight: normal; }
a:hover { text-decoration: underline; color: #0000ff; background: #ffff00; font-weight: normal; }


/* pagina body */
#tekst_body {
  position: relative;
  padding: 0;
  border:1px solid #cccccc;
  /* left & right margins auto zorgt ervoor dat de div gecentreerd wordt */
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  /*padding-top: 0.5em;*/
  /* omdat we in de body center hebben ingesteld, moeten we dat hier wer
     veranderen in left */
  text-align: left;
  width: 50em; /* beter voor ie alhoewel het er wel beter/groter uitziet */
  /*width: 800px;*/
  line-height: 125%;
	background-color:#ffffff;
  /*background-image: url("../images/blue.gif"); background-repeat: repeat-y;*/
}

#page_header {
  position: relative;
  float: both;
  height: 80px;
  margin: 0;
  padding: 0;
  color:#000000;
  /*background-color:#ffffff;*/
  background-color: #0000cc;
  font-weight: bold;
  line-height:110%;
  text-align:left;
  background-image: url("../images/blue.gif");
  background-repeat: repeat-x;
}

div.akte {
  position: relative;
	/*border:1px solid #909090;*/
}

div.zoekform {
  position: relative;
  float: both;
  width:100%;
  padding:5px 0 5px 0;
}

div.resultaten {
  position: relative;
  float: both;
  width:100%;
}

/* tabellen binnen div resultaten */
.resultaten table {
	margin: 0;
	padding: 0;
	border:0;
	border-collapse:collapse;
	vertical-align:baseline;
	color: navy;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color:#c0c0c0;
}
	
.resultaten th {
  padding: 5px;
  text-align:center;
  background-color:#000099;
  color: #ffffff;
}

.resultaten td {
	vertical-align:baseline;
  padding: 5px;
  background-color:#ffffcc;
  color: #000080;
} 	

.resultaten td.even {
	vertical-align:baseline;
  padding: 5px;
  background-color:#ccffcc;
  color: #000080;
} 	

img {
  margin:0;
	border:0;
}

/* linker en rechter marges zijn erg lastig om met em-s te doen, daarom px */ 
p {
  margin:0;
  padding: 0.2em 5px 0.1em 5px;
  line-height:110%;
  font-size:1.0em;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
  
p.centreer {
  text-align:center;
}  

p.paginalinks {
  margin:0;
  padding: 0.2em 5px 0.2em 5px;
  line-height:130%;
  text-align: center;
  font-size:1.0em;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
  
p.frm {
  margin:0;
  padding:2px 5px 2px 5px;
  line-height:125%;
}

span.huidigepagina {
  font-weight: bold;
  color: #888888;
}

/* Highlighting class */
span.hl {
  color: #000000;
	background-color:#ffff00;
}

.member {
  font-size:0.9em;
	background-color:#add8e6;
  text-align: right;
  line-height: 100%;
	color:#ff0000;
}

p.member {padding-bottom:4px;}

div.member {
  position: relative;
  /*margin-bottom:0.4em;
  padding-bottom: 0.1em;*/
  float: both;
	/*right: 5px;
	width: 150px;*/
	/*top: 5px;*/
	/*bottom: 5px;*/
}

.member a:link, a:visited { text-decoration: none; color: #0000ff; font-weight: normal; }
.member a:active { text-decoration: none; color: #ff0000; background-color:#add8e6; font-weight: normal; }
.member a:hover { text-decoration: underline; color: #ff0000; background-color:#add8e6; font-weight: normal; }

form {
  margin:0;
  padding:0;
}

fieldset {
  background-color:#eeeeee;
}

#tekst_veld {                                                 /* search text field */
	/*position:absolute;*/
	border:1px solid #808080;
	margin:0;
	padding:0 0 0 2px;
	
	/*top:2em;
	left: 10px;*/
	/*right:65px;
	width:12em;*/
	/*height:1.215em;         we'll define this at the bottom of our style sheet */
  left: 10em;
	height:1.2em;
	/*font-size:14px !important;*/
	font-size:1.0em !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fefefe;
}

.tekstveld {
	border:1px solid #808080;
	margin:0;
	padding:0 0 0 2px;
	height:1.2em;
	font-size:1.0em !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fefefe;
}

.tekstveld2 {
	border:1px solid #808080;
	margin:0;
	padding:0 0 0 2px;
  left: 12em;
	height:1.2em;
	font-size:1.0em !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fefefe;
}

input.tekstveld2 {
  position: absolute;
}

.tekst2 {
  position: absolute;
  left: 12em;
}

.tekst3 {
  position: absolute;
  left: 8.5em;
}

.frminput {
  position: absolute;
  border:0;
  margin:0;
  padding:0;
  left: 12em;
}

p.attentie {
	border:1px solid #808080;
  margin:0;
  padding: 0.3em;
  text-align:left;
  font-size:1.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  background:#ffff00;
  color: #000000;
  font-weight:normal;}

p.bron {
  margin:0;
  padding: 0.3em 5px 0.2em 5px;
  text-align:left;
  font-size:1.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  background:#fffacd;
  color: #6a240a;
  font-weight:normal;}

.imglink {
  position: relative;
  padding: 1px 3px 0 4px;
}

p.bron a:link, p.bron a:visited, p.bron a:active, p.bron a:hover { text-decoration: none; background:#fffacd; }

p.datum {
  margin:0;
  padding: 0.2em 5px 0.3em 5px;
  background:#fffacd;
  color: #6a240a;
  font-size:1.0em;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;}

p.tekst {
  margin:0;
  padding: 0 5px 0.4em 5px;
  line-height:130%;
  font-size:1.0em;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;}

p.infotekst {
  margin:0;
  padding: 5px 5px 1px 5px;
  line-height:125%;
  font-size:1.0em;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;}

ul.ra 
{
  margin:0;
	padding-top:0.25em;
  padding-left: 0.7em;
  padding-right: 1em;
	list-style: square inside;
}

li.ra
{
	margin: 0;
	padding:0px 5px 3px 5px;
	text-align: left;
	font-size: 1.0em;
  line-height: 120%;
}


/* Onderkant */

.Onderkant
    {
    /*background-color: #ddffdd;*/
    background-color:#add8e6; /* zelfde als de memberbalk licht blauw */
    text-align:center;
    color:#000000;
    background-color:#add8e6; /* zelfde als de memberbalk licht blauw */
    margin:0;
    padding: 0;
    }
    
div.Onderkant
    {
    /*background-color: #ddffdd;*/
    text-align:center;
    margin:0;
    padding-top:3px;
    padding-bottom:5px;}

p.Onderkant
    {
    margin:0;
    padding: 2px 5px 2px 5px;
    text-align:center;
    font-size:0.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    Line-height:110%; 
    /*background-color: #ddffdd;*/
    /*background-color:#add8e6;  zelfde als de memberbalk licht blauw */
    }

hr /*.Bottom*/
  {
  /*margin:5px 0 5px 0;*/
  /*padding:0;*/
  width:99%;
  height:1px;
  text-align: center; /* voor IE */
  margin: 2px auto 2px auto /* voor centreren in Fx */  
  }

/* Left Column */

#left_col {
	position: relative;
        z-index: 1;
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
	left: 5px;
	width: 150px;
	top: 5px;
	background-color:#fffacd;
        line-height: 120%;
	/*border-right: 1px buttonhighlight thin outset;
    	border-top: 0px buttonhighlight thin outset;
    	border-left: 1px buttonhighlight thin outset;
    	border-bottom: 0px buttonhighlight thin outset;*/
}

p.MenuHeader {
	margin: 0px;
	padding: 0px;
        border: 0px;
	/*padding-bottom: 2px;*/
	/*background-color: #993300;*/ /*#20b2aa;*/
	background-color: #66ccff; /*navy*/
	color:#ffffff; /*white*/
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.MenuLeft {
	padding: 0px;
	margin: 0px;
        border: 0px;
	font-size: 10pt;
    	/*line-height: 120%;*/
    	/*border-bottom: 0px buttonhighlight thin outset;*/
    	/*position: absolute;*/
	background-color:#fffacd;
}

p.MenuItem {
	margin: 0px;
	padding: 0px;
        border: 0px;
	background-color:#fffacd; /*ffcc66;*/
	color:#0000cd;
	text-align:center;
	font-size: 10pt;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* p en div */
.MenuDatum {
	margin: 0px;
	padding: 0px;
        border: 0px;
	background-color:#ffffcc; /*#b7ffb7;*/
	color:#0000ff; /*#ff0000;*/
	text-align:center;
	font-size: 10pt;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 100%;
	}

/* Page Title div class */
#PageTitle {
	position: relative;
        z-index: 1;
	/*top: 100px;*/
        /*clear: both;*/
        min-width: 550px;

	margin-top: 5px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left: 160px;
	padding-top: 2px;
	padding-bottom: 5px;
	background:#b7ffb7;
}

/* Omhoog:om terug te gaan naar begin van de pagina hier link vermelden */
div.Omhoog {
	position: absolute;
	left: 5px;
	width: 140px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
	padding:0px;
	padding-bottom: 5px;
	}

.OmhoogHeader {
	margin:0px;
	margin-bottom:3px;
	/*background:#00ff7f;*/
	padding-top: 2px;
	padding-bottom: 5px;
	text-align:center;
	}

/* TextBody div class - kan meermaals gebruikt worden */
div.TextBody {
	margin-top:5px;
	margin-right:10px;
	margin-left: 155px;
	padding:5px;
	/* color: #000080; - now use default (black)*/
  	text-align:justify;
/*background: #fffaf0;*/
}

/* TextIndent1 div class - kan meermaals gebruikt worden */
div.TextIndent1 {
	margin:5px 10px 5px 10px;
	padding:5px;
	color: #000080;
 	line-height: 125%;
 	/*text-align:justify;*/
	/*background: #fffaf0;*/
	}

/* ItemBody div class */
div.ItemBody, div.GeneaBody {
        min-width: 550px;
	margin-top:5px;
	margin-right:10px;
	margin-left:160px;
	margin-bottom:5px;
	padding:0px;
	/*padding-bottom: 5px;*/
	border-right: #808080 1px solid; 
	border-top: #808080 1px solid; 
	border-left: #808080 1px solid; 
	border-bottom: #808080 1px solid; 
 	text-align:left;
	}

div.GeneaBody {
	background-color:#fffacd;
}

/* Image div class binnen ItemBody */
.ItemImage {
	margin: 2px 5px 2px 10px;
	text-align: right;
	border: #808080 1px solid;
	/*background:#b7ffb7;*/
	float: right;
}

/* PayPal class binnen ItemBody */
.PayPal {
	margin:5px 10px 5px 20px;
	text-align: Left;
	float: left;
}

div.ImageLink {
  margin:1em 0.5em 1em 0.5em;
	border:0px;
	text-align: center;
	clear: right; /*5-5-2007both;*/
}

p.ImageDescription {
	font-size: 10pt;
	color: #000080;
	text-align: center;
}

div.ItemHeader {
	margin:0px;
	margin-bottom:3px;
	background:#00ff7f;
	/*display: block;*/
	padding-top: 2px;
	padding-bottom: 5px;
	/*height:25px;*/
	}

p.ItemHeader {
	margin: 0px 5px 0px 5px;
	font-size: 13pt;
	/*font-weight:bold;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.ItemText {
	margin:2px 5px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
  line-height: 125%;
	}

p.TextIndent1 {
	margin:8px 20px 5px 20px;
	/*padding:5px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
 	line-height: 125%;
	color: #000080;
}
	
.ItemTextRight {
	margin:2px 5px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
    	line-height: 125%;
	text-align: right;
	}

div.SubItemHeader {
	margin-top:5px;
	margin-bottom:3px;
	background:#fffacd;
	color: #6a240a;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight:bold;
	/*height:25px;*/
	}

/* Boerderijen en hun bewoners */
p.heerdstijl
    {
    margin:0;
    padding: 0.25em 0.25em 0.5em 0.5em;
    text-align:left;
    font-size:14pt;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background:#fffacd;
    color: #6a240a;
    font-weight:normal;}

p.Bewonersinfo {
    margin: 0.5em; /*3px 3px 6px 3px;*/
    text-align:justify;
    line-height:125%;
	}

p.BewonersVervolgInfo {
    margin: 0.5em 1em 0.5em 1em; /*3px 3px 6px 3px;*/
  	color: #000080;
    text-align:justify;
    line-height:125%;
	}

p.gedeelte
    {
    margin:0.5em;
  	color: #000080;
    line-height:150%;
    font-weight:bold;}

/* Genealogie */
p.Gezinshoofd
    {
    margin: 1em 0.5em 0.5em 0.5em;
    line-height: 125%;
    }

p.KindKopje
    {
    margin: 0.5em 1em 0.5em 1em;
    color:navy;
    font-weight:bold;}

p.Kind
    {
    margin: 0.5em 1em 0.5em 1em;
    }

p.KleinKindKopje
    {
    margin: 0.5em 1.5em 0.5em 2em;
    color:navy;
    font-weight:bold;}

p.Kleinkind
    {
    margin: 0.5em 1.5em 0.5em 2em;
    }

.Advertentie
    {
    margin:0.25em;
    text-align:justify;
    font-size:12.0pt;
    font-family:"Arrus BT";}

/* rouwadvertentie */
div.rouw {
	margin: 2px 5px 2px 10px;
	padding: 1px;
	text-align: left;
	border: #000000 3px solid;
	background:#e6e6e6;
	color: #000000;
	width: 300px;
	float: right;
}


.Opmerking
    {
    margin:0.5em;
    color:red;
    }

.Beschrijving, .BeschrijvingInspr
    {
    margin:0.5em 1em 0.5em 1em;
    text-align:justify;
    /*font-style: italic;*/
    color: #000080;
    font-size:11.0pt;
    line-height: 120%;
    }

.BeschrijvingInspr
  {
  margin-left: 2em;
  }

/* Kwartierstaat */
table.genea {
	margin: 0pt;
	/*margin-left: 3px;
	width:100.0%;*/
	border:0;
	color: navy;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color:#fffacd /*#ddeeff*/}

table.kinderen {
	/*margin: 0.0pt;*/
  	margin-left:0.5cm;
  	margin-bottom:2.0px;
	width:95.0%;
	border:0;
	color: #000080;
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color:#c9ffc9 /*#ddeeff*/}

td.kwnum {
	width:10.0%;
	padding:3.0pt 2.0pt 2.0pt 2.0pt;
	/*text-align:right;*/
	background-color:#ffeedd;
	/*font-weight:bold;*/
	vertical-align:top;}

p.num {
  line-height: 125%;
  margin: 0.5em 0.5em 0 0.5em;
	text-align:right;
	font-weight:bold;
	}

p.KindNr {
  line-height: 125%;
  margin: 0.5em 0.5em 0 0.5em;
	text-align:right;
	font-weight:bold;
	margin-bottom:6pt;
	font-size:11pt;
  	}

td.rechts {
	width:85.0%;
	padding:3.0pt 4.0pt 3.0pt 2.0pt;
	vertical-align:top;
	text-align:left;}

td.kindnum {
	width:8.0%;
	padding:0.0pt 2.0pt 0.0pt 2.0pt;
	text-align:right;
	background-color:#fedcba;
	vertical-align:top;}

td.kindkol {
	width:90.0%;
	padding:0.0pt 4.0pt 0.0pt 2.0pt;
	vertical-align:top;
	background-color:#c0deff; /*#abcdef;*/
	text-align:left;}

p.Kwartierdrager {
  /*margin-right:8pt;*/
  line-height: 125%;
  margin: 0.5em 0.5em 0 0.5em;
  /*padding:0;*/
  }

p.Kwartiervervolg {
  /*margin-top:0pt;
  margin-right:8pt;*/
  margin: 0.25em 0.5em 0 0.5em;
  line-height: 125%;
  }

p.Notitie, p.NotitieKop
  {
  margin-top:1.0pt;
  margin-right:6.0pt;
  margin-bottom:1.0pt;
  margin-left:0.0pt;
  text-align:justify;
  font-size:11pt;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;}


.ItemBody ul,
ul.jgb 
{
	/*margin: 3px 10px 3px 5px;*/
	padding-top:0.25em;
  padding-left: 0.7em;
  padding-right: 1em;
	list-style: square outside url("../images/ruit.gif");
}

.ItemBody li,
li.jgb
{
	margin: 0px;
  margin-bottom: 0.25em;
	padding:0px;
	text-align: justify;
	font-size: 12pt;
  line-height: 120%;
}

#HorLinksList
  {
  padding-bottom:0.5em;
  }
#HorLinksList li
{
	/*margin: 3px;
	padding:0px;
	font-size: 11pt;*/
 	line-height: 120%;
	
	text-align: left;
	display: inline;
	list-style-type: none;
	padding: 0px 15px 0px 15px;
}

/* Inhoudsopgave Bie t Schildt */
div.TableRow {
  width: 98%;
}

div.TableSpacer {
  clear: both; margin: 0; padding: 0; width: auto;
  border-bottom: 1px solid #808080; /*#0000FF;*/
}

div.TableCellLeft {
	float: left;
	width: 92%;
}

div.TableCellRight {
	float: right;
	width: 6%;
	text-align:right;
}


/*	Header styles */
h1, h2, h3, h4, h5, h6 {
  margin:0;
  /*padding:0;
  padding: 0.2em 0.4em 0.1em 0.4em;*/
  padding: 0.2em 5px 0.1em 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:#000000;
  font-weight: bold;
  line-height:110%;
  text-align:left;
}

h1
  {
  /*margin-bottom: 0.2em;*/
  /*padding-bottom: 30px;*/
  padding:10px 0 0 0;
  text-align:center;
  font-size:1.8em;
  color: #ffffff;
  /*background-color: #0000cc;*/
  font-weight:bold;}

h2
  {
  padding:10px 5px 4px 5px;
  text-align:left;
  font-size:1.5em;
  color:#000099;
  }

h3
  {
  /*margin: 0px 5px 0px 5px;*/
  padding: 10px 5px 4px 5px;
  font-size: 1.1em;
  color:#000066;
  /*font-style: italic;*/
  font-weight:normal;}

h4
    {
    margin-top:6pt;
    margin-right:5pt;
    margin-bottom:6pt;
    margin-left:5pt;
    text-align:center;
    font-size:13pt;
    /*font-family: Garamond, "Times New Roman", Times, serif;*/
    color:#000000;
    font-weight:bold;}

h5
    {
    margin-top:0pt;
    margin-right:0pt;
    margin-bottom:0pt;
    margin-left:0pt;
    padding:3pt;
    /*padding-bottom:3pt;*/
    text-align:center;
    font-size:14.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    /*background:#CCFFCC;
    color: #000080;*/ /*navy;*/
    background:#fffacd;
    color: #6a240a;
    font-weight:normal;}

h6
    {
    margin-top:3pt;
    margin-right:3pt;
    margin-bottom:3pt;
    margin-left:3pt;
    font-size:12.0pt;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    /*color:#000000;*/
    color:#000080;
    text-align:left;
    font-weight:normal;}

/*	Inline elements  */


div.MenuLeft a {
        padding: 0px;
        margin: 0px;
	text-decoration: none;
	/*BORDER-TOP: #333 1px solid; */
	/*BORDER-RIGHT: #333 1px solid; */
	/*BORDER-BOTTOM: #333 1px solid; */
	/*BORDER-LEFT: #333 1px solid; */
	DISPLAY: block;
	background:#fffacd;
	WIDTH: 100%;
	COLOR: #000000; 
	LETTER-SPACING: 1px;
}
DIV.MenuLeft A:visited {
        padding: 0px;
        margin: 0px;
	text-decoration: none;
	/*BORDER-TOP: #333 1px solid; 
	BORDER-RIGHT: #333 1px solid; 
	BORDER-BOTTOM: #333 1px solid; 
	BORDER-LEFT: #333 1px solid; */
	DISPLAY: block; 
	background:#fffacd;
	WIDTH: 100%;
	COLOR: #000000; 
	LETTER-SPACING: 1px;
}


DIV.MenuLeft A:hover {
        padding: 0px;
        margin: 0px;
	text-decoration: none;
	/*BORDER-TOP: #60bfd5 1px solid; 
	BORDER-RIGHT: #60bfd5 1px solid; 
	BORDER-BOTTOM: #60bfd5 1px solid; 
	BORDER-LEFT: #60bfd5 1px solid; */
	DISPLAY: block;
	BACKGROUND: #ffff00;
	WIDTH: 100%;
	COLOR: #0000ff; 
	LETTER-SPACING: 1px;
}