@charset "utf-8";

body, html { background:#0f100d; font-size:13px;  color:#040404; font-family:Arial, Helvetica, sans-serif ;overflow-x:hidden; }

#footer{
	background: url("https://www.vanderkeulen.be/data/images/skin/default/footer-bg.png") repeat-x left top;
	color:#FFF;
}

.fr .hide_fr { display:none;}

#footer a{ color:#FFF; }

h1 { color:#000000; font-size:24px; margin-bottom:20px; font-weight: bold; }
h2 { color:#000000; font-size:15px; margin-bottom:5px; }
h3 { color:#000000; font-size:13px; margin-bottom:10px; }

a { color:#000000; text-decoration: none; }

#main { /*width:975px;*/ margin: 0 auto;background: #FFF; }
.main { /*width:975px;*/ margin: 0 auto;}


.ligging-wrap iframe {

	width:100%;
}

.navBar{
	background: url("https://www.vanderkeulen.be/data/images/skin/default/nav-bg.png")  left top;
	position: absolute;
	padding:5px 0;
	width: 100%;
	bottom:0;
	left:0;
	z-index: 99;
}

#nav li { float:left; display:block; }

#nav li:last-child a{border:none; }
#nav li a {
 text-transform: uppercase;
 color:#FFFFFF;
 text-decoration:none;
 font-size:14px;
 letter-spacing: 0.5px;
 display: block;
 padding:5px 20px;
 border-right:1px solid #FFF;
 text-shadow:0px 1px 0px rgba(0,0,0,0.2);
}
#nav li.active a { font-weight: bold; }

.header { background:#FFF url("https://www.vanderkeulen.be/data/images/skin/default/kleurband.png") repeat-x left bottom; }
.mobile-logo,
.logo{padding:20px 0 22px;margin-left:100px; }

.mobile-logo{display: none; }

.bigArrow{
	position: absolute;
	width:39px;
	height:150px;
	background: url("https://www.vanderkeulen.be/data/images/skin/default/bigArrow.png") no-repeat left top;
	display: block;
	z-index: 999;
	margin-left:42px;
}


#map {	width:100%;	height:450px;	color:#000; border:1px solid #CCC; box-shadow: 0px 3px 3px rgba(0,0,0,0.3); margin-top:20px; margin-bottom:20px; }
#map1 {	width:100%;	height:450px;	color:#000; border:1px solid #CCC; box-shadow: 0px 3px 3px rgba(0,0,0,0.3); margin-top:20px; margin-bottom:20px; }


form label{
	width:100px;
	display: block;
	/*float:left;*/
	margin-bottom:10px;
	padding-top:2px;
	float:left;
}

form input,form textarea,form select{
	/*float:left;*/
	border-radius: 4px;
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	border:1px solid #b1b1b1;
	padding:4px;
	width:270px;
	margin-bottom: 10px;
}

form input[type="checkbox"] {
				box-shadow: none;
}

.form.newsletter{
	display: inline-block;
}

.form.newsletter input{
	width:270px;
}

form input.error , form textarea.error {

	border:1px solid #a70000;
}

form button{
	font-size: 14px;
	font-weight:bold;
	color: #FFF;


	border-radius: 4px;
	border:1px solid #51830f;
	background:#74af26;
	padding:3px 10px;
	/*box-shadow:inset 0px 1px 1px rgba(255,255,255,0.2) , 0px 1px 1px rgba(255,255,255,0.2); */
	/*text-shadow:0px 1px 0px rgba(0,0,0,0.6);*/
	font-weight: 600;

	cursor: pointer;
	cursor:hand;

}

.form.newsletter button{
	margin-left:160px;
}

#sitemap a {
    text-decoration:none;
    padding: 5px 5px 5px 20px;
    background-image: url('../../images/skin/default/icon_sitemapcategory_01.png');
    background-repeat: no-repeat;
    background-position: left center;
    color:#000;

}

#sitemap li  {
    margin:0px 15px;
    padding:4px;
    padding-left:0px;
    font-size:15px;
    list-style: none;
    list-style-position: inside;
}

#sitemap ul {
    margin:0px;
    padding:2px;
    padding-left:5px;
    list-style-position: inside;
    list-style: none;
}

#sitemap li {

    font-weight:normal;
    list-style-position: inside;
}

#sitemap li a {
    padding: 0px 5px 0px 20px;
    background: url("https://www.vanderkeulen.be/data/images/skin/default/list.png") no-repeat left center;
    font-size:13px;
}
#sitemap li.sub{
	margin-left:35px;
}
#sitemap li.sub a{
	color:#686868;
	background: none;
}


.errorForm {
	color:#a70000;
	margin:20px 0px;
	text-shadow:0px -1px 0px rgba(255,255,255,0.5)

}

.errorForm li {
	margin-left:30px;
	padding: 1px 0px;
	list-style: disc;
	list-style-position: outside;
}






/*/////////*/
.top-content ul{
	margin-right:10px;
	margin-bottom:20px;
}
	.top-content ul li{
		text-align: right;
		font-size:15px;
		font-weight: bold;
		color:#81777e;
		margin-bottom:10px;
		display: block;
		height: 21px;
	}

	.top-content ul li.phone{
		background: url("https://www.vanderkeulen.be/data/images/skin/default/phone.png") no-repeat 25px 45%;
		padding-left:20px;
	}

/** IMAGE HOME **/

.image-home{
	width:150px;
	height:200px;
	box-shadow: 0px 0px 3px #999999;
	overflow: hidden;
	float: left;
	margin-right:10px;
}

.image-home.last{
	margin-right: 0;
}

.image-home-title{
	position: absolute;
	width:100%;
	padding:5px 0;
	color:#000;
	background: url("https://www.vanderkeulen.be/data/images/skin/default/white85.png") repeat left top;
	bottom:20px;
	left:0;
	text-align: center;
	font-size:13px;
}


/********/

.home-descr{
	border-right:1px solid #d9d6d3;
	padding-right: 10px;
}

/*** FOOTER ***/

.footer {
	padding:10px;
	margin-top:-10px;
	padding-bottom:40px;
	font-size:15px;

}


#logo{
	position: absolute;
	left:50%;
	margin-left:-512px;
	top:6px;
}

.sidebar{
	background:#FFF;
	min-height: 100px;
}

.contentPage{
	padding:20px;
}

.balk .balk-top{
	background:url("https://www.vanderkeulen.be/data/images/skin/default/balk-top.png") repeat-x left top;
	width:100%;
	height:26px;
	display: block;
}

.balk .balk-arrow{
	background:url("https://www.vanderkeulen.be/data/images/skin/default/balk-arrow.png") repeat-x left top;
	width:16px;
	height:7px;
	margin-left:25px;
	margin-top:-1px;
	display: block;

}

.picBlock{
	overflow: hidden;
	float:left;
}


.picBlock.big{
	width:100%;
	height:325px;
}
.picBlock.last{	margin-right: 0;}

.sidebar-list li a{
	padding:5px 5px;
	display: block;
	margin-bottom:5px;
	color:#033d5e;
	font-size:15px;
}

.sidebar-list li.active a{
	border:1px solid #6fadd0;
	border-radius:6px;
}

.pdf a{
	background:url("https://www.vanderkeulen.be/data/images/icons/pdf.png") no-repeat left center;
	display: block;
	padding:10px;
	padding-left:40px;
	color:#3e3e3e;
	font-weight: bold;
}

.descr{
	color:#585656;
	line-height: 20px;
	text-shadow:0px 1px 0px #FFF;
}

#slider { height:305px;width: 100%; overflow:hidden }


.slider-nav{
	background:#EEEEEE;
	padding:5px;
	color:#006eab;
	font-style:italic;
	margin-top:0px;
	margin-bottom:10px;
	border-radius:5px;
}

#current_id{font-weight: bold; }
.slide-nav-text{ margin-top:3px; }


.firm{
	font-size:17px;
	font-weight: bold;
}

.inline{ vertical-align: middle; }

#slider-home{
	width:100%;
	height: 300px;
	overflow: hidden;
}

.slider-pagination{
	position: absolute;
	left:10px;
	top:10px;
	z-index: 999;
}

.slider-pagination a{
	display: block;
	background: url("https://www.vanderkeulen.be/data/images/skin/default/slider-pag.png") no-repeat left top;
	width:15px;
	height: 15px;
	margin:10px 0;
}

.slider-pagination a span{display: none; }
.slider-pagination a.selected{
	background: url("https://www.vanderkeulen.be/data/images/skin/default/slider-pag.png") no-repeat right top;
}

.relative-block{
	position: relative;

	width:100%;
	height: 100%;
}

.slider-item{
	float: left;
}

.small-arrow{
	background: url("https://www.vanderkeulen.be/data/images/skin/default/small-arrow.png") no-repeat left top;
	width: 16px;
	height:66px;
	display: block;
	position: absolute;
	margin-top:-55px;
	margin-left:211px;

}

.contentWrap{
	background:#f8f3ee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px;
}

.mapCol{
	width:48%;
}

.fr .mapColFr { width:100%}

.lang-wrapper{
	margin-top:30px;
}
.lang-wrapper li{
	display: inline-block;
}

.lang-wrapper li a{
	color:#74af26;
	display: block;
	padding:3px 20px;
	border-right:1px solid #74af26;
	font-size:15px;
}

.lang-wrapper li:last-child a{
	border:none;

}

.lang-wrapper li.active a{
	font-weight: bold;
	color:#C09400;
}
.field-group{
	padding:20px 0;
	border-bottom:1px solid #f2f2f2;
}

.field-group.noBorder{
	border:none;
}
.field-group .field-group-title{
	font-weight: bold;
	margin: 10px 0;
	font-size:16px;
}

.field-group label{
	width:300px;
}

.field-group label.error{
	color:#C50000;
}

.field-group input[type="radio"] , .field-group input[type="checkbox"]{
	width:25px;
}

.field-group textarea{
	height:120px;
}

.add-files{
	color:#74AF26;
	text-decoration: underline;
	display: block;
	margin-left:85px;
}



/* The container */
label.privacy {
    display: block;
    width:auto;
    position: relative;
    padding-left: 35px;
    margin:2em 0;
    cursor: pointer;
    font-size: 1em;
    font-weight:normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.privacy input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.privacy:hover input ~ .checkmark {
    background-color: #ccc;
}


.privacy input:checked ~ .checkmark {
    background-color: #B6921E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.privacy input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.privacy .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.mobile-footer,
.mobile-nav-bar{display: none; }

@media only screen and (max-width: 900px){
	
	.main-slider-wrap{display: none; }
	
	.navBar{
		position: relative; 
	}
	.navBar #nav li{
		display: block;
		border:none;
		float: none;
	}
	.navBar #nav li a{
		border:none;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding:15px 20px;
	}
	.navBar #nav li:last-child a{
		border-bottom: none;
	}

	input[type="text"]{
		-webkit-appearance:none;
	}

	.small-arrow,
	#footer,
	.bigArrow,
	#admin{display: none; }
	
	html,body{
		position: relative;
		height: 100%;
		overflow: hidden;
		font-size: 12px;
		/*background:#ff00FF;*/
	}
	
	html.overflow,body.overflow { overflow-y:auto; }

	h1{		
		font-size: 1.3em;
		margin:0.5em 0;
	}
	
	.lang-wrapper{
		position: absolute;
		margin:0;
		z-index: 3;
		margin: 10px 0 0;
		right: 10px;
	}

	.lang-wrapper li a{color:#FFF;border-color:#FFF;text-transform: uppercase;font-size: 12px; }
	/*.lang-wrapper li a*/

	.main-header{
		position: relative; z-index: 3;
	}
	.main-section{
		position: absolute;
		left:0;
		top:85px;
		right: 0;
		bottom: 0;
		overflow: hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		padding:1em 0 0 0;
	}


	.mobile-nav-bar{
		border-bottom: 1px solid #000;
		display: block;
		padding:1em;
		background:#0f100d url("https://www.vanderkeulen.be/data/images/skin/default/footer-bg.png") repeat-x left -35px;
		z-index: 2;
		position: relative;
		color:;
	}

	.mobile-nav-bar .mobile-icon{
		display: inline-block;
		vertical-align: middle;
		background: url("https://www.vanderkeulen.be/data/images/skin/default/mobile-nav-icon.png") no-repeat left top;
		background-size: 100%;
		width: 20px;
		height: 15px;
		margin:0;
		margin-left: 1em;
	}

	.main-nav{
		transform:translateY(-100%);
		-webkit-transform:translateY(-100%);
		position: relative;
		opacity: 0;
		background:rgba(0,0,0,0.75);
		visibility: hidden;
		z-index: 1;
		transition:all .3s cubic-bezier(.55,0,.1,1);
		-o-transition:all .3s cubic-bezier(.55,0,.1,1);
		-ms-transition:all .3s cubic-bezier(.55,0,.1,1);
		-moz-transition:all .3s cubic-bezier(.55,0,.1,1);
		-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);
	}

	.main-nav.active{
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
		opacity: 1;
		visibility: visible;
	}

	.logo{display: none; }
	.mobile-logo{
		display: block;
	    width: 100%;
	    margin:0;
	    padding:10px 10px 20px;
	}

	#main,
	.slider-header,
	.header{
		margin:0 -0.9375em;
	}

	.nav{border: none; }

	.mobile-nav-bar span{
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		color:#FFF;
		vertical-align: middle;
		display: inline-block;
	}

	.mobileLeft{text-align: left; }

	.mobile-footer .footer{
		padding:20px;
		margin-top:0;
		/*padding-top: 0;*/
	}
	.mobile-footer .footer > .container.marginTop30{margin-top: 0; }
	.mobile-footer{
		display: block;
		background:#6a4b27;
		color:#FFF;
	}
	.mobile-footer a{
		color:#FFF;
	}

	.mobile-footer .row > .columns{margin-bottom: 20px; padding-bottom:20px; text-align: center;border-bottom: 1px solid rgba(255,255,255,.3); }
	.mobile-footer .row > .columns:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0; }
	.contact-info{ margin-bottom: 1em; }

	.mobileMarginTop2{
		margin-top: 2em;
	}

	.hide-mobile,
	footer{display: none; }
	.push{background: none; }
	.nav-wrap.active{
		opacity: 1;
		visibility: 1;
		visibility: visible;

		transform:scale(1);
		-webkit-transform:scale(1);
	}
	.nav-wrap li.nav-item{
		display: block;
		width: 100%;
		background: #161718;
	}

	.nav-wrap li .subnav{display: none !important; }
	.mobile-center{text-align: center; }
	.info-footer{padding:1em; }
	.show-mobile{display: block !important; }
	.right-top-wrap{padding:0.5em 0; }


	select,   textarea,   input[type="text"],   input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
		font-size: 1.2em;
	}

	#map1,#map { height: 200px; }


	.slider-wrap{
		display: none;
	}
	.field-group label{
		width:100%;
	}

}