/* ================================================ */

@import url('onWeb.css');
@import url('onCD.css');

@import url('images.css');

/* ================================================ */
/* checking for wrong tags:                         */

ins, del, u, font, strike, 
.vermoedelijk, .nadruk, .NOTE_COLLECTION {
   background:          #FF0000;
   color:               #FFFFFF;
   }
   
/* ================================================ */

body { 
   margin:              0px 0px 0px -380px;
   padding:             0px; 
   position:            absolute; 
   width:               760px; 
   top:                 0px; 
   left:                50%; 
   background:          #D5E4CD url('images/default-bg.jpg') repeat-x 0px 0px;
   }
   
div:after {     /* correctie Mozilla */
   content:             ""; 
   display:             block; 
   clear:               both; 
   }

div {           /* correctie IE */
   height:              1%;
   }
   
/* ================================================ */

h1 {
   }
   
h2 {
   }

h3 {
   margin:              10px 0px 10px 0px;
   }

h4 {
   margin:              5px 0px 5px 0px;
   }

h5 {
   }

h6 {
   }

p {
   margin:              5px 0px 5px 0px;
   font-size:           90%;
   }
   
ul, ol {
   margin-top:          0px;
   margin-bottom:       0px;
   }
   
img {
   border:              none;
   }
   
span.lastUpdated {
   float:               right;
   }
   
/* ================================================ */

div.block {
   margin:              0px; 
   padding:             0px; 
   width:               760px; 
   float:               left;
   clear:               both; 
   background:          #FFFFFF;
   }
   
/* ================================================ */

div.navigation {
   height:              25px;
   font-family:         verdana;
   }
   
div.navigation#header {
   background:          url('images/navigationHeader-bg.gif') no-repeat;
   }

div.navigation#main {
   background:          url('images/navigationMain-bg.jpg') repeat-x;
   }

div.navigation ul {
   margin:              0px 15px 0px 15px;
   padding:             0px;
   list-style:          none;
   }
   
div.navigation#header li {
   float:               right;
   font-size:           70%;
   }

div.navigation#main li {
   float:               left;
   font-size:           80%;
   font-weight:         bold;
   }

div.navigation a {
   text-decoration:     none;
   color:               #FFFFFF;
   padding:             5px 6px 5px 6px;
   display:             block;
   }
   
div.navigation#header a:hover {
   text-decoration:     underline;
   }
   
div.navigation#main a:hover {
   background:          url('images/navigationMain-hover.jpg') repeat-x;
   color:               #000000;
   }

/* ================================================ */

div.header {
   background:          url('images/header-bg.gif') no-repeat;
   height:              80px;
   }
   
/* ================================================ */

div.contents {
   }

/* ================================================ */

.records {
   background:          #FFFFFF;
   }
   
.records h4 {
   border-bottom:       1px solid #000000;
   }
   
.records p.header {
   padding:             5px 5px 5px 5px; 
   margin:              0px 0px 5px 25px; 
   width:               200px; 
   font-size:           90%; 
   font-weight:         bold; 
   border-bottom:       2px solid #000000; 
   color:               #000080;
   }

.records p.reference {
   margin:              5px 0px 5px 25px; 
   font-style:          italic;
   font-size:           80%;
   }
   
.records img.portret {
   float:               right;
   clear:               right;
   border:              1px solid #888888;
   margin:              0px 0px 5px 5px;
   height:              100px;
   width:               75px;
   }
   
.records img.wapen {
   float:               right;
   clear:               right;
   margin:              0px 0px 5px 5px;
   height:              58px;
   width:               50px;
   }

/* ================================================ */

div.footer {
   background:          url('images/footer-bg.jpg');
   }
   
div.footer p {
   font-family:         verdana;
   font-size:           70%;
   font-weight:         bold;
   text-align:          center;
   margin:              12px 0px 0px 0px;
   }
   
div.footer a {
   color:               #FFFFFF;
   }
   
div.footer img {
   margin:              -6px 0px 5px 0px;
   float:               right;
   }
   
/* ================================================ */

div.textArea {
   padding:             10px 10px 25px 10px;
   background:          #FFFFFF url('images/textarea-bottom.jpg') repeat-x bottom;
   }
   
div.textArea blockquote {
   font-style:          italic;
   }
   
/* ================================================ */

div.introduction {
   padding:             10px 10px 25px 10px;
   background:          #FFFFFF url('images/introduction-bottom.jpg') repeat-x bottom;
   }
   
div.introduction h4 {
   border:              none;
   }
   
div.generation {
   padding:             10px 10px 25px 10px;
   background:          #FAFAFA url('images/generation-bottom.jpg') repeat-x bottom;
   }
   
div.brancheStart {
   padding:             10px 10px 35px 10px;
   background:          #FFFFFF url('images/branche1-bottom.jpg') repeat-x bottom;
   text-align:          center;
   }

div.branche {
   padding:             10px 10px 35px 10px;
   background:          #FFFFFF url('images/branche2-bottom.jpg') repeat-x bottom;
   text-align:          center;
   }

div.family {
   padding:             10px 10px 25px 10px;
   background:          #FFFFFF url('images/family-bottom.jpg') repeat-x bottom;
   }
   
div.note {
   padding:             10px 10px 25px 10px;
   background:          #FFFFEE url('images/note-bottom.jpg') repeat-x bottom;
   }
   
div.source {
   padding:             10px 10px 25px 10px;
	background:          #FAFAFF url('images/source-bottom.jpg') repeat-x bottom;
   }

div.advertisement {
   padding:             10px 10px 25px 10px;
   background:          #FFFFEE url('images/note-bottom.jpg') repeat-x bottom;
   }

/* ================================================ */

div.structure {
   margin:              10px 0px 5px 20px;
   padding:             0px 5px 0px 5px;
   width:               600px;
   }
   
li div.structure {
   width:               560px;
   }
   
li li div.structure {
   width:               525px;
   }
   
/* ================================================ */

div.messages {
   border:              1px solid #FF0000;
   background:          #FFFF00;
   color:               #FF0000;
   width:               680px;
   }
   
div.notes {
	border:              1px solid #FFFFAA; 
	background:          #FFFFEE url('images/note-topleft.jpg') 0px 0px no-repeat; 
   }
   
div.sources {
	border:              1px solid #F0F0FF; 
	background:          #FAFAFF url('images/source-topleft.jpg') 0px 0px no-repeat; 
   }

/* ================================================ */

div.imageList {
   margin:              5px 10px 5px 10px;
   font-family:         verdana;
   font-style:          italic;
   font-size:           70%;
   }
   
div.imageList p.imageText {
   font-family:         times new roman;
   font-style:          normal;
   font-size:           125%;
   padding:             0px 4px 0px 4px;
   }
   
/* ================================================ */

.kwartierstaat { 
   list-style:          none; 
   padding:             0px; 
   margin:              0px; 
   }
   
.kwartierstaat li { 
   border:              1px solid #000000; 
   float:               left; 
   clear:               none; 
   margin:              1px; 
   padding:             1px; 
   height:              50px; 
   font-family:         verdana; 
   font-size:           60%; 
   text-align:          center; 
   }

.kwartierstaat li.gen1 { 
   width:               594px; 
   background:          #CCFFFF; 
   clear:               none; 
   }

.kwartierstaat li.gen2 { 
   width:               294px; 
   background:          #CCFFFF; 
   clear:               none; 
   }

.kwartierstaat li.gen2onzeker	{ 
   width:               294px; 
   background:          #FFCCCC; 
   clear:               none; 
   }

.kwartierstaat li.gen3 { 
   width:               144px; 
   background:          #CCFFFF; 
   clear:               none; 
   }

.kwartierstaat li.gen3onzeker { 
   width:               144px; 
   background:          #FFCCCC; 
   clear:               none; 
   }

.kwartierstaat li.gen4 { 
   width:               69px; 
   background:          #CCFFFF; 
   clear:               none; 
   height:              100px; 
   }

.kwartierstaat li.gen4onzeker { 
   width:               69px; 
   background:          #FFCCCC; 
   clear:               none; 
   height:              100px; 
   }
   
/* ================================================ */