.HI-button-inhoud { font-size: 18px;background-color:#898F70;color:#ffffff;border: none;text-align: center;text-decoration: none;display: inline-block;width:100%;padding: 10px 10px 10px 10px;text-transform: uppercase;}
.HI-button-inhoud:hover{color:#ffffff;background-color:rgba(137, 143, 111, 0.8)}	
.HI-button-inhoud:visited{color:#ffffff;background-color:#898F70}
.HI-button-inhoud:active{color:#ffffff;background-color:#898F70}

.HI-inhoud{text-align: center}


.meerinfo {background-color: #edefe4;}



 /* COUNT INPUT */

 
 .ruimte-accordion{font-size: 18px;display:block;width:100%;border:none;display:inline-block;padding:10px 10px;text-align:left;overflow:hidden;text-decoration:none;color:#fff;background-color:#898F70;cursor:pointer;white-space:nowrap}
 
 .angle{font-size: 21px;margin-right:20px}
 
 
 .quantity2-ruimte {padding-right: 8px;padding-left: 8px;padding-bottom:20px;padding-top:10px}
 .quantity2-tekst{ font-size: 22px; }
.spatie-spinner{margin-left:10px;  font-size: 16px;  } 
.quantity2 {
  position: relative;margin-left:24px; margin-bottom:10px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity2 input {
  width: 60px;
  height: 35px;
  line-height:1;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #555;
border-right: 0px solid #555;
background-color: #555;
   padding-left: 10px;
color:#fff;
font-size: 17px;
  border-radius: 0px;
 
}

.quantity2 input:focus {
  outline: 0;
}

.quantity2-nav {
  float: left;
  position: relative;
  height: 35px;
  
}

.quantity2-button {
  position: relative;
  cursor: pointer;
 
  width: 25px;
  text-align: center;
  color:#fff;
  font-size: 20px;
 background-color: #555;
  line-height: 1.3;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
 
}

.quantity2-button.quantity2-up {
  position: absolute;
  height: 100%;
  top: 0;
  
border: 1px solid #555;
}

.quantity2-button.quantity2-down {
  position: absolute;
  top: 0;
 
border: 1px solid #555;
  height: 100%;
}
			
 
 /* END COUNT INPUT */ 
 
 
 
  
 .offerte-body-verkoopstyling{ margin-right: 8px;
     margin-left: 8px;
     margin-top: 10px;
      margin-bottom: 0px;}

 
 
 
 
 .offerte-stijl{width: 100%;margin-top:2px}   
 
 .offerte-body-aanvullend{ margin-right: 0px;
     margin-left: 8px;
     margin-top: 10px;
      margin-bottom: 0px;}

      
   .offerte-body-aanvullend2{ margin-right: 0px;
     margin-left: 8px;
     margin-top: 1px;
      margin-bottom: 0px;}

          
      
   .offerte-body-aanvullend-info{ margin-right: 8px;
     margin-left: 1px;
     margin-top: 10px;
      margin-bottom: 0px;
     
      }   
      
   .offerte-body-aanvullend-info2{ margin-right: 8px;
     margin-left: 1px;
     margin-top: 1px;
      margin-bottom: 0px;
     
      }   
      
       
      
       .offerte-body{ margin-right: 8px;
     margin-left: 8px;
     margin-top: 10px;
      margin-bottom: 0px;}
      
          .offerte-body3{ margin-right: 8px;
     margin-left: 8px;
     margin-top: 65px;
      margin-bottom: 0px;}
 
 .buthead{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.checkbutton{
	 
  background-color: #ccc;
 
    
   
    
    }
    

   
    
    .checkbutton-inhoud{
	 
  background-color: #777;
 
    
   
    
    }
    
    .checkbutton-pakketten{
	 
  background-color: #f3f3f3;
 
    
   
    
    }

.but{
	 
  color: #fff;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;

}

.butkop{
	 
  color: #fff;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;

}


.butinhoud{
	 
  color: #fff;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;

}

.but input[type=checkbox]{
  position: absolute;
  visibility: hidden;
  
}

.butkop input[type=checkbox]{
  position: absolute;
  visibility: hidden;
  
}


.butinhoud input[type=checkbox]{
  position: absolute;
  visibility: hidden;
  
}

.butpakket input[type=checkbox]{
  position: absolute;
  visibility: hidden;
  
}



.but input[type=radio]{
  position: absolute;
  visibility: hidden;
  
}

.butkop input[type=radio]{
  position: absolute;
  visibility: hidden;
  
}
.optioneel{
	display: block;
  position: relative;
border:2px solid;border-color:#ddd;
  font-size: 20px;
  padding: 10px 10px 10px 16px;
   background-color: #ddd;
 color: #fff;
  z-index: 9;
  

 }

.but label{
	
  display: block;
  position: relative;
border:2px solid;border-color:#ccc;
  font-size: 16px;
  padding: 5px 10px 5px 40px;
  
 color: #fff;
  z-index: 9;
  cursor: pointer;
 
}



.but:hover label{
	color: #fff;border:2px solid;border-color:#898F70
	}
	

.butkop label{
	
  display: block;
  position: relative;
border:2px solid;border-color:#ccc;
  font-size: 20px;
  padding: 10px 10px 10px 50px;
  
 color: #fff;
  z-index: 9;
  cursor: pointer;
 
}



.butkop:hover label{
	color: #fff;border:2px solid;border-color:#898F70
	}




.butpakket label{
	
  display: block;
  position: relative;
border:2px solid;border-color:#f3f3f3;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  margin-left:24px;
  text-align: left;
 color: #777;
  z-index: 9;

 
}

.butpakket:hover label{

	}


.butpakket .check{
  display: block;
  position: absolute;
  border: 4px solid #fff;
  border-radius: 100%;
  height: 20px;
 

  width: 20px;
  top: 25px;
  left: 25px;
	z-index: 5;
	}

.butpakket:hover .check {
  border: 5px solid #fff;
}

.butpakket .check::before {
  display: block;
  position: absolute;
  
	content: '';
  border-radius: 100%;
  height: 6px;
  width: 6px;
  top: 2px;
	left: 2px;
  margin: auto;
}






	
	
.butinhoud label{
	
  display: block;
  position: relative;
border:2px solid;border-color:#777;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  text-align: left;
 color: #fff;
  z-index: 9;
  cursor: pointer;
  text-align: center
 
}

.butinhoud:hover label{
	color: #fff;border:2px solid;border-color:#444;
	background-color: #444;
	}


.butinhoud .check{
  display: block;
  position: absolute;
  border: 4px solid #fff;
  border-radius: 100%;
  height: 20px;
 

  width: 20px;
  top: 25px;
  left: 25px;
	z-index: 5;
	}

.butinhoud:hover .check {
  border: 5px solid #fff;
}

.butinhoud .check::before {
  display: block;
  position: absolute;
  
	content: '';
  border-radius: 100%;
  height: 6px;
  width: 6px;
  top: 2px;
	left: 2px;
  margin: auto;
}



.but .check{
  display: block;
  position: absolute;
  border: 4px solid #fff;
  border-radius: 100%;
  height: 20px;
 

  width: 20px;
  top: 19px;
  left: 25px;
	z-index: 5;
	}

.but:hover .check {
  border: 5px solid #fff;
}

.but .check::before {
  display: block;
  position: absolute;
  
	content: '';
  border-radius: 100%;
  height: 6px;
  width: 6px;
  top: 2px;
	left: 2px;
  margin: auto;
}



.butkop .check{
  display: block;
  position: absolute;
  border: 4px solid #fff;
  border-radius: 100%;
  height: 20px;
 

  width: 20px;
  top: 27px;
  left: 25px;
	z-index: 5;
	}

.butkop:hover .check {
  border: 5px solid #fff;
}

.butkop .check::before {
  display: block;
  position: absolute;
  
	content: '';
  border-radius: 100%;
  height: 6px;
  width: 6px;
  top: 2px;
	left: 2px;
  margin: auto;
}




.but input[type=radio]:checked ~ .check {
  border: 5px solid #fff;
}

.but input[type=radio]:checked ~ .check::before{
  background: #fff;
}

.but input[type=radio]:checked ~ label{
  color: #fff;background: #898F70; z-index: 3;cursor: pointer;border:2px solid;border-color:#898F70
}

.but input[type=checkbox]:checked ~ .check {
  border: 5px solid #fff;
}

.but input[type=checkbox]:checked ~ .check::before{
  background: #fff;
}

.but input[type=checkbox]:checked ~ label{
   color: #fff;background: #898F70; z-index: 3;cursor: pointer;border:2px solid;border-color:#898F70

}




.butkop input[type=radio]:checked ~ .check {
  border: 5px solid #fff;
}

.butkop input[type=radio]:checked ~ .check::before{
  background: #fff;
}

.butkop input[type=radio]:checked ~ label{
  color: #fff;background: #898F70; z-index: 3;cursor: pointer;border:2px solid;border-color:#898F70
}

.butkop input[type=checkbox]:checked ~ .check {
  border: 5px solid #fff;
}

.butkop input[type=checkbox]:checked ~ .check::before{
  background: #fff;
}

.butkop input[type=checkbox]:checked ~ label{
   color: #fff;background: #898F70; z-index: 3;cursor: pointer;border:2px solid;border-color:#898F70

}






.butinhoud input[type=button]:checked ~ .check {
  border: 5px solid #fff;
}

.butinhoud input[type=button]:checked ~ .check::before{
  background: #fff;
}

.butinhoud input[type=button]:checked ~ label{
   color: #fff;background: #898F70; z-index: 3;cursor: pointer;border:2px solid;border-color:#898F70

}


.butpakket input[type=button]:checked ~ .check {
  border: 5px solid #fff;
}

.butpakket input[type=button]:checked ~ .check::before{
  background: #fff;
}

.butpakket input[type=button]:checked ~ label{
   color: #fff;background: #f3f3f3; z-index: 3;cursor: pointer;border:2px solid;border-color:#f3f3f3

}





.but2{
	 
  color: #fff;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;

}

.but2 input[type=checkbox]{
  position: absolute;
  visibility: hidden;
  
}



.but2 input[type=radio]{
  position: absolute;
  visibility: hidden;
  
}

.but2 label{
	
  display: block;
  position: relative;
border:2px solid;border-color:#ccc;
  font-size: 18px;
  padding: 10px 10px 10px 60px;
  margin: 3px auto;

  z-index: 9;
  cursor: pointer;
 
}

.but2:hover label{
	color: #fff;border:2px solid;border-color:#ccc;
	}





.but2 .check{
  display: block;
  position: absolute;
  border: 5px solid #fff;
  border-radius: 100%;
  height: 20px;
 

  width: 20px;
  top: 17px;
  left: 25px;
	z-index: 5;
	}

.but2:hover .check {
  border: 5px solid #898F70;
}

.but2 .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  
  height: 10px;
  width: 10px;
  top: 5px;
	left: 5px;
  margin: auto;
}

.but2 input[type=radio]:checked ~ .check {
  border: 5px solid #fff;
}

.but2 input[type=radio]:checked ~ .check::before{
  background: #fff;
}

.but2 input[type=radio]:checked ~ label{
  color: #fff;background: #898F70; z-index: 3;
}

.but2 input[type=checkbox]:checked ~ .check {
  border: 5px solid #fff;
}

.but2 input[type=checkbox]:checked ~ .check::before{
  background: #fff;
}

.but2 input[type=checkbox]:checked ~ label{
  color: #fff;background: #898F70;z-index: 3;border:2px solid;border-color:#898F70
}







.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
 padding:0 17px 0 17px;

}


.select select {
  display: inline-block;
  width: 100%;
  
  cursor: pointer;
  padding: 10px 10px 10px 60px;
  outline: 0;
  border: 0;
  font-size: 18px;
  font-weight: 300;
border-radius: 0;  background: #ccc;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
   border:2px solid;border-color:#ccc
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
 
 color: #fff;border:2px solid;border-color:#b89669
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 10px;
  left: 25px;
  width: 35px;
  height: 0;
  pointer-events: none;
  text-align:left
  
  }
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}

.iconlist1 { color: #ffffff;margin-right:0px; }