﻿

/*width 480***************************************************************************************************************/
@media (min-width: 481px) and (max-width: 750px) {
     * 
    {
        padding: 0; 
        margin: 0;
        text-decoration:none;
        border:none;
    }
    body
    {
        font-family: 'Open Sans', sans-serif;
        font-size:7pt;
        color:black;
        width:100%;
        height:100%;
        margin:auto;
    }
    .werkDiv
    {
        position:relative;
        top:500px;
        left:0px;
        width:100%;
        margin:auto;
    }
    .divTitel {
        text-align: center;
    }

    .lblTitel {
        font-size: 12pt;
        width: 440px;
        letter-spacing: 10px;
        color: gray;
        font-weight: 500;
    }

    .divFoto01 {
        text-align: center;
    }

    .imgFoto01 {
        position: relative;
        top: 20px;
        left:0px;
        width: 450px;
    }

    .txtFoto01 {
        position: absolute;
        top: 210px;
        left:120px;
        z-index: 5;
        font-size: 11pt;
        color: white;
    }
    .btnFoto01 {
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
        display:none;
    }

    .btnFoto01:hover {
        color: white;
    }
    .divMerken {
        position:relative;
        left:15px;
        width: 440px;
        height: 240px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-left: 0px;
    }

    .imgBG1 {
        height: 40px;
        width: 40px;
        border: 0;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .imgDA1 {
        height: 30px;
        width: 100px;
        border: 0;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .imgDL1 {
        height: 20px;
        width: 110px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .imgFC1 {
        width: 90px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .imgLY1 {
        height: 35px;
        width: 90px;
        margin-right: 60px;
        margin-bottom: 20px;
    }
    .imgLP1 {
        height: 35px;
        width: 90px;
        margin-right: 60px;
        margin-bottom: 20px;
    }
    .imgLM1 {
        height: 40px;
        width: 105px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .imgLZ1 {
        width: 70px;
        margin-right: 50px;
        margin-bottom: 20px;
    }
    .imgMO1 {
        height: 29px;
        width: 120px;
        margin-right: 50px;
        margin-bottom: 20px;
    }

    .imgPS1 {
        height: 26px;
        width: 88px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .imgRB1 {
        height: 25px;
        width: 130px;
        margin-right: 20px;
        margin-bottom: 80px;
    }

    .imgSG1 {
        height: 40px;
        width: 40px;
        margin-right: 20px;
        margin-bottom: 80px;
    }

    .imgSL1 {
        height: 30px;
        width: 60px;
        margin-right: 20px;
        margin-bottom: 80px;
    }

    .imgWD1 {
        position: relative;
        top: -30px;
        height: 110px;
        width: 100px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .divFoto02 {
        position: relative;
        top: 0px;
        left: 0px;
        width: 460px;
        margin: auto;
    }

    .divFoto02a {
        position: relative;
        top: 20px;
        left: 0px;
        width: 150px;
    }

    .imgFoto02a {
        width: 148px;
        display: inline-flex;
        border-style: solid;
        border-width: 1px;
        border-color: #8EB6CC;
    }

    .btnFoto02a {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto02a:hover {
            color: white;
        }

    .lblFoto02a {
        position: absolute;
        top: 150px;
        left: 3px;
        font-size: 10pt;
        z-index: 10;
        width: 150px;
    }

    .divFoto02b {
        position: absolute;
        top: 20px;
        left: 155px;
        width: 150px;
    }

    .imgFoto02b {
        width: 148px;
        display: inline-flex;
        border-style: solid;
        border-width: 1px;
        border-color: #8EB6CC;
    }

    .btnFoto02b {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto02b:hover {
            color: white;
        }

    .lblFoto02b1 {
        position: absolute;
        top: 100px;
        left: 40px;
        font-size: 10pt;
        z-index: 10;
        width: 150px;
    }

    .lblFoto02b2 {
        position: absolute;
        top: 115px;
        left: 10px;
        font-size: 16pt;
        z-index: 10;
        width: 150px;
    }

    .lblFoto02b3 {
        position: absolute;
        top: 160px;
        left: 10px;
        font-size: 9pt;
        z-index: 10;
        width: 220px;
        display:none;
    }

    .divFoto02c {
        position: absolute;
        top: 20px;
        left: 310px;
        width: 150px;
    }

    .imgFoto02c {
        width: 148px;
        display: inline-flex;
        border-style: solid;
        border-width: 1px;
        border-color: #8EB6CC;
    }

    .btnFoto02c {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto02c:hover {
            color: white;
        }

    .lblFoto02c1 {
        position: absolute;
        top: 60px;
        left: 20px;
        font-size: 9pt;
        z-index: 10;
        width: 150px;
    }

    .lblFoto02c2 {
        position: absolute;
        top: 85px;
        left: 25px;
        font-size: 13pt;
        z-index: 10;
        width: 100px;
    }

    .lblFoto02c3 {
        position: absolute;
        top: 195px;
        left: 60px;
        font-size: 10pt;
        z-index: 10;
        width: 170px;
        display:none;
    }

    .divFoto03 {
        position: relative;
        top: 40px;
        left: 0px;
        text-align: center;
        width: 450px;
        margin: auto;
    }

    iframe {
        width: 450px;
    }

    .imgFoto03 {
        width: 445px;
        height: 251px;
        margin-top: 10px;
        border-style: solid;
        border-width: 2px;
        border-color: #8EB6CC;
    }

    .lblFoto03 {
        position: relative;
        top: -3px;
        left: 10px;
        width: 150px;
        font-size: 10pt;
    }

    .btnFoto03 {
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto03:hover {
            color: white;
        }


    .divFoto04 {
        position: relative;
        top: 20px;
        left: 0px;
        width: 460px;
        margin: auto;
    }

    .divFoto04a {
        position: relative;
        top: 20px;
        left: 0px;
        width: 145px;
    }

    .btnFoto04a {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto04a:hover {
            color: white;
        }

    .lblFoto04a {
        position: absolute;
        top: 80px;
        left: 0px;
        font-size: 12pt;
        z-index: 10;
        width: 145px;
        color: white;
    }

    .divFoto04b {
        position: absolute;
        top: 20px;
        left: 155px;
        width: 150px;
    }

    .lblFoto04b1 {
        position: absolute;
        top: 105px;
        left: 0px;
        font-size: 11pt;
        z-index: 10;
        width: 150px;
        
    }

    .btnFoto04b {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto04b:hover {
            color: white;
        }

    .divFoto04c {
        position: absolute;
        top: 20px;
        left: 310px;
        width: 150px;
    }

    .lblFoto04c {
        position: absolute;
        top: 40px;
        left: 10px;
        font-size: 9pt;
        z-index: 10;
        width: 140px;
    }

    .btnFoto04c {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto04c:hover {
            color: white;
        }

    .divFoto05 {
        position: relative;
        top: 25px;
        left: 0px;
        width: 460px;
        margin: auto;
    }

    .divFoto05a {
        position: relative;
        top: 20px;
        left: 0px;
        width: 150px;
    }

    .lblFoto05a1 {
        position: absolute;
        top: 100px;
        left: 0px;
        font-size: 10pt;
        z-index: 10;
        width: 150px;
    }

    .btnFoto05a {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto05a:hover {
            color: white;
        }

    .divFoto05b {
        position: absolute;
        top: 20px;
        left: 155px;
        width: 150px;
    }

    .lblFoto05b1 {
        position: absolute;
        top: 205px;
        left: 10px;
        font-size: 8pt;
        z-index: 10;
        width: 150px;
        display:none;
    }

    .lblFoto05b2 {
        position: absolute;
        top: 125px;
        left: 7px;
        font-size: 10pt;
        z-index: 10;
        width: 150px;
    }

    .btnFoto05b {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto05b:hover {
            color: white;
        }

    .divFoto05c {
        position: absolute;
        top: 20px;
        left: 310px;
        width: 150px;
    }

    .lblFoto05c {
        position: absolute;
        top: 90px;
        left: 0;
        font-size: 10pt;
        z-index: 10;
        width: 150px;
        color: white;
    }

    .btnFoto05c {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
    }

        .btnFoto05c:hover {
            color: white;
        }






    .OverviewBIN3 {
        position: relative;
        top: 70px;
        left: 0px;
        width: 450px;
        margin: auto;
    }

    .BorderB {
        border-style: solid;
        border-width: 1px;
        border-color: #8EB6CC;
        margin: 2px;
        height: 90px;
    }

    .FotoFamilyListN {
        width: 60px;
        height: 60px;
        padding: 3px;
    }

    .TextFamList {
        position: relative;
        left: 3px;
        font-size: 7pt;
    }

    .divShowAllFamilies {
        position: relative;
        left: 320px;
        top: 20px;
        font-size: 10pt;
        padding: 5px;
        background-color: #0C71AB;
        height: 20px;
        width: 350px;
        text-align: center;
    }

    .cmdShowAllFamilies {
        color: white;
    }

        .cmdShowAllFamilies:hover {
            color: black;
        }

    .header8biNF {
        display:none;
    }
    .header8 {
        position: relative;
        top: 80px;
        width: 460px;
        margin: auto;
    }

    .divFoto10 {
        position: relative;
        top: 0px;
        left: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: gray;
        width: 425px;
        border-radius: 5px;
        z-index: 5;
        margin: auto;
        padding: 15px;
    }

    .lblFoto10a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 8pt;
        z-index: 4;
        width: 425px;
    }

    .hypFoto10a {
        position: relative;
        top: 10px;
        left: 10px;
        background-color: #0C71AB;
        color: white;
        font-size: 10pt;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 3px;
        z-index: 40;
        width: 105px;
    }

        .hypFoto10a:hover {
            background-color: Gray;
        }

    .FotoBestNew1b {
        display: none;
    }

    .divFoto11 {
        position: relative;
        top: 20px;
        left: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #0C71AB;
        width: 425px;
        border-radius: 5px;
        z-index: 5;
        padding: 15px;
    }

    .lblFoto11a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 9pt;
        z-index: 4;
        width: 425px;
    }

    .hypFoto11a {
        position: relative;
        top: 10px;
        left: 10px;
        background-color: #0C71AB;
        color: white;
        font-size: 10pt;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 3px;
        z-index: 40;
        width: 80px;
    }

        .hypFoto11a:hover {
            background-color: Gray;
        }

    .divFoto12 {
        position: relative;
        top: 40px;
        left: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #0C71AB;
        width: 425px;
        border-radius: 5px;
        z-index: 5;
        padding: 15px;
    }

    .lblFoto12a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 9pt;
        z-index: 4;
        width: 425px;
    }

    .divFoto13 {
        position: relative;
        top: 60px;
        left: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #0C71AB;
        width: 425px;
        border-radius: 5px;
        z-index: 5;
        padding: 15px;
    }

    .lblFoto13a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 9pt;
        z-index: 4;
        width: 425px;
        color: black;
    }

    .Slotje {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 10pt;
        z-index: 4;
        width: 60px;
        height: 60px;
    }

    .Ogone {
        position: relative;
        top: 10px;
        left: 10px;
        z-index: 4;
        width: 90px;
        height: 60px;
    }
    .PostIt {
        position: absolute;
        top: 0px;
        left: 20px;
        z-index: 1000;
        width: 250px;
    }

    .cmdX {
        position: absolute;
        top: 20px;
        left: 205px;
        z-index: 1001;
        font-size: 20px;
        color: black;
        cursor: pointer;
        font-weight: 600;
    }
    .BorderC {
        border-style: solid;
        border-width: 1px;
        border-color: #8EB6CC;
        margin: 2px;
        height: 130px;
    }

    .BorderC:hover {
        border-style: solid;
        border-width: 1px;
        border-color: black;
        margin: 2px;
        height: 130px;
    }
    .lblBudgetTitel {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .lblBudgetSubTitel {
        position: relative;
        left: -40px;
        top: 0px;
        font-size: 9pt;
        color: black;
    }

    .RefBudget {
        position: relative;
        left: 10px;
        top: -10px;
        font-size: 6pt;
        display: block;
        width: 50px;
        text-decoration: none;
        color: black;
    }

    .PriceBudget {
        position: relative;
        left: 0px;
        top: -20px;
        font-size: 9pt;
        color: red;
    }
    .hoogte {
        height: 56px;
    }
}




