﻿
/*width 768***************************************************************************************************************/
@media (min-width: 751px) and (max-width: 1000px) {
* 
    {
        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:320px;
        left:0px;
        width:100%;
        margin:auto;
    }
    .divTitel {
        text-align: center;
    }

    .lblTitel {
        font-size: 14pt;
        width: 750px;
        letter-spacing: 10px;
        color: gray;
        font-weight: 500;
    }
    .divFoto01{
        text-align:center;
    }
    .imgFoto01 {
        position: relative;
        top: 20px;
        left:5px;
        width: 740px;
    }

    .txtFoto01 {
        position: absolute;
        top: 80px;
        left: 110px;
        z-index: 5;
        font-size: 16pt;
        color: white;
    }
    .btnFoto01 {
        position: relative;
        top: -220px;
        left: -320px;
        z-index: 20;
        background-color: silver;
        padding: 5px;
        box-shadow: 2px 2px 2px #595A59;
        border-radius: 3px;
        cursor: pointer;
        color: black;
        width:100px;
        display:none;
    }

    .btnFoto01:hover {
        color: white;
    }
    .divMerken {
        width: 760px;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-left: 30px;
    }

    .imgBG1 {
        height: 40px;
        width: 40px;
        border: 0;
        margin-right: 15px;
        margin-bottom: 20px;
    }

    .imgDA1 {
        height: 30px;
        width: 100px;
        border: 0;
        margin-right: 15px;
        margin-bottom: 20px;
    }

    .imgDL1 {
        height: 20px;
        width: 110px;
        margin-right: 15px;
        margin-bottom: 20px;
    }

    .imgFC1 {
        width: 90px;
        margin-right: 15px;
        margin-bottom: 20px;
    }

    .imgLY1 {
        height: 35px;
        width: 90px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .imgLP1 {
        height: 35px;
        width: 90px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .imgLM1 {
        height: 40px;
        width: 105px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .imgLZ1 {
        width: 70px;
        margin-right: 15px;
        margin-bottom: 80px;
    }
    .imgMO1 {
        height: 29px;
        width: 120px;
        margin-right: 15px;
        margin-bottom: 80px;
    }

    .imgPS1 {
        height: 26px;
        width: 88px;
        margin-right: 15px;
        margin-bottom: 80px;
    }

    .imgRB1 {
        height: 25px;
        width: 130px;
        margin-right: 15px;
        margin-bottom: 80px;
    }

    .imgSG1 {
        height: 40px;
        width: 40px;
        margin-right: 15px;
        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: 740px;
        margin: auto;
    }
    
    .divFoto02a {
        position: relative;
        top: 20px;
        left: 0px;
        width: 240px;
    }

    .imgFoto02a {
        width: 238px;
        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: 230px;
        left: 40px;
        font-size: 11pt;
        z-index: 10;
        width: 300px;

    }

    .divFoto02b {
        position: absolute;
        top: 20px;
        left: 250px;
        width: 240px;
    }
    .imgFoto02b {
        width: 238px;
        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: 40px;
        left: 40px;
        font-size: 12pt;
        z-index: 10;
        width: 300px;
    }

    .lblFoto02b2 {
        position: absolute;
        top: 55px;
        left: 30px;
        font-size: 20pt;
        z-index: 10;
        width: 300px;
    }

    .lblFoto02b3 {
        position: absolute;
        top: 160px;
        left: 10px;
        font-size: 9pt;
        z-index: 10;
        width: 220px;
    }
    .divFoto02c {
        position: absolute;
        top: 20px;
        left: 500px;
        width: 240px;
    }
    .imgFoto02c {
        width: 238px;
        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: 11pt;
        z-index: 10;
        width: 300px;
    }

    .lblFoto02c2 {
        position: absolute;
        top: 75px;
        left: 10px;
        font-size: 14pt;
        z-index: 10;
        width: 300px;
    }

    .lblFoto02c3 {
        position: absolute;
        top: 195px;
        left: 60px;
        font-size: 10pt;
        z-index: 10;
        width: 170px;
    }
    .divFoto03 {
        position: relative;
        top: 40px;
        left: 0px;
        text-align: center;
        width: 740px;
        margin: auto;
    }
    iframe {
        width: 735px;
    }

    .imgFoto03 {
        width: 735px;
        height: 412px;
        margin-top: 10px;
        border-style: solid;
        border-width: 2px;
        border-color: #8EB6CC;
    }

    .lblFoto03 {
        position: relative;
        top:-3px;
        left: 10px;
        width: 740px;
        font-size: 12pt;
    }

    .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: 740px;
        margin: auto;
    }

    .divFoto04a {
        position: relative;
        top: 20px;
        left: 0px;
        width: 240px;
    }

    .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: 180px;
        left: -30px;
        font-size: 14pt;
        z-index: 10;
        width: 300px;
        color:white;
    }

    .divFoto04b {
        position: absolute;
        top: 20px;
        left: 250px;
        width: 240px;
    }

    .lblFoto04b1 {
        position: absolute;
        top: 200px;
        left: -30px;
        font-size: 14pt;
        z-index: 10;
        width: 300px;
    }

    .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: 500px;
        width: 240px;
    }

    .lblFoto04c {
        position: absolute;
        top: 150px;
        left: -30px;
        font-size: 10pt;
        z-index: 10;
        width: 300px;
    }

    .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: 740px;
        margin: auto;
    }

    .divFoto05a {
        position: relative;
        top: 20px;
        left: 0px;
        width: 240px;
    }
    .lblFoto05a1 {
        position: absolute;
        top: 160px;
        left: -30px;
        font-size: 16pt;
        z-index: 10;
        width: 300px;
    }

    .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: 250px;
        width: 240px;
    }
    .lblFoto05b1 {
        position: absolute;
        top: 205px;
        left: 10px;
        font-size: 8pt;
        z-index: 10;
        width: 230px;
    }

    .lblFoto05b2 {
        position: absolute;
        top: 33px;
        left: -30px;
        font-size: 14pt;
        z-index: 10;
        width: 300px;
    }

    .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: 500px;
        width: 240px;
    }
    .lblFoto05c {
        position: absolute;
        top: 150px;
        left: -30px;
        font-size: 14pt;
        z-index: 10;
        width: 300px;
        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: 740px;
        margin:auto;
    }

    .BorderB {
        border-style: solid;
        border-width: 1px;
        border-color: #8EB6CC;
        margin: 2px;
        height: 130px;
    }

    .FotoFamilyListN {
        width: 100px;
        height: 100px;
        padding: 3px;
    }

    .TextFamList {
        position: relative;
        left: 10px;
        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 {
        position: relative;
        top: 190px;
        left: 0px;
        width: 730px;
        height: 300px;
        background-color: #3A3B3B;
        margin-left: auto;
        margin-right: auto;
    }

    .hypSix1N {
        position: absolute;
        top: 20px;
        left: 30px;
        font-size: 30px;
        color: #DE4616;
        letter-spacing: 5px;
    }

    .hypLight1N {
        position: absolute;
        top: 20px;
        left: 100px;
        font-size: 30px;
        color: #7DC04A;
        letter-spacing: 5px;
    }

    .lblSubTitle1N {
        position: absolute;
        top: 50px;
        left: 31px;
        font-size: 10pt;
        color: silver;
    }

    .lblBlog {
        position: absolute;
        top: 255px;
        left: 70px;
        font-size: 10pt;
        color: white;
    }

    .hypBlog {
        position: absolute;
        top: 250px;
        left: 152px;
        font-size: 14pt;
        color: #7DC04A;
    }

        .hypBlog:hover {
            color: #DE4616;
        }

    .lblBlog1 {
        position: absolute;
        top: 270px;
        left: 70px;
        font-size: 10pt;
        color: white;
    }

    .header7aN {
        position: absolute;
        top: 85px;
        left: 150px;
        color: Gray;
        line-height: 180%;
    }

    .whiteN {
        color: white !important;
        font-size: 10pt;
    }

        .whiteN:hover {
            color: #0C71AB !important;
        }

    .header7bN {
        position: absolute;
        top: 85px;
        left: 260px;
        color: Gray;
        line-height: 180%;
    }

    .header7cN {
        position: absolute;
        top: 85px;
        left: 450px;
        color: Gray;
        line-height: 180%;
        z-index: 4;
    }

    .header7dN {
        position: absolute;
        top: 85px;
        left: 750px;
        color: Gray;
        line-height: 180%;
    }

    .BankLogosN {
        position: relative;
        top: 233px;
        left: 400px;
        width: 300px;
    }

    .imgBankLogos {
        width: 300px;
    }

    .Vlaggen {
        position: absolute;
        top: 30px;
        left: 230px;
    }

    .imgVlag {
        margin-left: 5px;
    }

    .header8 {
        position: relative;
        top: 80px;
        width: 730px;
        margin: auto;
    }
    .divFoto10 {
        position: relative;
        top: 0px;
        left: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: gray;
        width: 695px;
        border-radius: 5px;
        z-index: 5;
        margin: auto;
        padding: 15px;
    }

    .lblFoto10a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 8pt;
        z-index: 4;
        width: 700px;
    }

    .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: 695px;
        border-radius: 5px;
        z-index: 5;
        padding: 15px;
    }

    .lblFoto11a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 9pt;
        z-index: 4;
        width: 700px;
    }

    .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: 100px;
    }

        .hypFoto11a:hover {
            background-color: Gray;
        }

    .divFoto12 {
        position: relative;
        top: 40px;
        left: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #0C71AB;
        width: 695px;
        border-radius: 5px;
        z-index: 5;
        padding: 15px;
    }

    .lblFoto12a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 9pt;
        z-index: 4;
        width: 700px;
    }

    .divFoto13 {
        position: relative;
        top: 60px;
        left: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #0C71AB;
        width: 695px;
        border-radius: 5px;
        z-index: 5;
        padding: 15px;
    }

    .lblFoto13a {
        position: relative;
        top: 10px;
        left: 10px;
        font-size: 9pt;
        z-index: 4;
        width: 700px;
        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: 120px;
        left: 70px;
        z-index: 1000;
        width: 250px;
    }

    .cmdX {
        position: absolute;
        top: 140px;
        left: 255px;
        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: 170px;
        width:115px;
    }

    .BorderC:hover {
        border-style: solid;
        border-width: 1px;
        border-color: black;
        margin: 2px;
        height: 170px;
    }
    .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: -20px;
        font-size: 8pt;
        display: block;
        width: 80px;
        text-decoration: none;
        color: black;
    }

    .PriceBudget {
        position: relative;
        left: 0px;
        top: -20px;
        font-size: 12pt;
        color: red;
    }
    .hoogte {
        height: 56px;
    }

}




