img{
	display: block;
	width:100%;
	border:none;
}
/*
ul,li{
	margin:0px;
	padding:0px;
	list-style-type:non
}
*/
a,
a:visited{
	text-decoration: underline;
	color:#435566;	
	


}

a:hover{
	color:#435566;
	text-decoration: none;
	background-color: transparent;
}

.blue a{
	color:#fff;
}

p{
	margin:0em 0 1em 0;
}
/* HEADINGS */

h1,h2{
	color:#5d5b5d;
	font-weight: 700;
	font-size:3em;
	text-transform: uppercase;
	margin:1em 0 0.5em 0;
}

.maincontent h1{
	color:#5ca1a6;
	margin-bottom: 1em;
}



h2{
	font-size:1.3em;
	margin:0 0 0.2em 0;
	font-weight: 700;
}

.nieuwbouw h2,
.caption h2{
	font-size:1em;
	margin:0 0 1em 0;
	color:#fff;
}

.caption h2{
	font-size:2em;
}



footer h2{
	text-transform: uppercase;
	color:#fff;
	margin-bottom:0.5em;
}





h3{
	color:#9d9d9d;
	font-size:1.6em;
	font-weight: 700;
	margin-top:0px;
	margin-bottom: 0em;
}

footer h3{
	margin-bottom:0;
}


html{
}

body{
	background-color:#fff;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color:#435566;
	font-size:1em;
	line-height: 22px;
	-webkit-font-smoothing: antialiased;

	
}

#container{
	max-width: 1100px;
	margin:0 auto;

}


#wrapper{
	max-width: 1200px;
	padding: 0 0.5em 0 0.5em;
	max-width:1200px;
	margin:0 auto;
	position: relative;
}

header{
	padding:2em 0 0em 0;
}


.logo{
    background-image: url('/frontend/core/layout/images/bartdepooter_logo.png');
    background-size: 250px 42px;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    width: 100%;
    height: 42px;
    display: inline-block;
    border: none;
    margin: 0 auto;
    text-align: center;

  }



  .desktop{
  	display: none;
  }

  .mobile{
  	display: block;
  }


  .alignRight{
  	text-align: center;
  }
  


  nav.navbar,
	.navbar-header{
		  z-index: 3000;
		position: relative;
	}

	nav.navbar button{
		float:left;
		border:2px solid #fff;
	}

	.navbar-nav{
		  margin-top:0px;
	}
	
	.navbar-nav ul{
		margin:0;
		padding:0;
		background-color: #575756;
	}
	
	.navbar-nav li{
		list-style-type: none;
		margin:0em;
		margin-left:1em;
		padding:0.7em;
		border-bottom:1px solid #6f6f6e
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border:none;
	}

	.navbar-nav li a,
	.navbar-nav li a:visited{
		display: block;
		color:#fff !important;
		font-size:0.9em;
		border:none;
		text-decoration: none;
		text-transform: uppercase;

	}
	
	.navbar-nav li a:hover{
		border:none;
		text-decoration: none;
		color: #373032;
	}




/* CONTENT */

  .nieuwbouw{
    background: url('/frontend/core/layout/images/nieuwbouw_bg.jpg') no-repeat top left;
    background-size: cover;
  	padding:4em 4em 7em 4em;
  	color:#fff;
  	margin-top:6em;
  }

  
  .fabriek{
  	 margin-top:7em;
  }

  .slogan{
  	color:#58585a;
  	font-size:2em;
  	line-height: 35px;
  }

  .grey{
  	color:#7dafb4;
  }

  .fotos{
  	margin-top:2em;
  }

  .fotos img{
  	width: 100% !important;
  	height: auto !important;
  }

  .thumbs{
  	margin-top:20px;
  }

  .margintop{
  	margin-top:2em;
  }

   #map {
        height: 400px;
        width: 100%;
       }

  .maincontent{
  	margin-top:2em;
  }

  .largephoto{
  	margin-top:2em;
  }

  .largephoto img,
  .thumb img{
  	width: 100% !important;
  	height: auto !important;
  }

  .intro{
  	margin-bottom: 3em;
 
  }

   .block{
   	width: 100%;
   	height:100%;
   	border:2px solid #dae5e7;
   	text-align: center;
   	color:#9d9d9d;
   	display: block;
   	padding-bottom:1em;
   	text-decoration: none;
   	margin-bottom: 2em;
   } 

   .block .image{
   	 width: 100%;
   	height:100%;
   	min-height: 245px;
   	 background-size: contain;

    background-position: 50%;
    
    background-repeat: no-repeat;
    margin-bottom: 1em;
    position: relative;

   } 

   .block .image .overlay{

   	background-color: rgba(92, 161, 166, 0.6);
   	width: 100%;
   	height: 100%;
   	position: absolute;

   }

   .block:hover .overlay{
   	background-color:transparent;
   }

  .blue{
  	background-color: #5ca1a6;
  	color:#fff;
  	padding:2em;
  	text-align: left;
  }

  .fa{
  	margin-right:10px;
  	font-size:1.7em !important;
  }


.row ul li
.cke_contents ul,
.cke_contents li
{
	list-style-type: square !important;
	margin:0 0 0.5em 3em;
}

.cke_contents h1,
.cke_contents h2{
	color:#000 !important;
}

#acties{
	padding:0 0 20px 0;
	margin:0 0 15px 0;
	border-bottom:1px dashed #b9b6b6;
}

.overview li,
.images li,
.hidden li{
	margin:0 0% 20px 0%;
	float:none;

}


	.overview li.stockwagens{
		min-height: 350px;
	}

.prijs{
	color:#faa635;
}

.hidden{
	display:none;
}

.visible{
	display:block;
}

img.right{
	float:right;
	margin:1em;
}




/* ASIDE */


aside{
	margin:2em 0 0 0;
}

#toTop{
	width: 40px;
	height: 40px;
	opacity: 0.9;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url('../../../core/layout/images/icon_top.png') no-repeat;
	border: none;
}

/* FOOTER */



footer{
	background-color: #5aa1a5;
	color:#fff;
	font-weight: 700;
	padding:2em 0 2em 0;
	margin:4em 0 0em 0;
	font-size:1em;

}

footer .col-md-6{

	
}

footer .col-md-6{
	
}



footer a,
footer a:visited{
	color:#fff;

}

footer a:hover{
	color:#fff;
}

#gmap_canvas{
	width: 100% !important;
}

.slidescontainer{
	position: relative;	
}

.rslides {
  
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top:6em;

  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;

  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

  .caption {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    top:0;
     padding:2em 3em 4em 3em;

  	color:#fff;
  	margin-top:0em;
  	background-color:rgba(0, 0, 0, 0.6);

}

.rslides1_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 30px;
    z-index: 99;
    opacity: 1;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 30px;
    width: 20px;
    display: block;
    background: transparent url("/frontend/core/layout/images/arrow_left_small.png") no-repeat left top;
 
}

.rslides1_nav.next {
    left: auto;
	background: transparent url("/frontend/core/layout/images/arrow_right_small.png") no-repeat left top;
	right:30px;
}

.rslides1 .text a:link,
.rslides1 .text a:visited{
	color:#fff;
}

.caption .text{
	display: none;
}



/* BUTTONS */

a.button{
	background-color: #435566;
	padding:7px;
	text-align: center;
	color:#fff;
	display: inline-block;
	margin:5px 0 5px 0;	
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	-ms-transition: background .2s linear;
	transition: background .2s linear;	
	-webkit-appearance: none;
	border:none;
	margin:1em 0 2em 0;
}

a.darkblue{
	background-color:#035485;
}

a.button:hover{
	background-color: #373032;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	-ms-transition: background .2s linear;
	transition: background .2s linear;
	border:none;	
	text-decoration: none;
}




strong{
	font-weight: 700;
}

label,
.label{
	font-weight: 400;
	display: block;
	text-align: left;

}




#form1,
#form2{
	margin:20px 0 0 0;
}

input[type='text'],input[type='email'],select,textarea{
	background-color: #fff;
	border:1px solid #435566;
	padding:7px;
	width:100%;
	font-size:0.9em;
	color:#666464;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	
}

.small{
	font-size:0.8em;
	text-align: right;
	margin-top:1em;
}

textarea{



}

input[type='submit'],
.cta{
	background-color: #5d5b5d;
	color:#fff !important;
	padding:1em;
	border:none;	
	-webkit-appearance: none;
	margin-top:1em;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	border:1px solid #4d8c91;
}

input[type='submit']:hover,
.cta:hover{
	background-color: #5d5b5d;
	border:1px solid #5d5b5d;	
}

.message{
	color:red;
	font-size:1em;
	font-weight: 700;

}



header:before,
footer:before,
.container:before,
.filters:before,
.container:before,
.navbar-nav ul:before,
header:after,
footer:after,
.container:after,
.filters:after,
.container:after,
.navbar-nav ul:after {
  content: " ";
  display: table; }

header:after,
footer:after,
.container:after,
.filters:after,
.container:after,
.navbar-nav ul:after {
  clear: both; }
	
	

@media screen and (min-width:768px) {

.logo{
    
    background-size: 300px 50px;
    height: 50px;


  }

	.caption h2{
		font-size:3em;
	}
}



@media screen and (min-width:1000px) {



.alignRight{
  	text-align: right;
  }
	.logo{
		background-size: 458px 77px;
		height:77px;
		background-position: 50%;
		margin-top: 4em;
	}	

	header{
	
	}

	.desktop{
		display: block;
	}

	.mobile{
		display: none;
	}

	nav.navbar{
		background-color:transparent;
		margin-top:4em;

	}

	.navbar-nav{
		width: 100%;
	}

	.navbar-nav ul{
		background-color: transparent;
		display: table;
		width: 100%;
	}

	.navbar-nav ul li{
		font-size:1.3em;
		margin-left:0px;
		margin-right:0px;
		padding:0.5em 0 0.5em 0px;
		border:none;
		display: table-cell;
		width: 25%;
		text-align: left;
	}

	.navbar-nav ul li a,
	.navbar-nav ul li a:visited
	{
		color:#231f20 !important;
		border-left:1px solid #fff;
		text-decoration: none;
		font-weight: 700;
		font-size:0.9em;
		display: inline-block;
		text-align: center;
	}

	.navbar-nav ul li:first-child a{
		border-left:0px;
	}

	.navbar-nav ul li:first-child a:hover{
		border-left:0;
	}

	.navbar-nav ul li a:hover{
		border-left:1px solid #fff;
		color:#000 !important;
	}

	.navbar-nav li.selected a,
	.navbar-nav li.selected a:visited{
		border-bottom:4px solid #5aa1a6;
	}
	

	.fotos, .blue {
    	margin-top: 3.5em;
	}

	#form4{
		width: 90%;
	}

	.content{
		margin-top:1em;
	}

	  .intro{
  	max-width: 70%
  }

	.slogancol{
		padding-left:7em;
		padding-top:2em;
	}

	 .slogan{
  	color:#58585a;
  	font-size:4em;
  	line-height: 65px;
  }

  .grey{
  	color:#7dafb4;
  }

  .title{
  	text-align: right;
  	padding-top:3em;
  }

  .caption .text{
  	padding-top:6em;
  	position: relative;
  	padding-left:6em;
  	font-size:1.2em;
  	display: block;
  }

  .line{
  	width: 300px;
    height: 100%;
    border-top: 8px solid #fff;
    -webkit-transform: translateY(-20px) translateX(5px) rotate(-70deg); 
    -ms-transform: translateY(-20px) translateX(5px) rotate(-70deg); 
    transform: translateY(-20px) translateX(5px) rotate(-70deg);
    position: absolute;
    left:0px;
    top:7em;
 
    /* top: -20px; */
   }

   .caption {
   	
   		padding:10em 4em 7em 4em;
   }

   .caption h2{
   	font-size:3em;
   }

   .caption .text{
   	font-size:1em;

   }

   .caption .text p{
   	   	position: relative;
   	z-index: 1000;
   }

   .rslides li {
  max-height: 700px;
  }

	.rslides1_nav {
    height: 106px;
    width: 70px;
    background: transparent url("/frontend/core/layout/images/arrow_left.png") no-repeat left top;
    opacity: 0.8;
 
}

.rslides1_nav.next {
    left: auto;
	background: transparent url("/frontend/core/layout/images/arrow_right.png") no-repeat left top;
	right:30px;
	opacity: 0.8;
}



}





@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	
	

}


@media print {

}