@font-face {
    font-family: 'PensumDisplayBasic-Bold';
    src: url('../fonts/PensumDisplayBasic-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PensumDisplayBasic-Regular';
    src:          url('../fonts/PensumDisplayBasic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TTJenevers-BoldItalic';
    src: url('../fonts/TTJenevers-BoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*:focus {outline:0;}
a:hover
{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
h1, h2, h3, p
{
    margin: 0 0 0 0;
    padding: 0;
    font-weight: 300;
}
ul
{
    font-weight: 300;
}
body
{
   
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0; 
    font-weight: 300;
    color: rgb(81,81,81);
    overflow-x: hidden;
}
h1, .kop1
{
   font-family: 'PensumDisplayBasic-Bold';
     font-size: 36px !important;
    font-weight: 100;

}
h2, .kop2
{
    font-family: 'cera_basicbold';
    font-size: 20px !important;
    font-weight: 100;
}
.center
{
    position: relative;
    margin: 0 auto;
    width: 100%;
}
section.frame__top
{
    width: 100%;
    height: 255px;
    background-image: url('../images/top.png');
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    margin: 0;
}
section.frame__top .center
{
    max-width: 835px;
}
section.frame__top .center .logo
{
    margin-top: 55px;
}
section.frame__top .center .nav
{
    position: relative;
    float: right;
    margin: 80px 0px 0px 0px;
}
section.frame__top .center .nav a
{
    color: rgb(81,81,81);
    font-family: 'PensumDisplayBasic-Bold';
    background-color: rgb(255,255,255);
    font-size: 16px;
    line-height: 35px;
    padding: 0px 20px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;

}
section.frame__top .center .nav a:hover
{
    background-color: rgb(227,228,228);
    text-decoration: none;
}
section.frame__intro
{
    width: 100%;
    padding: 105px 0px 100px 0px;
    text-align: center;
}
section.frame__intro .kop1
{
    margin-bottom: 1em;
}
section.frame__intro p
{
     font-family: 'PensumDisplayBasic-Bold';
     font-size: 20px;
}
section.frame__intro .center
{
    max-width: 650px;
}
section.frame__zorgverleners
{
    background-color: rgb(246,246,246);
    width: 100%;
    padding: 105px 0px 100px 0px;
    text-align: left;
}
section.frame__zorgverleners .kop1
{
    text-align: center;
    margin-bottom: 1em;
}
section.frame__zorgverleners .center
{
    max-width: 830px;
}
section.frame__zorgverleners .center .item
{
    height: 115px;
    margin: 0px 0px 8px 0px;
    background-color: rgb(255,255,255);
   
}
section.frame__zorgverleners .center .item .names
{
    position: relative;
    float: left;
    width: 610px;
    height: inherit;
    box-sizing: border-box;
    padding: 30px 45px 30px 35px;
}
section.frame__zorgverleners .center .item .button
{
    position: relative;
    float: left;
    height: inherit;
    width: 220px;
    box-sizing: border-box;
    padding: 30px 25px 30px 0px;
}
section.frame__zorgverleners .center .item .type
{
     font-family: 'TTJenevers-BoldItalic';
     font-size: 24px;
}
section.frame__zorgverleners .center .item .name
{
     font-family: 'PensumDisplayBasic-Regular';
     font-size: 24px;
}

section.frame__map
{
    width: 100%;
    background-color: rgb(246,246,246);
    height: 690px;
    background-image: url('../images/map.png');
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    margin: 0;
}
section.frame__map .center
{
    max-width: 835px;
    text-align: center;
    padding-top: 50px;
}
section.frame__map .center p
{
    font-family: 'PensumDisplayBasic-Bold';
    font-size: 24px;
}

section.endline
{
    height: 40px;
    background-color: rgb(161,161,161);
    width: 100%;
    text-align: center;
}
section.endline p
{
    font-family: 'PensumDisplayBasic-Regular';
    color: rgb(255,255,255);
    margin: 0;
    font-size: 16px;
    line-height: 40px;

}
section.endline p a
{
    margin: 0; color: rgb(255,255,255);
    text-decoration: none;
}
@media screen and (max-width: 967px) /* iPad port */
{
    .kop1
    {
        font-size: 28px !important;
    }
    section.frame__top .center
    {
        max-width: 730px;
    }
    section.frame__intro
    {
        padding: 90px 0px 180px 0px;
    }

    section.frame__zorgverleners
    {
        padding: 90px 0px 80px 0px;
    }
   
    section.frame__zorgverleners .center
    {
        max-width: 730px;
    }
    section.frame__zorgverleners .center .item
    {
        height: 115px;
        margin: 0px 0px 8px 0px;
        background-color: rgb(255,255,255);
       
    }
    section.frame__zorgverleners .center .item .names
    {

        width: calc(100% - 220px);
    }
   section.frame__zorgverleners .center .item .name {
    font-size: 20px;
    }

    section.frame__map
    {
        width: 100%;
        background-color: rgb(246,246,246);
        height: 490px;
        background-image: url('../images/map.png');
        background-position: top center;
        background-repeat: no-repeat;
        position: relative;
        margin: 0;
    }
    section.frame__map .center
    {
        max-width: 730px;
    }
    section.frame__map .center p
    {
        font-family: 'PensumDisplayBasic-Bold';
        font-size: 24px;
    }

}
@media screen and (max-width: 767px) /* MOBILE */
{
    .kop1
    {
        font-size: 22px !important;
    }
    section.frame__top
    {
        width: 100%;
        height: 255px;
        background-image: url('../images/top.png');
        background-position: top center;
        background-repeat: no-repeat;
        position: relative;
        margin: 0;
        text-align: center;
    }
    section.frame__top .center
    {
        max-width: calc(100% - 40px);
    }
    section.frame__top .center .logo
    {
        position: relative;
        margin: 0 auto;
        margin-top: 55px;
    }
    section.frame__top .center .nav
    {
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
        top: 0px;
        position: absolute;
        width: 100%;
        
    }
    section.frame__intro
    {
        padding: 50px 0px 50px 0px;
    }
    section.frame__intro p
    {
         font-size: 16px;
    }
    section.frame__intro .center
    {
        max-width: calc(100% - 40px);
    }
    section.frame__zorgverleners
    {
        background-color: rgb(246,246,246);
        width: 100%;
        padding:  50px 0px 50px 0px;
        text-align: left;
        position: relative;
        float: left;
    }
    section.frame__zorgverleners .kop1
    {
        text-align: center;
        margin-bottom: 1em;
    }
    section.frame__zorgverleners .center
    {
        max-width: calc(100% - 40px);
    }
    section.frame__zorgverleners .center .item
    {
        height: auto;
        position: relative;
        width: 100%;
        float: left;
        margin: 0px 0px 8px 0px;
        padding: 20px 0px;
        background-color: rgb(255,255,255);
       
    }
    section.frame__zorgverleners .center .item .names
    {
        position: relative;
        float: left;
        width: 100%;
        height: inherit;
        box-sizing: border-box;
        padding: 0px 45px 0px 35px;
    }
    section.frame__zorgverleners .center .item .button
    {
        position: relative;
        float: left;
        height:45px;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 45px 0px 35px;
    }
    section.frame__zorgverleners .center .item .type
    {
         font-family: 'TTJenevers-BoldItalic';
         font-size: 18px;
    }
    section.frame__zorgverleners .center .item .name
    {
         font-family: 'PensumDisplayBasic-Regular';
         font-size: 18px;
    }

    section.frame__map
    {
        position: relative;
        float: left;
        width: 100%;
        background-color: rgb(246,246,246);
        height: 290px;
        background-image: url('../images/map.png');
        background-position: top center;
        background-repeat: no-repeat;
        position: relative;
        margin: 0;
        background-size: cover;
    }
    section.frame__map .center
    {
        max-width: calc(100% - 40px);
        text-align: center;
        padding-top: 50px;
    }
    section.frame__map .center p
    {
        font-family: 'PensumDisplayBasic-Bold';
        font-size: 18px;
    }

    section.endline
    {
        position: relative;
        float: left;
        height: 40px;
        background-color: rgb(161,161,161);
        width: 100%;
        text-align: center;
    }
    section.endline p
    {
        font-family: 'PensumDisplayBasic-Regular';
        color: rgb(255,255,255);
        margin: 0;
        font-size: 12px;
        line-height: 40px;

    }
    section.endline p a
    {
        margin: 0; color: rgb(255,255,255);
        text-decoration: none;
    }

    .btnBezoek
    {
        position: absolute;
        color: rgb(255,255,255);
        font-family: 'PensumDisplayBasic-Bold';
        font-size: 14px;
        line-height: 35px;
        padding: 0px 40px 0px 20px;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        background-image: url('../images/arrow.png');
        background-repeat: no-repeat;
        background-position: calc(100% - 8px) center;
        z-index: 10;
    }
}

.btnBezoek
{
    position: absolute;
    color: rgb(255,255,255);
    font-family: 'PensumDisplayBasic-Bold';
    font-size: 16px;
    line-height: 45px;
    padding: 0px 40px 0px 20px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
    z-index: 10;
}
.btnBezoek.dl
{
    background-color: rgb(145,194,110);
}
.btnBezoek.dl:hover
{
    background-color: rgb(124,164,97);
}


.btnBezoek.geg
{
    background-color: rgb(175,204,94);
}
.btnBezoek.geg:hover
{
    background-color: rgb(149,172,85);
}


.btnBezoek.wedv
{
    background-color: rgb(77,77,152);
}
.btnBezoek.wedv:hover
{
    background-color: rgb(65,67,127);
}


.btnBezoek.heh
{
    background-color: rgb(92,165,113);
}
.btnBezoek.heh:hover
{
    background-color: rgb(80,139,97);
}


.btnBezoek.afr
{
    background-color: rgb(66,180,161);
}
.btnBezoek.afr:hover
{
    background-color: rgb(61,152,137);
}


.btnBezoek.le
{
    background-color: rgb(111,152,192);
}
.btnBezoek.le:hover
{
    background-color: rgb(95,130,162);
}


.btnBezoek.oe
{
    background-color: rgb(121,119,178);
}
.btnBezoek.oe:hover
{
    background-color: rgb(103,102,149);
}


.btnBezoek.sos
{
    background-color: rgb(125,93,159);
}
.btnBezoek.sos:hover
{
    background-color: rgb(105,80,133);
}

.btnBezoek.dieet
{
    background-color: rgb(216,219,92);
}
.btnBezoek.dieet:hover
{
    background-color: rgb(106,199,92);
}