body{height:100%;}


@media only screen and (max-device-width:1024px){body{font-family:'Arimo', serif;font-size:11px}
}
@media only screen and (min-device-width:1025px){body{font-family:'Arimo', serif;font-size:12px}
}
h1,h2,h3,h4{font-family:Lato;font-weight:bold;}

body{line-height:180%;}

/* HEAD */
div#canvas_head{position:fixed;height:100px;z-index:1000;width: 100%;background-color:#fff;top:0px;}
input#voorletters{display:none;}
div#logo{width: 300px;text-align: left;z-index: 8;margin-left: 10%;display:inline-block}
div#logo_text{display:inline-block;margin-left:25%;}

div#menuknop{width:30px;display:inline-block;background-color:#333;color:#eee;text-align:center;box-sizing:border-box}
div#talen{position:absolute;width:20%;height:27px;right:0px;padding:10px;z-index:15;}
div.button{background-color:#fff;color:#333;font-size:2em;padding:0.5em;}
div.button:hover{background-color:#CCC;color:#000;}
div.button a{color:#333;}

div#canvas_content div.blog_feed_item{margin-bottom:20px;width:100%;}
div#canvas_content div.blog_feed_url{width:100%;padding:8px;box-sizing:border-box;}
div#canvas_content div.blog_feed_url a{color:#006;font-size:0.8em;}
div#canvas_content div.blog_feed_datum{width:100%;background-color:#ccc;text-align:right;font-size:0.8em;color:#fff;padding:3px;box-sizing:border-box;font-weight:bold;margin-bottom: 10px;}

div#canvas_bottom div.blog_feed_item{margin-bottom:20px;width:100%;}
div#canvas_bottom div.blog_feed_url{width:100%;box-sizing:border-box;}
div#canvas_bottom div.blog_feed_url a{color:#006;}
div#canvas_bottom div.blog_feed_datum{width:100%;;color:#fff;padding:3px;box-sizing:border-box;font-weight:bold;}

/* knop vorderingen */
div#vorderingen_knop{height:50px;color: #000;background-color:#aaa;
font-weight: bold;
padding: 15px;
box-sizing: border-box;
margin-bottom: 20px;
font-size: 1.2em;
text-align: center;}
div#vorderingen_knop:hover{background-color:#ddd;padding-left:20px;}

/* nieuws overizcht onder Content2 */
div#content_2 div#blog_overzicht_small{width: 200px;border: 1px dotted #ccc;padding: 10px;box-sizing: border-box;}

div#blog_post{max-width:950px;min-height:200px;margin-left:auto;margin-right:auto;}
div#blog_post a{color:#CCC;}
div.blog_image{display:none;}
div.blog_item{max-width:700px;padding-bottom:10px;border-bottom:1px dotted #ccc;}
a.knop{color:#fff;background-color:#C6C8DA;padding:5px;}

/* link kleuren */
div#canvas_content a{color:#081BC0;text-decoration:none;}
div#canvas_content a:hover{text-decoration:underline;}
div#canvas_content a.sublinks{color:#081BC0;text-decoration:none;}
div#menu a{color:#eee;text-decoration:none;}
a{color:#ddd;}

/* Fotogallery */
div.fotogallery{padding:10px;margin:10px;}
div.div_thumbnail{display:inline-block;margin-right:10px;}
img.thumbnail{width:80px;-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");}
/* Formulieren */
div.div_formulier{min-height:300px;line-height:200%}
div.form_content{float:left}

input,textarea,select{padding:0.5em;font-size:0.8em;max-width:80%;border: 1px solid #C6C8DA;color: #321EB9;}
input.submit{margin-top:0.7em;width:100px;text-transform:uppercase;}

div.form_field_desc{font-size:1em;min-width:200px;max-width:250px;}
div.form_field_input{}
div.form_field_label{text-transform:uppercase;font-weight:bold;margin-top:0.5em;margin-bottom:0.5em;font-size:1.2em;}
span.foutmerk{color:#F00;font-weight:bold;padding-right:1em;}

div#canvas_menu{background:url('bg_menu.jpg');height:50px;width:100%;}
div#menu{max-width:1100px;margin-left:auto;margin-right:auto;line-height:110%;}

a#active{background-color:#000;padding:5px;}
#landing li{width:200px;display:inline-block;text-align:left;list-style-type:none;margin:5px;}
div#blog_content{width:75%;float:left;padding-right:4%;}
div#blog_recent{width:20%;float:left;}

/* content */
div#canvas_content{width:100%;margin-top:140px;position:relative;}
div#content{max-width:1100px;text-align:justify;padding:20px;box-sizing:border-box;margin-left:auto;margin-right:auto;}

div#content_1{width:74%;display:inline-block;vertical-align:top;padding:10px;margin-right:1%;box-sizing:border-box;line-height:180%;} 
div#content_2{width:24%;display:inline-block;vertical-align:top;padding:10px;box-sizing:border-box;line-height:180%;}

/* Bottom */
div#canvas_bottom{position:relative;z-index:10;padding:1em;background:url("bg_bottom.jpg");background-size:100%;color:#eee;text-align:center;line-height:160%;}
div#canvas_bottom a{color:#A4A1A1}
div#bottom_1,div#bottom_2{width:250px;margin-left:10px;text-align:left;display:inline-block;vertical-align:top;box-sizing:border-box;padding:10px;}
div#bottom_3{width:400px;margin-left:10px;text-align:justify;display:inline-block;vertical-align:top;box-sizing:border-box;padding:10px;}

div#disclaimer{font-size:0.8em;line-height:140%;text-align:justify}
div#createdby{color:#ccc;font-size:0.75em;width:100%;background-color:#222;text-align:right;padding-right:50px;box-sizing:border-box}
div#createdby a{color:#ccc;}

/* faq */
#accordion h3{border-bottom:1px solid #eeeeee;max-width:600px;}
h3.ui-state-hover{color:#009};
h3.ui-accordion-header-active{color:#009;}
div.antwoord{padding-left:5%;padding-bottom:1%;box-sizing:border-box;border-bottom:1px solid #eeeeee;max-width:600px;}

@media only screen and (max-device-width: 481px)
{
/* mobile */
div#canvas_head{text-align:center;padding-top:10px;box-sizing:border-box;height:140px;}
div#logo_text{margin-left:0px; }
div#menu{padding-top:0px;font-size: 1.2em;}
div#canvas_content{margin-top:180px;}
div#content_1{display:block;font-size:1.2em;margin:0px;box-sizing:border-box;padding:20px;width:100%;}
div#content_2{display:block;font-size:1.2em;margin:0px;box-sizing:border-box;padding:20px;width:100%;}
div#talen{position:absolute;margin-top:10px;z-index:15;left:10px;width:200px;height:auto;font-size:1.2em;}

div#bottom_1, div#bottom_2, div#bottom_3{text-align:center;font-size:1.1em;width:90%;}
div#content_2 div#blog_overzicht_small{width:90%;}
div#createdby{text-align:center;}

ul.slimmenu.collapsed li{ background-color: #fff;padding: 8px;padding-left:20px;color: rgb(0, 0, 0);text-align: left;border-bottom: 1px dotted #eee;display: block;width: 100%;box-sizing: border-box;}
div#menu ul li a{color:#000;}
ul.slimmenu li ul li:last-child{border-bottom:1px solid #003A6D;}
ul.slimmenu li > ul{width:auto;font-size:1em;}
}
	
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
/* iPad staand en liggend */ 
div#canvas_head{padding-top:10px;box-sizing:border-box;height:140px;}
div#logo{margin-left:2%;}
div#logo_text{margin-left:0px; }

div#canvas_content{margin-top:130px;}
div#content_1{display:inline-block;font-size:1.2em;margin:0px;box-sizing:border-box;padding:10px;width:70%;}
div#content_2{display:inline-block;font-size:1.2em;margin:0px;box-sizing:border-box;padding:10px;width:30%;}
div#talen{position:absolute;top:5px;z-index:15;right:10px;width:200px;height:auto;font-size:1.2em;}
div#talen a{color:#333;}

div#bottom_1 {text-align:left;font-size:1.1em;width:55%;}
div#bottom_3 {text-align:justify;font-size:1.1em;width:38%;}

div#content_2 div#blog_overzicht_small{width:100%;}
div#createdby{text-align:center;}

div#menu{padding-top:0px;font-size: 1.2em;margin-top:10px;padding-top:10px;text-align:center;}
div#menu a{text-align:left;}
ul.slimmenu.collapsed li{background-color: #fff;padding: 8px;padding-left:20px;color: rgb(0, 0, 0);text-align: left;border-bottom: 1px dotted #eee;display: block;width: 100%;box-sizing: border-box;}
ul.slimmenu li ul li:last-child{border-bottom:1px solid #003A6D;}
ul.slimmenu li > ul{width:auto;font-size:1em;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{
/* iPad liggend */ 
ul.slimmenu li{padding-left:10px;padding-right:10px;}
}
	
@media only screen and (min-device-width: 481px) and (max-device-width: 767px)
{
/* Tussenliggende resolutie */
div#canvas_head{height:140px;}
div#talen{position:absolute;top:5px;z-index:15;right:10px;width:200px;height:auto;font-size:1.2em;}
div#talen a{color:#333;}
div#content_1,div#content_2{display:inline-block;font-size:1.2em;margin:0px;box-sizing:border-box;padding:10px;width:100%;}
div#bottom_1 {text-align:left;font-size:1.1em;width:90%;}
div#bottom_3 {text-align:justify;font-size:1.1em;width:90%;}
div#content_2 div#blog_overzicht_small{width:100%;}
ul.slimmenu.collapsed li{ background-color: #fff;padding: 8px;padding-left:20px;color: rgb(0, 0, 0);text-align: left;border-bottom: 1px dotted #eee;display: block;width: 100%;box-sizing: border-box;}

ul.slimmenu li ul li:last-child{border-bottom:1px solid #003A6D;}
ul.slimmenu li > ul{width:auto;font-size:1em;}
}

@media only screen and (min-device-width: 1024px)
{
div#menu{padding-top:10px;}
div#bottom_1{ width:50%}
}

@media only screen and (min-device-width: 1200px)
{
div#content{max-width:1250px;}
div#content_2 {padding-left:80px;box-sizing:border-box}
}

div#menu ul.sub-menu li a:hover{color:#000;}