body { margin: 0; padding: 10px; font: 16px/26px "Trebuchet MS", Helvetica, sans-serif; background: #ffffff url(../images/bgBalk.gif) repeat-x; }
.home { background: #ffffff; }
.clear { clear: both; }
h1 { color: #4DAF8D; font-size: 22px; margin-bottom: 0; padding-bottom: 0; }
h2 { color: #4DAF8D; font-size: 16px; margin-bottom: 0; padding-bottom: 0; }
a { color: #4DAF8D; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 1em 0; }
#logoLibbemulder { position: absolute; top: 0px; left: 35px; display: block; text-indent: -9999em; width: 229px; height: 53px; background: url(../images/psi_logo_klein.png) no-repeat; }
#logoPearsonBack { position: absolute; top: 0px; right: 65px; display: block; background: #ed6b06; width: 229px; height: 33px;}
#logoPearson { position: absolute; top: 0px; right: 0px; display: block; text-indent: -9999em; width: 199px; height: 33px; background: url(../images/logoPearson.png) no-repeat; }

#wrapper { position: relative; width: 980px; margin: 0 auto; position: relative; min-height: 672px; }
#top {width: 100%; height: 53px; background: #fff;}
#center {height: auto; color: #000; padding: 20px 20px 0px 20px; }
#center p {padding:0 30px 0 20px;}

.blok {float:left; width:450px; height:350px; font-size:14px; border:solid 10px #FFFFFF;}
.blok.een {background-color:#FFF; margin-left:-10px;}
.blok.twee {background-color:#FFF;}
.blok.drie {background-color:#FFF; margin-left:-10px;}
.blok.vier {background-color:#FFF;}

.blok .link {float:left;}

#blok {width: 100px; height: 100px; background: #4DAF8D; color: #fff; margin-left:20px;}
#blok h1 {color: #fff;  text-align:center; padding-top: 20px;}
#blok h2 {color: #fff; padding-top: 0px; text-align:center; font-size:14px; margin-top:0px;}

#blok2 {width:300px; float:left; padding-left:15px; padding-top:10px;}
#blok2 h2 {padding: 0; margin: 0;}
#blok2 ul {padding-left: 19px; margin: 0;}