html, body{
    height:100%;
}

*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


p{
    padding-bottom: 25px;
    line-height: 1.6em;
    font-size: 1em;
}

.banner_down .content p{
    margin-bottom: 1em;
}

.fotokes{
    float: left;
    margin-right: 5px;
}

.fotokes h4{
    text-align: center;
    color: grey;
    font-size: 0.9em !important;
    margin-bottom: 50px;
}


i.fa{
    color: #422712 !important;
}

.footer1 i.fa, .footer2 i.fa{
    color: #fff !important;
}

blockquote{
    background: #840519;
    color: #b1b149;
    padding: 30px;
    border: 1px solid #b1b149;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 500;
}

.homepage .kolom-33{
    float: left;
    width: 32%;
    background: #840519;
    height: 100px;
    margin-right: 1%;
    border: 1px solid #840519;
}

.homepage .kolom-33:hover{
    background: #fff;
    border: 1px solid #840519;
}

.homepage .kolom-33:hover p{
    color: #840519;
}


.homepage .kolom-33 p{
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    padding: 25px;
    font-weight: 400;
}


.kolom-33{
    float: left;
    width: 32%;
    padding: 1%;
    margin-bottom: 5%;
    border-right: 1px solid #ccc;
}

.kolom-33 img{
    width: 90%;
}

.kolom-33-normaal{
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 5%;
}

.kolom-33-normaal2{
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 3%;
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    background: #efefef;
    height: 400px;
}

.kolom-50{
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.kolom-50 img{width: 90%;}

.kolom-50-normaal{
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.kolom-75{
    float: left;
    width: 65%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.kolom-25{
    float: left;
    width: 30%;
    margin-bottom: 5%;
    background: #840519;
}



.kolom-70{
    float: left;
    width: 60%;
    margin-right: 10%;
    margin-bottom: 5%;
}

.kolom-30{
    float: left;
    width: 30%;
    margin-bottom: 5%;
}



.fotoos{
    height: 140px;
    width: 210px;
}

.fotooos{
  width: 608px !important;
  height: auto !important;
}

.lichtbox img{
    width: 200px;
    height: 130px;
}


.hindernissen .kolom-33{
    float: left;
    width: 32%;
    height: 300px;
    margin-right: 1%;
}

.hindernissen .kolom-33 img{
    width: 95%;
}

.hindernissen .kolom-33:hover img{
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}





a{
	color: #840519;
}

a:hover{
	color: #422712;
}

h1{
    font-size: 1.6em;
    color: #1d1d1d;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 50px;
}

h2{
    font-size: 1.2em;
    color: #840519;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

ul.lijst li{
	color: #404041;
	background: url("../images/arrow1.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    margin: 0 15px 0 0;
    padding: 0 0 0 15px;
    list-style-type: none;
    line-height: 1.6em !important;
}

ul li{
    list-style-type: none;
}


ul.lijst2 li{
    background: url("../images/arrow1.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    margin: 10px 15px 0 15px;
    padding: 0px 0 15px 15px;
    list-style-type: none;
    line-height: 1.6em !important;
}

ul.lijst2 li a{
	color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

ul.lijst2 li a:hover{
	color: #b1b149 !important;
}




.top_header	{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	background: #e4e4e3;
}

.top_content{
    width: 1050px;
    margin: 0 auto;
    display: block;
	background: #e4e4e3;
    padding: 0;
    text-align: right;
}

.top_content img{
    height: 15px;
    margin-top: 5px;
}

.wrapper{
	margin: 0 auto;
	min-height: 100%;
}

.header	{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px solid #e5e5e5;
	background: #e4e4e3;
}

.header_content{
    width: 1050px;
    margin: 0 auto;
    display: block;
    padding: 0;
}

.header_logo{
	margin: 10px 0 10px 0;
	float: left;
	display: inline-block;
}

.header_rght {
	text-align: center;
}


.header_rght ul li{
    display: inline-block;
    text-transform: uppercase;
}

.header_rght ul li a{
    text-decoration: none !important;
    padding: 20px;
    font-weight: 600;
    color: #b1b149 !important;
}

.header_rght ul li a:hover{
    color: #840519 !important;
}




#appointment{
    background: #1cc8c2;
    color: #fff;
    width: 220px;
    height: 50px;
    float: left;
    margin-right: 25px;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 0.9em;
    padding-left: 30px;
    line-height: 50px;
}

.contactUs{
    background: #2f2b22;
    color: #fff;
    width: 150px;
    height: 50px;
    float: left;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 0.9em;
    padding-left: 30px;
    line-height: 50px;
}

#appointment span, .contactUs span{
    margin-left: 10px;
}




#header_bottom {
    top: 850px;
	text-align: center;
    z-index: 1;
    position: absolute;
    width: 100%;
    left: 0;
}

#header_bottom i.fa{color: #fff !important;}
#header_bottom a{text-decoration: none !important;}

#header_bottom h1{
    color: #fff;
    text-shadow: 2px 2px #505050;
    font-size: 2.4em;
}



.rechtsgebied{
	float: left;
	width: 30%;
	height: auto;
	padding-right: 3%;
	margin-bottom: 45px;
}

.rechtsgebied h2{
	color:#b1b149;
	border-bottom: 1px dashed #b1b149;
	font-weight: 800;
}

.nav {
    background-color: #840519;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 63px;
    font-weight: 100;
    border-bottom: 3px solid #60000f;
}

.nav_content {
    display: block;
    width: 1050px;
    margin: 0 auto;
    padding: 0;
}

ul.main-nav li:nth-child(5) a:after{
    content: " *";
    color: #b1b149 !important;
}


.main-nav {
    display: inline-block;
    float: left;
}


.main-nav li {
    color: #fff;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.main-nav li a {
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 20px 22px 20px 22px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
}

.main-nav li a:hover {
    background: #b1b149 none repeat scroll 0 0;
}

.main-nav li:hover a {
    background: #b1b149 none repeat scroll 0 0;
    color: #fff;
}


.main-nav li:hover ul {
    display: block;
}

.timmer {
    padding: 0 7px !important;
}


.main-nav li ul {
    display: none;
    left: 0px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    border-top: 1px solid #fff;
    z-index: 999999;
}

.main-nav li ul li {
    display: block;
    float: none;
    padding: 0 !important;
    width: 300px;
}

.main-nav li ul li a {
    border-bottom: 1px solid #fff;
    color: #ffffff;
    display: block;
    line-height: 42px !important;
    margin: 0;
    padding: 0 0 0 25px !important;
    text-decoration: none;
}

.main-nav li ul li a:hover {
    background-color: #000;
    color: #fff;
    display: block !important;
    text-decoration: none;
}

.main-nav li ul li a span {
    background: rgba(0, 0, 0, 0) url("images/arrow.png") no-repeat scroll left center !important;
    color: #ffffff;
    padding: 0 0 0 30px;
}

.main-nav li ul li ul.sub-menu {
    display: none;
    left: 260px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 999999;
}

.main-nav li ul li ul.sub-menu li {
    border-left: 1px solid #fff;
    border-right: medium none;
    display: block;
    float: none;
    padding: 0 !important;
    width: 260px;
}

.main-nav li ul li ul.sub-menu li a {
    border-bottom: 1px solid #fff;
    color: #ffffff;
    display: block;
    line-height: 42px !important;
    margin: 0;
    padding: 0 0 0 25px !important;
    text-decoration: none;
}

.main-nav li ul li:hover ul.sub-menu {
    display: block;
}





#slider{
	height: 350px;
}
.slider {

}
.slide-item {
    display: block;
    width: 100%;
    height: 450px !important;
    background-size: cover;
    background-position: center center;
}


@media screen and (max-width:750px) {
    .slide-item {
        height: 350px !important;
    }
}

@media screen and (max-width:500px) {
    .slide-item {
        height: 250px !important;
    }
}




.diensten {
	width: 100%;
	background-color: #f0f0f0;
	margin: 0;
	padding: 30px 0;
	display: block;
	font-weight: 300;
	text-align: center;
}


.dienst-box{
	width: 25%;
	float: left;
}

.dienst-box h1{
	color: #840519;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 0px;
}


#banner {
	width: 100%;
	margin: 0;
	height: 500px;
}

.banner_content {
    width: 1050px;
    margin: 0 auto;
    display:block;
    padding: 0;
    height: 350px;
    position: relative;
    z-index: 9;
}




.banner_down {
	width: 100%;
	background-color: #fff;
	margin: 0;
	padding: 30px 0;
	display: block;
	font-weight: 300;
	text-align: center;
}



.banner_down_left {
	width: 100%;
	background-color: #fff;
	margin: 0;
	padding: 30px 0;
	display: block;
	font-weight: 300;
	text-align: left;
}


.banner_down_contact {
	width: 100%;
	background-color: #fff;
	margin: 0;
	padding: 30px 0 0 0;
	display: block;
	font-weight: 300;
	text-align: left;
}


.banner_down_contact h1, .banner_down h1{
	padding-bottom: 10px;
}

.banner_down_left{
    float: left;
    width: 450px;
}

.banner_down_right{
    float: left;
    width: 450px;
    padding-left: 55px;
}

.content {
    width: 1050px;
    margin: 0 auto;
    display:block;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.content h3, .gallery_content h3{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.1em;
    text-align: center;
    color: #000;
}

.content h3 span, .gallery_content h3 span{
    border-bottom: 2px solid #1cc8c2;
    padding-bottom: 10px;
}


.content_left {
    width: 1050px;
    margin: 0 auto;
    display:block;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: left !important;
}



.how_it_works {
	width: 100%;
	margin: 0;
	display: block;
	height: 150px;
	background: #840519;
	background-size:cover;
}

.how_it_works_content{
    width: 1050px;
    margin: 0 auto;
    display:block;
    padding: 0;
    height: 220;
    position: relative;
}

.how_it_works_content_left {
    width: 760px;
    float: left;
    display:block;
    padding: 0;
    height: 200;
    position: relative;
}

.how_it_works_content_right {
    width: 250px;
    float: left;
    display:block;
    padding: 0;
    height: 200;
    position: relative;
}

.how_it_works_content_right p {
    margin-top: 40px;
    padding: 25px;
    height: 70;
    background: #fff;
    border: 1px solid #fff;
    color: #840519;
    width: 250px;
    position: relative;
    text-transform: uppercase;
    font-weight: 200;
    text-align: center;
}


.how_it_works_content_right p a{
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    font-size: 20px;
}

.how_it_works_content_left h3 {
    font-size: 1.4em;
    color: #fff;
    padding-top: 70px;
    font-weight: 500;
}

.how_it_works_content_left p {
    font-size: 1.2em;
    color: #fff;
    padding-top: 0px;
    font-weight: 200;
}

.gallery {
	width: 100%;
	background: #fff;
	margin: 0;
	display: block;
    padding-bottom: 55px;
}

.gallery_content {
    width: 1050px;
    margin: 0 auto;
    display:block;
    padding: 0;
    height: 250;
    position: relative;
}

.gallery_content img{
    margin-right: 35px;
}



.footer-top {
	width: 100%;
	margin: 0;
	display:block;
	background-color: #60000f;
    padding-bottom: 15px;
}

.footer-top-content{
	width: 1050px;
	margin: 0 auto;
	display: block;
	padding: 0;
	text-align: center;
}

.wrapper1 {
    margin: 0 auto;
    text-align: center;
    width: 1050px;
}

.footer1{
	width: 40%;
    float: left;
    text-align: left;
}

.footer2{
	width: 40%;
    text-align: left;
    float: left;
}

.footer3{
	width: 20%;
    text-align: left;
    float: right;
}

.footer2 h2, .footer1 h2, .footer3 h2{
    color: #fff;
    font-size: 1.1em;
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: 500;
}

.footer1 p, .footer2 p, .footer3 p{
    color: #fff;
    font-size: 0.9em;
    font-weight: 100;
}

.footer2 a, .footer3 a{
    color: #fff;
    text-decoration: none;
}

.footer2 a:hover, .footer3 a:hover{
    color: #fff;
    text-decoration: underline;
}


.footer-bottom {
	width: 100%;
	margin: 0;
	display:block;
	background-color: #000;
}

.footer-bottom-content{
	width: 1050px;
	margin: 0 auto;
	display: block;
	padding: 0;
	height: 40px;
	color: #8c8c8c;
	font-size: 0.8em;
	text-align: left;
}

.footer-bottom-content p{
	line-height: 40px !important;
	padding-bottom: 0px !important;
}

.footer-bottom-content a{
	color: #8c8c8c;
}







/* CONTACTFORM */

.contactdiv {
    height: 175px;
    width: 400px;
}


.contactpagina1{
	width: 700px;
	float: left;
}

.contactpagina2{
	width: 400px;
	float: left;
}


.contactdiv1 {
    float: left;
    height: 175px;
    width: 230px;
}


.contactdiv2 {
    float: left;
    height: 175px;
    width: 150px;
}

.contactTable, .contactTable tr td{
	border: none !important;
}

table.contactTable{
	margin-left: 0px;
}

.contactTable tr td{
	padding-bottom: 0px;
	padding-top: 0px;
}

.contactTableCel{
	width: 275px;
}

.contactTableCel2{
	width: 275px;
	text-align: right;
}


.inputVeld1{
	height: 40px;
	width: 240px;
	border: medium none;
	margin-bottom: 15px;
	padding-left: 10px;
	background-color: #efefef;
}

.inputVeld2{
	height: 40px;
	width: 265px;
	border: medium none;
	margin-bottom: 15px;
	padding-left: 10px;
	background-color: #efefef;
}

.inputTextarea{
	height: 140px;
	width: 555px;
	background-color: #efefef;
	border: medium none;
	padding-left: 10px;
	padding-top: 10px;
}


#verzendButton {
    background: none repeat scroll 0 0 #fff;
	border: 1px solid #b1b149;
    color: #b1b149;
    font-weight: 700;
    height: 50px;
    text-align: center;
    width: 150px;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 1em;
}


#verzendButton:hover{
	background-color: #b1b149;
	border: 1px solid #b1b149;
	color: #fff;
}
/* CONTACTFORM */







.js .slicknav_menu {
	display:none;
}
@media screen and (max-width: 950px) {
	/* .main-nav is the original menu */
	.js .main-nav {
		display:none;
	}

	.js .slicknav_menu {
		display:block;
	}
}


.content-50 {
	width: 100%;
}

.content-video {
	width: 100%;
	margin-top: 100px;
	margin-bottom: 150px;
	height: auto;
}
.video{
    width: 30%;
    float: left;
    margin-right: 2%;
    border: 1px solid #9c9c9c;
    height: 400px;
}

.video h2{
    margin-top: 210px;
    font-weight: 100;
    font-size: 1em;
    text-align: left;
    color: #0d315d;
    text-transform: capitalize !important;
    padding-left: 20px;
    padding-right: 20px;
}

.video h3{
    background: #0baca8;
    width: 50px;
    height: 3px;
    line-height: 3px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.video p{
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.9em;
    color: #383838;
}



.wrapper-50-right-1 .training{
    padding: 50px;
}

.wrapper-50-right-1 .training h1{
    color: #0d315d;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.wrapper-50-right-1 .training h2{
    background: #fff;
    width: 50px;
    height: 2px;
    line-height: 2x;
    margin-bottom: 20px;
}

.wrapper-50-right-1 .training p{
    color: #fff;
}






@media screen and (max-width: 1050px) {
	.top_content, .how_it_works_content, .wrapper, .wrapper1, .gallery_content, .banner_content, .content, .header_content, .nav_content, .footer-top-content, .footer-bottom-content {
		width: 100% !important;
	}

    .slide-item {
        height: 350px !important;
        width: 100% !important;
    }

	.kolom-33-normaal2, .kolom-33, .kolom-50-normaal, .kolom-33-normaal  {
		float: none;
		display: block;
		width: 100%;
	}

    .kolom-70, .kolom-30{
        float: none;
        width: 100%;
    }

	.how_it_works{height: 300px;}
	.how_it_works_content{text-align: center;}
	.how_it_works_content_right, .how_it_works_content_left{float: none; width: 100%;}
	.how_it_works_content_right p{margin: 0 auto;margin-top: 50px;}

	.content{padding: 10px;}
	#header_bottom{display: none;}
}

@media screen and (max-width: 800px) {
	.header_rght, #header_bottom, #map{display: none;}

	.header_logo {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        width: 100%;
    }

	.dienst-box{width: 50%;}
	.rechtsgebied{width: 100%;}
	.footer1, .footer2, .footer3{float: none; display: block; width: 100%; padding-left: 10px;}
	.footer1 h2, .footer2 h2, .footer3 h2{text-align: center;}
	.footer1 p, .footer2 p, .footer3 p{text-align: center;}
	.footer1{padding-top: 25px;}
	h1{font-size: 1.3em;}
}

@media screen and (max-width: 700px) {
	.footer-bottom-content p{display: none;}
	.dienst-box{width: 100%;}
	.header_logo img{width: 50%;}
}

@media screen and (max-width: 600px) {
	.contactTableCel{width: 150px;}
	.inputVeld1, .inputVeld2{width: 130px;}
	.inputTextarea{width: 280px;}

}