/** page structure **/
#w {
  display: block;
  max-width: 100%;
  min-width: 300px;
  margin: 0 auto;
  position:relative;
  padding-bottom:70px;
  margin-top:40px;
 
}

.overzichtStructuur{
  width: 105%;

  float: left;
}



.overzichtStructuurIntro h3{
  background-color: #fff;
  line-height: 55px;
  padding: 0px 15px;
  font-size: 39px;
  color: #1d1d1b;
  display: table;
  margin-bottom: 5px;
  font-family: open;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
}
.overzichtStructuurIntro ul{
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.overzichtStructuurIntro a{
  line-height: 58px;

  font-size: 50px;
  color: #fff;
  display: table;
  margin-bottom: 5px;
  font-family: open;
  text-transform: uppercase;
  width: 100%;
}


.overzichtStructuurIntro select{
  height: 60px;
  font-family: open;
  font-size: 20px;
  text-transform: uppercase;
}


/** posts slider widget **/
.crsl-items {
  display: block;
}
/** posts slider widget **/
.artikelen {
  display: block;


}




.crsl-item {  }

.crsl-item h3 { margin-top:-3px; margin-bottom:0px; font-size:15px; color:#000; font-family: Openbold; text-transform:uppercase}
.crsl-item p{  text-align:left; margin-bottom:-3px; margin-top:8px; font-size:14px;}

.crsl-item img:hover{ }

.con {border-left:1px solid #000; padding-left:13px; margin-top:40px;}

.crsl-item .postdate {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-size: 1.2em;
  font-weight: bold;
  background: #4e90da;
}

.crsl-item .con{
  height: 2em;
}

.crsl-item .ficon{
  height: 12em;
}

.artikelen .crsl-item{
  float: left;
  width: 23%;
  margin-right: 1%;
  margin-left: 1%;
}
.artikelen img {
  width: 100%;
  height: auto;
}

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


  .artikelen .crsl-item {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }

  .crsl-item .ficon{
    height: 20em;
  }

}

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


  .artikelen .crsl-item {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }

  .crsl-item .ficon{
    height: 20em;
  }

}

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


  .artikelen .crsl-item {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }

  .crsl-item .ficon{
    height: auto;
  }

}

.slidernav {


  z-index:1;
  bottom:-40px;

 
}

.p_price {margin-top:15px;}
.p_price a{ background:#a7aca0; color:#fff; text-decoration:none; display:inline-block; margin-left:13px; font-weight:bold; font-size:13px; padding:2px 15px;}
.p_price img {margin-right:3px;}


.slider-left-button{left:0px; top:150px; position:absolute; z-index:999999;}

.slider-right-button{left:1180px; top:150px; position:absolute;}



.previous{ font-family: myfont; margin-right:10px; background:url(../images/newsarrow_left.png) no-repeat; width:32px; height:89px; float:left; cursor:pointer ; position:absolute; left:-40px; top:50px;}
.next { font-family: myfont; margin-right:5px;  background:url(../images/newsarrow_right.png) no-repeat; width:32px; height:89px; float:left; cursor:pointer; position:absolute; right:-40px; left:auto; top:50px;}



/** media queries **/


@media screen and (max-width: 1279px) {
	
	.crsl-item h3 { min-height:40px;}
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


@media screen and (max-width: 1024px) {
	
	.slidernav { position:absolute; left:45%; bottom:30px;}
	
	.previous{ font-family: myfont; margin-right:10px; background:url(../images/left-arrow.jpg) no-repeat; width:32px; height:32px; float:left; cursor:pointer ; position:relative; top:50px; left:0px;}
.next { font-family: myfont; margin-right:5px;  background:url(../images/right-arrow.jpg) no-repeat; width:32px; height:32px; float:left; cursor:pointer; position:relative;  left:auto; top:50px; right:0px;}

	
}


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

  position:absolute;
  z-index:1;
  bottom:10px;
  left:38%;
 
}




	
	.slider-left-button{top:-30px !important; left:10px !important; position:absolute; }
	
	.slider-right-button{ top:-30px !important; left:40px !important; position:absolute; }
 
}