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

	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 } maakt google gadgets onzichtbaar! JGB */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

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: 5;     /* JGB: anders komt menu ONDER onze andere divs! */
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:111px; /* 80px masthead height + 30px 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;
}

@media screen and (max-width: 700px) {
  .menuminwidth0 {
    min-width: 480px;
    overflow: auto;
  }/*
  * html .menuminwidth1 {
    border-left:320px solid #fff;  
  }
  * html .menuminwidth2 {
    margin-left:-320px;  
  }  */  
}
/*
@media screen and (max-width: 600px) {
  .menuminwidth0 {
    min-width: 480px;
    overflow: hidden;
  }
}
*/
@media screen and (max-width: 480px) {
  .menuminwidth0 {
    min-width: 320px;
    overflow: hidden; /* JB 2015 Temporary solution. */
  }
}

#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:80px;                  /* 136 px set the overall height above the menu-bar */
	background:#ddffdd;                          /* a very light shade of groen (JGB) */
  /* jgb 26-4-2008 TEST */
  background-image: url("../images/JacobBoerema-grad-1x80.png");
  background-repeat: repeat-x;
}

#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;
	margin:0;
	padding:0;
	top:20px;
	left:46em;
	width: 9em;
	height:25px;
	font-size:13px !important;
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;
	top:23px;
	left: 27em;
	width:15em;
	font-size:14px !important;
	background:#fefefe;
}

@media screen and (max-width: 750px) {
  #search {
    left: 33.5em;
    width: 5em;
  }
  #text {
    left: 21.5em;
    width: 9em;
  }
}

@media screen and (max-width: 500px) {
  #search {
    top: 54px;
    left: 11em;
    width: 5em;
  }
  #text {
    top: 56px;
    left: 1em;
    width: 8.5em;
  }
}

/* jgb toegevoegd 19-3-2008 voor de radiobuttons van google zoeken */
#radiozoek {                                                 /* search text field */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:46px;
	left: 31.3em;
	font-size:12px !important;
}
/*jgb 19-3-2008*/
.ss1 {
	font-size:12px !important;
}

#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:30px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#078c23;
  background-image: url("../images/JacobBoerema-grad-1x30.png");
  background-repeat: repeat-x;/**/
  color:#ddffcc;
	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:2.0em; /*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 */
	line-height:2.0em; /*1.5em;*/           /* globally set the menu's item spacing. note */
}

.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;
/*  background-image: url("../images/JacobBoerema-grad-1x30.png");
  background-repeat: repeat-x;*/
  /*background:#055b21;   TODO DEZE KLEUR MOET WS ANDERS!!!!!!!!! */
  color:#ddffcc;
	height:30px;/*18*/
}

.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 */
  background:#ffff00;
  background-image: url("../images/JacobBoerema-grad-hi-1x30.png");
  background-repeat: repeat-x;
  color:#ddffcc;
	/*border-top:1px solid #000;*/    /* these 2 lines create the push-in illusion */
	height:30px; /*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:30px;              /* 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:#ddffcc;                        /* 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;
	width:12.5em;     /*JGB: deze hoeft niet zo breed te zijn */
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:15.0em;
}

.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:#ddffcc;               /* this sets the unselected drop-down text color */
	background:#078c23;        /* this sets the drop-down menu background color */
	width:17.5em;
  /*background-image: url("../images/JacobBoerema-grad-1x30.png");
  background-repeat: repeat-x;*/
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#ddffcc;
	background:#0a7426; /*055b21;*/
}

.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:15.0em;
}

.menu ul li:hover ul.leftbutton li a,
.menu ul li a:hover ul.leftbutton li a,
.menu ul li:hover ul.leftbutton li a:hover,
.menu ul li a:hover ul.leftbutton li a:hover {     /* 2nd level un+selected items */
	/*width:8.08333em;*/
	width:12.5em;     /*JGB: deze hoeft niet zo breed te zijn */
}

@media screen and (max-width: 480px) {
  .menu ul li:hover ul,
  .menu ul li a:hover ul,
  .menu ul li:hover ul li a,
  .menu ul li a:hover ul li a {
    width: 13em;
  }
  .menu ul li:hover ul.skinny,
  .menu ul li a:hover ul.skinny,
  .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 {
  	width:10.0em;
  }
}

#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 ========================*/

p {
  margin:0.25em 10px 0.25em 10px;
  padding:0;
  font-size:1.0em;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;}

/*	Header styles */

h1 {
  margin:6pt 1pt 6pt 1pt;
  text-align:center;
  font-size:2.0em;
  font-family: Tahoma Verdana, Arial, Helvetica, sans-serif; 
  color: #078c23; /*8080ff;*/
  font-weight:bold;
}

/* 27-4-2008: h3 veranderd in h2 */
h2 {
  margin: 0px 10px 0px 10px;
  font-size: 1.4em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-weight:normal;
}

/* 27-4-2008: h4 veranderd in h3 */
h3 {
  margin:1.0em 20px 0.5em 20px;
  text-align:left;
  font-size:1.2em;
  font-family: Tahoma Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold;
  color:#204020;
}

/* 27-4-2008: h2 veranderd in h4 */
h4 {
  margin:1.0em 10px 0.2em 5px;
  text-align:center;
  font-size:1.6em;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:#000000;
  font-weight:normal;
}

h5 {
  margin:0;
  padding:0.25em 0;
	/*border: #806080 1px solid;*/
  /*padding-bottom:3pt;*/
  text-align:center;
  font-size:1.2em;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight:normal;
  background:#fffacd;
  color: #6a240a;
}

h6 {
  margin:3pt 10px 3pt 10px;
  font-size:1.2em;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:#000080;
  text-align:left;
  font-weight:normal;
}

/*	Inline elements  */
a {word-wrap: break-word;}
a:link { text-decoration: underline; color: #0000ff; font-weight: normal; }
a:visited { text-decoration: underline; color: #008000; font-weight: normal; }
a:active { text-decoration: underline; color: #0000ff; background: #ffff00; font-weight: normal; }
a:hover { text-decoration: underline; color: #0000ff; background: #ffff00; font-weight: normal; }

/* Left Column */

#left_side {
  position: relative;
  float:left;
  margin:0;
  padding:0;
  border:0;
  left:0;
  top:0;
  width:200px;
  height:500px;
  background-color:#0;
  background-image: url("../images/JacobBoerema-grad-1x500.png");
  background-repeat: repeat-x;
}

#left_col {
	position: relative;
  z-index: 1;
  margin:0;
  padding:0;
  border:0;
  float: left;
	top: 10px;
	left: 10px;
	width: 180px;
  line-height: 1.5em; /*120%;*/
}

@media screen and (max-width: 620px) {
  #left_side {
    width: 100px;
  }
  #left_col {
    width: 90px;
    left: 5px;
  }
}

@media screen and (max-width: 400px) {
  #left_side {
    display: none;
    overflow: hidden;
  }
}

#Transcript_links {
  position:relative;
/* absolute
  top: 150px;
  left:75px;
  width:180px;
/**/  
  top: 0px;
  left:-10px;
  width:180px;
/**/  
  float: left;
  clear:right;
  margin:10px 20px 10px 0;
  padding:0;
	border-right:2px solid #00b000;
	border-bottom:2px solid #00b000;
	background-color:#40e040;
	color:#ff6600;
  line-height: 1.5em;
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
}

@media screen and (max-width: 620px) {
  #Transcript_links {
    left: -5px;
    width: 120px;
    margin-left: 5px;
  }
}

p.MenuHeader {
	margin:0;
	padding:0;
  border:0;
	background-color: #b8d8b8;
	/*background-color: transparent;
  background-image: url("../images/JacobBoerema-hdr-left-180x20.png");
  background-repeat: repeat-y;*/
	color:#005000;
	text-align:center;
	font-size: 8pt;
	font-weight:bold;
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
  /*line-height:1.5em;*/
	}

/* In de left kolom geven we voorkeur aan Tahoma: die is iets smaller! */

/* p en div */
.MenuDatum {
	margin: 0;
	padding: 0;
  border: 0;
	background-color:#e8f0e8;
	color:#008000; /*45bb42;*/
	text-align:center;
	font-size: 8pt;
	font-weight:normal;
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
  width: 100%;
  line-height:1.5em;
	}

/* MenuLeft: omringt de hrefs in het menu aan de linkerkant */
.MenuLeft {
	padding:0 4px;
	margin:0;
  border:0;
	font-size: 8pt;
	color:#608060;
	background-color:#e8f0e8;
	/*text-align:left;*/
}

div.MenuLeft a {
  padding: 0;
  margin: 0;
	text-align:left;
	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:#e8f0e8;
	color: #60a060; 
	letter-spacing: 1px;
	width: 100%;
}

DIV.MenuLeft A:visited {
  padding: 0;
  margin: 0;
	text-align:left;
	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:#e8f0e8;
	color: #60a060; 
	letter-spacing: 1px;
	width: 100%;
}

DIV.MenuLeft A:hover {
  padding: 0;
  margin: 0;
	text-align:left;
	text-decoration: underline; /*none;*/
	/*BORDER-TOP: #60bfd5 1px solid; 
	BORDER-RIGHT: #60bfd5 1px solid; 
	BORDER-BOTTOM: #60bfd5 1px solid; 
	BORDER-LEFT: #60bfd5 1px solid; */
	/*display: block;*/
	background:#e8f0e8;
	color: #408040; 
	letter-spacing: 1px;
	width: 100%;
}

p.MenuItem {
	margin: 0;
	padding: 0;
  border: 0;
	/*background-color:#e8e8e8;
	color:#ddffcc;*/
	/*text-align:center;*/
	font-size: 8pt;
	font-weight:normal;
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
	}

/* Page Title div class */
#PageTitle {
	position: relative;
  z-index: 1;
	/*top: 100px;*/
 /*clear: both;*/
  min-width: 490px;         /* JB 2015-07-03: was 740px */
  max-width: 890px;
	margin: 10px 20px 10px 220px;
	padding: 2px 0 5px 0;
	background:#b7ffb7;
}

@media screen and (max-width: 620px) {
  #PageTitle {
    margin-left:105px;
    margin-right: 5px;
    min-width:100px;
    word-wrap: break-word;
  }
}

@media screen and (max-width: 400px) {
  #PageTitle {
    margin-left:5px;
  }
}

/* speciale info (andere taal etc) */
div.SpecialInfo {
  min-width: 490px;         /* JB 2015-07-03: was 740px */
  max-width: 890px;
	margin: 10px 20px 10px 220px;
	padding: 2px 0 5px 0;
}

@media screen and (max-width: 620px) {
  div.SpecialInfo {
    min-width: 100px;
    margin-left: 105px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 400px) {
  div.SpecialInfo {
    margin-left: 5px;
  }
}

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

@media screen and (max-width: 620px) {
  div.Omhoog {
    left: 0px;
    width: 100px;
  }
}

@media screen and (max-width: 400px) {
  div.Omhoog {
    display: none;
  }
}

.OmhoogHeader {
	margin:0;
	padding: 0.4em 0 0.5em 0;
	text-align:center;
	}

/* Google Translate Gadget div */
div.Gadget {
  /*margin: 0px 10px 5px 210px;*/
  margin: 5px 8px 5px 8px;
  padding: 0;
  border:0;
}

/* TextBody div class - kan meermaals gebruikt worden */
div.TextBody {
	margin-top:5px;
	margin-right:10px;
	margin-left: 205px;
	padding:5px;
	text-align:justify;
}

@media screen and (max-width: 620px) {
  div.TextBody {
    margin-left: 105px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 400px) {
  div.TextBody {
    margin-left: 5px;
    margin-right: 5px;
  }
}

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

/* ItemBody div class */
div.ItemBody, div.GeneaBody {
  min-width: 500px;         /* JB 2015-07-03: was 750px */
  max-width: 900px;
	margin:5px 10px 5px 210px;
	padding:0px;
	padding-bottom:0.5em;
	border-bottom: #408040 1px dotted; 
 	text-align:left;
	}

@media screen and (max-width: 620px) {
  div.ItemBody, div.GeneaBody {
    margin-left: 105px;
    margin-right: 5px;
    min-width: 100px;         /* JB 2015-07-03: was 750px */
  }
}

@media screen and (max-width: 400px) {
  div.ItemBody, div.GeneaBody {
    margin-left: 5px;
  }
}

/* 27-4-2008: nu standaard wat verder inspringen */
.ItemBody ul,
ul.jgb 
{
	padding:0.25em 20px 0.25em 20px;
	list-style: square outside url("../images/ruit.gif");
}

.ItemBody li,
li.jgb
{
	margin: 0;
  margin-bottom: 0.5em;     /* JB 2015-07-03 was 0.25em */
	padding:0;
	text-align: left;
	font-size: 1.0em;
	color:#203020;
  line-height: 170%;        /* JB 2015-07-03 was 140% */
  /*letter-spacing: 1px;*/
}

#Transcript_links ul {
	padding:0.2em 5px 0.2em 10px;
	list-style: square outside none;
}

@media screen and (max-width: 480px) {
  #Transcript_links ul {
	  padding-left: 5px;
  }
}

#Transcript_links li {
  margin:0;
  padding:0;
	text-align: left;
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	color:#ff6600;
	background-color:#40e040;
}

#Transcript_links li a {
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	color:#ff6600;
	background-color:#40e040;
}

#Transcript_links li a:visited {
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	color:#406040;
	background-color:#40e040;
}
#Transcript_links li:hover,
#Transcript_links li a:hover {
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	color:#204020;
	background-color:#40e040;
}

span.Huidige {
	font-family: Tahoma Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	color:#108020;
	background-color:#40e040;
}

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

img {
  margin:0;
	border:0;
}

/* div voor Transcript met img aan rechterkant */
div.TranscriptImgRechts {
  /*position: relative;
  float: right;*/
  margin:0;
  padding: 0;
  right:0px;
  top:0px;
  width: auto;
}	
	
/* Image div class binnen ItemBody */
.ItemImage {
	margin: 5px 10px 5px 15px;
	text-align: right;
	border: #808080 1px solid;
	/*background:#b7ffb7;*/
	float: right;
  max-width: 100%;
}

@media screen and (max-width: 620px) {
  .ItemImage {
	  margin: 0;
  }
}

/* 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:0;
	padding:0;
	padding-bottom:0.5em;
	}

p.ItemHeader, .ItemHeader p {
	margin: 1.0em 10px 0.5em 10px;
	padding-bottom:0.2em;
	border-bottom:1px solid #008000;
	color: #108020;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.ItemHeader h2 {
	color:#105010;
	font-weight:bold;
	font-size:1.5em;
	padding: 0.5em 0;
}

.ItemHeader h2 a {
  border:0;
  text-decoration: none;
  font-size:0.6em;
  font-weight:normal;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.ItemHeader h3 {
  margin:0.2em 10px 0.2em 10px;
	color:#109020; /*60a060;*/
	font-weight:bold;
	font-size:1.1em;
	padding: 0.2em 0;
}

.ItemHeader h3 a {
  border:0;
  /*text-decoration: none;
  font-weight:normal;*/
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.ItemText {
	margin:0.2em 10px 0.3em 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
  line-height: 170%;   /* JB 2015-07-03 was 140%; */
	}
	
/* een span om een (eerste) woord wat groter te tonen */
.SpanGroter {
	font-size: 1.4em;
}	

p.TextIndent1 {
	margin:8px 20px 5px 20px;
	/*padding:5px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
 	line-height: 170%;    /* JB 2015-07-03 was 150%*/
	color: #000080;
}

p.TextIndent1Kopje {
	margin:1.0em 20px 0.5em 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
 	line-height: 170%;    /* JB 2015-07-03 was 150%*/
	color: #000060;
}
	
.ItemTextRight {
	margin:2px 5px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 125%;
	text-align: right;
	}

.SubItemHeader {
	margin:1.0em 20px 0.5em 20px;
	padding:0.4em 0;
	color: #ff6600; /*6a240a;*/
	font-weight:normal;
	border-bottom:1px dashed #008000;
	}

.SubItemHeader h3 {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:normal;
	color: #ff6600;
  line-height: 140%;
}

/* 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:#e0f0e0; /*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:0;
	border:0;
	color: navy;
	font-size: 1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color:#e0f0e0; /*fffacd #ddeeff*/}

table.kinderen {
	margin: 0 0 2px 0.5cm;
	width:95%;
	border:0;
	color: #000080;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color:#e0f0e0; /*c9ffc9 #ddeeff*/}

td.kwnum {
	width:10%;
	padding:3pt 2pt 2pt 2pt;
	background-color:#e0f0e0; /*ffeedd;*/
	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%;
	padding:3pt 4pt 3pt 2pt;
	vertical-align:top;
	text-align:left;}

td.kindnum {
	width:8.0%;
	padding:0 2pt 0 2pt;
	text-align:right;
	background-color:#c0d0c0; /*fedcba;*/
	vertical-align:top;}

td.kindkol {
	width:90%;
	padding:0 4pt 0 2pt;
	vertical-align:top;
	background-color:#c0d0c0; /*c0deff; #abcdef;*/
	text-align:left;}

p.Kwartierdrager {
  line-height: 125%;
  margin: 0.5em 0.5em 0 0.5em;
  }

p.Kwartiervervolg {
  margin: 0.25em 0.5em 0 0.5em;
  line-height: 125%;
  }

p.Notitie, p.NotitieKop
  {
  margin:1pt 6pt 1pt 0;
  text-align:justify;
  font-size:0.9em;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Onderkant */

div.Onderkant {
  margin:0;
  padding:0;
  /*padding-bottom:8px;*/
  height:60px;
  background-color: #ddffdd;
  background-image: url("../images/JacobBoerema-grad-1x60.png");
  background-repeat: repeat-x;
  font-size:0.9em;
  text-align:center;
}

p.Onderkant, li.Onderkant, p.Onderkant a, p.Onderkant a:visited {
  margin:0;
  padding:0;
  padding-top:0.2em;
  text-align:center;
  font-size:0.9em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height:150%; 
  /*background-color: #ddffdd;*/
  color:#ffffff;
  text-decoration: none;
}

p.Onderkant a:hover {
  background-color:transparent;
  text-decoration: underline;
}

hr.Bottom
  {
  margin-top:0;
  margin-bottom: 5px;
  width:99%;
  text-align: center;
  }

#HorLinksList
  {
  padding-bottom:0.5em;
  }
#HorLinksList li
{
 	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;
}