
@charset "utf-8";
/* CSS Document */

@media (min-width: 1600px) {

#header .container {width: 1430px;}
#home_banner .container { width:1530px; }

}

@media (max-width: 1600px) {

#home_banner .box_1 h1 { font-size:28px; padding-bottom:20px; }
#home_banner .box_1 h1 strong { font-size:55px; }
#home_banner .box_1 { padding:30px 30px; }
#home_banner .box_1 p { font-size:15px; line-height:22px; }


}


@media (max-width: 1200px) {
.container { width:940px; }



#contact .cont_right ul { padding-left:8%; }

}


@media (max-width: 980px) {
.container { width:750px; padding:0 20px; }

body { font-size:14px; }
h1 { font-size:30px;  }
h2 { font-size:26px;  }
h3 { font-size:22px; }
h4 { font-size:16px; }

#nav ul li { padding:0 25px; }



#home_banner .box_1 {bottom: 0px;}
#home_banner .box_1 h1 {font-size: 20px;padding-bottom: 10px;}
#home_banner .box_1 h1 strong {font-size: 35px;}
#home_banner .box_1 {padding: 15px 15px;}
#home_banner .box_1 p {font-size: 12px;line-height: 18px;}



#aanbod p.links { font-size:11px; letter-spacing:0.02em; }
table tr th { padding:15px 7px; font-size:12px; }
table tr td  { padding:15px 7px; font-size:12px; }
table tr td a { font-size:12px; }
#info .block_2 { padding:35px 15px 30px; }
#info .block_2 ul li { font-size:13px; }
#info .block_2 h3 { font-size:20px; }
#info .block_2 h3 small { font-size:16px; }

#downloads ul.resp-tabs-list li span { font-size:12px; }
#contact .cont_right ul li { font-size:16px; }

#downloads .tab_row li { padding:15px 15px; font-size:14px; }
#downloads .tab_row li a { font-size:13px; }
#downloads .tab_row li:last-child { width:235px; }

}

@media (min-width: 767px) {
#nav ul.done { display:block !important; }
}

@media (max-width: 767px) {

.container { width:100%; padding:0 20px; }

#header { padding:15px 0; }
#header .logo { width:220px; }
#nav a.menubtn { display:block; }
#nav ul { width:100%; display:none; position:absolute; top:100%; left:0px; z-index:99999;}
#nav ul li { float:none; margin:0; padding:0; }
#nav ul li a { font-size:14px; color:#fff; line-height: 40px; padding:0 10px; background:#2f8f83; float:none; text-align:center; border-bottom:1px solid #fff; }
#nav ul li.active a,#nav ul li a:hover { background:#86c840; color:#fff; }
#nav ul li a:after { display:none !important; }

h2.resp-accordion  { display:block; font-size:14px; line-height:20px; padding:20px 10px !important; text-align:center; color:#fff; background:#2f8f83 !important; text-transform:uppercase; letter-spacing:0.1em; font-family: 'Lato-Heavy'; border-color:#fff !important; margin:0 !important; border-top:1px solid #fff !important; border-bottom:none !important; }
.resp-arrow { border-top-color:#fff !important; }
h2.resp-tab-active { background:#53b557 !important; }
h2.resp-tab-active .resp-arrow { border-bottom-color:#fff !important; }

#downloads ul.resp-tabs-list { display:none; }



#aanbod { padding:50px 0 0 0; }

#info { padding:50px 0; }
#info .block_1 { width:100%; margin:0; padding:0 0 30px 0; float:none; }
#info .block_2  { width:100%; margin:0; padding:30px 20px; float:none; }
#info .block_1 h1 { text-align:center; }
#info .block_1 .cont_btn { margin:0 auto; }

#contact { padding:0; }
#contact h2 { text-align:center; }
#contact .container { padding:0; }
#contact .form_1 { width:100%; padding:30px 20px; }
#contact .submit_btn { margin:0 auto; }
#contact .cont_right { position:relative; margin:0; padding:0; width:100%; float:none; }
#contact .cont_right .cont_bg { height:auto; position:relative; top:auto; left:auto; right:auto; margin:0; padding:0; float:none; width:100%; }
#contact .cont_right .cont_bg img { display:block; width:100%; height:auto; margin:0; padding:0; vertical-align:top; }
#contact .cont_right ul { height:auto; position:relative; top:auto; left:auto; right:auto; margin:0; padding:30px 20px; }
#contact .cont_right ul li { width:230px; margin:0 auto; }

table {  width: 100%; }
table tr th { display: none; }
table tr td { padding-left: 180px !important; display: block; padding:10px; font-size:14px; position:relative; text-align:left !important; background:#eaeaea; }
table td:before { content: attr(data-title); position: absolute; left: 15px; font-weight: bold; color:#333a46 !important; }

#aanbod p.links { font-size:13px; }

}

@media (max-width: 480px) {


.col_3 { width:100%; }
.col_2 { width:50%; }

#contact .frm_row { margin:0 0 0 0; padding:0; }
#contact .frm_row .frm_col { margin:0; padding:0 0 0 0; width:100%; float:none; }

table tr td { padding-left: 140px !important; }

#downloads .tab_row li { font-size:13px; padding:15px 10px; }
#downloads .tab_row li a { font-size:12px; }
#downloads .tab_row li:last-child { width:110px; }
#downloads .tab_row li:last-child  a{ display:block; }
#downloads .tab_row li:last-child span { display:none; }

#footer { padding:25px 0; }
#footer p { float:none; text-align:center; }
#footer p.design_by { float:none; padding:10px 0 0 0; }

#info .block_2 h3 { font-size:19px; }

#home_banner > img { display:none; }
#carousel { display:none; }

}
