A:link {text-decoration: underline; color: #224499;}
A:visited {text-decoration: none; color: #224499;}
A:active {text-decoration: none; color: #224499;}
A:hover {text-decoration: underline; color: #111111;}

body {
	background-image: url(../images/achtergrond_2.jpg);
	background-attachment: fixed;
	background-size: cover;
}
div.reeks {
  display: inline-table;
  border: 0px solid green;
  min-width: 330px;
  width: 30%;
  text-align: center;
  margin-top: 0.5em; margin-bottom: 0.5em;
}

img { border: 2px solid grey; }

body {  font-family: Courier New, Courier, monospace; font-weight: bold; font-size: 1em;}
td { text-align: left; }


.staartje { border: 0px solid grey; }


 /* Split the screen in four */
.topL {
  height: 14%;
  width: 80%;
  position: fixed;
  z-index: 1;
  overflow-x: hidden;
  padding-left: 1em;
  padding-top: 1em;
  left: 0;
}
.topR {
  height: 14%;
  width: 20%;
  position: fixed;
  z-index: 2;
  left: 80%;
  overflow-x: hidden;
  text-align: right;
  padding-right:3em;
}
.splitL {
  height: 86%;
  top: 14%;
  width: 20%;
  position: fixed;
  z-index: 2;
  left:0;
  padding-left: 1em;
  padding-top: 1em;
  overflow-x: hidden;
}
.splitR {
  height: 86%;
  top: 10%;
  width: 80%;
  position: fixed;
  z-index: 1;
  overflow-x: hidden;
  right:0;
  padding-top: 1em;
  text-align: center;
}
.padR { padding-right: 3em; }
blockquote { margin-left: 1em; }
@media screen and (max-width: 650px) , screen and (max-height: 400px) {
   body       { font-size: 90%; }
   #moddate { display: none; }
   .splitL, .splitR, .topL, .topR { position: static; width: 100%; }
}

@media screen and (max-width: 320px) , screen and (max-height: 400px) {
   body       { font-size: 80%; }
   #moddate { display: none; }
   .splitL, .splitR, .topL, .topR { position: static; width: 100%; }
}