.blockTab_6_1{
    position: relative;
    height: 92px;
  }

  .blockTab_6_2{
    position: relative;
    height: 220px;
  }

  .blockTab_6_3{
    position: relative;
    height: 160px;
  }

  .blockTab_6_4{
    position: relative;
    height: 676px;
  }








  .switchInnerLedsDiv{
    position: absolute;
    top: 0px;
    left: 270px;
  }

  .textPlafond1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    width: 198px;
    left: 24px;
    position: absolute;
    height: 20px;
    line-height: 19.5px;
    top: 22px;
  }

 .descrOverstek2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #0a23464D;
    width: 198px;
    left: 0px;
    position: absolute;
    height: 20px;
    line-height: 19.5px;
    top: 18px;
  }

  .descrOverstek3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #0a23464D;
    width: 198px;
    left: 24px;
    position: absolute;
    height: 20px;
    line-height: 19.5px;
top: -20px;
  }

.ledButtonMainClass6c {
position: absolute;
background-repeat: no-repeat;
border-style: none;      
width: 44.34px;
height: 44.34px;
text-align: center;
font-size: 11.82px;
font-weight: 500;
font-family: 'Montserrat';
	
background: #FFFFFF;
border: 1px solid rgba(7, 36, 70, 0.5);
border-radius: 8px;
	
	 	cursor: pointer;    
}

.ledButtonMainClass8c {
position: absolute;
background-repeat: no-repeat;
border-style: none;      
width: 31px;
height: 31px;
text-align: center;
font-size: 11.82px;
font-weight: 500;
font-family: 'Montserrat';
	
background: #FFFFFF;
border: 1px solid rgba(7, 36, 70, 0.5);
border-radius: 8px;
	
	 	cursor: pointer;    
}


.ledButtonMainClass9c {
position: absolute;
background-repeat: no-repeat;
border-style: none;      
width: 26px;
height: 26px;
text-align: center;
font-size: 11.82px;
font-weight: 500;
font-family: 'Montserrat';
	
background: #FFFFFF;
border: 1px solid rgba(7, 36, 70, 0.5);
border-radius: 8px;
	
	 	cursor: pointer;    
}



.ledRow{
height: 60px;
position: relative;
}
.ledRow9{
height: 40px;
position: relative;
}


.ledButtonMainClass:hover
{
	
}


.ledButtonOn, .ledButtonOn:focus
{
background-image : url("../css/sunOn.png");	
background-color: #FFFFFF;
background-size: cover;
border: 1px solid #c65f18;
}



.ledButtonOff, .ledButtonOff:focus
{
background-image : url("../css/sunOff.png");
background-color: #FFFFFF;
background-size: cover;
border: 1px solid rgba(7, 36, 70, 0.5);	
}






.ledButton_t6_c1
{
left: 23px;	
}

.ledButton_t6_c2
{
    left: 79px;
}

.ledButton_t6_c3
{
    left: 135px;
}

.ledButton_t6_c4
{
	left: 191px;
}
	
.ledButton_t6_c5
{
    left: 247px;
}
	
.ledButton_t6_c6
{
    left: 303px;
}	



.ledButton_t8_c1
{
left: 24px;	
}

.ledButton_t8_c2
{
    left: 65px;
}

.ledButton_t8_c3
{
    left: 106px;
}

.ledButton_t8_c4
{
	left: 147px;
}
	
.ledButton_t8_c5
{
    left: 188px;
}
	
.ledButton_t8_c6
{
    left: 229px;
}	


.ledButton_t8_c7
{
    left: 270px;
}	

.ledButton_t8_c8
{
    left: 311px;
}	




.ledButton_t9_c1
{
left: 24px;	
}

.ledButton_t9_c2
{
    left: 60px;
}

.ledButton_t9_c3
{
    left: 96px;
}

.ledButton_t9_c4
{
	left: 132px;
}
	
.ledButton_t9_c5
{
    left: 168px;
}
	
.ledButton_t9_c6
{
    left: 204px;
}	


.ledButton_t9_c7
{
    left: 240px;
}	

.ledButton_t9_c8
{
    left: 276px;
}	

.ledButton_t9_c9
{
    left: 312px;
}	



.switchOverstek2{
    position: absolute;
    top: 180px;
    left: 290px;
  }

.textOverstek3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    width: 198px;
    left: 24px;
    position: absolute;
    height: 20px;
    line-height: 19.5px;
    top: 185px;
  }

.switchOverstek3{
    position: absolute;
    left: 290px;
    top: 2px;
  }

.textOverstek4{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    width: 198px;
    left: 24px;
    position: absolute;
    height: 20px;
    line-height: 19.5px;
    top: 5px
  }

  .checkBoxtextToon{
    position: absolute;
    top: 25px;
    left: 24px;
    align-items: center;
    color: #000000;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
  }

  .switchOverstek4{
    position: absolute;
    left: 290px;
    top: 60px;
  }

.textOverstek5{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    width: 288px;
    left: 24px;
    position: absolute;
    height: 20px;
    line-height: 19.5px;
    top: 64px
  }

  .radioButtonBediening1{
    position: absolute;
    top: 94px;
    left: 24px;
  }

  .radioButtonBediening2{
    position: absolute;
    top: 122px;
    left: 24px;
  }

  .radioButtonBedieningText{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
  }

  #vloerverwarmingButton{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/Vloerverwarming.png");
    background-repeat: no-repeat;
    background-position: start;
    text-align: left;
    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;
  
  	cursor: pointer;       
  }
  
#aftimmerwerkButton{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/ex_amfitwerk.png");
    background-repeat: no-repeat;
    background-position: start;
    text-align: left;
    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;
		cursor: pointer; 
}
  
 #aanpassingenButton{
	cursor: pointer; 
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    
	background-image: url("../css/ex_aanpassingen.png");
    background-repeat: no-repeat;
    background-position: start;
    text-align: left;
    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;
}
  


 #buttonWaterpipe{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/HemelwaterAfvoer.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;
  
 	cursor: pointer;    
 }
  
  

  #waterpipeMaterialButton1{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/Zinken.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;
  
 	cursor: pointer;    
  }
  
  #waterpipeMaterialButton1:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  } 

  #waterpipeMaterialButton2{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/PVC.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;
  
   	cursor: pointer;  
  }
  
  #waterpipeMaterialButton2:hover {
    color: #0a2346;
    background-color: #fdfbf5;
    border-color: #c65f18;
    opacity: 1
  } 


  




.spaceHightPositie1{
    position: relative;
    height: 68px;
    }

.spaceHightPositie2{
    position: relative;
    height: 68px;
    }

.spaceHightPositie3{
    position: relative;
    height: 50px;
    }

    .spaceHightPositie4{
        position: relative;
        height: 68px;
    }
    

#bottomPositieText{
    position: relative;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
  
    
}

.bottomPositie{
    position: relative;
    left: 24px;
    width: 325px;
    font-size: 16px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    background-color: #ffffff;

    background-color: white;

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

#waterpipeDirectionButton1, #waterpipeDirectionButton1:focus{
  left: 26px;
  height: 40px;
  width: 76px !important;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #DADEE3;
  border-style: solid;
  	cursor: pointer; 
}

#waterpipeDirectionButton2, #waterpipeDirectionButton2:focus{
  left: 29px;
  height: 40px;
  width: 76px !important;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #DADEE3;
  border-style: solid;
  	cursor: pointer; 
}


#waterpipeDirectionButton3, #waterpipeDirectionButton3:focus{
  left: 31px;
  height: 40px;
  width: 76px !important;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #DADEE3;
  border-style: solid;
  	cursor: pointer; 
}

#waterpipeDirectionButton1:hover,
#waterpipeDirectionButton2:hover,
#waterpipeDirectionButton3:hover{
  color: #0a2346;
  background-color: #fdfbf5;
  border-color: #c65f18;
}

#textMateriaalHemelwater{
    position: relative;
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;

    left: 24px;
    height: 32px;
    width: 315px;
}

.colorDoorKleuHemelwater{
    display: none;
    position: relative;
    left: 24px;
    width: 325px;
    height: 70px;
    line-height: 60px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
  }

  #waterpipeColorButton1{
    position: absolute;
    left: 204px;
    height: 40px;
    width: 56px !important;
    top: 11px;

    background-color: #CFCFCF;

    border: solid 1px #DADEE3;
  
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    	cursor: pointer; 
  }

  #waterpipeColorButton2{
    position: absolute;
    left: 269px;
    height: 40px;
    width: 56px !important;
    top: 11px;

    background-color: #000000;
    border: solid 1px #DADEE3;
    
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  
    cursor: pointer; 
}

#sloopwerkButton{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/sloopwerkInclusiefAfvoer.png");
    background-repeat: no-repeat;
    background-position: start;
    text-align: left;
    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;
  
    cursor: pointer; 
  }
  


  #schilderwerkButton{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/Schilderwerk.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;
  
 	cursor: pointer;    
  }
  
  #schilderwerk2Button{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/Schilderwerk.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;
  
 	cursor: pointer;    
  }
  

  #stucwerkButton{
    position: relative;
    left: 24px;
    height: 60px;
    width: 325px !important;
    background-color: white;
  
    background-image: url("../css/StucwerkB.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;
  
 	cursor: pointer;    
  }
  

.menu6_extraButton{
    position: relative;
    left: 134px;
    width: 100px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
	
margin-bottom:10px;	

 	cursor: pointer;    
  }

.ArrownMeerOpties{
    position: relative;
    left: 8px;
	transition: 0.3s;
}

  #buttonnInfo{
    position: absolute;
    top: 20px;
    left: 298px;
	cursor: pointer;    
  }


.buttonnInfo
{
  position: absolute;
  top: 20px;
  left: 298px;
  width:20px;
  height:20px;
  background-image: url("../css/info.png");
  background-repeat: no-repeat;
}	

.buttonnInfoOn
{

  background-image: url("../css/infoActive.png") !important;

}	







.classDirectionButton1, .classDirectionButton1:focus{
  left: 26px;
  height: 40px;
  width: 76px !important;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #DADEE3;
  border-style: solid;
  	cursor: pointer; 
}

.classDirectionButton2, .classDirectionButton2:focus{
  left: 29px;
  height: 40px;
  width: 76px !important;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #DADEE3;
  border-style: solid;
  	cursor: pointer; 
}


.classDirectionButton3, .classDirectionButton3:focus{
  left: 31px;
  height: 40px;
  width: 76px !important;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #DADEE3;
  border-style: solid;
  	cursor: pointer; 
}

.classDirectionButton1:hover,
.classDirectionButton2:hover,
.classDirectionButton3:hover{
  color: #0a2346;
  background-color: #fdfbf5;
  border-color: #c65f18;
}