body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	line-height: 1.166;
	color: #FFFF99;
	background-color: #383838;
    background-attachment: fixed;
	background-image: url(images/arttilea.jpg);
	
	
}


/*================= Content-frame =================*/

body.cssmain {
   margin: 2em;
   font-size: 85%;
   text-align: left;
   overflow-x:hidden;3.}
}

a:link {
	text-decoration: none;
	color: #989868;
}

a:visited {
	text-decoration: none;
	color: #989868;
}

a:hover {
	text-decoration: underline;
	color: #989868;
}

a:active {
	text-decoration: underline;
	color: #989868;
}
h1 {
	font-size: 120%;
}
h2 {
	font-size: 114%;
}


.PGgivenname {
	font-weight: bold;
	font-size: 12px;
	font-variant: normal;
}

.PGsurname {
	font-weight: bold;
	font-variant: normal;
	font-size: 12px;
}

.PGinfo {
	font-style: italic;
	font-size: 12px;
}

.PGrecordnumber {
	font-size: 12px;
}

.PGcallname {
	font-size: 12px;
}

.PGalias {
	font-size: 12px;
}

.PGcode {
	font-size: 12px;
}

.PGoccupation {
	font-size: 12px;
}

.PGdate {
	font-size: 12px;
}

.PGplace { }

.PGsource { }

.PGsourcetext { }

.PGpatronym {
   font-weight: bold;
}

.PGnumber { }

.PGgeneration {
   font-weight: bold;
}

.PGcallname2 { }

.PGwitness { }

.PGfixedtext { }

.PGblockinfo {
	margin-left: 30pt;
	margin-right: 30pt;
	font-style: italic;
}

.PGmainnumber {
   padding-right: 0.5em;
}

.PGtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.166px;
}

.PGtime { }

.PGreligion { }

.PGtitleline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.166;
}

.PGheadertable {
	font-size: 80%;
}

.PGheaderlines1 {
	font-style: italic;
}

.PGheaderlines2 {

}

.PGnavTABLE {
	background-image: url(images/arttilea.jpg);
	margin-bottom: 10pt;
	border: solid #f0e0a6;
	color: #f98680;
	font-size: 70%;
	width: 100%;
}

.PGnavTR {
	background-color: url(images/arttilea.jpg);
}

.PGnavTD1 {
   width: 33%;
   text-align: left;
   padding-left: 0.5em;
}

.PGnavTD2 {
   width: 34%;
   text-align: center;
}

.PGnavTD3 {
   width: 33%;
   text-align: right;
   padding-right: 0.5em;
}

.PGnavFirst { }
.PGnavPrev { }
.PGnavNext { }
.PGnavLast { }

.PGnavHR {
   display: none;
}

.PGchildrenheaderline {
	padding: 0.33em 0;
}

{
.table
   font-size:80%

}
	 
}
.PGkidsTABLE {
   font-size: 100%;
   line-height: 1.2;
   text-align: left;
   width: 100%;
}

.PGkidschild {

}

.PGkidsnr {
   width: 3%;
   text-align: right;
}

.PGkidssex {
   width: 3%;
   text-align: center;
}

.PGkidstext {
   width: 94%;
}

.PGbottomHR { }

.contact {
   font-size: 80%;
   text-align: center;
}

.PGlink {
   font-size: 60%;
   text-align: center;
}



/*================= Index-frame =================*/

body.cssindex {
   margin: 3pt;
   font-size: 85%;
   white-space: nowrap;
}

.cssindextitle {
	margin: 3pt;
	padding: 3pt 0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-style: ridge;
	border-left: none;
	border-right: none;
	border-top-width: 5px;
	border-bottom-width: 5px;
}

.PGindex1 {
	font-weight: bold;
	font-size: 12px;
}

.PGindex2 {
   display: inline-block;
   margin-left: 6pt;
}

.cssindexlink {
   margin: 3pt;
   padding: 3pt 0;
   font-size: 70%;
   text-align: center;
   border-style: ridge;
   border-left: none;
   border-right: none;
   border-top-width: 5px;
   border-bottom-width: 5px;
}


/*================= Keys-frame =================*/

body.csskeys {
   margin: 0pt;
   font-size: 85%;
   text-align: center;
}

.csskeysdata {
	font-size: 12px;
	font-weight: normal;
}

.PGkeys:link, .PGkeys:visited, .PGkeys:active {
	text-decoration: none;
	color: #989868;
}

.PGkeys:hover {
	color: #989868;
	text-decoration: underline;
}

.PGkeysHome:link, .PGkeysHome:visited, .PGkeysHome:active {
	font-style: italic;
	text-decoration: none;
	color: #989868;
}

.PGkeysHome:hover {
	font-style: italic;
	color: #989868;
	text-decoration: underline;
}

/*================= Picture-frame =================*/

body.pictureframe {
   margin: 0pt;
}

.picture {
}


.PGheadtitle {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 160%;
   font-weight: bold;
   line-height: 1.4;
}

/*================= Kwartierbladen =================*/

.KWblad {
   border-style: solid;
   width: 100%;
   padding: 0.5em;
   margin: 0px;
	 
}

.KWbladTitel {
   border-style: solid;
   padding: 0.5em;
}

.KWbladTitel1 {
	font-weight: bold;
	color: #FFFF99;
	font-size: 12px;
}

.KWbladTitel2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFF99;
}

.KWblad, .KWbladM, .KWbladV, .KWbladR, .KWbladTitel {
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-collapse: collapse;
	border-color: gray;
	background-image: url(images/arttilea.jpg);
}

.KWbladGen1 {
	font-size: large;
	border-style: solid;
	background-image: url(images/arttilea.jpg);
}
.KWbladGen2 {
	font-size: medium;
	border-style: solid;
	background-color: #383838;
	background-image: url(images/arttilea.jpg);
}
.KWbladGen3 {
	font-size: small;
	border-style: solid;
	background-color: #383838;
	background-image: url(images/arttilea.jpg);
}
.KWbladGen4 {
	font-size: x-small;
	border-style: solid;
	background-color: #383838;
	background-image: url(images/arttilea.jpg);
}
.KWbladGen5m {font-size: xx-small; border-style: solid solid dashed solid; padding-bottom: 1em;}
.KWbladGen5r {font-size: xx-small; border-style: dashed solid dashed solid;}
.KWbladGen5v {font-size: xx-small; border-style: dashed solid solid solid; padding-top: 1em;}

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

.PGschema {
   white-space: nowrap;
}

.male, .female, .unknown {
   width: 100%;
   cursor: text;
} 

.female .PGgivenname  {
   font-style: italic;
}
.female .PGsurname  {
   font-style: italic;
}

.PGyears {
   font-size: 75%;
}

/* kolom 1 : verticale lijn (heel of half) of lege ruimte */

.linev1 {
   width: 5px;
   float: left;
   background-image: url("line-v.gif");
   background-repeat: repeat-y;
   background-position: right;
}

.linel1 {
   width: 5px;
   float: left;
   background-image: url("line-l.gif");
   background-repeat: no-repeat;
   background-position: right;
}

.space1 {
   width: 5px;
   float: left;
}

/* kolom 2 : horizontale lijn of lege ruimte */

.lineh2 {
   width: 15px;
   float: left;
   background-image: url("line-h.gif");
   background-repeat: repeat-x;
   background-position: left;
}

.space2 {
   width: 15px;
   float: left;
}

/* kolom 3 : nummer of horizontale lijn */

.linenr {
   width: 60px;
   float: left;
   overflow: visible;
}
.lineh3 {
   width: 60px;
   float: left;
   background-image: url("line-h.gif");
   background-repeat: repeat-x;
   background-position: left;
}

.tooltip {
   cursor: help;
}