/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
body{font-family: 'Source Sans Pro', sans-serif;padding:0;font-size:17px;margin:0 auto;color:#565656;background-color:#fff;}
.clear{clear:both; width:100%;}
p{padding:0;margin:0px;text-align:left;line-height:24px;}

a{color:#35b4e8; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {color:#565656;}

.grijze-balk {
    background-color: #fbfbfb;
    display: block;
    height: 100%;
    padding-bottom: 10px;
    text-align: center;
    color: #3a3a3a;
}

.grijze-balk ul{list-style:none; padding:0px;margin-top:10px; display:inline-block; }
.grijze-balk ul li{list-style:none; line-height: 125%; padding:0px 0 0 25px; margin:0px 10px 0 0; display:inline-block; 

background:url(https://www.dakkapelkennis.nl/images/selling_points_checked.png) no-repeat left;}

/* Main Content Structure
/*-----------------------------------------------------------------------------------*/
#main_container{margin:auto;width:100%;padding:0; position:relative;}
.center_content{margin:auto;width:1200px;padding:0 0 0px 0;}
.javapopup{
width:100%;
height:50px;
line-height:50px;
text-align:center;
background-color:#e8f8fe;
color:#35b4e8;
font-size:14px;
}
.javapopup a{
color:#639219; 
}

/* Header Structure
/*-----------------------------------------------------------------------------------*/
#header{width:100%; height:90px; background-color:#FFFFFF;}
.logo{ float:left; 
/*background:url(images/logo.png) no-repeat left; */
padding:0 0 0 0px; margin:25px 0 0 0; height:35px; line-height:35px;}
.logo a{ color:#717171; font-size:32px;font-weight:700; letter-spacing:-0.5px;}
.logo a span{ color:#35b4e8;}

.menu{ float:right;}
.menu ul { list-style:none; padding:35px 0 0 0; margin:0px; display:inline-block;}
.menu ul li{ list-style:none; padding:0px 15px; margin:0px; display:inline-block;}
.menu ul li a{ color:#181818; font-size:18px; font-weight:700;}
.menu ul li.selected a{ color:#35b4e8; font-size:18px; font-weight:700;}
.menu ul li a:hover{color:#35b4e8;}  

.center_image{ width:100%; height:auto; background-image:url(images/center_image.jpg);
background-position: top center;
background-size: cover;
clear:both;
}
.center_imagee{ width:100%; height:auto; background-image:url(images/center_imagee.jpg);
background-position: top center;
background-size: cover;
clear:both;
}
.center_image_page{ width:100%; height:auto; background-image:url(images/center_image_page.jpg);
background-position: top center;
background-size: cover;
clear:both;
}
.center_zip{ width:100%; height:100%; background:url(images/center_image_trans.png) repeat; text-align:center;}
.center_zip_title{ padding:170px 0 40px 0; font-size:60px; font-weight:700; color:#fff;
text-shadow: 2px 2px 3px #5b5b5b;}
.page_zip{padding:70px 0 40px 0; font-size:60px; font-weight:700; color:#fff;
text-shadow: 2px 2px 3px #5b5b5b;}
.center_zip p{ padding:0 0 35px 0; font-size:40px; font-weight:300; color:#fff; text-align:center;
text-shadow: 2px 2px 2px #5b5b5b;}
input.zip_input{ width:340px; height:48px; background-color:#FFFFFF; border:1px #fff solid; padding:0 0 0 10px; font-size:18px; color:#666666;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
box-shadow:1px 1px 2px #4c4c4c;
}
input.zip_submit{
width:100px; height:50px; background-color:#41b5e8; border:1px #41b5e8 solid;  font-size:18px; color:#ffffff; cursor:pointer; margin:0 0 0 13px; font-weight:700; font-size:21px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
}
input.zip_submit:hover{background-color:#3492bb;}
.subzip_info{ color:#fff; background:url(images/checked_icon.png) no-repeat left; padding:0 200px 0 50px; margin:10px 0 200px 0; display:inline-block; height:36px; line-height:36px; font-size:16px;text-shadow: 1px 1px 2px #5b5b5b;}
.subzip_info_page{ color:#fff; background:url(images/checked_icon.png) no-repeat left; padding:0 200px 0 50px; margin:10px 0 50px 0; display:inline-block; height:36px; line-height:36px; font-size:16px;text-shadow: 1px 1px 2px #5b5b5b;}

h2.center_title{ padding:80px 0 70px 0; text-align:center; display:block; clear:both; width:100%; font-size:30px; font-weight:300;}
h2.center_title span{ font-weight:700; color:#8da90b;}

.section13{ width:30%; float:left; margin:0 1.5%; font-size:17px;}
.section13 h3{ font-size:25px; color:#010101; padding:25px 0; margin:0px; font-weight:700; letter-spacing:-0.5px;}

a.center_button{ background-color:#41b5e8; display:block; clear:both; text-align:center; margin:70px auto; padding:20px 0; width:400px; font-size:24px; font-weight:700; color:#fff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
}
a.center_button:hover{background-color:#3492bb;}

a.left_align_button{ background-color:#41b5e8; display:block; clear:both; text-align:center; margin:40px 0 70px 0; padding:20px 0; width:400px; font-size:24px; font-weight:700; color:#fff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
}
a.left_align_button:hover{background-color:#3492bb;}

.testimonials{ background-color:#f1f4f4; width:100%; padding:0 0 50px 0;}

.testimonial{width:24%; float:left; margin:0 1.5%; font-size:17px; background:url(images/quotes.png) no-repeat left top #FFFFFF; border:1px #e1e6e6 solid;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
padding:3%;
}
.testimonial p{background:url(images/quotes_bottom.png) no-repeat right bottom; padding-bottom:30px; font-size:14px;}
.testimonial span{ font-weight:700; font-size:18px; display:block; width:100%; margin-bottom:10px;}

.bottom_image_container{width:100%; height:auto; background-image:url(images/bottom_image.jpg);
background-position: top center;
background-size: cover;}
.bottom_image_trans{ width:100%; height:100%; background:url(images/bottom_image_trans.png) repeat; text-align:center;}


.number_container{ width:20%; margin:0 2.5%; padding:100px 0; float:left;color:#FFFFFF; }
.number_container span{font-size:72px; font-weight:700; border-bottom:1px #4a4747 solid;}
.number_container p{ display:block; text-align:center; padding:20px 0 0 0; font-size:18px; line-height:22px; font-weight:300;}

.page_numbers_container{width:100%; height:auto;background-color:#fbfbfb;}

.number_container_p{ width:20%; margin:0 2.5%; padding:30px 0 40px 0; float:left;color:#9b9b9b; text-align:center;}
.number_container_p span{font-size:72px; font-weight:700; border-bottom:1px #ffffff solid;}
.number_container_p p{ display:block; text-align:center; padding:20px 0 0 0; font-size:18px; line-height:22px; font-weight:300;}

.bottom_zip{ width:100%;text-align:center; padding:40px 0;background:url(images/bottom_image_trans.png) repeat; clear:both;}
.bottom_zip label{ font-size:20px; color:#FFFFFF; font-weight:300; padding:0 15px 0 0;}

.sidebar{ width:20%; margin:40px 0 20px 2%; background-color:#fbfbfb; padding:30px; float:left;}
.sidebar h5{ font-size:20px; font-weight:700; margin:0 0 20px 0; padding:0px;}
.sidebar h6{ font-size:16px; font-weight:700; margin:0 0 20px 10px; padding:0px;}  
.sidebar ul{ padding:0px; margin:0 0 30px 10px; list-style:none; display:block;}
.sidebar ul li{ padding:0px 0 0 15px; background:url(images/sidebar_bullet.png) no-repeat left; margin:0 0 10px 0; list-style:none; display:block;}
.sidebar ul li a{color:#2d2d2d;}
.sidebar ul li a:hover, .sidebar ul li.selected a{color:#35b4e8;}

.right_content{ width:65%; padding:25px 2.5% 60px 2.5%; margin:40px 2% 0 0; float:right;}
.right_content p{
padding:0 0 10px 0;
}
.right_content h1{ font-size:28px; font-weight:700; margin:0 0 20px 0; padding:0px;}
.right_content h2{ font-size:22px; font-weight:700; margin:20px 0 10px 0; padding:0px;}
.right_content h3{ font-size:18px; font-weight:700; margin:20px 0 10px 0; padding:0px;} 
.right_content h4{ font-size:16px; font-weight:700; margin:20px 0 10px 0; padding:0px;}  

.right_content ul{ padding:0px; margin:10px 0 20px 10px; list-style:none; display:block;}
.right_content ul li{ padding:2px 0 2px 25px; background:url(images/sidebar_bullet_blue.png) no-repeat left; margin:0 0 10px 0; list-style:none; line-height: normal; display:block;}
.right_content ul li a{color:#35b4e8;}
.right_content ul li a:hover, .sidebar ul li.selected a{color:#35b4e8;}

.right_content ul.list_checked{ padding:0px; margin:30px 0 30px 10px; list-style:none; display:block;}
.right_content ul.list_checked li{ padding:5px 0 5px 55px; background:url(images/bullet_general.png) no-repeat left; margin:0 0 10px 0; list-style:none; display:block;}
.right_content ul.list_checked li a{color:#2d2d2d;}
.right_content ul.list_checked li a:hover{color:#35b48;}

.right_content ul.fields li{ padding:0px 0 0 0px; background:none; margin:0 0 0 0; list-style:none; display:block;}

.content_centered{ width:70%; padding:25px 0 60px 35px; margin:40px auto 0 auto;}
.content_centered h1{ font-size:28px; font-weight:700; margin:0 0 20px 0; padding:0px;}
.content_centered h2{ font-size:22px; font-weight:700; margin:40px 0 20px 0; padding:0px;}
.content_centered h3{ font-size:18px; font-weight:700; margin:40px 0 20px 0; padding:0px;} 
.content_centered h4{ font-size:16px; font-weight:700; margin:40px 0 20px 0; padding:0px;}  

.content_centered ul{ padding:0px; margin:30px 0 30px 10px; list-style:none; display:block;}
.content_centered ul li{ padding:5px 0 5px 55px; background:url(images/bullet_general.png) no-repeat left; margin:0 0 10px 0; list-style:none; display:block;}
.content_centered ul li a{color:#2d2d2d;}
.content_centered ul li a:hover{color:#35b4e8;}

.content_centered ul.fields li{ padding:0px 0 0 0px; background:none; margin:0 0 0 0; list-style:none; display:block;}

.full_width_content{}

.form_container{
padding:40px 0 0 0;
}


/* Footer
/*-----------------------------------------------------------------------------------*/
.footer{padding:50px 0 50px 0; margin:0;}

.section13_footer{ width:28%; float:left; margin:0 0 0 5%; font-size:17px;}
.section13_footer h4{ font-size:25px; color:#010101; border-bottom:1px #989898 solid; float:left; padding:0px 0 10px 0; margin:0px; font-weight:700; letter-spacing:-0.5px;}

.footer_text{ float:left; clear:both; line-height:22px; margin:50px 0 0 5%; padding:10px 0 0 0; font-size:15px; border-top:1px solid #989898;}

.section13_footer ul{ display:block; float:left; clear:both;padding:20px 0 0 0; margin:0px;}
.section13_footer ul li{ display:block; padding:0 0 5px 0;}
.section13_footer ul li a{ color:#4f4e4e; margin:0px; padding:0; font-size:15px;}
.section13_footer ul li a:hover{ color:#35b4e8;}

.show_menu{display:none;}
.hide_menu{display:none;}



#hor-minimalist-b{
font-size:16px;background:#fff;width:100%;border-collapse:collapse;text-align:left;
}
#hor-minimalist-b th{
font-size:18px;font-weight:normal;color:#000;border-bottom:2px solid #6678b1;padding:10px 8px;
}
#hor-minimalist-b td{border-bottom:1px solid #ccc;color:#000;padding:6px 8px;}


/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
.center_content{width:100%;}
.logo{ margin:25px 0 0 15px; height:35px; line-height:35px;}
.logo a{ font-size:25px;}

.sidebar{ width:20%; margin:40px 0 0 3%; background-color:#f0f0f0; padding:30px; float:left;}
.right_content{ width:60%; padding:30px 2% 60px 2%; margin:40px 3% 0 0; float:right;}


}

@media screen and (max-width: 800px) {

.menu ul li a{ font-size:17px;}
.menu ul li{ padding:0px 10px;}

.number_container span{font-size:45px;}
.number_container_p span{font-size:45px;}

}

@media screen and (max-width: 640px) {

/* Header Structure
/*-----------------------------------------------------------------------------------*/
#header{width:100%; height:80px; float:left;}
.logo{ padding:0 0 0 30px; margin:20px 0 0 10px; height:35px; line-height:35px; background:url(images/logo_mobile.png) no-repeat left;}
.logo a{ font-size:22px;}

.show_menu{display:block;position:absolute;top:20px;right:15px;z-index:99999;}
.hide_menu{display:none;position:absolute;top:20px;right:15px;z-index:99999;}

.menu{ float:left; width:100%; margin:0 0 0 0; position:absolute; top:80px; left:0px; z-index:9999999; background-color:#FFFFFF; display:none;}
.menu ul { list-style:none; padding:5px 0 25px 15px; margin:0px; display:block;}
.menu ul li{ list-style:none; padding:10px 0; margin:0px; display:block;border-bottom:1px solid #989898;}
.menu ul li:last-child{ border:none;} 
.menu ul li a{ color:#181818; font-size:18px; font-weight:700; display:block;}
.menu ul li a:hover{color:#35b4e8;} 



.center_zip_title{ padding:30px 0 20px 0; font-size:28px;}
.page_zip{ padding:30px 0 20px 0; font-size:28px;}
.center_zip p{ padding:0 0 25px 0; font-size:20px;}
input.zip_input{ width:200px; height:42px;padding:0 0 0 10px; font-size:16px;}
input.zip_submit{width:60px; height:45px; font-size:18px; margin:0 0 0 8px; font-weight:700; font-size:18px;}
.subzip_info{ padding:0 0px 0 50px; margin:10px 0 30px 0; display:inline-block; height:36px; line-height:36px; font-size:16px;text-shadow: 1px 1px 2px #5b5b5b;} 
.subzip_info_page{ padding:0 0px 0 50px; margin:10px 0 30px 0; display:inline-block; height:36px; line-height:36px; font-size:16px;text-shadow: 1px 1px 2px #5b5b5b;} 

h2.center_title{ padding:50px 5% 40px 5%; text-align:center; display:block; clear:both; width:90%;font-size:22px; font-weight:300; line-height:28px;}
h2.center_title span{ font-weight:700; color:#8da90b;}

.section13{ width:90%; float:left; margin:0 5% 30px 5%; font-size:17px;}
.section13 h3{ font-size:25px; color:#010101; padding:20px 0; margin:0px; font-weight:700; letter-spacing:-0.5px;}

a.center_button{ display:block; clear:both; text-align:center; margin:50px auto; padding:20px 0; width:90%; font-size:18px;}
a.left_align_button{  display:block; clear:both; text-align:center; margin:50px auto; padding:20px 0; width:90%; font-size:18px;}

.testimonials{ background-color:#f1f4f4; width:100%; padding:0 0 30px 0;}

.testimonial{width:80%; float:left; margin:0 0 20px 5%; font-size:17px;
padding:0px 5% 15px 5%;
}
.testimonial p{ padding:40px 0 25px 0;}
.testimonial span{ font-weight:700; font-size:18px; display:block; width:100%; margin-bottom:10px;}

.sidebar{ width:80%; margin:20px 0 20px 5%; background-color:#f0f0f0; padding:5%; float:left;}
.right_content{ width:90%; padding:0%; margin:20px 0 0 5%; float:left;}

.content_centered{ width:90%; padding:0%; margin:20px 0 0 5%; float:left;}

.section13_footer h4{ font-size:18px;  font-weight:400;}

.number_container{ width:40%; margin:0 5%; padding:50px 0; float:left;color:#FFFFFF; }
.number_container span{font-size:35px; font-weight:700; border-bottom:1px #4a4747 solid;}
.number_container p{ display:block; text-align:center; padding:20px 0 0 0; font-size:16px; line-height:22px; font-weight:300;}

.number_container_p{ width:40%; margin:0 5%; padding:30px 0; float:left;}
.number_container_p span{font-size:35px; font-weight:700; }
.number_container_p p{ display:block; text-align:center; padding:20px 0 0 0; font-size:16px; line-height:22px; font-weight:300;}

.bottom_zip{ width:100%;text-align:center; padding:40px 0;background:url(images/bottom_image_trans.png) repeat; clear:both;}
.bottom_zip label{ font-size:20px; color:#FFFFFF; font-weight:300; padding:0 0 15px 0; display:block;}

}