@charset "utf-8";
/**
 * @license
 * MyFonts Webfont Build ID 3032912, 2015-05-28T06:20:13-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Lasiver-Light by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/lasiver/light/
 * 
 * Webfont: Lasiver-LightItalic by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/lasiver/light-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3032912
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright © 2013 by Type Dynamic. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/
@import url("//hello.myfonts.net/count/2e4750");
@font-face {font-family: 'Lasiver-Light';src: url('/css/2E4750_0_0.eot');src: url('/css/2E4750_0_0.eot?#iefix') format('embedded-opentype'),url('/css/2E4750_0_0.woff2') format('woff2'),url('/css/2E4750_0_0.woff') format('woff'),url('/css/2E4750_0_0.ttf') format('truetype');}
@font-face {font-family: 'Lasiver-LightItalic';src: url('/css/2E4750_1_0.eot');src: url('/css/2E4750_1_0.eot?#iefix') format('embedded-opentype'),url('/css/2E4750_1_0.woff2') format('woff2'),url('/css/2E4750_1_0.woff') format('woff'),url('/css/2E4750_1_0.ttf') format('truetype');}

body{margin:0;padding:0;min-width:990px;font-size:16px;font-family:'Lasiver-Light',sans-serif;color:#000;background:#dae7e9;-webkit-text-size-adjust:none}

/*html tags*/
hr{background-color:#000;border:0;color:#000;height:1px;margin:10px 0 10px 0}
a{color:#000}
a:hover{color:rgb(135,105,80)}
h1{font-size:30px;margin:0;padding:0 0 20px 0;color:rgb(135,105,80);font-weight:normal;line-height:35px}
h2{font-size:20px;margin:0;padding:0 0 4px 0;color:rgb(135,105,80);font-weight:normal;line-height:24px}
h2.h1{font-size:30px;margin:0;padding:0 0 20px 0;color:rgb(135,105,80);font-weight:normal;line-height:35px}
h3{font-size:20px;margin:0;padding:0 0 4px 0;color:rgb(135,105,80);font-weight:normal;line-height:24px}
h4,
h5,
h6{font-size:12px;margin:0;padding:0}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{position:absolute;left:20px;top:40px}

/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{display:block;height:1px;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}
.blue{color:rgb(138,180,185)}

/*header,footer,columns*/
#header_wrap{position:relative;width:100%;height:153px;background:url(/images/header_bg.png) 0 80px repeat-x #fff}
#header{position:relative;width:990px;height:153px;margin:0 auto}

.home #header_wrap{position:relative;width:100%;height:496px;background:url(/images/header_home_bg.png) 0 80px repeat-x #fff}
.home #header{position:relative;width:990px;height:496px;margin:0 auto}

#headertxt1{color:rgb(135,105,80);font-size:55px;line-height:60px;position:absolute;left:41px;top:12px}
#headertxt1 a{color:rgb(135,105,80);text-decoration:none}
#headertxt1 a:hover{color:rgb(135,105,80);text-decoration:none}
#headertxt2{color:rgb(176,157,141);font-size:30px;line-height:40px;position:absolute;left:561px;top:32px}

#menu{position:absolute;left:12px;top:79px;margin:0;padding:0;list-style-type:none}
#content2 #menu{top:-1px}
#menu li{display:block;float:left;margin:0;padding:0;background:url(/images/menu_bullet.png) 0 50% no-repeat}
#menu li:first-child{background:none}
#menu li a{display:block;margin:0;padding:16px 23px 16px 28px;font-size:22px;color:rgb(138,180,185);line-height:30px;text-decoration:none}
#menu li a:hover{color:rgb(135,105,80)}
#menu .active a{background:url(/images/menu_active.png) 50% 100% no-repeat}

#tohome{width:50px;height:50px;background:url(/images/home.png) 50% 50% no-repeat;position:absolute;right:68px;top:25px;background-size:24px}
#tohome a{width:50px;height:50px;display:block}
#tohome a span{display:none}

#content1_wrap{background:#f9f7f5;border-bottom:13px solid #fff}
#content1{position:relative;width:990px;min-height:150px;margin:0 auto}

#content2_wrap{background:#dae7e9}
#content2{position:relative;width:990px;margin:0 auto}
.home #content2{height:61px}

.leftcol{float:left;width:190px;padding:32px 50px 0 40px;color:rgb(135,105,80);line-height:24px}
.leftcol img{display:block;-webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6)}

.leftcol .kop{color:#fff;font-size:30px;line-height:35px;padding:0 0 20px 0}
.leftcol .kop2{float:left;padding:0 40px 0 0;color:rgb(138,180,185);font-size:20px;line-height:100px;background:url(/images/arrow-blue.png) 100% 50% no-repeat}

.rightcol{float:right;width:695px;padding:32px 15px 0 0;color:#000;line-height:24px}
.rightcol p{padding:0 34px 24px 0}

#content2 h1{color:rgb(138,180,185)}
#content2 h2.h1{color:rgb(138,180,185)}
#content2 h2{color:rgb(138,180,185)}
#content2 h3{color:rgb(138,180,185)}
#content2 .leftcol{color:rgb(138,180,185)}
#content2 .rightcol{}

.links{line-height:24px}
.links a{color:rgb(135,105,80)}
.links a:hover{color:rgb(135,105,80)}
.links a span{color:#000}
.links a:hover span{color:rgb(135,105,80)}
.links .blok{display:block;float:left;width:125px}

.download{text-align:right}
.download a{color:rgb(135,105,80);padding:0 32px 0 0;background:url(/images/arrow-brown.png) 100% 50% no-repeat}
.download a:hover{color:#000}

#content2 .download a{color:rgb(138,180,185);padding:0 32px 0 0;background:url(/images/arrow-blue.png) 100% 50% no-repeat}
#content2 .download a:hover{color:#000}

.download2{}
.download2 a{color:rgb(135,105,80);padding:0 32px 0 0;background:url(/images/arrow-brown.png) 100% 50% no-repeat}
.download2 a:hover{color:#000}
.download2 a span{color:#000}
.download2 a:hover span{color:rgb(135,105,80)}

#content2 .download2 a{color:rgb(138,180,185);padding:0 32px 0 0;background:url(/images/arrow-blue.png) 100% 50% no-repeat}
#content2 .download2 a:hover{color:#000}


#jvds{position:absolute;left:-13px;top:67px;display:block;border:13px solid #fff}

#home1{position:absolute;left:528px;top:80px;width:392px;height:175px;padding:8px 40px 0 30px;line-height:24px}
#home1 .kop{font-size:30px;margin:0;padding:0;color:rgb(138,180,185);font-weight:normal;line-height:45px} 
#home1 .link{position:absolute;left:0;top:0;margin:0;padding:0} 
#home1 .link a{display:block;width:462px;height:193px;background:url(/images/arrow-blue.png) 427px 151px no-repeat} 

#home2{position:absolute;left:528px;top:276px;width:392px;height:199px;padding:8px 40px 0 30px;line-height:24px}
#home2 .kop{font-size:30px;margin:0;padding:0;color:rgb(138,180,185);font-weight:normal;line-height:45px} 
#home2 .link{position:absolute;left:0;top:0;margin:0;padding:0} 
#home2 .link a{display:block;width:462px;height:207px;background:url(/images/arrow-blue.png) 427px 175px no-repeat} 

#home3{position:relative;height:174px;padding:18px 200px 0 42px;line-height:24px;color:rgb(135,105,80)}
#home3 .kop{font-size:30px;margin:0;padding:0;color:rgb(135,105,80);font-weight:normal;line-height:45px} 
#home3 .img{position:absolute;left:825px;top:30px} 
#home3 .img img{display:block;width:100px;-webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6)} 
#home3 .link{position:absolute;left:0;top:0;margin:0;padding:0} 
#home3 .link a{display:block;width:990px;height:192px;background:url(/images/arrow-brown.png) 955px 160px no-repeat} 

#home4{position:relative;height:174px;padding:18px 200px 0 42px;line-height:24px;color:rgb(135,105,80)}
#home4 .kop{font-size:30px;margin:0;padding:0;color:rgb(135,105,80);font-weight:normal;line-height:45px} 
#home4 .img{position:absolute;left:825px;top:30px} 
#home4 .img img{display:block;width:100px;-webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6)} 
#home4 .link{position:absolute;left:0;top:0;margin:0;padding:0} 
#home4 .link a{display:block;width:990px;height:192px;background:url(/images/arrow-brown.png) 955px 160px no-repeat} 

#boekennav{height:130px;} 
#boekennav a{display:block;float:left} 
/*#boekennav img{margin:5px 2px 0 2px; height:90px;-webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6)}*/
#boekennav img{margin:13px 2px 0 2px; height:74px;-webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.6)} 

.tekstimg{margin-top:5px}

.leftcol2{width:50%;float:left;box-sizing:border-box;padding:0 10px 0 0}
.rightcol2{width:50%;float:left;box-sizing:border-box;padding: 0 0 0 10px}
.rightcol2 p{padding:0 0 24px 0}

.leftcol2 h2{padding:0 0 24px 0}
.rightcol2 h2{padding:0 0 24px 0}
.leftcol2 h3{font-size:16px;padding:0}
.rightcol2 h3{font-size:16px;padding:0}
.rightcol .nopad{padding:0}