.box-hulp {
  border:1px solid #e5e5e5;
  background-image:none;
  background-color:#f1f1f1;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  border-radius:3px;
  margin:0 0 30px 0;
  padding:20px 15px 0 15px;
  overflow:hidden;
}

.sp-criteria, .sp-fire {
  width:100%
  padding-left:15px;
  padding-right:15px;
  padding-bottom:0;
}

.sp-fire {
  padding-top:50px;
  text-align:center;
}

.sp-fire img {
  margin:0 auto 40px auto;
  max-width:80%;
}

.sp-fire input {
  clear:both;
  float:none;
  width:100%;
  max-width:450px;
  margin:0 auto 0 auto;
}

.keuzehulp-lbl {
  clear:both;
  float:left;
  width:100%;
  margin-top:15px;
  font-size:14px;
  font-weight:700;
}

.keuzehulp-ctrl {
  float:left;
  width:100%;
  margin-top:25px;
  margin-bottom:35px;
}

.filters {
  clear:both;
  width:100%;
  padding-top:30px;
  border-top:1px solid #e5e5e5;
}

.filter {
  float:left;
  width:100%;
  min-width:0;
  padding-right:15px;
  padding-bottom:20px;
}

.filter-type {
  width:100%;
}

.filter-fitfor {
  width:100%;
}

.filter-mailbox {
  width:100%;
  min-width:0;
}

.filter h4 {
  margin-bottom:10px;
}

.filter > div {
  float:left;
  min-width:170px;
  margin:0 10px 5px 0;
}

.filter-fitfor > div { min-width:120px; }
.filter-mailbox > div { min-width:50px; }

.filter > div > input {
  float:left;
  margin:2px 7px 5px 0;
}



.keuzehulp-sort h3, .keuzehulp-sort div {
  float:left;
}

.keuzehulp-sort div {
  float:right;
  margin-left:10px;
  margin-top:7px;
}

.keuzehulp-sort select {
  margin-left:5px;
  padding:3px 5px;
}



.resultaten > li {
  clear:both;
  float:left;
  width:100%;
  margin:10px 0 0 0;
  padding:10px 0 5px 0;
  background-image:none;
  border-top:1px solid #ebebeb;
  cursor:pointer;
}

.resultaten img {
  float:left;
  width:15%;
  margin:5px 5% 5px 0;
}

.resultaten h3, .resultaten h4, .resultaten p, .resultaten ul {
  float:right;
  width:80%;
}

.vanafprijs {
  display:block;
  font-size:0.92em;
  color:#f76e67;
  font-weight:900;
}

.vanafprijs em {
  font-size:1.54em;
  color:#ee2e24;
  white-space:nowrap;
}

.resultaten li li em {
  color:#999;
  padding-right:10px;
}




.loader-outer {
  position:absolute;
  width:150px;
  height:150px;
  text-align:center;
  z-index:1000;
}

.loader {
  margin: 6em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.3);
  border-right: 1.1em solid rgba(255, 255, 255, 0.3);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.3);
  border-left: 1.1em solid #ffffff;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loader, .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}












@media (min-width: 768px) {

  .sp-criteria {
    float:left;
    width:75%;
  }

  .sp-fire {
    float:left;
    width:25%;
    padding-top:20px;
    padding-left:20px;
  }

  .keuzehulp-lbl {
    width:80px;
    margin-top:25px;
  }

  .keuzehulp-ctrl {
    clear:none;
    width:350px;
  }

  .sp-fire img {
    margin:40px 0 0 0;
  }

  .sp-fire input {
    margin:40px auto 0 auto;
  }

  .filter {
    width:40%;
    min-width:150px;
  }

  .filter-type { width:45%; }
  .filter-fitfor { width:45%; }

  .filter-mailbox {
    width:10%;
    min-width:75px;
  }

  .filter > div {
    float:left;
    min-width:170px;
  }

  .filter-fitfor > div { min-width:120px; }

}


@media (min-width: 966px) {

  .keuzehulp-ctrl {
    width:500px;
  }

  .filter > div {
    margin-bottom:0;
  }

}


@media (min-width: 1020px) {

  .keuzehulp-ctrl {
    width:550px;
  }

}