* {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
}

.PanelTellerLabel {
    padding-left: 5px;
    color: #fff;
    border-radius: 16px;
    /*padding: 3px;*/
    margin-left: 10px;
    margin-top: -3px;
    background-color: #8cb2d6;
    height: 20px;
    width: 20px;
    box-shadow: 0px 1px 1px #000;
    /*text-align: center;*/
    vertical-align: middle;
    float: left;
    position: absolute;
    opacity: 1;
    /*width: 100%;*/
    line-height: 1.2em;
}



.item1 {
    float: left;
    position: relative;
    line-height: 1em;
    width: 200px;
    height: 100%;
}


.item4 {
    padding: 10px 10px 0px 10px;
    float: left;
    position: relative;
    line-height: 1em;
    
}




.item4 {
    width: 25%;
    
}


@media screen and (max-width: 1724px) {
  

    .item4 {
        width: 50%;
   
    }
}
@media screen and (max-width: 1224px) {
   

    .item4 {
        width: 50%;
    }
}
@media screen and (max-width: 900px) {
 

    .item4 {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 720px) {
  
    .item4 {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 480px) {
   

    .item4 {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }
}



.itemN {
   
    float: left;
    position: relative;
    line-height: 1em;
}




.itemN {
    width: 50%;
    padding: 10px 10px 10px 10px;
}


@media screen and (max-width: 1724px) {
  

    .itemN {
        width: 50%;
    }
}

@media screen and (max-width: 900px) {
    

    .itemN {
        width: 50%;
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 720px) {
   

    .itemN {
        width: 50%;
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 480px) {
    
    .itemN {
        width: 50%;
        padding: 0px 0px 0px 0px;
    }
}





.itemN1 {
    float: left;
    position: relative;
    line-height: 1em;
}


.grid-sizerN1 {
    width: 50%;
}

.itemN1 {
  
    width: 50%;
    padding: 10px 10px 10px 10px;
}


@media screen and (max-width: 1724px) {
    /* 10 columns for larger screens */
    .grid-sizerN1 {
        width: 50%;
    }

    .itemN1 {
        width: 50%;
    }
}

@media screen and (max-width: 900px) {
    /* 10 columns for larger screens */
    .grid-sizerN1 {
        width: 50%;
    }

    .itemN1 {
        width: 50%;
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 720px) {
    /* 10 columns for larger screens */
    .grid-sizerN1 {
        width: 50%;
    }

    .itemN1 {
        width: 50%;
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 480px) {
    /* 10 columns for larger screens */
    .grid-sizerN1 {
        width: 50%;
    }

    .itemN1 {
        width: 50%;
        padding: 0px 0px 0px 0px;
    }
}






.item44 {
    padding: 5px;
    float: left;
    position: relative;
 
}




.item44 {
    width: 50%;
    
}


@media screen and (max-width: 1224px) {
    /* 10 columns for larger screens */

    .item44 {
        width: 50%;
    }
}

@media screen and (max-width: 720px) {
    /* 10 columns for larger screens */


    .item44 {
        width: 50%;
    }
}

@media screen and (max-width: 550px) {
    /* 10 columns for larger screens */

    .item44 {
        width: 20%;
    }
}


/*43432432432432*/

.item33 {
    padding: 5px;
    float: left;
    position: relative;
}




.item33 {
    width: 33%;
}


@media screen and (max-width: 1224px) {
    /* 10 columns for larger screens */

    .item33 {
        width: 33%;
    }
}

@media screen and (max-width: 720px) {
    /* 10 columns for larger screens */


    .item33 {
        width: 33%;
    }
}

@media screen and (max-width: 550px) {
    /* 10 columns for larger screens */

    .item33 {
        width: 33%;
    }
}

.item66 {
    padding: 20px 0px 5px 5px;
    float: right;
    position: relative;
}




.item66 {
    width: 60%;
}


@media screen and (max-width: 1224px) {
    /* 10 columns for larger screens */

    .item66 {
        width: 60%;
    }
}

@media screen and (max-width: 720px) {
    /* 10 columns for larger screens */


    .item66 {
        width: 60%;
    }
}

@media screen and (max-width: 550px) {
    /* 10 columns for larger screens */

    .item66 {
        width: 60%;
    }
}

.ImageL {
    margin-top: 6px;
    Height: 215px;
    Width: 177px;
}

@media screen and (max-width: 800px) {
    /* 10 columns for larger screens */

    .ImageL {
        width: 0%;
        height: 0%;
    }
}


    .grid img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    .grid img:hover {
        /*-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .2s ease-in-out forwards;
	animation: helix .2s ease-in-out forwards;*/
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        
    }




.overlay {
    width: 100%;
    height: 100%;
    background-size: 50% 50% auto;
    background: url(../img/cam.png) center center no-repeat;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    top: 0%;
    left: 0;
    text-decoration: none;
    color: #fff;
    display: none;
}

    .overlay:hover {
        background-size: 50% 50% auto;
        background: url(../img/cam.png) center center no-repeat;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }



    .overlay .title {
    }

    .overlay .description {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.80);
        width: 100%;
        margin: 0;
    }

        .overlay .description p {
            margin: 0px;
        }

.item:hover .overlay {
    display: block;
}




.RPaneltextHoofd2 {
    padding: 0px 2px 2px 2px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextHoofd3 {
    padding: 13px 2px 2px 2px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextHoofd4 {
    padding: 8px 2px 2px 2px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextHoofd {
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    border-top: solid 1px #d9d9d9;
    padding: 10px 2px 10px 10px;
    color: #000;
    background: #f8f8f8;
    /*border: solid 1px #d9d9d9;
    border-left: solid 8px #ff8750;*/
    font-size: 1em;
}

.RPaneltextOrangeVakkenEnd {
    padding: 2px 25px 0px 25px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    height: 36px;
}

.RPaneltextOrangeVakken {
    /*padding: 8px 25px 5px 25px;*/
    padding: 3px 25px 0px 25px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    height: 36px;
}

.RPaneltextOrangeVakkenk {
    /*padding: 8px 25px 5px 25px;*/
    padding: 2px 25px 0px 25px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    /*border-bottom: solid 1px #d9d9d9;*/
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
    vertical-align: middle;
    height: 36px;
}

.RPaneltextOrangeVakkenU {
    padding: 10px 0px 10px 10px;
    color: #000;
    background: #f8f8f8;
    border-right: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    /*border-left: solid 8px #ff8750;*/
    font-size: 0.8em;
}

.Rlabeltext2em {
    text-align: left;
    /*margin-left: 150px;*/
    font-size: 2.2em;
}

.Rlabeltext15em {
    text-align: left;
    /*margin-left: 150px;*/
    font-size: 1.5em;
}

.Rlabeltextsmall {
    text-align: left;
    /*margin-left: 150px;*/
    font-size: 0.9em;
    font-weight: 100;
}

.Rlabeltext11 {
    text-align: left;
    font-size: 1.5em;
    font-weight: 600;
    height: 38px;
    top: 5px;
    vertical-align: middle;
    /*margin-top: 14px;*/
    /*margin-left: 150px;*/
}

.RPanelB1 {
    display: block;
    padding-top: 15px;
    /*padding: 15px 15px 10px 15px;*/
    width: 90%;
    /*float: left;*/
    margin-left: 17px;
    text-align: left;
    /*height: 100px;*/
    overflow: hidden;
    opacity: 1;
}

.RPanelB {
    display: block;
    /*padding: 15px 15px 10px 15px;*/
    width: 80%;
    float: left;
    margin-left: 17px;
    text-align: left;
    /*height: 100px;*/
    overflow: hidden;
    opacity: 1;
}

.RPanelB40 {
    display: block;
    /*padding: 15px 15px 10px 15px;*/
    width: 35%;
    float: left;
    height: 100px;
    overflow: hidden;
    opacity: 1;
}

.RPanelB60 {
    display: block;
    padding: 10px 24px 15px 0px;
    width: 60%;
    float: right;
    height: 100%;
    overflow: hidden;
    text-align: right;
    opacity: 1;
}

.RImageL {
    margin-left: 20px;
    /*margin-bottom: 20px;*/
    Height: 100px;
    Width: 200px;
    /*border: solid 2px #929292;*/
}

.RlabeltextlabelA {
    float: left;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 6px 4px 6px 4px;
    text-align: left;
    /*background-color: #8cb2d6;*/
    color: #cc6623;
    /*width: 40px;*/
    font-size: 1.5em;
    font-weight: 600;
    /*margin-left: 150px;*/
}

.Rlabeltext66 {
    float: left;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 6px 4px 6px 4px;
    text-align: left;
    /*background-color: #ceaa63;*/
    /*border-top: #56b273 1px solid;
    border-right: #56b273 1px solid;
    border-left: #56b273 1px solid;
    border-bottom: #56b273 1px solid;*/
    color: #56b273;
    width: 200px;
    font-size: 1.5em;
    font-weight: 600;
    /*margin-left: 150px;*/
}

.Rlabeltext66R {
    float: left;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 6px 4px 6px 4px;
    text-align: left;
    /*background-color: #ceaa63;*/
    /*border-top: #c60018 1px solid;
    border-right: #c60018 1px solid;
    border-left: #c60018 1px solid;
    border-bottom: #c60018 1px solid;*/
    color: #c60018;
    width: 200px;
    font-size: 1.5em;
    font-weight: 600;
    /*margin-left: 150px;*/
}

.Rlabeltextlabel {
    float: left;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 6px 4px 6px 4px;
    text-align: left;
    /*background-color: #8cb2d6;*/
    color: #000;
    /*width: 40px;*/
    font-size: 1.5em;
    font-weight: 500;
    /*margin-left: 150px;*/
}

.RlabeltextlabelW {
    float: left;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 6px 4px 6px 10px;
    text-align: left;
    /*background-color: #8cb2d6;*/
    color: #000;
    /*width: 40px;*/
    font-size: 1.2em;
    font-weight: 600;
    /*margin-left: 150px;*/
}

.Rlabeltext44 {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*border-radius: 50%;*/
    border-right: #c1c1c1 1px solid;
    border-top: #c1c1c1 1px solid;
    border-left: #63a68c 1px solid;
    border-bottom: #63a68c 1px solid;
    /*background-color: #63a68c;*/
    color: #000;
    width: 40px;
    font-size: 1.5em;
    font-weight: 500;
    /*margin-left: 150px;*/
}

.Rlabeltext22KOP {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    border-left: #8cb2d6 1px solid;
    border: #8cb2d6 1px solid;
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    /*background-color: #8cb2d6;*/
    color: #000;
    width: 40px;
    font-size: 1.5em;
    font-weight: 600;
    /*margin-left: 150px;*/
}

.Rlabeltext33WKOP {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 4px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*background-color: #ceaa63;*/
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    border-left: #ceaa63 1px solid;
    border-bottom: #ceaa63 1px solid;
    color: #000;
    width: 70px;
    font-size: 1.5em;
    font-weight: 600;
}

.Rlabeltext33KOP {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*background-color: #ceaa63;*/
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    border-left: #ceaa63 1px solid;
    border-bottom: #ceaa63 1px solid;
    color: #000;
    width: 40px;
    font-size: 1.5em;
    font-weight: 600;
}

.Rlabeltext44KOP {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*border-radius: 50%;*/
    border-right: #c1c1c1 1px solid;
    border-top: #c1c1c1 1px solid;
    border-left: #63a68c 1px solid;
    border-bottom: #63a68c 1px solid;
    /*background-color: #63a68c;*/
    color: #000;
    width: 40px;
    font-size: 1.5em;
    font-weight: 600;
    /*margin-left: 150px;*/
}

.Rlabeltext22 {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    border-left: #8cb2d6 1px solid;
    border: #8cb2d6 1px solid;
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    /*background-color: #8cb2d6;*/
    color: #000;
    width: 40px;
    font-size: 1.5em;
    font-weight: 500;
    /*margin-left: 150px;*/
}

.Rlabeltext33W {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 4px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*background-color: #ceaa63;*/
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    border-left: #ceaa63 1px solid;
    border-bottom: #ceaa63 1px solid;
    color: #000;
    width: 70px;
    font-size: 1.5em;
    font-weight: 500;
}

.Rlabeltext33 {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*background-color: #ceaa63;*/
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    border-left: #ceaa63 1px solid;
    border-bottom: #ceaa63 1px solid;
    color: #000;
    width: 40px;
    font-size: 1.5em;
    font-weight: 500;
}

.Rlabeltext33V {
    float: right;
    /*margin-top: -4px;*/
    margin-right: 10px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*background-color: #ceaa63;*/
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    border-left: #ff8750 1px solid;
    border-bottom: #ff8750 1px solid;
    color: #000;
    width: 50px;
    font-size: 1.5em;
    font-weight: 500;
}



.Rlabeltext6 {
    float: right;
    margin-top: -4px;
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*background-color: #ceaa63;*/
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    border-left: #56b273 1px solid;
    border-bottom: #56b273 1px solid;
    color: #000;
    width: 45px;
    font-size: 1.5em;
    font-weight: 600;
    /*margin-left: 150px;*/
}

.Rlabeltext6R {
    float: right;
    margin-top: -4px;
    margin-right: 8px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    /*background-color: #ceaa63;*/
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
    border-left: #c60018 1px solid;
    border-bottom: #c60018 1px solid;
    color: #000;
    width: 45px;
    /*margin-left: 150px;*/
}