body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;

    color: #424242;
    border-top: 25px solid #083c5e;
}

html
{
    background: #f5f5f5;
}


header
{
    margin-bottom: 30px;

    background: #fff;
}
a.logo
{
    display: block;
    float: left;

    margin: 15px auto;
}
.btn
{
    display: block;
    float: right;

    max-width: 48%;
    margin: 25px 0 25px 2%;

    text-align: right;
}

header a.tel
{
    font-size: 22px;
    font-weight: bold;

    display: inline-block;
    float: right;

    padding-top: 86px;

    color: #175d8b;
}

.btn img
{
    transition: all .2s;
}
.btn:hover img
{
    transform: scale(1.1);
}

#blockwrapper
{
    overflow: auto;

    width: 100%;
    margin-bottom: 20px;
    padding-top: 30px;

    background: #175d8b;
}
.block
{
    display: block;

    margin-bottom: 30px;
}
.block img
{
    display: block;

    min-width: 100%;
}
.block .title
{
    font-size: 16px;
    font-weight: bold;
    line-height: 55px;

    display: block;

    width: 95%;
    padding-left: 5%;

    transition: all .2s;

    color: #fff;
    background-color: #000;
}
.block .title.btm
{
    font-size: 16px;
    line-height: 50px;
    line-height: 30px;

    padding-top: 10px;
    padding-bottom: 10px;

    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.title.top
{
    background: url(/images/klikhier.png) center right no-repeat;
}
.block.par .title
{
    background-color: #d73537;
}
.block.zak .title
{
    background-color: #4fa22f;
}
.block.aard .title
{
    background-color: #666;
}
.block a:hover .title
{
    background-color: #083c5e;
}


#menuwrapper
{
    width: 100%;
    height: 54px;

    background: #083c5e;
}
nav
{
    font-size: 17px;
    font-weight: bold;
    line-height: 54px;

    height: 54px;
    margin-bottom: 25px;
}
nav li
{
    float: left;

    margin: 0 15px;
}
nav a
{
    display: block;
    overflow: auto;

    padding: 0 15px;

    transition: color .1s ease-in 0s;

    color: #3599d3;
    color: #fff;
}

nav li.active > a,
nav li > a:hover,
nav li:hover > a
{
    color: #f04e50;
}


/* Sub menu's */
nav ul
{
    position: relative;
}
nav ul ul,
nav ul ul ul,
nav ul ul ul ul
{
    line-height: 26px;

    position: absolute;
    z-index: 999;
    top: 100%;

    display: none;

    background: #3599d3;
}
nav li.level1 > ul
{
    top: 45px;

    padding: 1px;

    background: #3599d3;
}
nav ul ul li
{
    margin: 0;
    padding: 0 0 1px 0;
}
nav ul ul li:last-child
{
    padding: 0;
}
nav ul ul li a
{
    font-size: 15px;

    display: block;

    padding: 0 14px;

    transition: none;
    text-align: left;

    color: #fff;
}
nav ul ul li a:hover,
nav ul ul li.active a
{
    text-align: left;

    color: #083c5e;
    background: #fff;
}

nav ul ul li
{
    float: none;
}
nav li:hover > ul
{
    display: block;
}

/*LOGIN*/

.login-div
{
    position: fixed;
    z-index: 999;
    top: 123px;
    right: 0;
}





/*EINDE LOGIN*/

#slider
{
    display: block;
    overflow: hidden;
}
#slider img
{
    display: block;

    margin-bottom: 30px;
}
#content
{
    margin-bottom: 30px;
}

.leftblock,
.rightblock
{
    margin-bottom: 30px;
}
.rightblock.white
{
    padding: 15px;

    background: #fff;
}
.rightblock .title
{
    font-size: 24px;
    line-height: 50px;
    line-height: 30px;

    display: block;

    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;

    color: #fff;
    background: #175d8b;
}
.rightblock.images a
{
    display: inline-block;

    max-width: 100%;
}
.rightblock.images img
{
    margin: 0 32px 33px 21px;
}
.rightblock.images a:nth-child(3) img,
.rightblock.images a:nth-child(5) img
{
    margin-right: 0;
}
.rightblock.images img.makelaardij-logo {
    max-width: 128px;
}

#prefooter
{
    overflow: hidden;

    width: 100%;
    margin-bottom: 20px;
    padding-top: 35px;

    background: #175d8b;
}
#prefooter .item
{
    margin-bottom: 35px;
}
#prefooter .text
{
    color: #fff;
}
#prefooter .text a
{
    color: #77a8c8;
}
.item .title
{
    font-size: 26px;
    line-height: 26px;

    display: block;

    margin-bottom: 15px;

    color: #77a8c8;
}

#prefooter img
{
    float: left;

    padding-right: 8px;
    padding-bottom: 8px;
}

.tekstlinksonder
{
    font-size: 12px;
    line-height: 23px;

    float: left;
    //margin: 0 0 0 6px;

    width: 214px;
}
.adres
{
    line-height: 20px;

    float: left;

    text-align: right;
}
.map
{
    margin: 20px 45px 0 0;
}
.video-img
{
    float: left;
}

.video-tekst
{
    font-size: 12px;
    line-height: 23px;

    float: right;
    //margin: 0 0 0 6px;

    width: 225px;
}

/*START RESPONSIVE IFRAME*/

iframe
{
    max-width: 100% !important;
}

/*EINDE RESPONSIVE IFRAME*/


footer
{
    font-size: 13px;

    overflow: auto;

    padding: 15px 0 40px 0;

    color: #fff;
    border-top: 20px solid #fff;
    background: #083c5e;
}
footer a
{
    color: #fff;
}


.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6
{
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;

    color: #175d8b;
}
.text h1
{
    font-size: 24px;
}
.text h2
{
    font-size: 20px;
}
.text a
{
    color: #175d8b;
}

.text strong
{
    font-weight: bold;
}
.text em
{
    font-style: italic;
}



#slider
{
    margin-bottom: 20px;
}


/* =============================================================================
   Page Styles
   ========================================================================== */

.login div
{
    clear: both;

    color: #175d8b;
}
.login label,
#login .field
{
    float: left;

    width: 95px;
}
.login .submit
{
    margin: 0 0 0 95px;
}
#textloginform
{
    padding: 0 10px 15px 10px;
}

.logout a
{
    line-height: 18px;

    display: inline-block;
    float: right;

    padding: 2px 5px;
}

fieldset
{
    margin: 10px 0;
    padding: 10px;

    border: 1px solid #175d8b;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
            border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius: 10px;
}
legend
{
    font-size: 14px;
    font-weight: bold;

    padding: 0 8px;

    color: #175d8b;
}

#calculator label
{
    display: block;

    padding: 8px 0 0 0;
}

#calculator input[type=text]
{
    width: 120px;
}
#calculator input[type=submit]
{
    margin: 10px 0;

    color: #175d8b;
}
#calculator .result
{
    float: right;

    width: 250px;
    padding: 0 100px 0 0;
}
#calculator p
{
    font-style: italic;
}
#calculator p.sub
{
    font-size: 11px;
    font-style: normal;

    color: #666;
}
#calculator p strong
{
    font-style: normal;

    color: #175d8b;
}

#woz-waardebeoordeling label
{
    line-height: 20px;

    display: block;
    float: left;

    width: 250px;
    min-height: 25px;
    padding: 0 3px 0 0;

    text-align: right;
}
#woz-waardebeoordeling input[type=text]
{
    float: left;

    width: 200px;
}
#woz-waardebeoordeling input[type=submit]
{
    font-weight: bold;

    margin: 10px 0 10px 252px;

    color: #175d8b;
}
#woz-waardebeoordeling .result
{
    float: right;

    width: 250px;
    padding: 0 100px 0 0;
}
#woz-waardebeoordeling p
{
    font-style: italic;
}
#woz-waardebeoordeling p.sub
{
    font-size: 11px;
    font-style: normal;

    color: #666;
}
#woz-waardebeoordeling p strong
{
    font-style: normal;

    color: #175d8b;
}
#woz-waardebeoordeling .form-div
{
    overflow: hidden;

    width: 100%;
    margin: 5px 0 0 0;
}

fieldset.status legend,
fieldset.actie legend,
fieldset.files legend
{
    margin-left: 10px;
    padding: 0 8px;
}


fieldset.status
{
    float: left;

    width: 35%;
    min-height: 230px;
    margin: 20px 0;
    padding: 0 0 10px 10px;
}
fieldset.status ul
{
    padding: 0;

    list-style: none;
}

fieldset.actie
{
    float: right;

    width: 58%;
    min-height: 230px;
    margin: 20px 0;
    padding: 0 0 10px 10px;
}
fieldset.files
{
    clear: both;

    width: 98%;
    min-height: 190px;
    margin: 20px 0;
    padding: 0 0 10px 10px;
}
fieldset.files table.file
{
    width: 80%;
}

fieldset input.error
{
    border: 1px dotted #f04e50;
}
#woz-waardebeoordeling div.error
{
    display: none;
}
#woz-waardebeoordeling  label.error
{
    font-size: 11px;

    width: 100%;
    margin-left: 160px;

    text-align: left;

    color: #f04e50;
}


ul.faqwrapper
{
    margin-bottom: 20px;
    padding: 15px 15px 15px 25px;

    list-style: none;

    background: #eee;
}
.faqwrapper li
{
    font-weight: bold;

    margin: 8px 0;
}

.faqwrapper li > a:first-child
{
    line-height: 23px;

    display: block;

    padding-left: 30px;

    background: url(../images/icon-info.png) left 5px no-repeat;
}

.faqwrapper li > div
{
    position: relative;

    margin: 20px 10px 20px 0;
    padding: 20px;

    background: #ddd;
}
.faqwrapper li > div::before
{
    position: absolute;
    bottom: 100%;
    left: 15%;

    width: 0;
    height: 0;
    margin-left: -25px;

    content: ' ';
    pointer-events: none;

    border: solid transparent;
    border-color: rgba(141, 141, 141, 0) rgba(141, 141, 141, 0) #ddd;
    border-right-width: 25px;
    border-bottom-width: 15px;
    border-left-width: 25px;
}

.rtv-wrapper
{
    overflow: auto;

    padding-bottom: 15px;
}

.rtv-wrapper img
{
    width: 100%;
}
.rtv-wrapper span
{
    font-size: 16px;
    line-height: 18px;

    display: block;

    min-height: 36px;
    padding: 6px 6px;

    color: #fff;
    background: #175d8b;
}

.rtv-wrapper a:hover
{
    text-decoration: none;
}

.rtv-wrapper a:hover span
{
    background: #083c5e;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

/* Regular screens */
@media only screen and (min-width: 996px) and (max-width: 1223px)
{
    header a.tel
    {
        padding-top: 73px;
    }

    nav li
    {
        margin: 0 7px;
    }
    nav a
    {
        padding: 0 9px;
    }

    .adres
    {
        line-height: 17px;

        float: left;

        text-align: left;
    }
    .map
    {
        display: none;
    }
    .tekstlinksonder
    {
        line-height: 17px;

        float: left;

        width: 165px;
        margin: -4px 0 0 11px;
    }
    .video-tekst
    {
        line-height: 17px;

        width: 155px;
    }
    address
    {
        font-size: 12px;
        line-height: 17px;
    }
}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px)
{
    header a.tel
    {
        float: none;

        padding-top: 0;
        padding-left: 24px;
    }

    nav li
    {
        margin: 0 0;
    }
    nav a
    {
        font-size: 14px;

        padding: 0 7px;
    }


    .adres
    {
        float: left;

        text-align: left;
    }
    .map
    {
        display: none;
    }
    .tekstlinksonder
    {
        font-size: 11px;
        line-height: 13px;

        float: left;

        width: 112px;
        margin: 0 0 0 7px;

        text-align: left;
    }
    .video-tekst
    {
        font-size: 11px;
        line-height: 13px;

        float: left;

        width: 210px;
        margin: 14px 0 0;
    }
    #prefooter img
    {
        max-width: 90px;
    }
    address
    {
        font-size: 12px;
        line-height: 17px;

        clear: both;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px)
{
    .login-div,
    #menuwrapper,
    header .container .grid_7
    {
        display: none;
    }

    header a.tel
    {
        float: none;

        padding-top: 0;
        padding-left: 24px;
    }


    .item .title
    {
        margin-top: 23px;
    }

    #blockwrapper
    {
        height: 15px;
        margin-bottom: 0;
    }
    #blockwrapper .container
    {
        display: none;
    }

    .video-tekst
    {
        float: left;
    }
    address
    {
        font-size: 12px;
        line-height: 17px;
    }


    fieldset.status,
    fieldset.actie,
    fieldset.files
    {
        float: none;

        width: 92%;
        padding: 10px 4%;
    }
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px)
{
    .adres
    {
        float: left;

        text-align: left;
    }
    .map
    {
        display: none;
    }

    #woz-waardebeoordeling label
    {
        display: block;

        width: 100%;

        text-align: left;
    }
    #woz-waardebeoordeling input[type='submit']
    {
        margin: 10px 0;
    }
}

/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/

.mobileactionbtn {
    display:none;
}

.rightblock.images a:nth-child(3) img,
.rightblock.images a:nth-child(5) img
{
    margin-right: 0;
}

ul li.woz-waarde-beoordeling,
ul li.bevingsgebied-woz-waarde-beoordeling
{
    display: none;
}

#woz-waardebeoordeling div.checkbox-wrapper
{
    float: left;

    width: 200px;
}
#woz-waardebeoordeling div.checkbox-wrapper label
{
    float: none;
    text-align: left;
}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px)
{
    #woz-waardebeoordeling label
    {
        width: 200px;
    }
    #woz-waardebeoordeling input[type='submit']
    {
        margin-left: 202px;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px)
{
    #woz-waardebeoordeling .form-div
    {
        margin-bottom: 18px;
    }

    #woz-waardebeoordeling label,
    #woz-waardebeoordeling input[type='text']
    {
        float: none;

        box-sizing: border-box;
        width: auto;
        width: 100%;

        text-align: left;
    }
    #woz-waardebeoordeling input[type='submit']
    {
        margin: 25px 0 0 0;
        text-align: left;
    }

    #woz-waardebeoordeling label.error
    {
        margin-left: 0;
    }
    ul li.woz-waarde-beoordeling,
    ul li.bevingsgebied-woz-waarde-beoordeling
    {
        display: block;
    }

    .mobileactionbtn {
        display:block
    }
    .mobileactionbtn a {
        display: block;
        font-size: 16px;
        line-height: 24px;
        padding: 15px 10px;
        margin-bottom: 20px;
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #d73537;
        color:#fff;
        font-weight: bold;
    }
    #slider {
        margin-bottom: 0;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 480px)
{
    #woz-waardebeoordeling input[type='submit']
    {
        font-weight: normal;
    }

    .mobileactionbtn a {
        font-size: 13px;
        font-weight: normal;
    }

}