body {
  margin:0;
  padding:0;
  background:#fff;
  font:small Arial, Helvetica, sans-serif;
  line-height:1.6em;
  text-align:center;
/*  color:#333;*/
  }

/*#content {padding-top:4em;}*/
.container {
  background:#fff;
  width:800px;
  margin:0 auto;
  border:solid #fff;
  border-width:0px;
  text-align:left;
/*  color:#333;*/
  position:relative;
  }
#cellofaan {
  background:#fff;
  }

#header {
  background-repeat:no-repeat;
  float:left;
  width:100%;
/*  height:150px; */
  margin-top:2em;
  }

#footer {
  clear:both;
  padding-top:0;
  border:solid #fff;
  border-width:0;
  font-size:85%;
  }
#footer p {
  background-color:#fff;
  margin:10px 0 0;
  padding:20px 20px;
  border: solid #ccc;
  border-width:0;
  color:#777;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#666;
  border-color:#444;
  }
#footer a:hover {
  color:#933;
  border-color:#b55;
  }


/* ------------- typografie ---------------- */

h1 {
  background:#fff;
  margin:0;
  font:400%/1.1em Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#E9231B;
  text-transform:uppercase;
  }
h2, h2 a, h2 a:visited, label {
  color:#000;
  border-width:0;
  }
h2 {
margin:0;
  font:400%/1em Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  }

a:link, a:visited {text-decoration:none}

h2 a:hover {
  color:#974;
  text-decoration:none;
  }
h2 a {
  color:#358;
  }
h2 a:visited {
  color:#677;
  }
h2 a:hover {
  color:#933;
  }
h3 {
  margin:1em 0 .25em;
  font:150%/1.5em Georgia,Serif;
  }
h3 a, h3 a:visited {
  color:#358;
  border-width:0;
  }
h3 a:hover {
  color:#933;
  text-decoration:none;
  }

h4 {
  margin:0.5em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
  }
p {
  margin:0;
  }
hr {visibility:hidden;}
.intro p {width:580px;font-size:110%; font-weight:bold;}

.left {float:left; width:100px;margin-top:60px;margin-left:35px;}
.right {margin-top:60px;}

/* ------------- raamwerk ------------- */

div.blok a {background: url("../i/bg.gif") no-repeat;}
div.blok a {
text-align : left;
float : left;
width : 240px;
min-height: 250px;
border : 1px solid #fff;
margin : 0.2em; margin-right:20px;
padding:0 ;
overflow:hidden;
text-decoration: none;
font-size: 120%;
line-height:1em;
color:#000;
}
div.blok a:link, div.blok a:visited {font-weight : normal;}
div.blok a:link strong, div.blok a:visited strong {color:#E9231B;}
div.blok a:hover, div.blok a:active {font-weight : normal;background: url("../i/bgred.gif") no-repeat;}

div.blok a img {float:right; border:0;width:75px;margin-top:55px;margin-bottom:60px;}
div.blok .left a strong {color:#E9231B;}
div.blok span.slogan {margin-left:35px;width:100px;}
div.blok span.url { float:left;color:black;font-weight:bold;font-size:85%; width:100%;}


/* ------------- splash ------------- */

body#splash, #splash #cellofaan, #splash #footer p, #splash h1  {
background:#FEEE00;
}
body#splash #footer {
clear:both;
}
div.pijl {
background:url(../i/bgbig.gif) no-repeat;
width:610px;
height:800px;
margin-bottom:-140px;
}
div.pijl a {padding-top:220px;}
div.pijl span.kreet a:hover {color:#E9231B;}
div.pijl span.kreet a {position:absolute;left:0px;
font-size:600%;font-weight:bold; line-height:1em;color:#000;padding-left:0;text-transform:uppercase;
margin:0 0 0 100px;width:450px;}
/*div.pijl span.kreet strong {position:absolute;left:0px;
font-size:600%;font-weight:bold; line-height:1em;color:#000;padding-left:0;text-transform:uppercase;
margin:200px 0 0 100px;width:450px;}*/
div.pijl .blockquote {position:absolute;
font-size:150%;
margin:280px 0 0 105px;width:430px;} 

/*span.blockquote a:hover {color:#E9231B;}
span.blockquote a {color:#000;}*/

div#uitleg {
width:280px;
float:left;
font-weight:bold;
font-size:110%;
color:#E9231B;}

div#colofon {
width:300px;
float:right;
font-size:90%;
color:#000;}

div#colofon ul {list-style:none;  margin:0;
  padding:0;}
div#colofon ul li {  margin:0;
  padding:0;}