@charset "utf-8";





/* ------------------------

ACCES CATALOGUE

--------------------------*/



#leftbar ul{

  font-size:0;

}



#leftbar ul li{

  display:inline-block;

  width:147px;

  height:190px;

  font-family:"Exo 2", Helvetica, Arial, sans-serif;

  font-weight:400;

  font-size:15px;

  color:#ffffff;

}



#leftbar ul li a{

  font-size:0;

  display:block;

  vertical-align:bottom;

  height:190px;

}



#leftbar ul li a > span{

  display:inline-block;

  width:100%;

  font-size:15px;

  margin-top:120px;

  height:70px;

  line-height:66px;

  background:rgba(56, 56, 56, 0.15);

  color:#000000;

  text-align:center;

  vertical-align:middle;

}



#leftbar ul li a:hover > span,

#leftbar ul li:nth-of-type(even) a:hover > span{

  //background:#242424;

  color:#C21D1F;

}



#leftbar ul li a > span > span{

  display:inline-block;

  width:90%;

  line-height:normal;

  vertical-align:middle;

}



#leftbar ul li,

#leftbar ul li a > span{

  transition: all 0.15s ease;

  -webkit-transition:all 0.15s ease;

}



/* Styles spécifiques */



#leftbar ul li:first-of-type,

#leftbar ul li:last-of-type{

  width:149px;

}



#leftbar ul li:first-of-type a > span{

/*  -webkit-border-top-left-radius: 15px;

  -moz-border-radius-topleft: 15px;

  border-top-left-radius: 15px;*/

}



#leftbar ul li:last-of-type a > span{

/*  -webkit-border-top-right-radius: 15px;

  -moz-border-radius-topright: 15px;

  border-top-right-radius: 15px;*/

}



#leftbar ul li:nth-of-type(even) a > span{

  background:rgba(56, 56, 56, 0.16);

}



#leftbar ul li.mBedrijfswagens{

  background:url(../images/bedrijfswagens_enkele_cabine.png) center no-repeat;

}



#leftbar ul li.mDubbele_cabine{

  background:url(../images/bedrijfswagens_dubbele_cabine.png) center no-repeat;

}



#leftbar ul li.mPersonenautos{

  background:url(../images/personenautos.png) center no-repeat;

}



#leftbar ul li.mKipper{

  background:url(../images/kipper.png) center no-repeat;

}



#leftbar ul li.mPersonenvervoer{

  background:url(../images/personenvervoer.png) center no-repeat;

}



#leftbar ul li.mKoel{

  background:url(../images/koelwagen.png) center no-repeat;

}



#leftbar ul li.mBakwagen{

  background:url(../images/bakwagen.png) center no-repeat;

}



#leftbar ul li.mHoogwerker{

  background:url(../images/hoogwerker.png) center no-repeat;

}



#leftbar ul li.mTrekker{

  background:url(../images/trekker.png) center no-repeat;

}



#leftbar ul li.mPickup{

  background:url(../images/pickup.png) center no-repeat;

}



#leftbar ul li.mGlas{

  background:url(../images/glasresteel.png) center no-repeat;

}



#leftbar ul li.mOverig{

  background:url(../images/overig.png) center no-repeat;

}



#leftbar ul li.mBedrijfswagens:hover,

#leftbar ul li.mDubbele_cabine:hover,

#leftbar ul li.mPersonenautos:hover,

#leftbar ul li.mKipper:hover,

#leftbar ul li.mPersonenvervoer:hover,

#leftbar ul li.mKoel:hover,

#leftbar ul li.mBakwagen:hover,

#leftbar ul li.mHoogwerker:hover,

#leftbar ul li.mTrekker:hover,

#leftbar ul li.mPickup:hover,

#leftbar ul li.mGlas:hover,

#leftbar ul li.mOverig:hover{

  background-color:#e0e3e4;

}



#leftbar ul li.currentFamily{

  background-color:#e0e3e4;

}



#leftbar ul li.currentFamily a > span{

  background:#242424 !important;

  color:#d8b339 !important;

}







/* ---------------------

FONTS

------------------------*/



@import url(http://fonts.googleapis.com/css?family=Exo+2:300,400,600,800|Open+Sans:400,400italic,700,700italic);





div#topfilters {

  float: left;

  width: 100%;

}



.topfilter-button {

  float: left;

  background-color: #242424;

  color: #fff;

  margin: 0 5px 35px;

  border: 0;

  background: url(../images/bluecross.png) right center no-repeat #242424;

  padding-right: 26px;

}