@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
media="screen and (min-width: 480px)";
body{margin:0;padding:0;border:0;width:100%;background:#fff;min-width:600px;font-size:90%;font-family:'Open Sans',Helvetica,Arial,Verdana,sans-serif}
a{color:#369}
a:hover{text-decoration:none}
h1,h2,h3{padding:0;margin-right:0;margin-bottom:.1em;margin-left:0}
p{margin:.4em 0 .8em;padding:0;font-size:90%;font-family:'Open Sans',Helvetica,Arial,Verdana,sans-serif}
img{border-width:0;margin:10px 0 5px}
#ads img{display:block;padding-top:10px}
ul,ol{font-size:90%;font-family:'Open Sans',Helvetica,Arial,Verdana,sans-serif}
#header{clear:both;float:left;width:100%}
#header p,#header h1,#header h2,#header h3{padding-right:15px;padding-bottom:0;padding-left:15px}
#header h1{margin:0em;font-weight:400;position:relative;text-shadow:0 -1px rgba(0,0,0,0.6);font-size:28px;line-height:40px;background:#355681;background:rgba(53,86,129,0.8);border:1px solid #fff;padding:0 15px 5px;color:#fff;border-radius:0 10px 0 10px;box-shadow:inset 0 0 5px rgba(53,86,129,0.5);font-family:Impact, Charcoal, sans-serif}
#header h2{margin:0 0 .2em;font-weight:600;font-family:Helvetica,Arial,Verdana,sans-serif;position:relative;text-shadow:0 -1px 1px rgba(0,0,0,0.4);font-size:22px;line-height:40px;color:#355681;text-transform:uppercase}
#header h3{margin:.2em 0;font-weight:600;font-family:Helvetica,Arial,Verdana,sans-serif;position:relative;font-size:18px;line-height:20px;color:#788699}
#header p,#footer p{color:#355681;text-transform:uppercase}
#header ul{clear:left;float:left;width:100%;list-style:none;margin:10px 0 0;padding:0}
#header ul li{display:inline;list-style:none;margin:0;padding:0}
#header ul li a{display:block;float:left;margin:0 0 0 1px;padding:3px 10px;text-align:center;background:#eee;color:#000;text-decoration:none;position:relative;left:15px;line-height:1.3em}
#header ul li a:hover{background:#369;color:#fff}
#header ul li a.active,#header ul li a.active:hover{color:#fff;background:#000;font-weight:700}
#header ul li a span{display:block}
#layoutdims{clear:both;background:#FFF;font-size:70%;border-top:4px solid #000;padding:4px 15px 0;text-align:right;border-top-color:gray;border-top-width:1px;color:#369;font-family:Verdana,sans-serif,Helvetica,Arial}
.colmask{position:relative;clear:both;float:left;width:100%;overflow:hidden}
.colright,.colmid,.colleft{float:left;width:100%;position:relative;font-family:'Open Sans',Helvetica,Arial,Verdana,sans-serif;list-style-image:url(schroef.png)}
.col1,.col2,.col3{float:left;position:relative;padding:0 0 1em;overflow:hidden}
.threecol{background:##fff}
.threecol .colmid{right:25%;background:#fff}
.threecol .colleft{right:50%;background:##fff}
.threecol .col1{width:46%;left:102%}
.threecol .col2{width:21%;left:31%}
.threecol .col3{width:21%;left:85%}
#footer{clear:both;float:left;width:100%;border-top:1px solid #000;border-top-color:gray;font-family:Verdana,sans-serif,Helvetica,Arial}
#footer p{padding:10px;margin:0;text-align:center}
#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:700;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #555;border-top:1px solid #919191;background:transparent url(images/OFF.gif) repeat-x top left}
#cssmenu li{display:block;float:left;margin:0;padding:0}
#cssmenu li a{display:block;float:left;color:#333;text-decoration:none;font-weight:700;padding:12px 20px 0;height:24px;background:transparent url(images/DIVIDER.gif) no-repeat top right}
#cssmenu li a:hover{background:transparent url(images/HOVER.gif) no-repeat top right}
#topmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px solid #666}
#cssmenuvertical{width:100%;margin:0;padding:0;display:block}
#cssmenuvertical ul{display:block;list-style:none;margin:0;padding:0}
#cssmenuvertical ul li{width:100%;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:700;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:1px solid #555}
#cssmenuvertical ul li a{display:block;float:left;color:#333;text-decoration:none;font-weight:700;padding:10px 10px 0;height:24px}
#cssmenuvertical ul li a:hover,#cssmenuvertical ul li.active a{color:gray}
.post-it{background:#fefabc;padding:15px;margin:20px;font-family:'Comic Sans MS',cursive ,sans-serif;font-size:15px;color:#000;width:200px;float:right;-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);box-shadow:0 4px 6px #333;-moz-box-shadow:0 4px 6px #333;-webkit-box-shadow:0 4px 6px #333}
h1,h2,h3{color:#333;font-family:Verdana,sans-serif,Helvetica,Arial}
h4{border-style:none;border-width:thin;border-color:gray;background-color:#FFF;padding:5px;text-align:center;color:#355681;font-family:Helvetica,Arial,Verdana,sans-serif}
strong,bold,b{color:#4F4F4F}
.oval-thought-border{position:relative;float:right;padding:20px;margin:1em 30px 80px auto;border:5px solid #CCC;text-align:center;color:#333;background:#fff;-webkit-border-top-left-radius:240px 140px;-webkit-border-top-right-radius:240px 140px;-webkit-border-bottom-right-radius:240px 140px;-webkit-border-bottom-left-radius:240px 140px;-moz-border-radius:240px/140px;border-radius:240px/140px;box-shadow:0 4px 6px #333;width:200px;min-height:50px;font-family:'Comic Sans MS',cursive ,sans-serif;line-height:1.2}
.oval-thought-border:before{content:"";position:absolute;z-index:10;bottom:-40px;right:100px;width:50px;height:50px;border:5px solid #CCC;background:#fff;box-shadow:0 4px 6px #333;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;display:block}
.oval-thought-border:after{content:"";position:absolute;z-index:10;bottom:-55px;right:138px;width:25px;height:25px;border:5px solid #CCC;background:#fff;box-shadow:0 4px 6px #333;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;display:block}
.draairechts{-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);-o-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg)}
.draailinks{-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg)}
h4,.callout p{margin:0 0 .5em}
h4,.callout{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#F3F3F3;border:1px solid #CCC;margin:.5em;padding:.5em;color:#333}
#wrapper{width:100%;margin:0 automargin:.4em 0 .8em;padding:0;font-size:90%;font-family:'Open Sans',Helvetica,Arial,Verdana,sans-serif}
#left{width:44%;background:#fff;float:left;margin-left:4%;margin-right:2%}
#right{width:44%;background:#fff;float:right;margin-left:2%;margin-right:4%}
.centerwide{min-height:30px;width:800px;margin:0 auto}
.center{min-height:30px;width:400px;margin:0 auto}
.bold{font-weight: 600;color: #595959}
img{border-width:1px;border-color:#CCCCCC;margin:3px;padding:3px;box-shadow:0 4px 6px #333;-moz-box-shadow:0 4px 6px #333;-webkit-box-shadow:0 4px 6px #333}
.floatleft{float:left}
.floatright{float:right}
h4,h5{color:#355681}
.center300{min-height:30px;width:300px;margin:0 auto}
.center800{min-height:30px;width:800px;margin:0 auto}
ol{list-style-type:none;list-style-type:decimal !ie;margin:0;margin-left:4em;padding:0;counter-reset:li-counter}
ol > li{position:relative;margin-bottom:20px;padding-left:.5em;min-height:1.8em}
ol > li:before{position:absolute;top:0;left:-1.33em;width:1.2em;height:1.2em;font-size:1.5em;line-height:1;text-align:center;color:#f5f5f5;border:3px solid #c5c5c5;border-radius:50%;background-color:#464646;content:counter(li-counter);counter-increment:li-counter}
.button{background:-webkit-linear-gradient(top,#d5d5d5,silver);border-radius:3px;box-shadow:0 2px 0 #aaa;color:#333;display:inline-block;font-weight:700;padding:5px 10px;text-shadow:0 1px 0 #eee;background-color:#EAEAEA}
.button:hover{background:-webkit-linear-gradient(top,#e5e5e5,#d0d0d0);text-decoration:none}
.hout{background-image:url('images/hout.jpg ');color:#FFF;border:2px solid #E2E2E2;border-radius:6px;padding:7px;margin:10px;box-shadow:0 4px 6px #333;-moz-box-shadow:0 4px 6px #333;-webkit-box-shadow:0 4px 6px #333}
.columnleft{float: left;width:312px; }
.columnright{float: right;width:312px; }
.columncenter{display:inline-block;width:176px;text-align:center;vertical-align:middle}
#header img{border-width:none;border-color:none;margin:none;padding:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
#header .floatright{padding:4px;margin:2px;border-style:inset;border-radius:6px;border-width:1px 1px 0.5px 1px;border-color:#355681;height:85px;width:220px}