body {
  margin:0;
  padding:0;
  font-size:90%;
  font-family: verdana, arial, sans-serif;
}

/* header voor sitenaam, paginanaam */
#header {
  clear:left;
  width:100%;
  overflow:hidden;
  left: 10px;
}

  #header p, #header h1, #header h2 {
    clear:left;
    float:left;
    width:96%;
    margin:0;
    padding:.4em 2% .1em 2%;
  }

/* schaalbare kolom */
.container {
  clear:both;
  float:left;
  width:100%;
  overflow:hidden;
}

.column {
  float:left;
  position:relative;
  padding:.5em 0 1em 0;
  overflow:hidden;
  width:70%;  /* breedte zonder linker en rechter padding */
  left: 155px;    /* padding links */
}

/* Navigatie blok */
#navigation {
  float: right;
  width: 150px; /* Dit is de breedte van het navigatie blok */
  padding: 10px;
  text-align: right;
}

  #navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
    #navigation ul li a {

    }

/* footer */
  #footer {
  clear:both;
  padding:1em 2%;
}

/* typografie en dergelijke */

h1, h2, h3, h4 {
  font-family: "gill sans", verdana, arial, sans-serif; /* Gill Sans voor koppen */
}

h2 {
  margin-bottom: 0;
}

/* Links in headers en navigatie zijn alleen op hover onderstreept */
h1 a, h2 a, h3 a, h4 a, #navigation a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, #navigation a:hover { text-decoration: underline; }

.date {
  font-size: 0.8em;
}

hr {
  border: none;
}