body{
      margin: 0;
      background-color: #ffffff;
      background-image: url(common/etc/eq-tile.gif);
      background-repeat: repeat-y;
      font-family: arial, verdana, helvetica, sans-serif;
      color: #330000;
      font-size: 75%;
}

/* NB: in de div-statements zit oa position: absolute; en daar onder in een
       body>div#xxxxxxx {position: fixed;}
       Dit is een truc om problemen met internet explorer, versies lager dan 7,
       te vermijden die de statements "fixed" en "absolute" niet volgens CSS-standaard
       uitvoeren. Internet Explorer v7 en hoger en Firefox bijv., doen dat wèl goed en
       kan "body>div#xxxxxxx {position: fixed;}" worden weggelaten en in het div-statement
       "absolute" vervangen worden door alleen "fixed".
*/


div#header{
      position: absolute;
      top: 0px;
      left: 282px;
      margin: 0;
      background-image: url(common/etc/banner-tile.jpg);
      background-repeat: repeat-x;
      width: 100%;
}


div#emptyq{
      position: absolute;
      top: 140px;
      left: 780px;
      margin: 0;
      background-image: url(common/etc/eq-tile.jpg);
      background-repeat: repeat-y;
      height: 100%;
}

div#nav{
      position: absolute;
      top: 0px;
      color: #663300;
      width: 282px;
      padding: 0 50px 15px 10px;
      margin: 0px 0px 0px 0px;
      background-image: url(common/etc/nav-tile.gif);
      background-repeat: repeat-y;
      height: 100%;
}
body>div#nav {position: fixed;}

div#hnavi{
      background-color: #663300;
      position: absolute;
      top: 90px;
      left: 5px;
      width: 240px;
      height: 15px;
      margin: 0;
      padding: 1px 5px 0px 10px;
      text-align: center;
}
body>div#hnavi {position: fixed;}

div#content{
      position: absolute;
      top: 130px;
      left: 300px;
      width: 480px;
      height: auto;
      padding: 0;
}

div#content-2{
      top: 30px;
      margin: 0px 0px 0px 40px;
      width: 480px;
      height: auto;
      padding: 0;
}

div#layout {
      background: url(common/about-site/pagelayout.gif) no-repeat 0px 0px; WIDTH: 420px; HEIGHT: 608px

}

div#expl_notes{
     position: relative;
      top: 190px;
      left: 120px;
      width: 290px;
      padding: 0px;
}

div#footer{
      color: #666666;
      text-align: center;
}


p{
      text-align: left;
      margin: 7px 0px 0px 0px;
}

p.big{
      text-align: left;
      margin: 100px 0px 0px 0px;
}

p.nav{
      text-align: center;
      margin: 0 0 0 0;
}

p.small-logo{
      text-align: left;
      margin: 5px 0 0 -5px;
      padding: 0;
}

p.navpic{
      text-align: center;
      margin: 50px 35px 0 0;
}
p.navpic2{
      text-align: left;
      margin: 10px 0 0 10px;
}

p.languages{
      text-align: left;
      margin: 10px 0 10px 0;
}

p.biglogo{
      margin: 5px 0 0 8px;
}

p.lastmodified{
      color: #330000;
      font-size: 0.8em;
      font-variant: small-caps;
      font-weight: bold;
      height: auto;
      width: 200px;
      margin: 0 0 0 35px;
}

p.parheader{
      background-color: #a97643;
      color: #ffffff;
      font-weight: bold;
      height: 15px;
      text-align: center;
      margin: 0 0 20px 0;
}

p.top{
      text-align: left;
      margin: 3px 0 25px 0;
}

h1{
   /* = 19px voor koppen pages */
      font-size: 1.9em;
      text-align: center;
      font-weight: bold;
      padding: 0;
      margin: 0 0 35px 0;
}
h1.welcome{
   /* = 19px voor koppen pages */
      color: #663300;
      font-size: 2.3em;
      text-align: center;
      font-weight: bold;
      padding: 0;
      margin: 0 0 5px 0;
}
h2{
   /* = 14px voor paragraaf-koppen */
      font-family: arial, verdana, helvetica, sans-serif;
      font-size: 1.0em;
}

h2.gallery-heading{
   /* = 14px voor paragraaf-koppen */
      color: #663300;
      font-family: arial, verdana, helvetica, sans-serif;
      font-size: 1.2em;
      margin: 0px 0px 0px 0px;
}

h3{
   /* = 16px voor menukop */
      font-size: 1.8em;
      font-weight: bold;
      padding: 0;
      margin: 10px 0 15px 0;
}
h4{
      font-size: 1.0em;
      font-weight: bold;
      padding: 0;
      margin: 2px 0 0 2px;
}
h4.active-chapt{
      color: #006600;
      font-weight: bold;
      font-size: 1.2em;
      margin: 20px 0 0px 20px;
}

h5{
      font-family: arial, verdana, helvetica, sans-serif;
      font-size: 1.1em;
      font-weight: bold;
}

h6{
   /* = 11px voor namen  */
      font-family: times new roman, serif;
      font-size: 1.1em;
      font-weight: bold;
      font-style: italic;
      margin: 10px 0 10px 0px;
}

blockquote.credo{
      border: 2px solid #0000ff;
      padding: 3px;
      color: #ff0000;
      font-weight: bold;
}


blockquote.german{
      width: 455px;
      border: 8px outset #663300;
      padding: 7px;
      margin: -10px 0 25px -2px;
}

blockquote.costexample{
      border: 2px solid #996633;
      padding: 3px;
}

hr{
      color: #999999;
}


ul{
      margin: 0 0 0 10px;
      padding: 0;
}

li{
      margin: 5px 0 0 10px;
}
li.chapt{
      margin: 5px 0 5px 10px;
      list-style-type: none;
}

li.par{
      margin: 2px 0 0 13px;
      list-style-type: none;
}

li.par-2{
      margin: 2px 0 0 13px;
}

li.text{
      margin: 0 0 0 15px;
}

ul.horli{
      margin: 0;
}
li.horli{
      display: inline;
      margin: 0;
}

a.horlink:link, a.horlink:visited{
      color: white;
      font-weight: bold;
      border-left: 1px solid #ffffff;
      text-decoration: none;
}
a.horlink:active, a.horlink:hover{
      color: green;
      font-weight: bold;
      border-left: 1px solid #ffffff;
      text-decoration: none;
}

a:link, a:visited{
      color: blue;
      text-decoration: underline;
}
a:active, a:hover{
      color: #006600;
      text-decoration: underline;
}
a.contents:link, a.contents:visited{
      color: #663300;
      font-weight: bold;
      font-size: 1.2em;
      text-decoration: none;
}
a.contents:active, a.contents:hover{
      color: #006600;
      font-weight: bold;
      font-size: 1.2em;
      text-decoration: underline;
}
a.txt:link, a.txt:visited{
      color: blue;
      text-decoration: none;
}
a.txt:active, a.txt:hover{
      color: #006600;
      text-decoration: underline;
}

a.sub:link, a.sub:visited{
      font-size: 1.0em;
      color: #660000;
      margin: 0 0 0 0px;
      padding: 0 0 0 0px;
      text-decoration: none;
}
a.sub:active, a.sub:hover{
      color: #006600;
      font-size: 1.0em;
      text-decoration: underline;
}


a.lang:link, a.lang:visited{
      color: #ffffcc;
      text-decoration: none;
}
/*
a.lang:hover a.lang:active {
      color: #006600;
      background-color: #006600;
      text-decoration: underline;
}
*/

a.top:link, a.top:visited{
      background-color: #996633;
      color: #ffffff;
      font-size: 1.0em;
      font-style: normal;
      text-decoration: none;
}
a.top:hover{
      background-color: #006600;
      color: #ffffff;
      font-size: 1.0em;
      font-style: normal;
      text-decoration: none;
}

/* ========================== IMAGES IN TEKST ========================== */

.left{
      float: left;
      padding: 5px;
      margin: 5px 5px 0 0;
      border: 1px solid #999;
}
.right{
      float: right;
      padding: 5px;
      margin: 5px 0 0 5px;
      border: 1px solid #999;
}

.left-tips{
      float: left;
      padding: 5px;
      margin: 5px 5px 0 0;
}
.right-tips{
      float: right;
      padding: 5px;
      margin: 5px 0 0 5px;
}
.single{
      padding: 5px;
      margin: 5px 0 0 5px;
      border: 1px solid #999;
}