@charset "utf-8";
/*========= Cascading Style Sheet stamboom.bode-almere.nl =========*/
/*=========   (c) 2010-2016 Familie Bode/Frits Bode       =========*/
/* Deze Stylesheet geldt onder alle omstandigheden (schermresoluties) */

/*Algemene Styles */
TABLE { padding: 0px; border-spacing: 0px; border-collapse: collapse;}
FIELDSET { margin: 2px;border: 3px solid Green; font-size: 95%;}
.FieldsetBlauw { border: 1px solid blue;}
.FieldsetRood { border: 3px solid red;}
.FieldsetGroen { border: 2px solid green;}
.FieldsetBezoekers { border: 3px solid Green;padding: 0px;padding-bottom: 5px;}
HR { color: Green; background-color: Green; height: 1px; margin-top: 0em; margin-bottom: 0em; }
LI { list-style-position: inside; list-style-type: disc;}
legend
{
  margin:0 auto;
  height:15px;
  vertical-align: bottom;
  font-size: 90%;
  background-color: Gold;
  color: Green;
  border: 1px solid Green;
  border-radius:7.5px;
  font-weight: bold;
  text-align:center;
  width:90%;
}
.LegendSpecial
{
  background-color: Green;
  color: Gold;
}
.LegendUpdate
{
  margin:0 auto;
  height:17.5px;
  vertical-align: bottom;
  font-size: 90%;
  background-color: Gold;
  color: Green;
  border: 1px solid Green;
  border-radius:7.5px;
  font-weight: bold;
  text-align:center;
  width:25%;
}
a:link { color: red; text-decoration: none;}
a:visited { color: green; text-decoration: none;}
a:hover { color: orange; text-decoration: none;	font-size: 100%;}
a:active { color: blue; text-decoration: none;}

/* Lettertypen */
.TitelTekst1, .TitelTekst2, .AdressenKop, .SubTitelTekst, .SubTitelTekst2 
{ 
  font-family: Comic Sans MS, Arial;
  font-size: 15%;
}
.Tekst { font-family: Arial Narrow, Arial;}
.SpeciaalTekst { font-family: AR BLANCA, Arial;}
.Parenteel { font-family: Script MT Bold, Arial;}
.ParenteelTabel { font-family: Arial Narrow, Arial;}
.Kwartierstaat { font-family: Script MT Bold, Arial;}
.LN { font-family: Arial Narrow, Arial;}
.Wens, .Welkom { font-family: Splash, Arial;}


/* Definities tekstweergave */
.Cursief { font-style: italic;}
.Vet { font-weight: bolder;}
.Onderstreept {text-decoration: underline;}
.Centreer { text-align: center;}
.Links { text-align: left;}
.Rechts { text-align: right;}
.Goedenacht {font-weight: bold;}
.Goedemorgen {font-weight: normal;}
.Goedemiddag {font-weight: normal;}
.Goedenavond {font-weight: bold;}

.Kleinste { font-size: 25%;}
.Kleinst { font-size: 50%;}
.Kleiner { font-size: 75%;}
.Kleiner2 { font-size: 65%;}
.Kleiner85 { font-size: 85%;}
.Kleiner90 { font-size: 90%;}
.Groter { font-size: 175%;}
.Groter110 { font-size: 110%;}
.Groter125 { font-size: 125%;}
.Groter150 { font-size: 150%;}
.Groter175 { font-size: 175%;}
.Sier { font-size: 150%; font-weight: bold; font-style:italic; color: Orange}

/* Definitie kleuren */
.Lente { color: yellow;}
.Zomer { color: red;}
.Herfst { color: brown;}
.Winter { color: blue;}
.Zomertijd { color: red;}
.Wintertijd { color: blue;}
.ProGen { color: #f9e9b0;}
.Rose { color: #FF99CC;}
.Oranje { color: #ff6600;}
.Zwart { color: black;}
.Rood { color: red;}
.Groen { color: green;}
.Blauw { color: blue;}
.Bruin {color: brown;}
.Wit { color: white;}
.Geel { color: yellow;}
.Navy { color: navy;}
.Silver { color: #C0C0C0;}
.Maroon { color: #800000;}
.Paars { color: #800080;}
.Fuchsia { color: #FF00FF;}
.Lime { color: #00FF00;}
.Olijf { color: #808000;}
.Teal { color: #008080;}
.Aqua { color: #00FFFF;}
.Oranje2 { color: #FF6600;}
.Groen2 { color: #99CC00;}
.Rood2 { color: #993300;}
.Goud { color: Gold;}
.Markeer { color: #004200;}
.MarkeerKop { color: Gold; font-weight: bold;}

.Stamboom { color: #228B22;}
.Bode { color: #DAA520;}
.En {color: #D2691E;}
.Teunissen { color: #8C6026;}
.Titel { color: #000000;}
.Meer { color: #4682B4;}
.WelkomG { color: #FF6600;}
.WelkomH { color: green;}
.WelkomW { color: #993300;}
.WelkomWeb { color: blue;}
.WelkomSite { color: green;}

.KW
{
  border: 1px solid Green;
  //border-radius: 15px;
}

.KWBase, .KWMan, .KWVrouw, .KWRelatie
{
  border: 1px solid Green;
  //border-radius: 15px;
}
.KWMan
{
  background-color: #66ffff;
  //border-radius: 15px;
}
.KWVrouw
{
  background-color: #ffe6e6;
  ///border-radius: 15px;
}
.KWRelatie
{
  background-color: White;
  //border-radius: 15px;
}

/* Invoervelden en Buttons */
input,textarea,select
{
	border-top: 1px solid Gold;
	border-bottom: 1px solid Gold;
	border-right: 1px solid Gold;
	border-left: 1px solid Gold;
}

input:focus,textarea:focus,select:focus
{
	border-top: 1px solid Green;
	border-bottom: 1px solid Green;
	border-right: 1px solid Green;
	border-left: 1px solid Green;
	background-color:Gold;
}

input[type=submit],input[type=reset],input[type=button],button
{
  width: 15;
  background-color: Gold;
  //border-radius: 4px;
  border-bottom: 4px solid Green;
  border-right: 0px solid Green;
  border-left: 0px solid Green;
  border-top: 0px solid Green;
  color: Green;
  padding: 2.5px 5px;
  margin: 2.5px 2.5px;
  cursor: pointer;
}
input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,button:hover
{
  background-color: Green;
  border-bottom: 4px solid Gold;
  color: Gold;
}

input[type=reset],input[type=reset]:focus,input[type=reset]:hover,
input[type=submit],input[type=submit]:focus,input[type=submit]:hover,
input[type=button],input[type=button]:focus,input[type=button]:hover,
button,button:focus,button:hover
{
  border-radius: 7.5px;
}

#Verpl
{
	position:relative; 
	top: 6px;
}
/*Algemene Styles */
.ParKw {margin: 0 0 0 0;
	height: 100%;
	background-image:none;
	background-color: #f9e9b0;
}
.wisselen
{
	display: none;
}
/* id instellingen tbv Reactie-formulier*/
#TekstAan
{
	display: inline;
}
#BetreftA, #BetreftB, #BetreftC, #BetreftD, #ReactieTekst, #FamNaamA, #FamNaamB, #NaamA, #NaamB,
#CorrectVn, #CorrectAn, #CorrectEm, #IncorrectVn, #IncorrectAn, 
#IncorrectEm, #CorrectRe, #IncorrectRe, #CorrectBe, #IncorrectBe,
#CorrectFm, #IncorrectFm, #CorrectWs, #IncorrectWs
{
	display: none;
}

/* id instellingen tbv edit-form PERSONEN & RELATIES*/
#Personalia, #Relatie
{
	display: inline;
}
#Busy, #Adres, #Geboorte, #Doop, #Overlijden, #Begrafenis, #Crematie, #Samenwonen, #Ondertrouw, #Wettelijk, #Kerkelijk, #Scheiding
{
	display: none;
}


/* id instellingen tbv edit-form Verantwoording*/
#LetterA
{
	display: inline;
}
#LetterB, #LetterC
{
	display: none;
}

/* id instellingen tbv Nieuws-pagina*/
#Oudnieuws, #NieuwsUit, #Data9VoorGisteren, #Data8VoorGisteren, #Data7VoorGisteren, #Data6VoorGisteren, #Data5VoorGisteren, #Data4VoorGisteren, #Data3VoorGisteren, #Data2VoorGisteren, #Data1VoorGisteren, #Data0VoorGisteren
{
	display: none;
}

#Data0NaMorgen, #Data1NaMorgen, #Data2NaMorgen, #Data3NaMorgen, #Data4NaMorgen, #Data5NaMorgen, #Data6NaMorgen, #Data7NaMorgen, #Data8NaMorgen
{
	display: none;
}

#Nieuwstext, #DataVandaag
{
	display: inline;
}
#NieuwsGifA, #NieuwsGifB
{
}

/* id instellingen tbv IkZoek-pagina */
#Bode, #Teunissen, #streepje
{
	display: inline;
}
#ikzoekAlles
{
	display: none;
}
#ikzoekBode, #ikzoekTeunissen
{
	display: inline;
}

/* id instellingen tbv Herkomst-pagina */
#HerkomstBode, #HerkomstRedem, #HerkomstTeun, #HerkomstVries
{
	display: none;
}
#HerkomstBasis
{
	display: inline;
}

/* id instellingen tbv NaamIndex-pagina */
#NaamIndexMeer
{
	display: none;
}
#NaamIndexMeerAan
{
	display: inline;
}

/* Definities FotoLint ParKw */
#FotoLint2,#FotoLint3,#FotoLint4,#FotoLint5
{
	display: none;
}
#FotoLint1
{
	display: inline;
}

/* Definities tbv meelopend keuzemenu */
#positie 
{
	position: relative;
	top: 0px;
	left: -25px;
}
#drijver 
{
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	top: 0px;
	left: 0px;
}

/* Overige Definities */
#tooltip2
{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	background-color: #FFFF66;
	visibility: hidden;
	z-index: 100;
	/*Verwijder onderstaande regel indien je geen schaduw wenst*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=120);
}

#positie2 
{
	position: relative;
	top: 0px;
	left: 0px;
}
#drijver2 
{
	position: absolute; 
	visibility: visible;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#positie3 
{
	position: relative;
	top: 0px;
	left: 0px;
}
#drijver3 
{
	position: absolute; 
	visibility: hidden;
	z-index: 3;
	top: 0px;
	left: 0x;
}

#main 
{
	clear: both;
}
#main 2
{
	clear: both;
}

.ScrollBox
{
  backgroud: yellow;
  padding: 10px;
  border: 1px solid black;
  height: 60px;
  overflow: scroll;
}
#MenuKolom
{
  float: left;
  width: 19%;
  padding: 0px 0px 0px 0px;
  text-align:center;
}

#KolomFooter
{
  clear: both;
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 0 0 0 0;
}

#TekstKolom
{
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 0 0 0 150px;
}

#PageHeader
{
  width:100%;
  padding: 0px 0px 10px 0px;
}

.ParenteelTR
{
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

.ParKwTab
{
  border-width:0px 0px 1px 1px;
}

.ParKwTR
{
  border-top: 0px solid black;
  border-bottom: 1px solid black;
}

.TabelNoBorder
{
	border-bottom: 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.TabelBorderBelow2
{
	border-bottom: 2px solid black;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.TabelBorderBelow1
{
	border-bottom: 1px solid black;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.CheckNewTabel
{
	border-bottom: 2px solid Green;
	border-top: 2px solid Green;
	border-left: 2px solid Green;
	border-right: 2px solid Green;
}

.TabelCheckNew
{
	border-bottom: 1px solid Green;
	border-top: 1px solid Green;
	border-left: 1px solid Green;
	border-right: 1px solid Green;
}


.TabelCheckNewOnder
{
	border-bottom: 1px solid Green;
	border-top: 1px solid Green;
	border-right: 1px solid Green;
}

.TabelCheckNewGeen
{
        border-top: 0px;
        border-bottom: 0px;
        border-right: 0px;
        border-left: 0px;
}


.TabelBeheerKop
{
	border-top: 3px solid Gold;
	border-bottom: 3px solid Gold;
	border-right: 2px solid Gold;
	background:Green;
}

.TabelBeheerKopRechts
{
	border-top: 3px solid Gold;
	border-bottom: 3px solid Gold;
	background:Green;
}


.TabelCheckNewRechts
{
	border-right: 1px solid Green;
}

.TabelCheckNewRechtsEnOnder
{
	border-bottom: 1px solid Green;
	border-right: 1px solid Green;
}

#MeeLoop, #MeeLoopAan, #ButtonUpdateAan
{
	display: inline;
}

#MeeLoopUit, #ButtonUpdateUit
{
	display: none;
}


#Update
{
	display: inline;
	font-family: Arial Narrow, Arial;
	font-size: 12px;
	font-weight: bold;
	color: green;
	z-index:-1;
}

#UpdateNiks
{
	display: inline;
	position: fixed; 
	width: 1200px; 
	background: #9ea1f7; 
	vertical-align: middle; 
	text-align: center; 
	top: 600px; 	
	right: 300px; 
	z-index: 2;
	border: 1px solid blue;
	padding: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 5px 10px #888888;
}

.TabelEven 
{
  border-bottom: 2px solid green;
  border-left: 2px solid green;
}
.TabelOneven 
{
  border-bottom: 2px solid red;
  border-left: 2px solid red;
}

/* Definities tbv vastzetten menu en Naar Boven/Naar Onder-knop */
#Navigatie, #NavigatiePos
{
    position: fixed;
    //width: 150px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    //background: #ffdab9;
    text-align: center;
    top: 350px;
    left: 0px;
}

#NavigatiePos
{
//    top: 325px;
//    left: 0px;
}

/* Definities tbv vastzetten menu en Naar Boven/Naar Onder-knop */
/* Menu */
#MeeloopMenu, #PosMenu { position: fixed; width: 150px; vertical-align: middle; text-align: center;}
#PosMenu { top: 0px; left: 0px;}

/* Naar Boven/Naar Onder-knop */
#MeeloopKnop, #topLeftKnop, #topRightKnop, #bottomLeftKnop, #bottomRightKnop 
{
	display: inline;
	position: fixed; 
	width: 400px; 
	background: Gold;/*#9ea1f7; */
	vertical-align: middle; 
	text-align: center; 
	top: 80px;
	right: 10px; 
	z-index: 2;
	font-size: 10pt;
	border: 1px solid Green;/*blue;*/
	padding: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 5px 10px #888888;
}

#MeeloopKnopA, #topLeftKnopA, #topRightKnopA, #bottomLeftKnopA, #bottomRightKnopA,
#MeeloopKnopB, #topLeftKnopB, #topRightKnopB, #bottomLeftKnopB, #bottomRightKnopB 
{ 
	display: inline; 
	position: fixed; 
	width: 200px; 
	background: Gold;/*#9ea1f7; */
	vertical-align: middle; 
	text-align: center; 
	top: 80px; 
	right: 10px; 
	z-index: 2;
	font-size: 10pt;
	border: 1px solid Green;/*blue;*/
	padding: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 5px 10px #888888;
}

#topLeftKnop,#topLeftKnopA { top: 175px; left: 195px;}
#topRightKnop,#topRightKnopA{ top: 80px; right: 10px;}
#bottomLeftKnop,#bottomLeftKnopA { bottom: 10px; left: 10px;}
#bottomRightKnop,#bottomRightKnopA { bottom: 10px; right: 10px;}

#BovenOnder {}

/* Meeloopmenu Herkomst */
#MeeloopHerkomst, #topLeftKnopHerkomst, #topRightKnopHerkomst, #bottomLeftKnopHerkomst, #bottomRightKnopHerkomst
{ position: fixed; width: 175px; vertical-align: middle; background: transparant; text-align: center; top: 75px; right: 10px; z-index: 2}
#topLeftKnopHerkomst { top: 175px; left: 195px;}
#topRightKnopHerkomst { top: 75px; right: 10px;}
#bottomLeftKnopHerkomst { bottom: 10px; left: 10px;}
#bottomRightKnopHerkomst { bottom: 10px; right: 10px;}
#BovenOnderHerkomst {font-size: 10pt;}

/* Meeloopmeny NaamIndex */
#MeeloopNaamIndex
{ position: fixed; width: 225px; vertical-align: top; background: transparant; text=align: center; top: 120px; left: 170px; z-index: 2}

.Dark
{ 
	background-color: #003366;
}

#WijzigScherm, #WijzigSchermLinks, #WijzigSchermRechts
{
	display: none;
}

#Reageer
{
	display: none;
	position: fixed;
	width: 600px;
	background: Gold;
	vertical-align: middle; 
	top: 150px;
	right: 10px; 
	z-index: 2;
	font-size: 10pt;
	border: 1px solid Blue;
	padding: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 5px 10px #888888;
}

/*#ButtonReageer
{
	display: inline;
	position: fixed;
	width: 100px;
	top: 150px;
	right: 10px; 
	z-index: 2;
}*/