body {
margin-right: 5%; 
  background: url('/genealogie/casteels/pix/background.jpg');
 font-family: Garamond, serif, Verdana, Helvetica, "Times New Roman";
   color: black  }


@viewport {width: 320px auto; }


h1, h2 {color: DarkGreen;
    text-align: center;
 font-size: 32px;
  line-height: 40px; }


h5 { color: white;
    text-align: center;
  background-color: DarkGreen;
 font-size: 14px;
   margin-left: 15px;
 margin-bottom: 55px;
   font-weight: bold; }

  
hr {color: navy;
  text-align: center;
  width: 40%; }


.ndnt5pc { text-indent: 5%; }
.ndnt15pc { text-indent: 15%; }
.ndnt25pc { text-indent: 25%; }
.ndnt55pc { text-indent: 55%; }
.ndnt65pc { text-indent: 65%; }


p, .likep {
 font-size: 22px;
   font-weight: 600;
   line-height: 32px; }


.klein { font-size: 11pt;}


.centr { /* for centering tables */
 margin-left:auto; 
    margin-right:auto; }


.centreer, .kleinrem {
   text-indent: 0;
    text-align: center; }


.kleinrem {
    margin: 0 ;
 font-size: 15px;
   font-weight: 550;
   line-height: 19px; }


#rechts{
    position: absolute;
    left: 1050px;
 top:  200px;
   width:  250px }


#left{
    position: absolute;
    left:  10px;
 top: 200px;
   max-width: 12%; }


#center{
    margin-left:  14%;
   margin-right:  10px;
  max-width: 704px;
 height: auto; }


#right{
    position: absolute;
    right:  10px;
    top:   225px;
    width: 150px; }


#let1{
 font-size: 28px;
 color: DarkGreen;
   font-weight: 800; }


.groter{
 font-size: 28px;
   line-height: 40px;
   font-weight: 800; }


 
#vn, .klein { font-size: 15px;
   font-weight: 500;
   line-height: 19px; }



table, .liketable { 
 font-size: 24px;
   font-weight: 600;
   line-height: 31px;
    border: none;
 padding-right: 1em; }

td { vertical-align: top; }

img { border: none; }

blockquote {font-size: 16px;
 font-family: Courier, monospace; 
 margin-left: 40px;
    margin-right: 40px; }

a:link {color: blue;
  text-decoration: none;}

a:visited {color: purple;
  text-decoration: none;}

a:active {color: green;}

a:hover {color: DarkGreen;
  text-decoration: underline;}

ol,ul,.lijst {
    font-size: 20px;
/*    font-size: 12pt; */
  line-height: 22px;
  font-weight: 500; }

ul { list-style-type: square;}