/*
  Theme Name: Kavel en huis
  Author: Friks
  Version: 1.0
*/

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

* { margin: 0; padding: 0; }
body { font: 400 14px/1.5 'PT Sans', Arial, Helvetica, Verdana, sans-serif; background: url('images/main.png') center top repeat-y #000; color: #464646; }

body.single-woningen { background: url('images/woning-top-large-a.png') left 0 repeat-x #000; }
body#fullscreen { background-image: none !important; background: #000; }
body.page-template-template-formulier-php { background-image: url('images/bg-left.png'); }

h1, .h1 { font-size: 33px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 21px; }
h4, .h4 { font-size: 18px; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { margin: 0 0 7px; font-weight: normal; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; color: #e91567; display: block; }

em { font-style: italic; }
strong { font-weight: 700; }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.content a:visited,
.content a { text-decoration: underline; color: #464646; text-decoration: underline; font-weight: 700; }
.content a:hover { text-decoration: none; }

ul li { list-style: none; }
.content ul li { list-style: disc; }

.serif { font-family: 'PT Serif', 'PT Sans', Arial, Helvetica, Verdana, sans-serif; }
.content { font-family: 'PT Serif', 'PT Sans', Arial, Helvetica, Verdana, sans-serif; }
.content ul,
.content ol,
.home-cols ul,
.home-cols ol { margin: 14px 21px; }
.content p { margin: 0 0 21px; }

.pager { width: 100%; height: 28px; }
.pager .prev { float: left; line-height: 28px; }
.pager .next { float: right; line-height: 28px; }

.clear { clear: both; }

.alignleft { float: left; margin: 7px 7px 7px 0px; }
.alignright { float: right; margin: 7px 0px 7px 7px; }
.aligncenter { clear: both; display: block; margin: 7px auto; }
.alignnone { clear: both; display: block; margin: 7px auto; }

.band { width: 100%; min-width: 987px; }
.container { width: 987px; margin: 0 auto; background: #fff; }
body.single-woningen .container { margin-bottom: 0; }

/* - Slider - */

.bx-wrapper { position: relative; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-loading { min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 50; }
.head .bx-wrapper .bx-prev { left: 10px; background: url('images/controls.png') left top no-repeat; }
.head .bx-wrapper .bx-next { right: 10px; background: url('images/controls.png') right top no-repeat; }
.head .bx-wrapper .bx-controls-direction a { position: absolute; top: 25%; outline: 0; width: 48px; height: 48px; font: 0/0 a; color: transparent; z-index: 100; }
.head .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.head #slider li a { display: block; position: absolute; right: 10px; bottom: 20px; z-index: 150; font: 0/0 a; color: transparent; width: 111px; height: 33px; background: url('images/lees-meer.png') no-repeat; }

.center .bx-wrapper { padding: 0 42px; background: url('images/carousel-bg.png') top left repeat-x #f5f5f5; max-width: 420px !important; }
.center .bx-wrapper .bx-prev { left: 10px; background: url('images/carousel-left.png') left top no-repeat; }
.center .bx-wrapper .bx-next { right: 10px; background: url('images/carousel-right.png') right top no-repeat; }
.center .bx-wrapper .bx-controls-direction a { position: absolute; top: 40px; outline: 0; width: 21px; height: 32px; font: 0/0 a; color: transparent; z-index: 100; }
.center .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.center #home-carousel a { display: block; padding-left: 12px; }
.center #home-carousel a.image { margin: 10px 0; position: relative; }
.center #home-carousel .nieuw { position: absolute; right: 0; top: -3px; z-index: 100; width: 75px; height: 78px; background: url('images/nieuw.png') no-repeat; }
.center #home-carousel a.text:visited,
.center #home-carousel a.text { margin: 20px 0; font-size: 12px; text-decoration: none; color: #000; line-height: 1.2; padding-left: 16px; }
.center #home-carousel strong { display: block; }

/* - Header - */

.header { width: 100%; height: 92px; background: url('images/top.jpg') no-repeat ; }
.header a { font: 0/0 a; color: transparent; }
.header .title { display: block; width: 670px; height: 92px; float: left; }
.header .title + a { display: block; width: 270px; height: 92px; float: right; }

.main-menu { background: #9c8f5d; width: 100%; height: 42px; line-height: 42px; }
.main-menu ul { width: 850px; float: left; height: 42px; line-height: 42px; }
.main-menu li { float: left; margin-left: 14px; }
.main-menu li a:visited,
.main-menu li a { text-decoration: none; color: #fff; font-size: 18px; border-left: 1px solid #fff; padding-left: 14px; }
.main-menu li a:hover { text-decoration: underline; }
.main-menu li.current-menu-item a,
.main-menu li a:hover { color: #000; text-decoration: none; }
.main-menu li:first-child a { border: none; }
.main-menu .interdijk { display: block; font: 0/0 a; color: transparent; width: 59px; height: 42px; background: url('images/interdijk.png') center center no-repeat; float: left; margin-right: 14px; }
.main-menu .contact:visited,
.main-menu .contact { float: left; font-size: 14px; text-decoration: none; color: #fff }

/* - Home - */

.home-cols { margin-top: 28px; }
.home-cols .right,
.home-cols .left { width: 50%; float: left; }
.home-cols .left .serif{ font-size: 14px; }
.home-cols .left .voorproefje:visited,
.home-cols .left .voorproefje { color: #9b8d5e; font-size: 12px; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif }
.home-cols .left .bestel:visited,
.home-cols .left .bestel { color: #e91567; }
.home-cols .left > p { padding-right: 14px; }

.home-cols img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

.home-cols .right { background: #efefef; line-height: 1.2 }
.home-cols .right .h2 { margin: 14px 14px 0 14px;}
.home-cols .left .h2 { margin: 10px 14px 0 0;}
.home-cols .item { border-bottom: 2px solid #cbc5b0; margin: 14px; padding-bottom: 14px; }
.home-cols .item-2 { border: none; padding: 0; }
.home-cols .item a { text-decoration: none; }
.home-cols .item a.title:visited,
.home-cols .item a.title { color: #9b8d5e; display: block; }
.home-cols .item span { font-size: 12px; color: #7f7f7f; }
.home-cols .item p { margin: 7px 0 0; font-size: 12px }

a.lees-meer { font-size: 12px; color: #9b8d5e; text-decoration: none; }

/* - Main - */

.main { padding-bottom: 91px; background: url('images/main.png') center top repeat-y }
.sidebar { width: 228px; float: left; }
.center { width: 531px; float: left; }
.center > .inner,
.sidebar > .inner { padding: 14px; }

/* - Sidebar right - */

.sidebar.right .title { display: block; color: #e91567; font-weight: 700; font-size: 16px; }
.sidebar.right .uitgelicht img { margin: 7px 0; }
.sidebar.right .uitgelicht { font-size: 12px; line-height: 1.2 }
.sidebar.right .banners { margin-top: 20px; line-height: 0; }
.sidebar.right .banners p { margin-bottom: 10px; }
.sidebar.right .banners img { max-width: 100%; height: auto; }
.sidebar.right .banners a { display: block; }
.banners { margin: 14px 0; }
.banners a { display: block; line-height: 0; margin: 0 0 20px; }

#map-page { width: 100%; height: 500px; margin-top: 20px; }
#map-bedrijf,
#map-sidebar { width: 100%; height: 220px; margin-top: 20px; }

.map-header { margin-top:-20px; }
.map-header #map-bedrijf { height:340px; }



/* - Filter - */

.sidebar.left .title { color: #4d4d4d; display: block; font-weight: 700; font-size: 16px; margin: 0 0 10px; }
.sidebar.left .title.sec { margin: 20px 0 -10px; 0; }

.filter #filter { margin-bottom:20px; }
.filter #filter ul li.first { margin-right:30px; }
.filter #filter ul li.select { float:left;  }
.filter #filter .select > span.option { width:222px; }
.filter #filter li.select span { background: #9c8f5d url('images/arrow-select-white.png') 210px -36px no-repeat; }

#filter .select-title { font-size: 12px; padding: 4px 0 7px 0; }
#filter .meer-opties-tekst { clear: both; padding: 21px 0; }
#filter .meer-opties { cursor: pointer; font-weight: 700; text-decoration: underline; }
#filter .select > span.option { font-weight: 400; color: #fff; }

#filter ul ul { margin-bottom: 4px; }
#filter li.select li.selected { color: #e91567; }
#filter li.select span.selected { color: #fff; }
#filter li li { background: #fff; padding: 4px 7px; font-weight: 700; cursor: pointer; }

#filter li > span { display: block; padding: 4px 7px; color: #464646; background: #fff; font-weight: 700; }
#filter li.select span.error { border: 2px solid #e91567; padding: 2px 5px; background-position: 173px -38px; }

#filter li.select span { background: #9c8f5d url('images/arrow-select-white.png') 175px -36px no-repeat; cursor: pointer; margin-bottom: 4px; }
#filter li.select span.active { background-position: 210px 8px; }
#filter li.select span.active.error { background-position: 173px 6px; }
#filter li.range span.target { margin-bottom: 4px; background: #c4c4c4; color: #fff; font-weight: 400; }
#filter li.range .change { float: right; height: 22px; width: 17px; }
#filter li.range .change span { display: block; width: 17px; height: 11px; cursor: pointer; background: url('images/arrow-range.png') no-repeat; }
#filter li.range .change span.down { background-position: left bottom; }
input[type="submit"] { border: none; background: #e91567; color: #fff; text-transform: uppercase; font-size: 16px; padding: 4px 7px; float: right; font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; }
#filter p.messages { float: left; width: 120px; }
#filter input[type="submit"] { margin-top: 21px; }
#grid-inner { padding: 10px 0 0 10px; margin: 0 10px 0 0; background: #000; }

#verfijn { background-color: transparent; background-image: url('images/verfijn.jpg'); width: 85px; height: 21px; background-repeat: no-repeat; font: 0/0 a; color: transparent; float: right; }

/* - - */

#grid-inner .col.first { position: relative;  }
#fold { background: url(images/bedr-fold.png) no-repeat; width: 228px; height: 133px; position: absolute; left: 0; top: 0; z-index: 1000; }
#fold a { display: block; width: 72px; height: 60px; margin: 6px 0 0 30px; }
#fold .close { display: block; width: 18px; height: 18px; cursor: pointer; margin: 10px 0 0 12px; }

/* - Single bedrijven - */
.single-bedrijven .content .small { overflow:hidden; height:380px; }
.single-bedrijven .content .big { overflow:visible; height:auto; }
.single-bedrijven .more  { position:relative; text-align:center; font-size:75px; line-height:75px; display:block; overflow:hidden; margin:0; margin-top:20px; }
.single-bedrijven .more span { display:inline-block; position:relative; }
.single-bedrijven .more span:before,
.single-bedrijven .more span:after { content:""; position:absolute; height:2px; background:#efefef; top:30px; width:600px; }
.single-bedrijven .more span:before { right:100%; }
.single-bedrijven .more span:after { left:100%; }
.single-bedrijven .more .btn { color:#9c8f5d; font-size:16px; text-decoration:none; border:2px solid #efefef; padding:4px 9px; display:inline-block; position:relative;    }
.single-bedrijven .more.button { line-height:inherit; font-size:inherit; }
.single-bedrijven .more.button span:before, .more.button span:after { top:16px; }

/* - Results - */
.results .projecten { font-size:18px; display:block; color:#000000; font-weight:700; }
.single-bedrijven .results li { width: 220px; float: left; margin-right: 20px; margin-bottom: 30px; height:280px; position:relative; }
.results li { width: 155px; float: left; margin-right: 20px; margin-bottom: 30px; position:relative; }
.results.search li { margin-right: 19px; }
.results li span { display: block; font-size: 13px; color: #000000; line-height:21px; }
.results li a { display: block; font-size: 18px; color: #000000; line-height:21px;  }
.single-bedrijven .results li a.image { position:absolute; left:0; bottom:0; }
.results li a.image  img { max-width:100%; max-height: 147px; }
.results li.last { margin-right: 0; }
.results .image-holder { height:155px; width:154px; text-align:center; }



/* - Filter - */
.filter .type { float:left; width:50%; }
.filter .provincie { float:left; width:50%; }
/* - Single - */

div.woning { position: relative; width: 100%; min-width: 987px; background: url('images/sidebar-bg.png') right top repeat-y; }
.woning > .inner { padding: 21px 218px 21px 0px; }
.woning h1 { font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; display: inline-block; zoom: 1; *display: inline; margin-left: 21px; }
.woning .title-wrapper > span { font-size: 20px; color: #c4c4c4; padding-left: 20px; display: inline-block; zoom: 1; *display: inline; }
.woning .woning-top { padding-bottom: 14px; background: #fff; position: relative; }
.woning .terug:visited,
.woning .terug { display: block; color: #464646; margin-left: 21px; }
.title-wrapper { padding-right: 230px; }

.box { display: block; line-height: 0; margin-bottom: 10px; }
.woning .box { width: 292px; float: left; }
.woning .first { width: 592px; }
.box img { max-width: 100%; height: auto; }

.woning .single-sidebar { width: 228px; position: absolute; top: 0; right: 0; background: url('images/sidebar-bg.png') right top repeat-y; }
.bedrijf .single-sidebar { width: 228px; float: right; }

.single-sidebar .inner { padding: 4px 5px 5px 5px; }
.single-sidebar .inner > span,
.single-sidebar .inner > a:visited,
.single-sidebar .inner > a { display: block; font-size: 22px; font-weight: 700; margin-bottom: 10px; text-decoration: none; color: #464646; }
.single-sidebar img { max-width: 100%; height: auto;  }
.single-sidebar .beschrijving { font-size: 12px; line-height: 1.2; margin-top: 5px; }
.single-sidebar .contact { background: #fff; padding: 26px 25px; line-height: 1.2; color:#000000; }
.single-sidebar .contact .name { font-size:24px; font-weight:700; line-height:24px; display:block; margin-bottom:20px; }
.single-sidebar .contact .adres { text-transform:capitalize; }
.single-sidebar .contact a:visited,
.single-sidebar .contact a { color: #464646; }
.single-sidebar .contact p { margin-bottom: 14px; }
.single-sidebar .contact .tel {background:url('images/icon-phone.png') no-repeat center left; padding-left:20px; text-decoration:none; display:block; }
.container .single-sidebar a.website, .woning .single-sidebar a.website { background:url('images/icon-website.png') no-repeat center left; padding-left:20px; text-decoration:none;display:block; }
.container .single-sidebar a.email, .woning .single-sidebar a.email { background:url('images/icon-mail.png') no-repeat center left; padding-left:20px; text-decoration:none;  display:block; }
.woning .single-sidebar a.pinterest { background:url('images/icon-pinterest.png') no-repeat center left; padding-left:20px; text-decoration:none;  display:block; }
.single-sidebar .contact .btn { display:block; padding:10px; background:#e91667; color:#fff; text-decoration:none; text-align:center; font-size:15px; font-weight:700; margin-top:37px; }
.single-sidebar .title.sec { font-size: 16px; margin: 20px 0 -10px; }
.single-sidebar .icons { padding: 14px 0 0; margin-right: -10px; }
.single-sidebar .icons a:visited,
.single-sidebar .icons a { display: block; font-weight: 700; color: #464646; text-decoration: none; background: url('images/icons.jpg') no-repeat; padding: 4px 0 4px 36px; margin-bottom: 2px; }
.single-sidebar .icons a.doc { background-position: 0 -35px; }
.single-sidebar .icons a.afspraak { background-position: 0 -70px; }

.single-sidebar .contact-item { padding: 0 0 0 20px; background-repeat: no-repeat; margin-left: -4px; }
.single-sidebar .contact-item.telefoon { background-image: url('images/icon-tel.png'); }
.single-sidebar .contact-item.fax { background-image: url('images/icon-fax.png'); }
.single-sidebar .contact-item.email { background-image: url('images/icon-email.png'); }
.single-sidebar .contact-item.website { background-image: url('images/icon-web.png'); }

.woning .gegevens { float: right; margin-right: 10px; }
.woning span#gegevens-link { position: absolute; right: 20px; top: 15px; font-size: 14px; display: block; cursor: pointer; float: right; height: 30px; line-height: 30px; color: #e91567; font-weight: 700; padding-left: 40px; background: url('images/gegevens.jpg') left center no-repeat; }
.woning .gegevens > div { clear:  both; }
.woning .gegevens dl { width: 300px; padding: 10px 0; }
.woning .gegevens dt,
.woning .gegevens dd { width: 50%; float: left; padding: 4px 0; }
.woning .gegevens dt { font-weight: 700; }
.woning .gegevens dl .item { border-bottom: 1px solid #EDEDED; }
.woning .kijk-ook-naar { margin: 20px 0 0; }
.woning .kijk-ook-naar a { display: block; line-height: 0; float: left; margin: 0 12px 12px 0; width: 58px; }
.woning .kijk-ook-naar a.last { margin-right: 0; }
.woning .kijk-ook-naar img { max-width: 100%; height: auto; }

.bedrijf {  background: url('images/sidebar-bg.png') right top repeat-y; }
.bedrijf h1 { font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; }
.bedrijf .center { width: 759px; }
.bedrijf .center > .inner { padding: 21px 24px; }

.maps-meta { font-size: 12px; line-height: 1.2 }
.maps-meta img { float: left; margin-right: 10px; }
.maps-meta .more,
.maps-meta .title { display: block; color: #e91567; text-decoration: none; font-weight: 700; font-size: 13px; }
.maps-meta .location { display: block; margin-bottom: 5px; color: #c4c4c4; }
.maps-meta p { line-height: 1.2 }
.maps-meta .more { float: right; }

.share { padding: 14px 0; }
.share > span { display: block; float: left; line-height: 32px; margin-right: 14px; color: #efefef; }
.share .addthis_toolbox { float: left; margin-top: 0; }
.share .addthis_button_facebook_like iframe { margin-top: 6px; margin-left: 14px; }

form .wpcf7-validation-errors { border-radius: 2px; border: 2px solid #FAF98A; background: #F4F093; color: #000; font-size: 13px; padding: 7px 14px; margin: 14px 0; width: auto; }
form .wpcf7-not-valid-tip  { border-radius: 2px; width: auto; top: 0; left: 21px; border: 2px solid #e27777; background: #efb5b5; color: #000; font-size: 13px; padding: 7px 14px; margin: 7px 0 0; }
form .wpcf7-mail-sent-ok { border-radius: 2px; border: 2px solid #81A678; background: #E4F1E3; font-size: 13px; padding: 7px 14px; margin: 14px 0; }
.wpcf7 p { margin: 0 0 14px; }

.addthis_toolbox { margin-top: 21px; }
.addthis_toolbox a { margin-right: 4px; }
.addthis_toolbox .addthis_button_email { margin-right: 0px; }

p.results { margin-bottom: 14px; }
p.no-results { font-weight: 700; }

/* - Grid - */

#grid.large .col.second,
#grid.large .col.third,
#grid.large .col.fourth { width: 16.6%; }

#grid.x-large .col.first { width: 36%; }
#grid.x-large .col.second,
#grid.x-large .col.third,
#grid.x-large .col.fourth,
#grid.x-large .col.fifth { width: 16%; }

.woning-top,
.col-wrapper { width:  100%; max-width: 1600px; margin-left: auto; margin-right: auto; }
.col .box { width: auto !important; float: none !important; display: block; }
.col img { max-width: 100%; height: auto; }
.col { float: left; }
.col.first { width: 50%; }
.col.second,
.col.third { width: 25%; }
.col .inner { padding: 0 10px 0 0; }
.box-content { margin: 20px 0 10px 0; font-size: 12px; color: #efefef; }
.box-content .left { width: 100%; }
/*.box-content .right { width: 48%; float: right;  }*/
.box-top { text-align: right; }
.box-top span { display: inline-block; zoom: 1; *display: inline; color: #efefef; background: url('images/search-black.png') left center no-repeat; padding-left: 30px; height: 25px; line-height: 25px; margin-right: 2%; margin-top: 10px; font-size: 13px; }

.box img {
   -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -ms-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.box img:hover { opacity: 0.7; filter:alpha(opacity=0.7); }

.box { position: relative; }
.box .zoom {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -11px;
  margin-left: -11px;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  background: url('images/zoom.png') no-repeat;
  opacity: 0;
  filter:alpha(opacity=0);
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -ms-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.box:hover .zoom {
  opacity: 1;
  filter:alpha(opacity=100);
}

#woning-grid { margin: 10px auto; }
#woning-grid a { float: left; }

/* - FB - */

.fancybox-overlay.fancy-bg { background: url('images/bg.png') repeat-x #373737; }

/* - - */

.articles .item { margin-top: 14px; }
.articles h2 a:visited,
.articles h2 a { color: #e91567; text-decoration: none; }
.pager { height: 28px; line-height: 28px; margin-top: 21px; }
.pager a:visited,
.pager a { color: #e91567 }
.pager .left { float: left; }
.pager .right { float: right; }
.content .wpcf7 input[type="email"],
.content .wpcf7 input[type="text"] {
  background: #f8f8f8;
  border: none;
  padding: 7px 0 9px 0;
  width: 100%;
  -moz-box-shadow: inset -2px -2px 3px #B1B1B1;
  -webkit-box-shadow: inset -2px -2px 3px #B1B1B1;
  box-shadow: inset -2px -2px 3px #B1B1B1;
  font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  text-indent: 14px;
}

.content .image { float:right; }

.footer-link { margin-top: -28px; height: 28px; text-align: right; background: transparent; }
.footer-link a:visited,
.footer-link a { text-decoration: none; margin-right: 28px; color: #464646 }

.content .wpcf7 .item { width: 100%; margin-bottom: 7px; }
.content .wpcf7 .item.left { width: 40%; float: left; }
.content .wpcf7 .item.right { width: 60%; float: left; }
.content .wpcf7 .wpcf7-form-control-wrap { display: block; margin-top: 7px; }
.content .wpcf7 .item.left .wpcf7-form-control-wrap { padding-right: 21px; }
.verplicht { display: block; float: right; font-size: 12px; }
.content .wpcf7 .item + p { overflow: hidden; }
.content .wpcf7 .item.check + p { overflow: visible; clear: both; padding-top: 14px; }
.content .wpcf7 .item.check .wpcf7-list-item { display: block; width: 33.3%; float: left; margin-left: 0; }
.content .wpcf7 .wpcf7-list-item { margin-left: 0; margin-bottom: 7px; }

.content .wpcf7 input[type="checkbox"] { display:none; }
.content .wpcf7 input[type="checkbox"] + span { background: url('images/check.png') left bottom no-repeat; height: 25px; line-height: 25px; padding: 0 0 0 32px; display: inline-block; zoom: 1; *display: inline; }
.content .wpcf7 input[type="checkbox"] + span.checked { background-position: left top; }
.page-id-12 .content .wpcf7 .item.check .wpcf7-list-item { width: 50%; }

.wpcf7 .anders { width: 235px; float: right; }
.page-id-12 .anders { width: 250px; }

.wpcf7 .doc { clear: both; padding-top: 21px; }
.wpcf7 .doc .item .left { width: 78%; float: left; }
.wpcf7 .doc .item .right { width: 20%; float: right; }
.wpcf7 .doc > p { margin: 14px 0 7px 0; }

.doc-data { margin-top: 21px; }
.doc-data .doc-item { float: left; width: 50%; padding: 14px 0; }
.doc-data .doc-item .check { background: url('images/check.png') left bottom no-repeat; height: 25px; line-height: 25px; width: 32px; margin-left: 14px; cursor: pointer; display: inline-block; zoom: 1; *display: inline; }
.doc-data .doc-item .check.checked { background-position: left top; }
.doc-data img { max-width: 75px; height: auto; }
.doc-data .left { width: 30%; float: left; }
.doc-data .right { width: 70%; float: left; }
.doc-data .doc-item p { margin: 0; padding: 0 14px; font-style: italic; text-decoration: underline;  }
.doc-data .doc-item.full p,
.doc-data .doc-item.full .check { margin-left: 0; padding-left: 0; }

#woning-read-more { font-family: 'PT Sans', Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; cursor: pointer; font-size: 16px; margin-bottom: 21px; display: block; background: url('images/arrow-select-white.png') right bottom no-repeat; width: 110px; }
#woning-read-more.active { background-position: right 8px; }

.popup{background:url(images/popup.jpg) no-repeat #fff;}
.popup.popup-notaris {background:url(images/popup2.jpg) no-repeat #fff;}
.popup form.wpcf7-form{position:absolute; left:20px; bottom:12px; width:326px;}
.popup .wpcf7-text{float:left; margin:0 0 6px 0; padding: 0 0 0 12px; width:314px; height:28px; font-size:14px; color:#9a9797; background:url(images/popup-wpcf7-input.png) top right; border:0;}
.popup .wpcf7-text.postcode{margin-right:8px; width:92px;}
.popup .wpcf7-text.plaats{width:202px;}
.popup .wpcf7-submit{float:left; padding:10px 25px; color:#fff; font-size:14px; text-transform:uppercase; background:#e52268; border:0; cursor:pointer;}
.popup .ajax-loader{float:left;}
.popup .wpcf7-response-output{position:absolute; top:0px; left:0px; margin:-50px 0 0 0; background:#fff;}
.popup .wpcf7-response-output.wpcf7-validation-errors{border:3px solid #e52268;}
.popup .wpcf7-response-output.wpcf7-mail-sent-ok{border:3px solid #18c649;}
.popup .wpcf7-form-control-wrap{clear:both; display:block;}
.popup .wpcf7-form-control-wrap.postcode, .popup .wpcf7-form-control-wrap.plaats{clear:none;}
.popup .wpcf7-not-valid-tip{top:5px; left:10px;}
.popup .close-btn{float:right; padding:10px 25px; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none; background:#bab4b6; border:0; cursor:pointer;}
.popup .content{position:absolute; right:0px; bottom:0px; width:215px; text-align:left; color:#8d8d8d; font-size:11px;}
.popup .content p{margin:0 0 13px 0;}
.popup .content a{color:#8d8d8d; text-decoration:underline;}
.popup .content a:hover{color:#8d8d8d; text-decoration:none;}

/* - Slide banner- */

#slide-banner { display: block; width: 714px; height: 308px; background: url(banner/banner-groot.png); position: fixed; bottom: 35px; right: -744px; z-index: 1000; -webkit-transition: right 200ms ease-out; -moz-transition: right 200ms ease-out; -o-transition: right 200ms ease-out; transition: right 200ms ease-out; }
#slide-banner a { display: block; font: 0/0 a; color: transparent; width: 220px; height: 185px; margin: 0 0 0 26px; }
#close-banner { display: block; width: 20px; height: 20px; cursor: pointer; margin: 69px  0 0 30px; }
#minimize-banner { background: #E91966; width: 30px; height: 30px; position: absolute; top: 40px; left: -30px; text-align: center; }
#minimize-banner span { display: inline-block; width: 70%; height: 4px; background: #fff; /* vertical-align: middle; */ margin-top: 13px; }  
#minimize-banner span.second { transform: rotate(90deg); margin-top: -10px; margin-left: 5px; display:none; }
#slide-banner.minimize #minimize-banner span.second { display: block; }

#slide-banner.active { right: 0; }
#slide-banner.hidden{ right: -744px !important; }
#slide-banner.minimize{ right: -714px !important; }
#slide-banner.hidden #minimize-banner { display: none; }

#content-left .wpcf7 p:after,
#content-left .wpcf7 p:before { content: ""; display: table; }
#content-left .wpcf7 p:after { clear: both; }
#content-left .wpcf7 p { *zoom: 1;  }
#content-left .wpcf7-form .label { float: left; width: 120px; }
#content-left .wpcf7-form .wpcf7-form-control-wrap { display: block ; float: left; width: 300px; }
#content-left .wpcf7 textarea,
#content-left .wpcf7 input[type="text"],
#content-left .wpcf7 input[type="email"] { border-radius: 0; -webkit-appearance: none; border: 1px solid #D5D5D5; padding: 7px 14px; background: #fff; }
#content-left .wpcf7 button,
#content-left .wpcf7 input[type="submit"] { border-radius: 0; -webkit-appearance: none; color: #fff; background: #e71867; border: none; border-radius: 2px; padding: 4px 14px; font-size: 14px; cursor: pointer; }
#content-left .wpcf7 input[type="submit"]:hover { background-color: #F35390; }
#content-left .wpcf7-not-valid-tip  { border-radius: 2px; border: 1px solid #EED3D7; background: #FCDCDC; color: #AA6060; line-height: 1.5; max-width: 203px; top: 14px; left: 21px; padding: 7px 14px; }
#content-left .wpcf7-validation-errors { border-radius: 2px; border: 1px solid #FBEED5; background: #FCF8E3; color: #C09853; line-height: 1.5; max-width: 238px; padding: 7px 14px; margin: 14px 0; }
#content-left .wpcf7-mail-sent-ok { border-radius: 2px; border: 1px solid #D6E9C6; background: #DFF0D8; line-height: 1.5; padding: 7px 14px; margin: 14px 0; }

img.alignleft { float: left; margin: 14px 14px 14px 0; }
img.alignright { float: right; margin: 14px 0 14px 14px; }
img.aligncenter { clear: both; display: block; margin: 14px auto; }
img.alignnone { clear: both; display: block; margin: 14px 0; }

#footer_cols .container {
  background-color: #000;
  display: table;
}

.footer_col {
  display: table-cell;
  padding: 1rem 0;
  width: 25%;
}

.footer_col,
.footer_col a {
  color: #fff;
  text-decoration: none;
}

.footer_col a:hover {
  text-decoration: underline;
}