/*
Theme Name: Dusink & Wolken
Theme URI: ##
Description: Op maat gemaakt WP Thema - Dusink & Wolken
Version: 1.0
Author: MediaLab3.nl
Author URI: http://www.MediaLab3.nl
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700);
html{padding: 0; margin: 0; -webkit-font-smoothing: antialiased; overflow-x: hidden; background: #fff;}
body{padding: 0; margin: 0; background: #fff; font-family: 'lato'; font-size: 14px; overflow-x: hidden; font-weight: 300;}
/* GENERICS */
.centering{margin: 0 auto; display: block; position: relative;}
.fluid{width: 90%; max-width: 1400px;}
.small{width: 60%;}
h1{font-weight: 300; padding: 0; margin: 0; text-transform: uppercase;}
h2{font-weight: 300; padding: 0; margin: 0; text-transform: uppercase;}
h3{font-weight: 300; padding: 0; margin: 0; text-transform: uppercase;}
h4{font-weight: 300; padding: 0; margin: 0; text-transform: uppercase;}
#wrap{text-align: justify; font-size: 0;}
#wrap .column{display: inline-block; vertical-align: top; font-size: 14px;}
#wrap:after{display: inline-block; content: ""; width: 100%;}
a{text-decoration: none;}
*:focus{outline: none;}
p{color: #666; font-weight: 300; line-height: 28px;}
.btn{background-color: #e4c6a6; background-image: url('images/gen/arrow.png'); background-repeat: no-repeat; background-position: 90% 50%; color: #5d1b48; text-transform: uppercase; padding-left: 15px; height: 40px; line-height: 40px; width: 180px; margin: 0 auto; display: block; text-align: left;}
.btn:hover{background-color: #5d1b48; color: #e4c6a6 !important; background-image: url('images/gen/arrow-hover.png'); background-repeat: no-repeat; background-position: 90% 50%;}
.clear{clear: both;}
/* GENERICS END */
/* HEADER */
#header{height: 170px;}
.left{width: 30%;}
.middle{width: 30%;}
.right{width: 30%;}
.left ul{list-style-type: none; padding: 0; margin: 0; padding-top: 45px;}
.left ul li{display: block; cursor: pointer;}
.left ul li span{display: inline-block; vertical-align: top; width: 40px; height: 40px; background: #5d1b48; border-radius: 50%; color: #fff; text-align: center; font-size: 18px; line-height: 40px;}
.left ul li a{line-height: 40px; padding-left: 15px; font-size: 14px; color: #5d1b48; font-weight: 300; text-transform: uppercase;}
.left ul li:hover span{background: #e4c6a6;}
.left ul li + li{margin-top: 20px;}
.left ul.favi-resp{display: none; text-align: center; padding-top: 0px;}
.left ul.favi-resp li{display: inline-block;}
.left ul.favi-resp li + li{margin-left: 40px;}
.left ul.favi-resp a{font-size: 18px; color: #fff; padding: 0px; display: block;}
.middle{background: url('images/gen/dusink-en-wolken-logo.jpg') top no-repeat; background-size: contain; height: 125px; margin-top: 20px;}
.middle h1{text-indent: -9999px; padding: 0; margin: 0; display: block; width: 100%; height: 100%;}
.middle h1 a{display: block; width: 100%; height: 100%;}
.right .top{display: block; margin-top: 45px;}
.right .top ul{list-style-type: none; padding: 0; margin: 0; text-align: right; font-size: 0;}
.right .top ul li{display: inline-block; vertical-align: top; width: 40px; height: 40px; border-radius: 50%; background: #5d1b48; color: #fff; text-align: center; font-size: 18px; line-height: 40px; cursor: pointer;}
.right .top ul li:hover{background: #e4c6a6; color: #5d1b48;}
.right .top ul li + li{margin-left: 20px;}
.right .top ul li a{color: #fff;}
.right .bottom{display: block; text-align: left; margin-top: 20px;}
.right .bottom a{display: block; height: 40px; background: #5d1b48; color: #fff; width: 250px; line-height: 40px; font-weight: 500; text-transform: uppercase; float: right;}
.right .bottom a span{display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #e4c6a6; color: #5d1b48; margin-right: 10px;}
.right .bottom a:hover{background: #e4c6a6; color: #5d1b48;}
.right .bottom a:hover span{background: #5d1b48; color: #e4c6a6;}
/* HEADER END */
/* MENU */
#menu{display: block; background: #5d1b48; height: 50px; width: 90%; padding-left: 5%; padding-right: 5%;}
#menu ul{list-style-type: none; padding: 0; margin: 0; text-align: justify; font-size: 0; max-width: 1400px; margin: 0 auto;}
#menu ul li{display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px;}
#menu ul li a{font-size: 16px; color: #fff; text-transform: uppercase; line-height: 50px; font-weight: 300; display: block;}
#menu ul li:hover{background: #e4c6a6;}
#menu ul li:hover a{color: #5d1b48;}
#menu ul:after{display: inline-block; content: ""; width: 100%;}
#menu ul li.current-menu-item{background: #e4c6a6;}
#menu ul li.current-menu-item a{color: #5d1b48;}
.resp-menu{width: 100%; display: none; position: absolute; z-index: 9999; background-color: #5d1b48; text-align: center; text-transform: uppercase; color: #fff; line-height: 40px;}
.resp-menu #resp-menu-btn{width: 100%; display: block;}
.resp-menu .resp-menu-block{display: none;}
.resp-menu ul{margin: 0px; padding: 0px; list-style: none;}
.resp-menu ul li{cursor: pointer;}
.resp-menu ul li a{color: #ffffff;}
.resp-menu ul li.current-menu-item{background: #e4c6a6;}
.resp-menu ul li.current-menu-item a{color: #5d1b48;}
.resp-menu ul li:hover{background: #e4c6a6;}
.resp-menu ul li:hover a{color: #5d1b48;}
        
/* MENU END */
/* PAGEHEADER */
#pageheader{display: block; min-height: 440px; background: url('images/gen/pageheader-default--2.jpg') center no-repeat; position: relative;}
#pageheader.team{display: block; min-height: 440px; background: url('images/gen/pageheader-default--2.jpg') center no-repeat; position: relative;}
#pageheader.behandelingen{display: block; min-height: 440px; background: url('images/gen/pageheader-default.jpg') center no-repeat; position: relative;}
#pageheader.home{background: none;}
#pageheader .overlay{position: absolute; left: 0; top: 0; background: url('images/gen/header-overlay.png') left no-repeat; height: 100%; width: 100%; z-index: 20; background-size: cover;}
#pageheader .pagetitle{position: absolute; left: 0; bottom: 45%; color: #5d1b48; font-size: 32px; z-index: 30; text-transform: uppercase;}
#pageheader .centering{position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 30; top: 55%;}
/* PAGEHEADER END */
/* PAGECONTENT */
#pagecontent{display: block; font-size: 0; text-align: justify; margin-top: 60px; margin-bottom: 60px;}
#pagecontent .content{font-size: 14px; display: inline-block; vertical-align: top; width: 60%;}
#pagecontent .content h1{color: #5d1b48; font-size: 24px;}
#pagecontent .content h2{color: #666; font-size: 18px; margin-bottom: 30px;}
#pagecontent .content p{}
#pagecontent .content p a{color: #5d1b48;}
#pagecontent .content p a:hover{text-decoration: underline;}
#pagecontent .content .btn{margin-top: 30px;}
#pagecontent .sidebar{font-size: 14px; display: inline-block; vertical-align: top; margin-left: 10%; width: 30%;}
#pagecontent.home .content{display: block; width: auto; text-align: center;}
.page-template-tarieven-pagina #pagecontent .content ul{list-style-type: none; padding: 0; margin: 0;}
.page-template-tarieven-pagina #pagecontent .content ul li{color: #666; line-height: 28px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.page-template-tarieven-pagina #pagecontent .content ul li.heading{background: #5d1b48 !important; color: #fff; font-weight: 500;}
.page-template-tarieven-pagina #pagecontent .content ul li span{float: right;}
.page-template-tarieven-pagina #pagecontent .content ul li:nth-child(odd){background: #f0f0f0;}
.page-template-tarieven-pagina #pagecontent .content ul + ul{margin-top: 50px;}
/* PAGECONTENT END */
/* AANMELDEN */
#aanmelden{display: block; height: 180px; background: url('images/gen/aanmeldenbg.jpg') center no-repeat; background-size: cover;}
#aanmelden h3{color: #fff; text-transform: uppercase; font-size: 28px; padding-top: 60px;}
#aanmelden h3 span{color: #e4c6a6;}
#aanmelden p{display: block; color: #fff; font-size: 14px; margin-top: 0px;}
#aanmelden .btn{position: absolute; right: 0; top: 60px; width: 300px; height: 60px; line-height: 60px; font-size: 18px;}
/* AANMELDEN END */
/* BEHANDELINGEN */
#behandelingen{display: block; height: auto; font-size: 0; padding-left: 10%;}
#behandelingen .side{display: inline-block; vertical-align: top; width: 30%; font-size: 14px; margin-right: 2%;}
#behandelingen .side .content{display: block; padding-top: 80px;}
#behandelingen .side .content h3{color: #5d1b48; text-align: left; font-size: 24px; text-transform: uppercase;}
#behandelingen .side .content h4{color: #666; text-align: left; font-size: 18px; text-transform: uppercase; margin-bottom: 30px;}
#behandelingen .side .content .btn{margin: 0; margin-top: 30px;}
#behandelingen .side .content span{color: #666; text-align: left; font-size: 14px; margin-top: 40px; display: block;}
#behandelingen .side .content .tipsgebit{width: 240px; height: 27px; background: url('images/gen/tipsgebit.jpg') left no-repeat; margin-top: 10px;}
#behandelingen .side .content .tipsgebit a{display: block; width: 100%; height: 100%;}
#behandelingen .list{display: inline-block; vertical-align: top; width: 64%; background: #e4c6a6; font-size: 14px; min-height: 370px; padding-top: 30px; padding-left: 2%; padding-right: 2%;}
#behandelingen .list li{background: #fff; height: 340px;}
#behandelingen .list li .image{display: block; height: 240px; overflow: hidden;}
#behandelingen .list li .image img{min-height: 100%; min-width: 100%; max-height: 100%;}
#behandelingen .list li h4{padding: 0; margin: 0; text-align: left; padding-left: 20px; padding-right: 20px; padding-top: 20px;}
#behandelingen .list li h4 a{color: #5d1b48; font-size: 18px; font-weight: 300;}
#behandelingen .list li h4 a:hover{color: #e4c6a6;}
#behandelingen .list li + li{margin-left: 10px !important;}
.page-template-behandelingen-pagina #behandelingen.inline{padding-left: 0;}
.page-template-behandelingen-pagina #behandelingen.inline ul{padding: 0; margin: 0; list-style-type: none;}
.page-template-behandelingen-pagina #behandelingen.inline .item{display: block; width: auto; background: none; padding: 0;}
.page-template-behandelingen-pagina #behandelingen.inline .item li{background: #e4c6a6; display: inline-block; vertical-align: top; width: 32%; margin-bottom: 20px;}
.page-template-behandelingen-pagina #behandelingen.inline .item li + li{margin-left: 0px !important;}
.page-template-behandelingen-pagina #behandelingen.inline .item li h4 a{color: #5d1b48; font-size: 18px; font-weight: 300;}
.page-template-behandelingen-pagina #behandelingen.inline .item li h4 a:hover{opacity: 0.6;}
/* BEHANDELINGEN END */
/* MENING */
#mening{display: block; text-align: center; margin-top: 60px;}
#mening h3{color: #5d1b48; font-size: 24px;}
#mening h4{color: #666; font-size: 18px;}
#mening p{margin-top: 30px; margin-bottom: 30px;}
/* MENING END */
/* SIDEBAR */
#zieook{display: block; background: #e4c6a6; padding-bottom: 30px;}
#zieook h3{padding: 0; margin: 0; font-size: 18px; text-transform: uppercase; background-color: #5d1b48; color: #e4c6a6; font-weight: 300; padding-left: 20px; padding-right: 20px; height: 60px; line-height: 60px;}
#zieook ul{list-style-type: none; padding: 0; margin: 0; margin-top: 20px;}
#zieook ul li{display: block; height: 40px; padding-left: 20px;}
#zieook ul li:nth-child(even){background: #dab996;}
#zieook ul li a{color: #5d1b48; display: block; line-height: 40px; font-size: 16px; text-transform: uppercase;}
#zieook ul li:hover a{color: #fff;}
#zieook ul li.current-menu-item a{color: #fff;}
#zieook h4{padding: 0; margin: 0; text-transform: uppercase; color: #5d1b48; padding-left: 20px; padding-right: 20px; font-size: 18px; margin-top: 30px;}
#zieook p{color: #fff; padding-left: 20px; padding-right: 20px; margin: 0; display: block; margin-top: 30px; text-align: left;}
#behandelingenside .side{display: block; vertical-align: top; width: auto; font-size: 14px;}
#behandelingenside .side .content{display: block; padding-top: 40px; width: auto; padding-left: 20px; padding-right: 20px;}
#behandelingenside .side .content h3{color: #5d1b48; text-align: left; font-size: 24px; text-transform: uppercase;}
#behandelingenside .side .content h4{color: #666; text-align: left; font-size: 18px; text-transform: uppercase; margin-bottom: 30px;}
#behandelingenside .side .content .btn{margin: 0; margin-top: 30px;}
#behandelingenside .side .content span{color: #666; text-align: left; font-size: 14px; margin-top: 40px; display: block;}
#behandelingenside .side .content .tipsgebit{width: 240px; height: 27px; background: url('images/gen/tipsgebit.jpg') left no-repeat; margin-top: 10px;}
#behandelingenside .side .content .tipsgebit a{display: block; width: 100%; height: 100%;}
/* SIDEBAR END */
/* TEAM */
#team{display: block; margin-top: 40px;}
#team .column{width: 30%; background: #e4c6a6; font-size: 14px; height: 340px; overflow: hidden; position: relative; margin-bottom: 30px;}
#team .column .image{height: 240px; overflow: hidden;}
#team .column .image img{min-height: 100%; min-width: 100%;}
#team .column h4{padding: 0; margin: 0; padding-left: 20px; padding-right: 20px; padding-top: 25px;}
#team .column h4 .voornaam{color: #5d1b48; text-transform: uppercase; display: block; font-size: 14px;}
#team .column h4 .achternaam{color: #5d1b48; text-transform: uppercase; display: block; font-size: 26px;}
#team .column h4:hover{opacity: 0.6;}
#team .column .go{position: absolute; right: 20px; bottom: 30px; background: #5d1b48; color: #fff; text-align: center; font-size: 14px; font-weight: 300; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; color: #fff;}
#team .column .go a{color: #fff; display: block; height: 100%; width: 100%;}
#team .column .go:hover{opacity: 0.6;}
/* TEAM END */
/* SITEMAP */
.page-list{list-style-type: none; padding: 0; margin: 0;}
.page-list li{display: block;}
.page-list li a{font-size: 14px; color: #999; line-height: 28px;}
.page-list li a:hover{color: #5d1b48;}
/* SITEMAP END */
/* CONTACT */
.wpcf7{width: 471px;}
#contactform span{display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #ccc; height: 40px; margin-bottom: 20px;}
#contactform span.aanhef{margin-right: 30px;}
#contactform span.naam{width: 320px;}
#contactform span.emailaddy{width: 220px; margin-right: 30px;}
#contactform span.telnr{width: 220px;}
#contactform span.vraag{display: block; width: auto; height: 100px; overflow-y: auto;}
#contactform select{-webkit-appearance: none; background: none; line-height: 40px; border: none; padding: 0; margin: 0; color: #999; font-size: 14px; font-family: 'lato'; font-weight: 300; padding-left: 15px; padding-right: 60px; height: 40px;}
#contactform select option{color: #999;}
#contactform input{-webkit-appearance: none; padding: 0; margin: 0; font-size: 14px; height: 38px; width: 90%; padding-left: 5%; padding-right: 5%; border: none; font-family: 'lato'; font-weight: 300;}
#contactform input::-webkit-input-placeholder{color: #999;}
#contactform input:-moz-placeholder{color: #999;}
#contactform input::-moz-placeholder{color: #999;}
#contactform input:-ms-input-placeholder{color: #999;}
#pagecontent .content #contactform input.btn{-webkit-appearance: none; padding: 0; margin: 0; padding-left: 15px; text-transform: uppercase; border: none; font-size: 16px; text-transform: uppercase; width: 220px; cursor: pointer;}
#contactform textarea{-webkit-appearance: none; padding: 0; margin: 0; font-size: 14px; border: none; padding-left: 15px; padding-top: 10px; padding-bottom: 15px; height: 95px; font-weight: 300; font-family: 'lato';}
#contactform textarea::-webkit-input-placeholder{color: #999;}
#contactform textarea:-moz-placeholder{color: #999;}
#contactform textarea::-moz-placeholder{color: #999;}
#contactform textarea:-ms-input-placeholder{color: #999;}
/* CONTACT END */
/* INSCHRIJVEN */
#inschrijven{display: block;}
#inschrijven h3{color: #5d1b48; margin-bottom: 20px;}
#inschrijven .wpcf7{width: auto;}
#inschrijven span{display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #ccc; height: 40px; margin-bottom: 20px;}
#inschrijven .bsn input{padding-left: 2.5%; padding-right: 2.5%;}
#inschrijven input{-webkit-appearance: none; padding: 0; margin: 0; font-size: 14px; height: 38px; width: 90%; padding-left: 5%; padding-right: 5%; border: none; font-family: 'lato'; font-weight: 300;}
#inschrijven input::-webkit-input-placeholder{color: #999;}
#inschrijven input:-moz-placeholder{color: #999;}
#inschrijven input::-moz-placeholder{color: #999;}
#inschrijven input:-ms-input-placeholder{color: #999;}
#inschrijven select{-webkit-appearance: none; background: none; height: 40px; line-height: 40px; border: none; padding: 0; margin: 0; color: #999; font-size: 14px; font-family: 'lato'; font-weight: 300; padding-left: 15px; padding-right: 60px; background: url('images/gen/arrow-down-grey.png') 90% 50% no-repeat;}
#inschrijven select option{color: #999;}
/* Individuals */
#inschrijven span[data-name="aanhef"]{width: 20%;}
#inschrijven span[data-name="achternaam"]{width: 40%; margin-left: 2.5%;}
#inschrijven span[data-name="voorletters"]{width: 25%; margin-left: 2.5%;}
#inschrijven span[data-name="adres"]{width: 30%;}
#inschrijven span[data-name="postcode"]{width: 15%; margin-left: 2.5%;}
#inschrijven span[data-name="woonplaats"]{width: 40%; margin-left: 2.5%;}
#inschrijven span[data-name="geboortedatum"]{width: 20%;}
#inschrijven span[data-name="telnr"]{width: 30%; margin-left: 2.5%;}
#inschrijven span[data-name="emailadres"]{width: 35%; margin-left: 2.5%;}
#inschrijven span[data-name="emailadres2"]{width: 44%; margin-left: 0px;}
#inschrijven span.[data-name="verzekering"]{width: 30%;}
#inschrijven span[data-name="verzekering2"]{width: 43.5%; margin-left: 2.5%;}
#inschrijven span[data-name="relatienummer"]{width: 57.5%; margin-left: 2.5%;}
#inschrijven span[data-name="relatienummer2"]{width: 90%;}
#inschrijven span[data-name="bsn"]{width: 90%;}
#inschrijven span[data-name="naamtandarts"]{width: 30%;}
#inschrijven span[data-name="naamhuisarts"]{width: 30%;}
#inschrijven span[data-name="naamspecialist"]{width: 30%;}
#inschrijven span[data-name="tandartstel"]{width: 57.5%; margin-left: 2.5%;}
#inschrijven span[data-name="huisartstel"]{width: 57.5%; margin-left: 2.5%;}
#inschrijven span[data-name="specialisttel"]{width: 57.5%; margin-left: 2.5%;}
#inschrijven span[data-name="opmerking"]{height: auto;}
#inschrijven span[data-name="janee-2b"]{height: auto;}
#inschrijven span[data-name="janee-14a"]{height: auto;}
#inschrijven span[data-name="janee-18b"]{height: auto;}
#inschrijven span[data-name="janee-23a"]{height: auto;}
#inschrijven span[data-name="janee26a"]{height: auto;}
#inschrijven span[data-name="janee-29i"]{height: auto;}
#inschrijven span[data-name="janee-32a"]{height: auto;}
#inschrijven textarea{-webkit-appearance: none; padding: 0; margin: 0; padding-top: 15px; padding-bottom: 15px; font-size: 14px; height: 120px; width: 90%; padding-left: 5%; padding-right: 5%; border: none; font-family: 'lato'; font-weight: 300;}
#inschrijven textarea::-webkit-input-placeholder{color: #999;}
#inschrijven textarea:-moz-placeholder{color: #999;}
#inschrijven textarea::-moz-placeholder{color: #999;}
#inschrijven textarea:-ms-input-placeholder{color: #999;}
#inschrijven input.verzend{background: #e4c6a6; color: #5d1b48; cursor: pointer;}
#inschrijven input.verzend:hover{background: #5d1b48; color: #fff;}
#inschrijven span[data-name="klachten"]{height: auto;}
#inschrijven span[data-name="wensen"]{height: auto;}
/* Individuals END */
/* INSCHRIJVEN END */
/* FOOTER */
#footer{display: block; border-top: 1px solid #e3e3e3; padding-top: 60px; padding-bottom: 60px; margin-top: 60px;}
#footer #wrap .column{width: 25%; text-align: center;}
#footer h4{padding: 0; margin: 0; color: #5d1b48; font-size: 18px; text-transform: uppercase; font-weight: 300;}
#footer .column ul{list-style-type: none; padding: 0; margin: 0; margin-top: 30px;}
#footer .column ul li{display: block; line-height: 30px; font-size: 14px; color: #666; font-weight: 300;}
#footer .column ul li a{line-height: 30px; font-size: 14px; color: #666; font-weight: 300;}
#footer .column ul li a:hover{color: #5d1b48;}
#footerlogo{width: 294px; height: 125px; background: url('images/gen/footerlogo.jpg') center no-repeat; background-size: contain; display: block; margin: 0 auto; margin-top: 60px; margin-bottom: 20px;}
#creds{text-align: center; font-size: 14px; color: #666; display: block;}
#creds a{font-size: 14px; color: #666; display: block; font-weight: 300;}
#creds a:hover{color: #5d1b48;}
/* FOOTER END */
/* ANAMNESE KLACHTEN */
.wpcf7 input{width: calc(100% - 15px); padding-left: 15px; height: 40px; line-height: 40px; margin-bottom: 10px;}
.wpcf7 textarea{width: calc(100% - 15px); padding-left: 15px; height: 120px; line-height: 40px; margin-bottom: 10px;}
.wpcf7 input[type=radio]{line-height: 0px; height: auto; width: auto;}
.wpcf7 .meerkeuze{margin-bottom: 20px;}
.wpcf7 .meerkeuze span{margin-bottom: 10px;}
.acceptance-727{border: none !important; height: auto !important;}
.acceptance-727 span{border: none !important; height: auto !important;}
.acceptance-727 input{height: auto !important; width: auto !important; padding: 0 !important; border: 1px solid #000 !important; -webkit-appearance: checkbox !important; display: inline-block; margin-right: 10px !important;}
.acceptance-728{border: none !important; height: auto !important;}
.acceptance-728 span{border: none !important; height: auto !important;}
.acceptance-728 input{height: auto !important; width: auto !important; padding: 0 !important; border: 1px solid #000 !important; -webkit-appearance: checkbox !important; display: inline-block; margin-right: 10px !important;}
/* ANAMNESE KLACHTEN ENDS */