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


@viewport {  width: 320px auto; }


h1 {    color: #333300 ;
   text-align: center;
    font-size: 30pt;
}


h2 {     color: #333300 ;
    text-align: center;
     font-size: 20pt;
}


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


hr { color: navy;
     width: 40%;
}


p {  font-size: 18px;
   font-weight: 500;
   line-height: 27px;
}


#left{   top: 275px;
    position: absolute;
        left:  10px;
       width: 150px
}


#center{
    margin-left: 175px;
   margin-right:  10px;
         height: auto;
}


.centr { /* 2 center a table */
     margin-left:auto; 
    margin-right:auto;
}


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



.klein, .kleinrem { 
  font-size: 15px;
  font-weight: 550;
  line-height: 18px; }

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

.kleinrem { margin: 0; }


.kleinrem { 
     font-size: 15px;
   font-weight: 550;
   line-height: 19px;
    text-align: center;
}


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


#xpl{ font-size: 17px;
   font-weight: 550;
   line-height: 24px;
}


table { padding-right: 1em; }


td {  vertical-align: top; }


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: #333300;
  text-decoration: none;}

ol,ul,table {font-size: 11pt;}