.checkboxDivClass{
  position: relative;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  width: 140px;
  left: 0px;
  height: 38px;	
  margin-bottom: 10px; 
}
.checkboxDivCheckboxClass
{
position: absolute;
left: 284px;
}

.checkboxDivTextClass
{	
position: absolute;
top: 5px;
left: 24px;
width: 300px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;

/* identical to box height */

color: #0a2346;


}


#builderText{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    width: 420px;
    height: 40px;
    padding-top: 10px;
    left: 24px;
    position: relative;
  }

  #buttonIndeling1{
    position: relative;
    left: 24px;
    height: 60px;
	margin-bottom: 10px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/door1.png");
    background-repeat: no-repeat;
    background-position: start;
    text-align: left;
    padding-left: 80px;
  
    border-width: 1px;
    border-color: #c65f18;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
    text-align: left;

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonIndeling1:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }
  
  #buttonIndeling2{
    position: relative;
    left: 24px;
	margin-bottom: 10px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/door2.png");
    background-repeat: no-repeat;
    background-position: start;

  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
    text-align: left;
    padding-left: 80px;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonIndeling2:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  } 
  
  #buttonIndeling3{
    position: relative;
    left: 24px;
    height: 60px;
	margin-bottom: 10px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/door3.png");
    background-repeat: no-repeat;
    background-position: start;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
    text-align: left;
    padding-left: 80px;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonIndeling3:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  } 
  
  
  
  
  
    #buttonIndeling4{
    position: relative;
    left: 24px;
    height: 60px;
	margin-bottom: 10px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/door4.png");
    background-repeat: no-repeat;
    background-position: start;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
    text-align: left;
    padding-left: 80px;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonIndeling4:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  } 
  
  
  
  
  
  
  
  
  
  
  

  #buttonLinks1{
    height: 44px;  
    position: relative;
    left: 43px;
    width: 91px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonLinks1:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }
  
  #buttonRechts1{
	  height: 44px;
    position: relative;
    left: 47px;
    width: 91px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonRechts1:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }
  
  #buttonLinks2{
	  height: 44px;
    position: relative;
    left: 36px;
    width: 95px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonLinks2:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  } 
  
  #buttonRechts2{
	  height: 44px;
    position: relative;
    left: 39px;
    width: 95px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonRechts2:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }
  
  #buttonLinks3{
	  height: 44px;
    position: relative;
    left: 37px;
    width: 95px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonLinks3:hover {
	  
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }
   
  #buttonRechts3{
	  height: 44px;
    position: relative;
    left: 39px;
    width: 95px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonRechts3:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }
 
  #buttonLinks4{
	  height: 44px;
    position: relative;
    left: 37px;
    width: 95px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonLinks4:hover {
	  
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }
   
  #buttonRechts4{
	  height: 44px;
    position: relative;
    left: 39px;
    width: 95px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #buttonRechts4:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
  }

  
  
#ventButton1
{
left: 24px;

}
 
 #ventButton2 
{
left: 135px;

}
 
#ventButton3
{
left: 246px;

}
  
 #ventButton1, #ventButton2, #ventButton3
 {
	height: 44px;
    position: absolute;
    width: 103px !important;
    background-color: white;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s; 
 }
  
 #ventButton1:hover, #ventButton2:hover, #ventButton3:hover 
 {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1;
 }
  
  
#ventButtonDiv
{
margin-bottom: 8px;	
height: 45px;
position: relative;
}
  
  
#moreBottom1, #moreBottom2, #moreBottom3, #moreBottom4
{
display: none;
position: relative;
left: 24px;
height: 60px;
top: 0px;
width: 325px; 
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #000000;
}
  
.colorDoorTextDiv
{
position: absolute;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #0a2346;
top: 10px;
}

.colorDoorDiv{
    display: none;
    position: relative;
    left: 24px;
    width: 325px;
    height: 100px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
  }

  .textKleur{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    width: 100px;
    height: 140px;
    top: 90px;
    left: 40px;
    position: relative;
  }

  #outside1{
    display: none;
    position: absolute;
    height: 60px;
    width: 325px;
    top: 30px;
    left: 24px;
  }
  
  #outside2{
    display: none;
    position: absolute;
    height: 60px;
    width: 325px;
    top: 105px;
    left: 24px;
  }
  
  #outside3{
    display: none;
    position: relative;
    height: 50px;
    width: 325px;
    left: 24px;
  }

  #outside4{
    display: none;
    position: relative;
    height: 10px;
    width: 325px;
    left: 24px;
  }

  .textMoreButtonZKO{
position: absolute;
top: 50px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    height: 40px;
    width: 330px;
    line-height: 40px;
  }

  #colorInput{
    position: absolute;
    left: 285px;
    height: 40px;
    width: 40px !important;
    background-color: white;
    border: solid 1px;
    border-color: #DADEE3;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }

 



.doorColorButton1, .doorColorButton1:focus{
      position: absolute;
      left: calc(88px - 24px);
      height: 40px;
      width: 35px !important;


      background-color: #f1ece1;
      border: solid 1px #DADEE3;
    
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
    

    }



.doorColorButton2, .doorColorButton2:focus{
      position: absolute;

	  left: calc(131px - 24px);
      height: 40px;
      width: 35px !important;

      background-color: #383e42;
      border: solid 0px #DADEE3;
    
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
    

    }
 

.doorColorButton3, .doorColorButton3:focus{
      position: absolute;
      left: calc(174px - 24px);
      height: 40px;
      width: 35px !important;


      background-color: #0e0e10;
      border: solid 0px #DADEE3;

      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
    

    }
 
.doorColorButton4, .doorColorButton4:focus{
    position: absolute;
    left: calc(217px - 24px);
    height: 40px;
    width: 132px;
color: rgba(7, 36, 70, 0.5);
    background-color: #FFFFFF;
    border: solid 1px #DADEE3;
    
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  

    }

.doorColorButton1:focus, .doorColorButton2:focus, .doorColorButton3:focus, .doorColorButton4:focus
{
border: solid 1px #c65f18;
}

  .inputBorderHout {
    position: absolute;
    left: 176px;
    height: 40px;
    width: 103px !important;
    top: 0px;
  
    border-width: 1px;
    border-color: #CCC;
    border-style: solid;
  
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .inputValueHout {
    position: absolute;
    left: 184px;


    height: 40px !important;
    width: 90px !important;
  
  
    border-width: 0px;
    border-color: #0a2346;
    border-style: solid;

  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    border-bottom: 0px solid #000000 !important;
    text-align: center;
  }
  
  .textMateriaal{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    width: 380px;
    height: 30px;
    left: 24px;
    position: relative;
  
  }

  .textMoreButton{
    position: absolute;
    left: -30px;
    height: 45px;
    top: 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
  }

  #doorMaterialButton_1_1, #doorMaterialButton_2_1, #doorMaterialButton_3_1, #doorMaterialButton_4_1{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/hout.png");
    background-repeat: no-repeat;
    background-position: start;

  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
    
    text-align: left;
    padding-left: 80px;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #doorMaterialButton1:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  } 
  
  #doorMaterialButton_1_2, #doorMaterialButton_2_2, #doorMaterialButton_3_2, #doorMaterialButton_4_2{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/kunststof.png");
    background-repeat: no-repeat;
    background-position: start;
    padding-left: 80px;
    
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
    
    text-align: left;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
  }
  
  #doorMaterialButton2:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  }
  
  
  #doorMaterialButton_1_3, #doorMaterialButton_2_3, #doorMaterialButton_3_3, #doorMaterialButton_4_3{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/aluminium.png");
    background-repeat: no-repeat;
    background-position: start;
    padding-left: 35px;
  
    border-width: 1px;
    border-color: #DADEE3;
    border-style: solid;
  
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2346;
    
    text-align: left;
    padding-left: 80px;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    transition: 0.3s;
    
  }
  
  #doorMaterialButton3:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  } 

  .lineWidth{

    color: #000000;
    width: 323px;
    height: 1px;
    left: 25px;
    position: relative;
    border-top: 1px solid #F3F3F3;
	margin-bottom: 10px;
  }


  .lineWidth3{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    width: 470px;
    height: 1px;

    left: 0px;
    position: relative;
    border-top: 1px solid #F3F3F3;
  }
  
  .blockTab_1{
    height: 70px;
  }



#doorColorDiv_1_2, #doorColorDiv_2_2, #doorColorDiv_3_2, #doorColorDiv_4_2
{
height: 50px !important;	
}


#doorColorDiv_1_3, #doorColorDiv_2_3, #doorColorDiv_3_3, #doorColorDiv_4_3
{
height: 50px !important;	
}