body		{background:#EEEEEE;font-family:tahoma,arial;font-size:8px;margin:auto;padding-top:10px;}
a:link	{color:#000088;text-decoration:none;}
a:visited	{color:#000044;text-decoration:none;}
a:active	{color:#000000;text-decoration:none;}
a:hover	{color:#880000;text-decoration:none;}
a:link#menit	{color:#000088;text-decoration:none;}
a:visited#menit	{color:#000088;text-decoration:none;}
a:active#menit	{color:#660000;text-decoration:none;}
a:hover#menit	{color:#880000;text-decoration:none;}
a:link#zwart	{color:#000000;text-decoration:none;}
a:visited#zwart	{color:#000000;text-decoration:none;}
a:active#zwart	{color:#000000;text-decoration:none;}
a:hover#zwart	{color:#800080;text-decoration:none;}
a:link#kwgroen		{color:#008800;text-decoration:none;font-weight:bold;}
a:visited#kwgroen	{color:#008800;text-decoration:none;font-weight:bold;}
a:active#kwgroen	{color:#008800;text-decoration:none;font-weight:bold;}
a:hover#kwgroen	{color:#800080;text-decoration:none;font-weight:bold;}
a:link#kworanje		{color:#000000;text-decoration:none;font-weight:bold;}
a:visited#kworanje	{color:#000000;text-decoration:none;font-weight:bold;}
a:active#kworanje	{color:#000000;text-decoration:none;font-weight:bold;}
a:hover#kworanje	{color:#800080;text-decoration:none;font-weight:bold;}
a:link#kwblauw		{color:#0000AA;text-decoration:none;font-weight:bold;}
a:visited#kwblauw	{color:#0000AA;text-decoration:none;font-weight:bold;}
a:active#kwblauw	{color:#0000AA;text-decoration:none;font-weight:bold;}
a:hover#kwblauw	{color:#800080;text-decoration:none;font-weight:bold;}
a:link#kwrood		{color:#880000;text-decoration:none;font-weight:bold;}
a:visited#kwrood	{color:#880000;text-decoration:none;font-weight:bold;}
a:active#kwrood	{color:#880000;text-decoration:none;font-weight:bold;}
a:hover#kwrood	{color:#800080;text-decoration:none;font-weight:bold;}
table,tr,td {border:1px;padding:0px;border-collapse:collapse;vertical-align:top;}
img {border:0px;}
#tdkop	{vertical-align:middle;padding:3px;border:1px solid #FFFFFF;background-color: #444444; font-family: tahoma,arial, helvetica, geneva, sans-serif; font-size:12px;text-decoration: none; color: #FFFFFF;}
#td1		{text-align:left;vertical-align:middle;padding:3px;border:1px solid #FFFFFF;background-color: #EEEEEE; font-family: tahoma,arial, helvetica, geneva, sans-serif; font-size: 8pt; text-decoration: none; color: #304044}
#td2		{text-align:left;vertical-align:middle;padding:3px;border:1px solid #FFFFFF;background-color: #FFFFFF; font-family: tahoma,arial, helvetica, geneva, sans-serif; font-size: 8pt; text-decoration: none; color: #304044}
#pagina	{margin:auto;text-align:center;background:#FFFFFF;}
#menu	{width:200px;padding-top:10px;padding-bottom:10px;border-width:0px;border-style:solid;border-color:#000000 #888888 #888888 #000000;float:left;}
#logo	{margin:auto;padding-bottom:8px;font-size:16px;font-weight:bold;color:#666666;text-decoration:none;}
#menukop	{font-size:14px;font-weight:bold;padding-top:6px;}
#menuitem	{font-size:14px;font-weight:bold;padding-left:10px;text-align:left;}
#menusocial	{font-size:14px;font-weight:bold;padding-left:4px;text-align:left;padding-top:4px;}
#inhoud	{width:760px;border-width:0px;border-style:solid;border-color:#000000 #888888 #888888 #000000;position:relative;padding-top:10px;padding-bottom:10px;padding-right:10px;}

#kwid	{padding:8px;font-size:18pt;width:100%}
#kwartier	{float:left;font-size:8pt;padding-top:20pt;}
#id		{text-align:right;font-size:8pt;padding-top:20pt;}

#vspacer		{height:8px;}
#pkman		{background-color:#EEEEFF;text-align:left;padding:4px;hight:100;border:solid 0px;}
#pkvrouw		{background-color:#FFEEEE;text-align:left;padding:4px;}
#pkmv		{background-color:#EEEEEE;text-align:left;padding:4px;}

#persoon		{width:450px;}
#perspasfotoman	{hight:50px;width:50px;border-style:solid;border-width:1px;border-color:#000088;}
#perspasfotovrouw	{hight:50px;width:50px;border-style:solid;border-width:1px;border-color:#880000;}
#perspasfotomv	{hight:50px;width:50px;border-style:solid;border-width:1px;border-color:#888888;}
#persnaam	{font-size:26px;font-weight:bold;padding:4px;padding-left:10px;height:48px;}
#persroep		{font-size:12px;font-weight:normal;}
#persleeftijd		{font-size:18px;font-weight:normal;}
#perscode		{font-size:12px;font-weight:bold;}
#relatiefotoman	{hight:40px;width:40px;border-style:solid;border-width:1px;border-color:#000088;}
#relatiefotovrouw	{hight:40px;width:40px;border-style:solid;border-width:1px;border-color:#880000;}
#relatiefotomv	{hight:40px;width:40px;border-style:solid;border-width:1px;border-color:#888888;}
#relatienaam	{font-size:18px;font-weight:bold;padding-left:4px;vertical-align:top;}
#relatieroepnaam	{font-size:9px;font-weight:normal;}
#ouderfotoman	{margin:1px;vertical-align:top;hight:30px;width:30px;border-style:solid;border-width:1px;border-color:#000088;}
#ouderfotovrouw	{margin:1px;vertical-align:top;hight:30px;width:30px;border-style:solid;border-width:1px;border-color:#880000;}
#ouderfotomv	{margin:1px;vertical-align:top;hight:30px;width:30px;border-style:solid;border-width:1px;border-color:#888888;}
#oudernaam	{margin-top:2px;font-size:12px;font-weight:bold;padding:2px;vertical-align:top;width:100%}
#oudergegevens	{font-weight:normal;font-size:12px;}
#kindpasfotoman	{margin:1px;vertical-align:top;hight:16px;width:16px;border-style:solid;border-width:1px;border-color:#000088;}
#kindpasfotovrouw	{margin:1px;vertical-align:top;hight:16px;width:16px;border-style:solid;border-width:1px;border-color:#880000;}
#kindpasfotomv	{margin:1px;vertical-align:top;hight:16px;width:16px;border-style:solid;border-width:1px;border-color:#888888;}
#kindnaam	{margin-top:2px;font-size:12px;font-weight:normal;padding:2px;vertical-align:middle;width:100%;}
#kindgeb_overl	{white-space:nowrap;font-size:10px;font-style:normal;}
#bron		{font-size:10px;font-style:italic;color:#666;}

<!-- #ouders		{background-color:#BBBBFF;text-align:left;font-weight:bold;padding:4px;padding-bottom:4px;height:100%;} -->
#oudersmankop		{background-color:#FFFF99;padding:2px;font-weight:bold;font-size:12px;}
#oudersvrouwkop	{background-color:#FFFF99;padding:2px;font-weight:bold;font-size:12px;}
#oudersman	{background-color:#DDDDFF;width:302px;padding:2px;}
#oudersvrouw	{background-color:#FFDDDD;width:302px;padding:2px;}
#oudersmv	{background-color:#BBBBBB;width:302px;}
#oudersmvkop	{font-weight:bold;padding:2px;background: #FFFF99;}

#persoon2		{width:448px;}
#relatie		{background-color:#FFFFCC;text-align:left;padding:4px;width:100%;}
#relatieonbekend	{background-color:#FFFFFF;text-align:left;padding:4px;width:100%;}
#kinderen		{background-color:#FFFFCC;text-align:left;padding:2px;width:302px;height:100%;}
#kinderenkop	{font-weight:bold;padding:2px;background: #FFFF99;font-size:12px;}

#vorigefoto,#volgendefoto {cursor:pointer;}
#afbeelding	{border-style:solid;border-width:1px;border-color:#444444;}
#fotonav		{width:80px;text-align:center;vertical-align:middle;font-size:12px;}
#fotobijschrift	{padding-top:4px;padding-bottom:8px;font-size:12px;font-style:italic;}

#persoms	{width:94px;padding-right:2px;text-align:right;font-size:12px;}
#persinh	{padding-left:2px;padding-right:4px;font-size:12px;}

#menzoek.td{vertical-align:middle;}


#transbox	{position:fixed;top:0px;left:-5000px;width:4000px;height:2000px;background-color:#000000;border:1px solid black;/* for IE */ filter:alpha(opacity=80);/* CSS3 standard */ opacity:0.80;z-index:1000;cursor:url("../images/close.cur"),e-resize;}
#tbimg		{border:4px solid #444444;position:fixed;top:10px;left:-5000px;width:10px;height:10px;this.style.opacity=1;filter:alpha(opacity=100);z-index:3000;cursor:url("../images/mouseprevnext.cur"),e-resize;}
#tbsel		{position:fixed;top:10px;left:-5000px;this.style.opacity=1;filter:alpha(opacity=100);z-index:3000;}
#tbseltxt	{font-size:11px;height:22px;background:#444444;color:#EEEEEE;width:140px;vertical-align:middle;text-align:center;}
#tbselsiz	{font-size:10px;height:22px;background:#444444;color:#EEEEEE;width:80px;vertical-align:middle;text-align:center;}



	.test {position:relative;left:4px;top:-11px;background:#000088;color:#FFFFFF;visibility:hidden;}
	.pagina {background:#FFFFFF;width:980px;margin:auto;}
	.menu {background:#FFFFFF;width:202px;text-align:center;position: sticky;}
	.inhoud {width:762px;}
	#pman {background:#EEEEFF;}
	#pvrouw {background:#FFEEEE;}
	#pmv {background:#EEEEEE;}
	.relatie {background:#FFFFCC;padding:4px;font-size:12px;}
	.pagina,.menu,.inhoud {border-style:solid;border-width:0px;padding:4px;}
	.td {background:#EFFEEE;}


.tdlabel{text-align:right;vertical-align:top;color:#000000;font-size:14px;padding-top:6px;}
.contact{text-align:center;color:#300303;font-size:14px;}
.contacttekst{padding:10px;padding-bottom:24px;}
.contact a{color:#700707;}

#bnr{padding-left:4px;padding-right:8px;text-align:right;}
#bdatum{padding-right:8px;text-align:right;width:110px;}
//#bnaam{padding-left:4px;padding-right:8px;}
#btekst{font-size:12px;}
#footer{text-align:center;padding-top:25px;}
#copyright{text-align:center;padding:25px;font-size:13px;}

td#kwartier1man {background: #EEEEFF;width:90px;padding:6px 0px;}
td#kwartier2man {background: #EEEEFF;width:90px;padding:6px 0px;}
td#kwartier4man {background: #EEEEFF;width:90px;padding:6px 0px;}
td#kwartier8man {background: #EEEEFF;width:90px;padding:6px 0px;}
td#kwartier1vrouw {background: #FFEEEE;width:90px;padding:6px 0px;}
td#kwartier2vrouw {background: #FFEEEE;width:90px;padding:6px 0px;}
td#kwartier4vrouw {background: #FFEEEE;width:90px;padding:6px 0px;}
td#kwartier8vrouw {background: #FFEEEE;width:90px;padding:6px 0px;}
td#kwartier1mv {width:90px;padding:6px 0px;}
td#kwartier2mv {width:90px;padding:6px 0px;}
td#kwartier4mv {width:90px;padding:6px 0px;}
td#kwartier8mv {width:90px;padding:6px 0px;}

td#kwartier1man {background: #EEEEFF;width:50%;padding:6px 0px;}
td#kwartier2man {background: #EEEEFF;width:50%;padding:6px 0px;}
td#kwartier4man {background: #EEEEFF;width:50%;padding:6px 0px;}
td#kwartier8man {background: #EEEEFF;width:50%;padding:6px 0px;}
td#kwartier1vrouw {background: #FFEEEE;width:50%;padding:6px 0px;}
td#kwartier2vrouw {background: #FFEEEE;width:50%;padding:6px 0px;}
td#kwartier4vrouw {background: #FFEEEE;width:50%;padding:6px 0px;}
td#kwartier8vrouw {background: #FFEEEE;width:50%;padding:6px 0px;}
td#kwartier1mv {width:50%;padding:6px 0px;}
td#kwartier2mv {width:50%;padding:6px 0px;}
td#kwartier4mv {width:50%;padding:6px 0px;}
td#kwartier8mv {width:50%;padding:6px 0px;}



div#opmerkingen {padding:20px 20px 20px 20px;font-size:11px;}
.simpleround {
    vertical-align: middle;
    width: 18px;
    border: 1px solid black;
    padding: 0px;
    border-radius: 16px;
    margin-bottom:3px;
}
.av_react {
    border: 1px solid black;
    padding: 0px;
    border-radius: 25px;
}
#reacties   {margin:0px 0px;max-height:500px;overflow-y:auto;border:1px solid grey;border-radius:8px;}
#aantekeningen   {margin:0px 0px;max-height:500px;overflow-y:auto;border:1px solid grey;border-radius:8px;}
.accolade   {padding-top:2px;}
.icon:hover {
    transform:scale(1.3)
}