.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: #17181b4D;
    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: #17181b4D;
    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 #ffb608;
}



.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: #17181b;
    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: #17181b;
    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: #17181b;
    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: #17181b;
    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: #17181b;
    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: #17181b;
    background-color: #fdfbf5;
    border-color: #ffb608;
    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: #17181b;
    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: #17181b;
    background-color: #fdfbf5;
    border-color: #ffb608;
    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: #17181b;
    background-color: #fdfbf5;
    border-color: #ffb608;
}

#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: #17181b;
    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: #17181b;
    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: #17181b;
    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: #17181b;
    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: #17181b;
    background-color: #fdfbf5;
    border-color: #c65f18;
}















