/* Central Style file - Centraal style bestand */

/* Basic page styles */
html {
	height:100%; max-height:100%;
	padding:0; margin:0; border:0;
	/* font-size:76%; */
	/* font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
 	/* overflow: hidden; */
	/* */
}

body {
	background-color:white;
	color:black;
	background-image: url('images/achtergrond.gif');
	background-repeat: no-repeat;
	/* background-position: center; */
	height:100%; max-height:100%;
	/* overflow:hidden; */
	padding:0; margin:0; border:0;

	/* font-family: Trebuchet MS, Arial, sans-serif; */
	/* font-size: 14px; */

	/* font:76% Verdana,Tahoma,Arial,sans-serif; */
	font: 12px Verdana, tahoma, arial, sans-serif;
	line-height:150%;
}

/* DIV "menu" in use for TOP AND HEADER (=MENU)!!!! */
#menu {
	/*
	width:100%;
	position:fixed;
	margin:0;
	display:block;
	height:65px;
	z-index:5;
	*/
}

#top {
	text-align:left;
 	color:#7F7F7F;
	background-color:#E8E8E8;
	background:url(images/gray_white.png) repeat left top;
	height:35px;
	padding:5px 10px 0;
}
#top_website_name	{
	font-weight:bold;
	/* font-size:20px; */
	font-size:14px;
}
#top_familytree_name {
	color:#333;
	/* font-size:16px; */
	font-size:13px;
	font-weight:bold;
}

/* Style-skin sheet select form */
#switchform {
	/* float:right; DOES NOT WORK IN IE7 */
 	position: absolute;
	top:5px;
	right: 10px;
	z-index: 10;
	font-family: Rockwell, Verdana, Arial, Sans-Serif;
	color: #000000;
	padding: 3px 3px 1px 3px;
	font-size:12px;
}
/* Country flags */
#switchform img { border:none;}

/* #header = menu bar */
#header {
	/* float:left; */
	position:absolute;
	top:40px;
	display:block;

	width:100%;
	/* background:#DAE0D2 url("bg.gif") repeat-x bottom; */
	background:url("images/default_trans_large.png") repeat left top;
	/* lichtblauw: background-color:#B8EDED; */
	/* grijs: background-color:#DBDBDB; */
	/* background-color:#E8E8E8; */
	/* font-size: 14px; */
	font-size: 13px;
	/* line-height:normal; */
 	border-top: solid 1px #999999;
 	border-bottom: solid 1px #999999;

	/* margin:0; padding:0; */
}
#header ul {
	margin:0;
	/* boven, links */
	/* padding:8px 10px 0; */
	list-style:none;
	
	padding-left: 15px;	
}
#header li {
	float:left;
	/* background:url("left.gif") no-repeat left top; */
	margin:0;
	/* padding:0 0 0 9px; */
	border-right:1px solid #ffffff;
	/* height: 30px; */
}
#header a {
	float:left;
	display:block;
	/* background:url("right.gif") no-repeat right top; */
	/* padding:8px 5px 6px 5px; */
	padding:8px 5px 6px 5px;
	text-decoration:none;
	/* font-weight:bold; */
	/* color:#765; */
	color:#333;
	/* height: 30px; */	

	border-right:1px solid #b0b0b0;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
/* #header a {float:none;} */
/* End IE5-Mac hack */

#header a:hover {
	/* font-weight:bold; */
	/* color:#333; */
	background:url(images/gray_down.png) repeat left top;
}
#header #current {
	/* background-image:url("left_on.gif"); */
}
#header #current a {
	/* background-image:url("right_on.gif"); */
	background:url(images/gray_down.png) repeat left top;
	color:#333;
	/* padding-bottom:5px; */
	/* font-weight:bold; */
}
/*
#header span {
	margin:0;
	padding:0 0 0 9px;
}
*/

/* nog niet in gebruik */
/* #schoon { clear: both; } */

* html #menu, * html #foot,* html #left {position:absolute;}
/* Gedeelte onder de menu balk op de goede plaats zetten */

/* Some extra space (below page etc) */
.pad2 {
	display:block;
	height:10px;
}

/* between menu bar and content */
#extra_space{
	/*
	display:block;
	height:7px;
	clear:both;
	*/
}

#content {
	display:block;
	/* height:100%; */
	/* max-height:100%; */
	/* top:7px; */
	/* overflow:auto; */
	padding-left:10px;
	position:relative;
	z-index:3;
	/* padding-top: 7px; */
	/* margin-top: 7px; */
	top:35px;
	/* position:absolute; */
}
#rtlcontent {
	display:block;
	/* height:100%; */
	/* max-height:100%; */
	/* top:7px; */
	/* overflow:auto; */
	padding-right:10px;
	position:relative;
	z-index:3;
	top:35px;
}

/* Center box is not used in all styles */
#mainmenu_centerbox{
	/* border: solid 1px #999999; */
	/* padding:5px; */
	/* line-height:150%; */

	/*
	margin:0px 15px 0px 15px;
	overflow:hidden;
	*/
	margin:0px 15px 0px 0px;

	height:auto;
	min-height:400px;
}

/* For main menu: left - center - right */
#mainmenu_left{
	float: left;
	/* width: 200px; */
	width:21%;
	/* margin: 0px; */
	padding: 0px;
	/* border: solid 1px #999999; */
	/* margin-left: 10px; */
}
#mainmenu_center{
	float: left;
	width: 46%;
	/* border: solid 1px #999999; */
	text-align:center;
	margin-left: 20px;
}
#mainmenu_center_alt{   
	float:left;
	width:70%;       /* was oorspronkelijk 48% */
	text-align:center;
	margin-left:0px;
	padding:0px 0px 0px 10px;        /* iets meer ruimte links gemaakt */
}
#mainmenu_right{
	float:right;
	/* float:left; */
	width: 20%;
	/* padding-right: 10px; */
	/* border: solid 1px #999999; */	
	margin-left: 20px;
	
	width:210px;
}
#mainmenu_right form {
	margin-left:12px;
	/* font-size:95%; */
}

/* Mainmenu link and tekst family tree - Link en tekst bij stamboom in hoofdmenu */
.stamboom_link {
	font-size: 12px;
	font-weight:normal;

	margin-left: 10px;
}
.stamboom_tekst {
	/* font-size: 12px; */
	font-size: 12px;
}

/* top bar in left - content - right boxes: only in main menu */
.mainmenu_bar{
	background:url("images/default_trans.png") repeat left top;
	text-align:center;	
	font-weight:bold;
	/* font-size:16px; */
	font-size:13px;
	margin-bottom:10px;
}	 

/* heads - koppen */
h1 { text-align: center; }
/* table { background-color:#FFFFCC; font-size: 14px;} */

hr { text-align: center; width:70%; }

/* tables - tabellen */
table {
	/*  border: solid 1px #999999; */
	border-collapse: collapse;
	/* background-color:#FFFFCC; */
	background-color:#FAF1EB;
	/* font-size: 14px; */
}
table.rand {
	border: solid 1px #999999;
	border-collapse: collapse;
}

td {
	border: solid 1px #999999;
}
td.geenrand {
	border: 0px;
}
th {
	font-size: 15px;
}

/* img { width:100px; } */

/* links - linken */
a { text-decoration:none; }
a:link {color: #000080;
}
a:hover { text-decoration:underline; color:red; }
a:visited { color:#000080; }

/* family screen - gezinsscherm */
table.gezin {
	width:98%;
}

/* family screen text - tekst bij gezinsblad */
.tekstgezinsblad {
	background-color: transparent;
	background-image: url('images/default_trans.png');
	/* font-size:120%; */
	font-size: 14px;
	text-align: center;
	font-weight:bold;
}
/* button expanded view - knop uitgebreid weergeven */
td.weergave {
	background-color: transparent;
	background-image: url('images/default_trans.png');
}

/* person margin - inspringen van gegevens bij een persoon */
.persoon_inspringen { margin-left: 15px; }
.kind_inspringen { margin-left: 30px; }
/* more than 9 kids: extra margin - bij meer dan 9 kinderen extra inspringen */
.kind_inspringen2 { margin-left: 40px; }

/* parent 1 (normally the father) - overzicht ouder1 (meestal de vader) */
.ouder1 { }

/* parent 2 (normally the mother) - overzicht ouder 2(meestal de moeder) */
.ouder2 { }

/* link to parents - link naar ouders */
.ouders { font-weight:bold; }

/* marriage - overzicht huwelijk */
.huwelijk { }

/* divorse - overzicht scheiding */
.scheiding { }

/* child number - overzicht kindnr */
.kindnr { font-weight:bold; font-style:italic; }

/* children - overzicht kinderen */
.kinderen { /* font-size:90%; */ }

/* name - naam */
.naam { font-weight:bold;}

/* text - tekst */
.tekst { font-style:italic; }

/* city - woonplaats */
.woonplaats { }

/* profession - beroep */
.beroep { }

/* religion - religie */
.religie { }

/* own code - eigen code */
.eigencode { }

/* event - gebeurtenis */
.gebeurtenis { font-style:italic; }

/* head genealogy - koptekst parenteel (Generatie I, II, etc.) */
.parenteel {
	font-size:200%;
	color:blue; font-weight:bold;
	text-align: center;

	line-height: 200%;
}

/* head family tree - koptekst kwartierstaat (Generatie I, II, etc.) */
.kwartierstaat {
	font-size:200%;
	color:blue; font-weight:bold;
	text-align: center;
	
	line-height: 200%;
}

/* source - bron */
table.bron { width:98%; }

/* adress - adres */
table.adres { width:98%; }

/* Center buttons - O.a. centreren van knoppen */
#centreren {
	text-align:center;
}

/* Heads - Voor de knoppen en andere invoer velden */
input { font-size: 10px; }
input.geselecteerd { color:blue; font-weight:bold; }

/* Family tree buttons - Parenteel en kwartierstaat knoppen */
.knop {
	height:20px;
	/* width:25px; */
	width:23px;
	padding:0px;
}

/* INDEX LISTS - INDEX LIJSTEN */
/* Volledige index_lijst centreren */
.index_lijst1{
	text-align:center;
	/* text-align:left; */
}
/* De INHOUD van de index_lijst links uitlijnen */
.index_lijst2{
	margin-left: 20%;
	text-align:left;
}

/* for RTL display */
.rtlindex_lijst2{
	margin-right: 20%;
	text-align:right;
}

/* Kleur van echtgeno(o)t(e) of parter in indexlijst */
.index_partner{
	color:green;
}

/* For lastnames index */
.index_lastname{
	margin-left: 100px;
	margin-right: 100px;
}

/* Lay-out for several search bar's */
.search_bar{
	position: relative;
	margin: 0px auto;
	width: 990px;
	text-align: center;
	/* background-color:#FAF1EB; */
	border: 1px solid #999999;;
	background:url("images/default_trans.png") repeat left top;
	padding:1px;
}

/* Kwartierstaat grafisch */
div.kwartierst_naam{
	position: absolute;
	/* width: 160px; height: 16px; */
	border: 1px solid #000;
	/* font-size: 11px; */
	font-size: 9px;
}
div.kwartierst_man{
	background-color:#99FFFF;
}
div.kwartierst_woman{
	background-color:#FFCCFF;
}
div.kwartierst_lijn{
	position: absolute;
	width: 20px;
	border-bottom: 1px solid #000; border-top: 1px solid #000;
}
div.kwartierst_split{
	position: absolute;
	width: 20px;
	border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000;
}

/* center and auto-adjust width of outline table */
table.outlinetable {
	margin-left: auto; margin-right:auto;
	width: auto;
}

.humoversie {
	font-size:9px;
	text-align: center;
}

/* Photo's */
div.photo{
	/* background-color:#FAF1EB; */
	margin: 2px;
	/* border: 1px solid #0000ff; */
	height: auto;
	/* width: auto; */
	/* height : 180px; */
	width : 200px;
	float: left;
	text-align: center;
	overflow:auto;
}
div.photo img{
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}
div.photo a:hover img {
	border: 2px solid #0000ff;
}
div.phototext{
	font-style:italic;
	/* font-weight: normal; */
	/* width: 120px; */
	margin: 2px;
}

/* Photobook */
div.photobook{
	background-color:#FAF1EB;
	margin: 2px;
	border: 1px solid #0000ff;
	/* height: auto; */
	/* width: auto; */
	height : 250px;
	width : 200px;
	float: left;
	text-align: center;
	overflow:auto;
}
div.photobook img{
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}
div.photobook a:hover img {
	border: 1px solid #0000ff;
}
div.photobooktext{
	font-style:italic;
	/* font-weight: normal; */
	/* width: 120px; */
	margin: 2px;
}

/* indentations for outline report */
/* a bit longer than necessary - better to many than too few.... */
	div.sub1 {margin-left: 20px; text-indent: -1.5em; }
	div.sub2 {margin-left: 60px; text-indent: -1.5em; }
	div.sub3 {margin-left: 100px; text-indent: -1.5em;}
	div.sub4 {margin-left: 140px; text-indent: -1.5em;}
	div.sub5 {margin-left: 180px; text-indent: -1.5em;}
	div.sub6 {margin-left: 220px; text-indent: -1.5em;}
	div.sub7 {margin-left: 260px; text-indent: -1.5em;}
	div.sub8 {margin-left: 300px; text-indent: -1.5em; }
	div.sub9 {margin-left: 340px; text-indent: -1.5em;}
	div.sub10 {margin-left: 380px; text-indent: -1.5em;}
	div.sub11 {margin-left: 420px; text-indent: -1.5em; }
	div.sub12 {margin-left: 460px; text-indent: -1.5em;}
	div.sub13 {margin-left: 500px; text-indent: -1.5em;}
	div.sub14 {margin-left: 540px; text-indent: -1.5em;}
	div.sub15 {margin-left: 580px; text-indent: -1.5em;}
	div.sub16 {margin-left: 620px; text-indent: -1.5em;}
	div.sub17 {margin-left: 660px; text-indent: -1.5em;}
	div.sub18 {margin-left: 700px; text-indent: -1.5em; }
	div.sub19 {margin-left: 740px; text-indent: -1.5em;}
	div.sub20 {margin-left: 780px; text-indent: -1.5em;}
	div.sub21 {margin-left: 820px; text-indent: -1.5em;}
	div.sub22 {margin-left: 860px; text-indent: -1.5em; }
	div.sub23 {margin-left: 900px; text-indent: -1.5em;}
	div.sub24 {margin-left: 940px; text-indent: -1.5em;}
	div.sub25 {margin-left: 980px; text-indent: -1.5em;}
	div.sub26 {margin-left: 1020px; text-indent: -1.5em;}
	div.sub27 {margin-left: 1060px; text-indent: -1.5em;}
	div.sub28 {margin-left: 1100px; text-indent: -1.5em; }
	div.sub29 {margin-left: 1140px; text-indent: -1.5em;}
	div.sub30 {margin-left: 1180px; text-indent: -1.5em;}
	div.sub31 {margin-left: 1220px; text-indent: -1.5em; }
	div.sub32 {margin-left: 1260px; text-indent: -1.5em;}
	div.sub33 {margin-left: 1300px; text-indent: -1.5em;}
	div.sub34 {margin-left: 1340px; text-indent: -1.5em;}
	div.sub35 {margin-left: 1380px; text-indent: -1.5em;}
	div.sub36 {margin-left: 1420px; text-indent: -1.5em;}
	div.sub37 {margin-left: 1460px; text-indent: -1.5em;}
	div.sub38 {margin-left: 1500px; text-indent: -1.5em; }
	div.sub39 {margin-left: 1540px; text-indent: -1.5em;}
	div.sub40 {margin-left: 1580px; text-indent: -1.5em;}
/* end indentations */

/* indentations for RTL outline report */
/* a bit longer than necessary - better to many than too few.... */
	div.rtlsub1 {margin-right: 20px; text-indent: -1.5em; }
	div.rtlsub2 {margin-right: 60px; text-indent: -1.5em; }
	div.rtlsub3 {margin-right: 100px; text-indent: -1.5em;}
	div.rtlsub4 {margin-right: 140px; text-indent: -1.5em;}
	div.rtlsub5 {margin-right: 180px; text-indent: -1.5em;}
	div.rtlsub6 {margin-right: 220px; text-indent: -1.5em;}
	div.rtlsub7 {margin-right: 260px; text-indent: -1.5em;}
	div.rtlsub8 {margin-right: 300px; text-indent: -1.5em; }
	div.rtlsub9 {margin-right: 340px; text-indent: -1.5em;}
	div.rtlsub10 {margin-right: 380px; text-indent: -1.5em;}
	div.rtlsub11 {margin-right: 420px; text-indent: -1.5em; }
	div.rtlsub12 {margin-right: 460px; text-indent: -1.5em;}
	div.rtlsub13 {margin-right: 500px; text-indent: -1.5em;}
	div.rtlsub14 {margin-right: 540px; text-indent: -1.5em;}
	div.rtlsub15 {margin-right: 580px; text-indent: -1.5em;}
	div.rtlsub16 {margin-right: 620px; text-indent: -1.5em;}
	div.rtlsub17 {margin-right: 660px; text-indent: -1.5em;}
	div.rtlsub18 {margin-right: 700px; text-indent: -1.5em; }
	div.rtlsub19 {margin-right: 740px; text-indent: -1.5em;}
	div.rtlsub20 {margin-right: 780px; text-indent: -1.5em;}
	div.rtlsub21 {margin-right: 820px; text-indent: -1.5em;}
	div.rtlsub22 {margin-right: 860px; text-indent: -1.5em; }
	div.rtlsub23 {margin-right: 900px; text-indent: -1.5em;}
	div.rtlsub24 {margin-right: 940px; text-indent: -1.5em;}
	div.rtlsub25 {margin-right: 980px; text-indent: -1.5em;}
	div.rtlsub26 {margin-right: 1020px; text-indent: -1.5em;}
	div.rtlsub27 {margin-right: 1060px; text-indent: -1.5em;}
	div.rtlsub28 {margin-right: 1100px; text-indent: -1.5em; }
	div.rtlsub29 {margin-right: 1140px; text-indent: -1.5em;}
	div.rtlsub30 {margin-right: 1180px; text-indent: -1.5em;}
	div.rtlsub31 {margin-right: 1220px; text-indent: -1.5em; }
	div.rtlsub32 {margin-right: 1260px; text-indent: -1.5em;}
	div.rtlsub33 {margin-right: 1300px; text-indent: -1.5em;}
	div.rtlsub34 {margin-right: 1340px; text-indent: -1.5em;}
	div.rtlsub35 {margin-right: 1380px; text-indent: -1.5em;}
	div.rtlsub36 {margin-right: 1420px; text-indent: -1.5em;}
	div.rtlsub37 {margin-right: 1460px; text-indent: -1.5em;}
	div.rtlsub38 {margin-right: 1500px; text-indent: -1.5em; }
	div.rtlsub39 {margin-right: 1540px; text-indent: -1.5em;}
	div.rtlsub40 {margin-right: 1580px; text-indent: -1.5em;}
/* end indentations */


/* Hulppagina */
.hulpdiv {
	width: 80%;
	position: relative;
	left: 10%;
}

.rtlhulpdiv {
	width: 80%;
	position: relative;
	right: 10%;
}

.hulpvak {
	padding-left: 20px;
	padding-right: 20px;
	/* width: 80%; */
	border: solid 1px #999999;
	background-color:#FAF1EB;
}
/*
.hulptabel {
width: 100%;
text-align: left;
margin: 0 0 20px 0;
}
*/
.hulpkop {
	margin: 0 0 -10px 0;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
}

.hulptekst {
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
}
.uitlegtekst {
	font-size: 95%;
	font-weight: normal;
	font-style: normal;
}

table.kwblad {
	width:96%;
	text-align:center;
	border-collapse:separate;
	border-spacing:1px;
	border-style:double;
	border-color:#777777;
}
table.kwblad td{
	width:12%;
	vertical-align:top;
	border-width:1px;
	border-style:double;
	border-color:#777777;
	padding-top:5px;
	padding-bottom:5px;
}
table.kwblad td.kw-small {
	font-size:12px;
}
table.kwblad td.kw-medium {
	font-size:14px;
}
table.kwblad td.kw-bigger {
	font-size:16px;
}
table.kwblad td.kw-big {
	font-size:18px;
}
th.kwhead {
	border-width:1px;
	border-style:double;
	border-color:#777777;   
	padding-top:5px;
	padding-bottom:5px;
	font-size:160%;
	color:blue;
	font-weight:bold;
	text-align: center;
}
.kwlegend {
	font-size:100%;
	text-align:center;
}
table.kwblad td.kwdevider{
	font-size:20%;
	padding-top:1px;
	padding-bottom:1px;
}
.onlyprint {display:none; }