div#statisch {
	position: relative;
}

div#statischestamboom {
	height: 1800px;
}

div#statisch.statischVerborgen div#statischestamboom {
	display: none;
}

h1#stamboomheader {
	margin: 0 !important;
	padding: 10px 0 10px 280px;
	border-bottom: 1px solid #A8AFC4;
	background-color: #0C2B5B;
}

div#extraspul {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

div#extraspul a {
	display: block;
	color: #AAB3CD;
	font-weight: bold;
	padding-left: 20px;
}

div#extraspul a#overzicht {
	background: url(../images/stamboomoverzicht.gif) no-repeat center left;
}

div#extraspul a#legendaLink {
	background: url(../images/stamboomlegenda_beneden.gif) no-repeat center left;
}

div#extraspul a#legendaLink.open {
	background-image: url(../images/stamboomlegenda.gif);
}

/* LEGENDA */

div#legenda {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	background-color: #56658C;
	padding: 7px 0;
	border: 1px solid #A8B0C4;
	border-width: 1px 0;
	visibility: hidden;
}

div#legenda p {
	margin: 0;
	padding: 0 !important;
	float: left;
	margin-right: 20px;
}

div#legenda p.regeer {
	background: url(../images/stamboomkroon.gif) no-repeat center left;
	padding-left: 20px !important;
	margin-left: 10px;
}

div#legenda p.kinderen {
	background: url(../images/stamboomverder.gif) no-repeat;
	padding-left: 15px !important;
}

div#legenda p.CV span {
	color: #D96F16;
	font-weight: bold;
	margin-right: 5px;
}

div#legenda p.sluit {
	float: right;
	margin-right: 5px;
}

div#legenda p.sluit a {
	background: url(../images/stamboomsluit.gif) no-repeat right center;
	padding-right: 20px;
}

div#statisch div#stamboom {
	display: none;
}

div#statisch.statischVerborgen div#stamboom {
	display: block;
}

/* DYNAMISCHE STAMBOOM */

div#stamboom {
	position: relative;
	top: 30px;
	left: 0;
	width: 100%;
	font: 10px verdana;
	color: #ffffff;
}

div.long,div.short {
	position: absolute;
	border: 1px solid #D96F16;
	background-color: #1F3360;
	z-index: 2;
	width: 145px;
	height: 78px;
	padding: 5px;
	padding-top: 0;
	cursor: pointer;
}

div.long:hover,div.short:hover {
	background-color: #3460a3;
}

div.short {
	min-height: 30px;
	height: auto;
	width: 85px;
	padding-bottom: 0;
	padding-top: 5px;
}

div.focusPersoon, div.focusPersoon:hover {
	background-color: #294C82;
}

div#stamboom div.focusPersoon a.CV:hover {
    background-color: #294C82;
}

div#stamboom div.short h3 {
	margin-top: 0;
}

div#stamboom p.portretContainer {
	float: left;
	background-color: #5073CD;
	overflow: hidden;
	margin: 7px 5px 10px 0;
	padding: 0 !important;
	font-size: 1px;
}

p.portretContainer.leeg {
	/*width: 60px;
	height: 65px;*/
	display: none !important;
}

p.portretContainer img {
	margin: -2px;
	display: block;
}

div#stamboom a.CV {
	display: block;
	width: 16px;
	height: 9px;
	line-height:9px;
	text-align: center;
	padding: 2px 2px 4px 3px;
	text-decoration: none;
	position: absolute;
	right: 0;
	bottom: 0;
	/*background-color: #1F3360;*/
	color: #D96F16;
	font-weight: bold;
	font-size: 100%;
	text-decoration:underline;
}
div#stamboom a.CV:hover {
	background-color: #3460a3;
}

div#stamboom div.focusPersoon a.CV {
    /* background-color: #294C82; */
	text-decoration:underline;
}


div#stamboom div h3 {
	margin: 6px 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 150%;
	clear: none;
	font-family: verdana;
}

p.life {
	color: #AAB3CE;
	margin-bottom: 0;
	padding: 0 !important;
}

p.regering {
	margin-top: 3px;
	margin-left: 65px;
	padding: 0 0 0 15px !important;
	color: #F07810;
	background: url(../images/stamboomkroon.gif) no-repeat center left;
}

.narrow p.regering {
	margin-left: 0px;
}

h3 small {
	display: block;
	font-weight: normal;
}

.generation1 {
	top: 20px;
}

.generation2 {
	top: 90px;
}

.generation3 {
	top: 160px;
}

.generation4 {
	top: 280px;
}

.generation5 {
	top: 400px;
}

div.huwelijk {
	position: absolute;
	text-align: center;
	border: none;
	margin-top: 40px;
	background: url(../images/stamboomhuwelijk.gif) no-repeat center;
	width: 5px;
	height: 5px;
}

div.huwelijk.generation1,div.huwelijk.generation2 {
	margin-top: 10px;
}

div.lineContainer,div#statischestamboom div.lineContainer  {
	position: absolute;
	height: 1px;
	width: 1px;
	background-color: #ffffff;
	overflow: hidden;
	margin-left: -1px;
	z-index: 1;
}

div.verder {
	width: 9px;
	height: 15px;
	background: url(../images/stamboomverder.gif) no-repeat center;
	margin-left: -1px;
}

img.issue {
	position: absolute;
}

div.narrow {
	width: 90px;
}

div.narrow p.portretContainer {
	display: none !important;
}


/* STATISCHE STAMBOOM */

div#statischestamboom div {
	width: 90px;
	min-height: 50px;
	padding: 5px;
	border: 1px solid #D96F16;
	background-color: #1F3360;
	position: absolute;
	z-index: 5;
}

* html div#statischestamboom div {
	height: 50px;
}

div#statischestamboom div h3 {
	font-size: 10px;
	line-height: 160%;
	font-weight: bold;
	margin: 0;
	font-family: verdana;
}

div#statischestamboom p {
	margin: 0 !important;
	padding: 0 !important;
}

div#statischestamboom p.regering {
	padding-left: 15px !important;
}

div#statischestamboom div a {
	text-decoration: underline;
}

div#statischestamboom div.lineContainer {
	border: 0;
	min-height: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	margin-left: -1px;
	z-index: 1;
}

div#statischestamboom div.huwelijk {
	position: absolute;
	border: none;
	background: url(../images/stamboomhuwelijk.gif) no-repeat center;
	background-color: #142552;
	width: 5px;
	height: 5px;
	line-height: 0;
	min-height: 0;
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 20px !important;
}

/* Generaties */

div.generatie1 {
	top: 40px;
}

div.generatie2 {
	top: 140px;
}

div.generatie3 {
	top: 240px;
}

div.generatie4 {
	top: 340px;
}

div.generatie5 {
	top: 440px;
}

div.generatie7 {
	top: 540px;
}

div.generatie8 {
	top: 640px;
}

div.generatie9 {
	top: 730px;
}

div.generatie10 {
	top: 820px;
}

div.generatie11 {
	top: 940px;
}

div.generatie12 {
	top: 1060px;
}

div.generatie13 {
	top: 1170px;
}

div.generatie14 {
	top: 1280px;
}

div.generatie15 {
	top: 1390px;
}

div.generatie16 {
	top: 1500px;
}

div.generatie17 {
	top: 1600px;
}

div.generatie18 {
	top: 1700px;
}

/* 
	Individuen
	left 285 = gecentreerd 
*/

/* Generatie 1 */

div#per1 {
	left: 270px;
	width:120px !important;
}

/* Generatie 2 */

div#per2 {
	left: 120px;
}

div#per3 {
	left: 430px;
}

/* Generatie 3 */

div#per4 {
	left: 60px;
}

div#per5 {
	left: 180px;
}

div#per6 {
	left: 370px;
}

div#per7 {
	left: 490px;
}

/* Generatie 4 */

div#per8 {
	left: 120px;
}

div#per9 {
	left: 240px;
}

div#per10 {
	left: 425px;
}

div#per11 {
	left: 545px;
}

/* Generatie 5 */

div#per12 {
	left: 120px;
}

div#statischestamboom div#per13 {
	left: 339px;
	top: 420px;
	background-color: #192B57 !important;
	z-index: 5;
	width: 7px;
	height: 5px;
	font-size: 1px;
	margin: 0 !important;
}

div#per14 {
	left: 292px;
}

div#per15,div#per16,div#per17 {
	left: 292px;
}

div#per18 {
	left: 282px;
	width: 110px !important;
}

div#per19 {
	left: 405px;
}

div#per20 {
	left: 412px;
}

/* Generatie 11 */

div#per21 {
	left: 80px;
}

div#per22 {
	left: 183px;
	z-index: 10;
}

div#per23 {
	left: 190px;
}

div#per24 {
	left: 300px;
}

div#per25 {
	left: 410px;
}

div#per26 {
	left: 520px;
}

/* Generatie 12 */

div#per27 {
	left: 9px;
}

div#per28 {
	left: 112px;
}

div#per29 {
	left: 118px;
}

div#per30 {
	left: 221px;
}

div#per31 {
	left: 228px;
}

div#per32 {
	left: 335px;
	width: 70px !important;
}

div#per33 {
	left: 420px;
	width: 70px !important;
}

div#per34 {
	left: 505px;
	width: 70px !important;
}

div#per35 {
	left: 590px;
	width: 70px !important;
}

/* Generatie 13 */

div#per36 {
	left: 10px;
	width: 70px !important;	
}

div#per37 {
	left: 100px;
	width: 70px !important;
}

div#per38 {
	left: 190px;
	width: 70px !important;
}

div#per39 {
	left: 285px;
}

div#per40 {
	left: 389px;
}

div#per41 {
	left: 397px;
}

/* Generatie 14 */

div#per42 {
	left: 341px;
}

div#per43 {
	left: 444px;
}

div#per44 {
	left: 451px;
}

/* Generatie 15 */

div#per45 {
	left: 130px;
}

div#per46 {
	left: 233px;
}

div#per47 {
	left: 240px;
}

div#per48 {
	left: 350px;
}

div#per49 {
	left: 460px;
}

div#per50 {
	left: 570px;
}

/* Generatie 16 */

div#per51 {
	left: 240px;
}


div#per52 {
	left: 350px;
}


div#per53 {
	left: 460px;
}


div#per54 {
	left: 570px;
}

/* Generatie 17 */

div#per55 {
	left: 5px;
}

div#per56 {
	left: 108px;
}

div#per56,div#per59,div#per62 {

}

div#per57 {
	left: 115px;
}

div#per58 {
	left: 235px;
}

div#per59 {
	left: 338px;
}

div#per60 {
	left: 345px;
}

div#per61 {
	left: 465px;
}

div#per62 {
	left: 568px;
}

div#per63 {
	left: 575px;
}

/* Generatie 18 */

div#per64 {
	left: 20px;
}

div#per65 {
	left: 130px;
}

div#per66 {
	left: 240px;
}


/* LIJNEN */


div#statischestamboom div#lijn0 {top: 120px;left: 171px;width: 311px;height: 1px;}

div#statischestamboom div#lijn1 {top: 102px;left: 336px;width: 1px;height: 18px;}

div#statischestamboom div#lijn2 {top: 120px;left: 171px;width: 1px;height: 20px;}

div#statischestamboom div#lijn3 {top: 120px;left: 481px;width: 1px;height: 20px;}

div#statischestamboom div#lijn4 {top: 220px;left: 111px;width: 121px;height: 1px;}

div#statischestamboom div#lijn5 {top: 202px;left: 171px;width: 1px;height: 18px;}

div#statischestamboom div#lijn6 {top: 220px;left: 111px;width: 1px;height: 20px;}

div#statischestamboom div#lijn7 {top: 220px;left: 231px;width: 1px;height: 20px;}

div#statischestamboom div#lijn8 {top: 220px;left: 421px;width: 121px;height: 1px;}

div#statischestamboom div#lijn9 {top: 202px;left: 481px;width: 1px;height: 18px;}

div#statischestamboom div#lijn10 {top: 220px;left: 421px;width: 1px;height: 20px;}

div#statischestamboom div#lijn11 {top: 220px;left: 541px;width: 1px;height: 20px;}

div#statischestamboom div#lijn12 {top: 320px;left: 171px;width: 121px;height: 1px;}

div#statischestamboom div#lijn13 {top: 302px;left: 231px;width: 1px;height: 18px;}

div#statischestamboom div#lijn14 {top: 320px;left: 171px;width: 1px;height: 20px;}

div#statischestamboom div#lijn15 {top: 320px;left: 291px;width: 1px;height: 20px;}

div#statischestamboom div#lijn16 {top: 320px;left: 476px;width: 121px;height: 1px;}

div#statischestamboom div#lijn17 {top: 302px;left: 541px;width: 1px;height: 18px;}

div#statischestamboom div#lijn18 {top: 320px;left: 476px;width: 1px;height: 20px;}

div#statischestamboom div#lijn19 {top: 320px;left: 596px;width: 1px;height: 20px;}

div#statischestamboom div#lijn20 {top: 420px;left: 171px;width: 1px;height: 1px;}

div#statischestamboom div#lijn21 {top: 402px;left: 171px;width: 1px;height: 18px;}

div#statischestamboom div#lijn22 {top: 420px;left: 171px;width: 1px;height: 20px;}

div#statischestamboom div#lijn23 {top: 422px;left: 291px;width: 53px;height: 1px;}

div#statischestamboom div#lijn24 {top: 402px;left: 291px;width: 1px;height: 20px;}

div#statischestamboom div#lijn25 {top: 422px;left: 343px;width: 1px;height: 1px;}

div#statischestamboom div#lijn26 {top: 422px;left: 343px;width: 254px;height: 1px;}

div#statischestamboom div#lijn27 {top: 402px;left: 596px;width: 1px;height: 20px;}

div#statischestamboom div#lijn28 {top: 422px;left: 343px;width: 1px;height: 1px;}

div#statischestamboom div#lijn29 {top: 435px;left: 343px;width: 1px;height: 1px;}

div#statischestamboom div#lijn30 {top: 425px;left: 343px;width: 1px;height: 10px;}

div#statischestamboom div#lijn31 {top: 435px;left: 343px;width: 1px;height: 5px;}

div#statischestamboom div#lijn32 {top: 520px;left: 343px;width: 1px;height: 1px;}

div#statischestamboom div#lijn33 {top: 502px;left: 343px;width: 1px;height: 18px;}

div#statischestamboom div#lijn34 {top: 520px;left: 343px;width: 1px;height: 20px;}

div#statischestamboom div#lijn35 {top: 620px;left: 343px;width: 1px;height: 1px;}

div#statischestamboom div#lijn36 {top: 602px;left: 343px;width: 1px;height: 18px;}

div#statischestamboom div#lijn37 {top: 620px;left: 343px;width: 1px;height: 20px;}

div#statischestamboom div#lijn38 {top: 710px;left: 343px;width: 1px;height: 1px;}

div#statischestamboom div#lijn39 {top: 702px;left: 343px;width: 1px;height: 8px;}

div#statischestamboom div#lijn40 {top: 710px;left: 343px;width: 1px;height: 20px;}

div#statischestamboom div#lijn41 {top: 800px;left: 343px;width: 1px;height: 1px;}

div#statischestamboom div#lijn42 {top: 792px;left: 343px;width: 1px;height: 8px;}

div#statischestamboom div#lijn43 {top: 800px;left: 343px;width: 1px;height: 20px;}

div#statischestamboom div#lijn44 {top: 920px;left: 241px;width: 331px;height: 1px;}

div#statischestamboom div#lijn45 {top: 845px;left: 408px;width: 1px;height: 75px;}

div#statischestamboom div#lijn46 {top: 920px;left: 241px;width: 1px;height: 20px;}

div#statischestamboom div#lijn47 {top: 920px;left: 351px;width: 1px;height: 20px;}

div#statischestamboom div#lijn48 {top: 920px;left: 461px;width: 1px;height: 20px;}

div#statischestamboom div#lijn49 {top: 920px;left: 571px;width: 1px;height: 20px;}

div#statischestamboom div#lijn50 {top: 1040px;left: 169px;width: 463px;height: 1px;}

div#statischestamboom div#lijn51 {top: 965px;left: 186px;width: 1px;height: 75px;}

div#statischestamboom div#lijn52 {top: 1040px;left: 169px;width: 1px;height: 20px;}

div#statischestamboom div#lijn53 {top: 1040px;left: 376px;width: 1px;height: 20px;}

div#statischestamboom div#lijn54 {top: 1040px;left: 461px;width: 1px;height: 20px;}

div#statischestamboom div#lijn55 {top: 1040px;left: 546px;width: 1px;height: 20px;}

div#statischestamboom div#lijn56 {top: 1040px;left: 631px;width: 1px;height: 20px;}

div#statischestamboom div#lijn57 {top: 1155px;left: 51px;width: 181px;height: 1px;}

div#statischestamboom div#lijn58 {top: 1085px;left: 115px;width: 1px;height: 70px;}

div#statischestamboom div#lijn59 {top: 1155px;left: 51px;width: 1px;height: 15px;}

div#statischestamboom div#lijn60 {top: 1155px;left: 141px;width: 1px;height: 15px;}

div#statischestamboom div#lijn61 {top: 1155px;left: 231px;width: 1px;height: 15px;}

div#statischestamboom div#lijn62 {top: 1150px;left: 224px;width: 113px;height: 1px;}

div#statischestamboom div#lijn63 {top: 1085px;left: 224px;width: 1px;height: 65px;}

div#statischestamboom div#lijn64 {top: 1150px;left: 336px;width: 1px;height: 20px;}

div#statischestamboom div#lijn65 {top: 1260px;left: 392px;width: 1px;height: 1px;}

div#statischestamboom div#lijn66 {top: 1195px;left: 392px;width: 1px;height: 65px;}

div#statischestamboom div#lijn67 {top: 1260px;left: 392px;width: 1px;height: 20px;}

div#statischestamboom div#lijn68 {top: 1370px;left: 291px;width: 331px;height: 1px;}

div#statischestamboom div#lijn69 {top: 1305px;left: 447px;width: 1px;height: 65px;}

div#statischestamboom div#lijn70 {top: 1370px;left: 291px;width: 1px;height: 20px;}

div#statischestamboom div#lijn71 {top: 1370px;left: 401px;width: 1px;height: 20px;}

div#statischestamboom div#lijn72 {top: 1370px;left: 511px;width: 1px;height: 20px;}

div#statischestamboom div#lijn73 {top: 1370px;left: 621px;width: 1px;height: 20px;}

div#statischestamboom div#lijn74 {top: 1480px;left: 291px;width: 331px;height: 1px;}

div#statischestamboom div#lijn75 {top: 1452px;left: 511px;width: 1px;height: 28px;}

div#statischestamboom div#lijn76 {top: 1480px;left: 291px;width: 1px;height: 20px;}

div#statischestamboom div#lijn77 {top: 1480px;left: 401px;width: 1px;height: 20px;}

div#statischestamboom div#lijn78 {top: 1480px;left: 511px;width: 1px;height: 20px;}

div#statischestamboom div#lijn79 {top: 1480px;left: 621px;width: 1px;height: 20px;}

div#statischestamboom div#lijn80 {top: 1580px;left: 166px;width: 351px;height: 1px;}

div#statischestamboom div#lijn81 {top: 1415px;left: 236px;width: 1px;height: 165px;}

div#statischestamboom div#lijn82 {top: 1580px;left: 166px;width: 1px;height: 20px;}

div#statischestamboom div#lijn83 {top: 1580px;left: 286px;width: 1px;height: 20px;}

div#statischestamboom div#lijn84 {top: 1580px;left: 516px;width: 1px;height: 20px;}

div#statischestamboom div#lijn85 {top: 1680px;left: 71px;width: 221px;height: 1px;}

div#statischestamboom div#lijn86 {top: 1625px;left: 111px;width: 1px;height: 55px;}

div#statischestamboom div#lijn87 {top: 1680px;left: 71px;width: 1px;height: 20px;}

div#statischestamboom div#lijn88 {top: 1680px;left: 181px;width: 1px;height: 20px;}

div#statischestamboom div#lijn89 {top: 1680px;left: 291px;width: 1px;height: 20px;}