/* Coeckelenbergh */


body {
margin-right: 5%; 
  background: url("/brussels/Coeckelenbergh/pix/background.jpg");
 font-family: 'Titillium Web', sans-serif, Verdana, Helvetica, "Times New Roman";
   color: black;    }

@viewport {width: 320px auto; }


#wrapper {
 position: absolute;
 left: 50%;
    width: 906px;
  margin-left: -452px;  }


#content { width: 100%; }


h1, h2 { color: red;
   text-align: center;
    font-size: 20pt;
  font-family: 'Diplomata', cursive;   }


h3 { font-size: 30px;   
    text-align: center;
   line-height: 36px;
   font-family: 'Titillium Web', cursive;  }


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


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

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


p, .likep, alt, title {
  font-size: 20px;
  font-weight: 550;
  line-height: 26px; }


#left { top: 200px;
  margin-left: 10px;
  position: absolute;
  width: 150px; }


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


#center {height: auto;
  margin-left: 200px;
  max-width: 904px; 
  margin-right: 10px; }


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


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


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

 
#vn, .klein, .kleinrem, td {
 font-size: 16px;
   font-weight: 550;
   line-height: 19px; }


.kleinrem {margin: 0 ; }


table {border: none;
  padding-right: 1em; }

td { vertical-align: top; }


img { border: none;
   max-width: 100%;
  height: auto;
   width: auto; }


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;}
a:active {color: green;}

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

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