body
{
font-family: tahoma, verdana, sans-serif;
background: #ffffff;
font-size: 14px;
color: #333333;  
padding:0px;
margin:0px;
text-align: center;
}
td
{
font-family: tahoma, verdana, sans-serif;
font-size: 14px;
}
input:focus
{
background-color: #dec4ae;
}
h1
{
font-size: 18px;
margin:0px 0px 5px 0px;
display: inline; 
font-weight: bold;
}
h2
{
font-family: arial, verdana, sans-serif;
font-size: 14px;
margin:0px;
display: inline; 
}
h3
{
font-family: tahoma, verdana, sans-serif;
font-size: 16px;
margin:0px;
display: inline; 
}
.error 
{
font-family: arial, verdana, sans-serif;
font-size: 8pt;
color: red;
display:none;
}
  
.container
{
background: #ffffff;
width: 100%;
height: 100%;
}
.header
{
background: #fff url(../images/header_fotobalk.jpg) repeat-x;
width: 100%;
height:100px;
border: 0px solid red;
}
.header_980
{
width: 960px;
margin: auto;
border: 0px solid blue;
}
.logo
{
margin: 56px 0px 10px 30px;
border: 0px solid blue;
}

#navigatie
{ 
clear: right;
margin: 7px 10px 0px 0px;
padding: 0px 10px 0px 0px;
float: right;
border: 0px solid green;
}
#navigatie li
{ 
list-style: none;
margin: 0px;
text-align: center;
font-weight: bold;
float: left;
padding: 5px 0px;
}
.tab_links
{
float:left;
background: #fff url(../images/tab_bruin_links.gif) no-repeat;
width: 20px;
height: 30px;
margin: 0px 0px 0px 0px;
}
.tab
{
float: left;
background: url(../images/tab_bruin_midden.gif) repeat-x;
border-width: 1px;
height: 30px;
padding: 10px 0px 2px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid green;
}
.tab_rechts
{
float:left;
background: #fff url(../images/tab_bruin_rechts.gif) no-repeat;
width: 20px;
height: 30px;
margin: 0px 0px 0px 0px;
}
.tab_links_actief
{
float:left;
text-decoration: none;
background: #fff url(../images/tab_wit_links.gif) no-repeat;
border-width: 1px;
width: 20px;
height: 30px;
margin: 1px 0px 0px 0px;
border: 0px solid green;
}
.tab_actief
{
float:left;
background: #fff url(../images/tab_wit_midden.gif) repeat-x;
border-width: 1px;
padding: 10px 0px 2px 0px;
margin: 1px 0px 0px 0px;
height: 30px;
border: 0px solid green;
}
.tab_tekst
{
text-decoration: none;
font-family: arial, verdana, arial, sans-serif;
font-size: 12px;
color: #000033;  
font-weight: bold;
}
.tab_rechts_actief
{
float:left;
color: #000033;  
background: #fff url(../images/tab_wit_rechts.gif) no-repeat;
border-width: 1px;
width: 20px;
height: 30px;
margin: 1px 0px 0px 0px;
border: 0px solid green;
}
.links
{
text-decoration: none;
font-family: arial, verdana, sans-serif;
font-size: 12px;
color: #000033;  
}
.main_980
{
width: 960px;
margin: 40px auto 0px auto;
/*text-align: left;*/
}
.linkerkolom_570
{
float: left;
width: 568px;
}
.linkerkolom_gecentreerd
{
width: 568px;
}
.tussenruimte
{
float: left;
width: 20px;
}
.rechterkolom_380
{
float: left;
width: 363px;
}
.kader_wit
{
clear: both;
text-align: left;
margin: 0px;
border: 0px solid #663300;
padding: 20px;
background: #fff;
}
.kader
{
text-align: left;
margin: 0px;
border: 0px solid #663300;
padding: 0px 30px;
background: #fff url(../images/bg_wit_midden.gif) repeat-y;
}
.kader_smal
{
text-align: left;
margin: 0px;
border: 0px solid #663300;
padding: 0px 30px;
background: #fff url(../images/bg_wit_smal_midden.gif) repeat-y;
border: 0px solid #663300;
}
.kader_xsmal
{
text-align: left;
margin: 0px;
border: 0px solid #663300;
padding: 0px 30px;
background: #fff url(../images/bg_wit_xsmal_midden.gif) repeat-y;
border: 0px solid #663300;
}
.kader_header
{
height: 30px;
text-align: left;
margin: 0px;
padding: 30px 30px 0px 30px;
font-size: 16px;
font-weight: bold;
background: #fff url(../images/bg_wit_boven.gif) no-repeat;
border-width: 0pt;
border-color: #663300;
border-style: solid;
}
.kader_header_smal
{
height: 30px;
text-align: left;
margin: 0px;
padding: 30px 30px 0px 30px;
font-size: 16px;
font-weight: bold;
background: #fff url(../images/bg_wit_smal_boven.gif) no-repeat;
border-width: 0pt;
border-color: #663300;
border-style: solid;
}
.kader_header_xsmal
{
height: 30px;
text-align: left;
margin: 0px;
padding: 30px 30px 0px 30px;
font-size: 16px;
font-weight: bold;
background: #fff url(../images/bg_wit_xsmal_boven.gif) no-repeat;
border-width: 0pt;
border-color: #663300;
border-style: solid;
}
.kader_footer
{
text-align: left;
margin: 0px;
border: 0px solid #663300;
background: #fff url(../images/bg_wit_onder.gif) no-repeat;
border-width: 0px;
border-color: #663300;
border-style: solid;
padding: 0px 20px;
}
.kader_footer_smal
{
text-align: left;
margin: 0px;
border: 0px solid #663300;
background: #fff url(../images/bg_wit_smal_onder.gif) no-repeat;
border-width: 0px;
border-color: #663300;
border-style: solid;
padding: 0px 20px;
}
.kader_footer_xsmal
{
text-align: left;
margin: 0px;
border: 0px solid #663300;
background: #fff url(../images/bg_wit_xsmal_onder.gif) no-repeat;
border-width: 0px;
border-color: #663300;
border-style: solid;
padding: 0px 20px;
}
.kader_zoek
{
float: right;
width: 200px;
margin: 0px 0px 0px 0px;
}
.kader_menu
{
float: left;
width: 200px;
margin: 0px 0px 0px 0px;
}
.kader ul
{
list-style: url(images/bullet.gif);
margin: 5px 0px 0px 0px;
}
.kader li
{
margin: 5px 0px 0px 0px;
}
#kader_publiceer
{
/*height: 533px;*/
border: 0px solid #663300;
}
#kader_stamboomsites
{
/*height: 628px;*/
border: 0px solid #663300;
}
.thema
{
clear: both;
margin: 60px 0px 0px 0xp;
}

.site
{
float: left;
height: 90px;
width: 88px;
margin: 14px 13px 0px 0px;
font-size: 12px;
}
.site_plaatje
{
border: 1px solid #CCCCCC;
}
.link
{
clear: both;
}
.sites_links
{
clear: both;
border: 0px solid #663300;
height: 96px;
}

hr
{
border: 0;
color: #cccccc;
height: 1px;
background-color: #cccccc;
}

.submitbutton
{
height:22px;
font-family: arial, verdana, arial, helvetica,sans-serif;
font-weight: bold;
display: block;
cursor: pointer;
background: #CCCCCC url(../images/button_grijs.gif) repeat scroll right top;
color: #fff;
float: left;
white-space: nowrap;
text-decoration: none;
border: 0px;
padding: 0px 5px;
}
.vlaggen
{ 	
float: right; 
width: 70px;
margin: 38px 10px 0px 0px;
border: 0px solid black;
}
#icoon
{ 	
float: right; 
margin: 8px 0px 0px 6px;
border: 0px solid black;
}
#vlagnl
{ 	
float: right; 
margin: 8px 14px 0px 6px;
border: 0px solid black;
}
#vlagen
{ 	
float: right; 
margin: 8px 14px 0px 6px;
border: 0px solid black;
}
a
{ 
text-decoration: underline;
color: #000033;
}

a:hover
{ 
text-decoration: underline;
}
.lijst
{
float: left;
width:186px;
text-align: left; 
}
.uitleg
{
clear: both;
text-align: left; 
}
.uitleg_foto
{
margin: 0px 10px 20px 0px;
}
.uitleg_tekst
{
clear: both;
text-align: left; 
}
.overons
{
clear: both;
width: 960px;
margin: auto;
border: 0px solid blue;
text-align: center;
}
.voorwaarden
{
text-align: left; 
margin: 10px;
}
.geboortejaar
{
float: left;
margin: 0px 5px 20px 0px;
}