/* CSS Document */

body {
	width: 100%;
    background-color: #fff;
	color: #000;
    margin-left: 0px;
    margin-top: 0px;
    font-family: 'Open Sans';
}

#navlist2 a {
    height: 152px;
}
#navlist3 a {
    height: 314px;
}
#navlist td a, #navlist2 td a, #navlist3 td a   {
    display: block;
}
#ruimte {
    cursor: pointer;
}
.vastebreedteenhoogte {
    overflow:hidden;
    word-wrap:break-word; 
}

.deur1 {
    width: 201px;
    background-color: green;
    background: url('/img/home.jpg') 0 0;
}
td:hover.deur1 {
    width: 201px;
    background: url('/img/home-hover.jpg') 0 0;
}

.deur2 {
    width: 200px;
    background: url('/img/home.jpg') -201px 0;
}
td:hover.deur2 {
    width: 200px;
    background: url('/img/home-hover.jpg') -201px 0;
}
.deur3 {
    width: 237px;
    background-color: green;
    background: url('/img/home.jpg') -401px 0;
}
td:hover.deur3 {
    width: 237px;
    background: url('/img/home-hover.jpg') -401px 0;
}
.deur4 {
    width: 190px;
    background: url('/img/home.jpg') -638px 0;
}
td:hover.deur4 {
    width: 190px;
    background: url('/img/home-hover.jpg') -638px 0;
}
.deur5 {
    background-color: green;
    width: 200px;
    background: url('/img/home.jpg') -828px 0;
    background-repeat: no-repeat;
}
td:hover.deur5 {
    width: 200px;
    background: url('/img/home-hover.jpg') -828px 0;
    background-repeat: no-repeat;
}

#toegepast {
    width: 201px;
    background: url('/img/home.jpg');
    background-position: 0px -304px;
}
td:hover#toegepast {
    width: 201px;
    background: url('/img/home-hover.jpg');
    background-position: 0px -304px;
}
#middengedeelte {
    width: 625px;
    background: url('/img/home.jpg');
    background-position: -201px -304px;
}

#helderwaarnemen {
    width: 200px;
    background: url('/img/home.jpg');
    background-position: -828px -304px;
    background-repeat: no-repeat;
}
td:hover#helderwaarnemen {
    width: 200px;
    background: url('/img/home-hover.jpg');
    background-position: -828px -304px;
    background-repeat: no-repeat;
}


.deur6 {
    width: 201px;
    background: url('/img/home.jpg');
    background-position: 0px -456px;
    background-repeat: no-repeat;
}
td:hover.deur6 {
    width: 201px;
    background: url('/img/home-hover.jpg');
    background-position: 0px -456px;
    background-repeat: no-repeat;
}

.deur7 {
    width: 200px;
    background: url('/img/home.jpg');
    background-position: -201px -456px;
    background-repeat: no-repeat;
}
td:hover.deur7 {
    width: 200px;
    background: url('/img/home-hover.jpg');
    background-position: -201px -456px;
    background-repeat: no-repeat;
}
.contact {
    width: 237px;
    background: url('/img/home.jpg');
    background-position: -401px -456px;
    background-repeat: no-repeat;
}
td:hover.contact {
    width: 237px;
    background: url('/img/home-hover.jpg');
    background-position: -401px -456px;
    background-repeat: no-repeat;
}
.deur8 {
    width: 190px;
    background: url('/img/home.jpg');
    background-position: -638px -456px;
    background-repeat: no-repeat;
}
td:hover.deur8 {
    width: 190px;
    background: url('/img/home-hover.jpg');
    background-position: -638px -456px;
    background-repeat: no-repeat;
}
.deur9 {
    width: 200px;
    background: url('/img/home.jpg');
    background-position: -828px -456px;
    background-repeat: no-repeat;
}
td:hover.deur9 {
    width: 200px;
    background: url('/img/home-hover.jpg');
    background-position: -828px -456px;
    background-repeat: no-repeat;
}

.paginacontainer {
    width: 100%;
    height: 100vh;
}
.paginaheader img {
    width: 100%;
}
div.content {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
}

a {
    text-decoration: none;
    color: inherit !important;
}

.content {
    color: #8db83f;
    font-size: 100%;
    font-weight: 300;
}
.content_image {
    text-align: center;
}
.content_image img {
    width: 50%;
}
.yoga img {
    width: 40% !important;
}
.jeanine {
    text-align: left !important;
}
.content_image_jeanine_inline {
    float: right;
    width: 30%;
}
#deurid_contact > p.content_image.jeanine {
    display: none !important;
}
.content_quote {
    font-size: 300%;
    font-weight: 400;
}
.content_person {
    font-size: 140%;
    font-weight: 300;
    text-align: right;
    font-style: italic;
}
.content_explain {
    font-size: 150%;
    font-weight: 300;
}
.content_explain a:hover {
    color: #1898ec !important;
}

.content_subkop {
    font-size: 150%;
    font-weight: 700;
    font-style: italic;
}

.content_contact {
    font-size: 300%;
    font-weight: 300;
}

.content a {
    z-index: 99999;
}


/* Smartphones (portrait) ----------- */
@media (device-height : 568px) 
   and (device-width : 320px) 
   and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */
    #ruimte {
        cursor: pointer;
    }
   .content {
        font-size: 150%;
    }
    .content_image img {
        width: 100%;
    }
    .yoga img {
        width: 100% !important;
    }
    .jeanine img {
        width: 60% !important;
    }
    .content_quote > img.content_image_jeanine_inline {
        display: none !important;
    }
    #deurid_contact > p.content_image.jeanine {
        display: inherit !important;
    }
    .content_quote {
        font-size: 300%;
    }
    .content_person {
        font-size: 140%;
    }
    .content_explain {
        font-size: 150%;
    }
    .content_contact {
        font-size: 300%;
    }
}