*/*
Name: Neue
Version: 1.4
Author: Aether Themes
Author URI: http://www.aetherthemes.com
*/


/* =Table of Contents
--------------------------------------------------------------
	=Common Styles
	=Typography
	=Notifications
	=Anchors
	=Header
	=Hero
	=Overview
	=Static
	=Detail

	=Responsive
*/


/* Import fonts
----------------------------------------------- */

/* font-family: 'LTAuthenticStencilW01-R', sans-serif; */

/* font-family: 'Maven Pro', sans-serif; */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;opacity: 1;
}
:placeholder {color:#999;opacity: 1;}

@font-face {
  font-family: 'open_sansbold';
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('../fonts/opensans-bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/opensans-bold/OpenSans-Bold-webfont.woff') format('woff'),
  url('../fonts/opensans-bold/OpenSans-Bold-webfont.ttf') format('truetype'),
  url('../fonts/opensans-bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url('../fonts/opensans-semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/opensans-semibold/OpenSans-Semibold-webfont.woff') format('woff'),
  url('../fonts/opensans-semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),
  url('../fonts/opensans-semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('../fonts/opensans-regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/opensans-regular/OpenSans-Regular-webfont.woff') format('woff'),
  url('../fonts/opensans-regular/OpenSans-Regular-webfont.ttf') format('truetype'),
  url('../fonts/opensans-regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


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

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=f5d20d26-b04b-4014-ac94-9b6b40a92d53&fontids=722994");
@font-face{
font-family:"LTAuthenticStencilW01-R";
src:url("../fonts/722994/1c398726-3f5d-4923-beb8-e4712f7b6e43.eot?#iefix");
src:url("../fonts/722994/1c398726-3f5d-4923-beb8-e4712f7b6e43.eot?#iefix") format("eot"),url("../fonts/722994/71998cfd-0e20-4b62-8fe7-ff7089850b3b.woff2") format("woff2"),url("../fonts/722994/15c920f5-4234-437f-8253-9619b188037f.woff") format("woff"),url("../fonts/722994/bc112416-2319-4f64-8334-78ea12b79e8c.ttf") format("truetype"),url("../fonts/722994/cfba4beb-4a36-465c-bc17-a6f97bbeae59.svg#cfba4beb-4a36-465c-bc17-a6f97bbeae59") format("svg");
}

/* Responsive baseline
----------------------------------------------- */
body {
    color: black;
    font-family: open_sansregular, Tahoma, Trebuchet;
    font-size: 112.5%; /* 18/16 */
    line-height: 1.5;
 }

/* =Common Styles
-------------------------------------------------------------- */


body {
	background: #fff;
	color: #555;
	font-weight: 300;
	overflow-x: hidden;
}

.contentSection img {
    max-width: 100%;
    height: inherit;
}

.small-border {
	display: block;
	width: 300px;
	margin: 1.5em auto;
	height: 1px;
	background: #ececec;
}

::selection {
	background: #b2daeb;
	color: #fff;
}

::-moz-selection {
	background: #b2daeb;
	color: #fff;
}

.section-alt {
    background-color:#e7f5fb;
}
#keuringstool {
	background: #f7ebf1;
}
#monitor {
	background: #e5f6f4;
}
.alignRight {
	text-align: right;
}
.blueColor {
	color: #108a71;
}
.purpleColor {
	color: #8ca732;
}
.greenColor {
	color: #00a493;
}
table p{
	margin: 0;
}

/* =Typography
-------------------------------------------------------------- */

p {
	color: #555;
	margin: 0 0 20px;
	font-size: 14px;
}

.small {
    font-size:.7778em; /* 18/14 */
}

em {
	font-style: italic;
}

strong {
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5 {
    color:#000;
}

h1,
.alpha {
    font-family: open_sansbold, Tahoma, Trebuchet;
    font-size: 2em; /* 36/18 */
    font-weight: normal;
    line-height: 1.5em; /* 54/36 */
    margin-bottom: .75em; /* 27/36 */
}

h2.titleText,h1.titleText {
	font-size: 1.4444em; /* 26/18 */
	margin: auto;
	text-align: center;
	line-height: 100px;
}

h2.titleText span,h1.titleText span{
	font-size: 16px;
}

h2.titleText strong,h1.titleText strong {
	font-weight: 600;
}

h2,
h3,
.beta,
.gamma {
    font-family: open_sanssemibold, Tahoma, Trebuchet;
    font-weight: normal;
}

h2,
.beta {
    font-size: 1.4444em; /* 26/18 */
    margin-bottom: 1.03846em; /* 27/26 */
}

h3,
.gamma {
    font-size: 1em; /* 18/14 */
    margin-bottom: 1em; /* 18/21 */
}

h4,
.delta {
    font-size: .78888em;
    /* 14/18 */
    line-height: 1.9286em;
    /* 27/14 */
    margin-bottom: 1.9286em;
    /* 27/14 */ }

.sub-heading {
	margin-bottom: 40px;
}
.page p { font-size: 14px; }
hr { border: none; height: 1px; background: #049FD0; margin: 0; }



.searchreplacer { margin-top:116px; }
@media only screen and (max-width: 959px) {
	.searchreplacer { margin-top: 0px; }
}

.beschrijving {
	background: rgba(0, 0, 0, .3);
	padding: 10px 0px 10px 10px;
}

.zoekBlok input.submit {
	border: none;
	display: inline-block;
	outline: none;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-decoration: none;
	-webkit-appearance: none;
	font: 22px "Roboto";
	font-weight: 300;
	color: #3498d9;
	margin-left: 10px;
	padding-right: 40px;
	-moz-transition:color .2s;
	-o-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}

.zoekBlok input.text::-ms-clear {
    display: none;
}

.zoekblok input.submit:hover {

}

.zoekBlok input.submit:hover {
	color: #555;
	background-position: bottom right;
}

.zoekBlok button, .zoekBlok .button {
	background-color:#108a71 !important;
	box-shadow: 0 0.25em 0 #108a71 !important;
}

.zoekBlok button, .zoekBlok .button {
    background-color: #8ca732;
    border-radius: 0.25em;
    border-width: 0;
    box-shadow: 0 0.25em 0 #962E60;
    color: #FFFFFF;
    display: inline-block;
    font-family: open_sanssemibold,Tahoma,Trebuchet;
    font-size: 1em;
    line-height: 1em;
    padding: 0.70em 1.25em 0.5em;
    position: relative;
    text-decoration: none;
    top: 0;
    transition: all 100ms ease-out 0s;
    vertical-align: top;
    float: left;
}

.nieuwsbriefBlok input{
	display: inline-block;
	outline: none;
	-webkit-appearance: none;
	width: 320px;
	padding: 10px 0px 10px 10px;
	margin-right: 10px;
	background: white;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #555555;
	font-size: 1em;
	margin-bottom: 20px;
}
.nieuwsbriefBlok .button {
	background-color: #8ca732;
    border-radius: 0.25em;
    border-width: 0;
    box-shadow: 0 0.25em 0 #962E60;
    color: #FFFFFF;
    display: inline-block;
    font-family: open_sanssemibold,Tahoma,Trebuchet;
    font-size: 1em;
    padding: 0.50em 1.25em 0.5em;
    position: relative;
    text-decoration: none;
    top: 0;
    height: 42px;
    width: 120px;
    transition: all 100ms ease-out 0s;
    vertical-align: top;
}
/* =Notifications
-------------------------------------------------------------- */

.notification.columns {
	display: none;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 18px;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.notification p {
	float: left;
	padding: 0;
	margin: 0;
}

.notification.success {
	border: 1px solid #b3dc82;
}

.notification.success p {
	color: #5f9025;
}

.notification.error {
	border: 1px solid #fbc4c4;
}

.notification.error p {
	color: #de5959;
}

.notification .close {
	float: right;
	text-indent: -999em;
	width: 9px;
	height: 9px;
	margin-top: 10px;
}

.notification.success .close {
	background: url(../images/icons/close-success.png) no-repeat;
}

.notification.error .close {
	background: url(../images/icons/close-error.png) no-repeat;
}

/* =Anchors
-------------------------------------------------------------- */

a {
	color: #108a71;
	cursor: pointer;
	-moz-transition:color .2s;
	-o-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}

a:focus,
a:hover {
    text-decoration:none;
}

#doorlinkBlok {
	margin-top: 120px;
}

/* =Button
-------------------------------------------------------------- */

button,
.button,
.gform_button {
    background-color: #179fd4;
    box-shadow: 0 0.25em 0 #106b8f;
    border-radius: 3px;
    border-width: 0;
    color: white;
    display: inline-block;
    font-family: open_sanssemibold, Tahoma, Trebuchet;
    font-size:1em;
    padding: .50em 1.25em .5em;
    position: relative;
    text-decoration: none;
    top: 0;
    transition: all 100ms ease-out;
    vertical-align: top; }
button:link, button:focus, button:hover, button:active, button:visited,
.button:link,
.button:focus,
.button:hover,
.button:active,
.button:visited {
    color: white;
    text-decoration: none; }
button:focus,
.button:focus {
    outline: none; }
button:focus, button:hover,
.button:focus,
.button:hover {
    background-color: #108a71;
    box-shadow: 0 0.25em 0 #026690; }
button:active,
.button:active, button:focus, .button:focus{
    background-color: #179fd4;
    box-shadow: none;
    top: .25em; }
button[disabled], button.button-disabled,
.button[disabled],
.button.button-disabled {
    background-color: #8bcfe9;
    box-shadow: 0 0.25em 0 #4bb4dd;
    cursor: default;
    pointer-events: none; }


/* button for ongehinderd voor x */

.ovb 							{ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; display:inline-block; padding:10px; }
.ovb.ovb_gebruikers 			{ background-color:#9c2d69; }
.ovb.ovb_gemeenten 				{ background-color:#169786; }
.ovb.ovb_ondernemers 			{ background-color:#1f91c2; }
.ovb.ovb_vrijwilligers 			{ background-color:#9c2d69; }
.ovb .ovb_txt 					{ display:inline-block; vertical-align:middle; color:#fff; text-decoration:none; }
.ovb .ovb_icon 					{ display:inline-block; vertical-align:middle; margin-left:0px; }
.ovb .ovb_arrow 				{ display:inline-block; vertical-align:middle; margin-left: 11px; margin-right: 5px; 
    -moz-transition: all 0.3s;  /* FF4+ */
    -o-transition: all 0.3s;  /* Opera 10.5+ */
    -webkit-transition: all 0.3s;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s;  /* IE10 */
    transition: all 0.3s;  
} 

.ovb:hover .ovb_arrow 			{ margin-left:16px; margin-right:0px; }

.ovb .ovb_text_2				{ font-size:25px; line-height:25px; display:block; text-align:left; letter-spacing:0.5px; }
.ovb .ovb_text_1 				{ font-size:17px; line-height:20px; display:block; text-align:left; }

/* =Header
-------------------------------------------------------------- */

	html {
	  font-family: sans-serif;
	  /* 1 */
	  -ms-text-size-adjust: 100%;
	  /* 2 */
	  -webkit-text-size-adjust: 100%;
	  /* 2 */ }

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .9);
	min-height: 116px;
	line-height: 116px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 960px) {
	header {
		min-height: 16px;
		line-height: 16px;
	}
	#logo a { display:block; }
	#logo a img {

	    width: 150px;
	    position: absolute;
	    top: -34px;
	    z-index: 999;
	    right: 0;
	}
}

html.ie header { border-bottom: 1px solid #aeaeea; }

nav ul { float: right; }

nav ul li {
	float: left;
	margin-right: 20px;
}

nav ul li:last-of-type { margin-right: 0px; }
nav ul li a { font-family: 'Maven Pro', sans-serif; font-weight:500; color: #7b6f72; text-decoration:none; padding:.50em .50em; }
nav ul li a:hover, nav ul li.current-menu-item a, .active { color: #108a71; }
nav ul li a.aanmelden { }
nav ul li a.aanmelden-mobile {display:none; }
nav ul li .sub-menu li:first-child a { border-top:0px !important; }
nav ul li .sub-menu { background:url('../images/menu-arrow.png') no-repeat left 20px top; padding-top:20px; display:none; border-bottom:5px solid #0b6553; position:absolute; top:88px; color:#ffffff; }
nav ul li .sub-menu li { float:none; margin:0; padding:0; }
nav ul li .sub-menu li a { color:#fff; min-width:320px; border-top:1px solid #0b6553; border-bottom:1px solid #0b6553; display:block; background-color:#108a71; margin:0; padding:0; line-height:normal; padding:15px; }
nav ul li.a11y-display .sub-menu,
nav ul li:hover .sub-menu { display:block; }

nav ul li:hover .sub-menu a {  }
nav ul li:hover .sub-menu a:hover { background-color:#0b6553; }
nav ul li .sub-menu a:focus,nav ul li .sub-menu .current-menu-item a { background-color:#0b6553; border: none;text-decoration:underline;}
nav ul li .sub-menu .current-menu-item a:focus {background-color:#333;text-decoration:none;}
#mobile-nav {
	display: none;
	width: 100%;
	background: rgba(255, 255, 255, .9);
	position: absolute;
	z-index: 999;
	top: 0;
}

#mobile-nav .navigationButton img { margin: 15px 0px; }
#mobile-nav .navigationButton img:hover { cursor: pointer; }

#mobile-nav .navigationContent a { font-size:14px; display: block; color: #000; padding: 11px 0px;  border-bottom: 1px solid #bebebe; }
#mobile-nav .navigationContent li:last-child a { border-bottom: 1px solid transparent; }
#mobile-nav .navigationContent a:hover { color: #8ca732; }

#mobile-nav .navigationContent .sub-menu { font-size:13px; margin-left:24px; }
#mobile-nav .navigationContent .sub-menu a { cursor:pointer; }
#mobile-nav .navigationContent .sub-menu a:hover { color:#8ca732 !important; text-decoration:none; }
#mobile-nav .menu-item-has-children a { cursor:default; }
#mobile-nav .menu-item-has-children a:hover { color:#fff !important; text-decoration:underline; }

#navigation .menu-item-has-children .sub-menu a { cursor:pointer; }
#navigation .menu-item-has-children a { cursor:default; }
#navigation .menu-item-has-children a:hover { color:#7b6f72; }
#navigation .menu-item-has-children .sub-menu a:hover { color:#fff; }

nav ul li a:focus + .sub-menu { display:block; }

/* =Hero
-------------------------------------------------------------- */

.hero {

	min-height: 430px;
	color: #FFF;
}
.hero p {
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	font-size: 14px;
}
.hero h1 {
	color: #FFF;
	font-size: 32px;
	padding-top: 40px;
	text-shadow: 1px 1px 1px #000;
}
.action {
	background: #fff;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,1) 45%);
	background: -moz-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,1) 45%);
	background: linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,1) 45%);
	margin-top: 220px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	border-bottom: 1px solid #ececec;
}

.action li {
	display: inline-block;
	margin-right: 50px;
}

.action li:last-of-type {
	margin-right: 0px;
}

.fullscreen-cont,
.fullscreen-img {
    display:block;
    position:relative;
    min-width:100%;
    min-height:100%;
}

/* NEW HOME PAGE */

#gemeente ul { list-style: initial; list-style-position: inside; }
#quickscan ul { list-style: initial; list-style-position: inside; }
#vrijwilliger ul { list-style: initial; list-style-position: inside; }

.banner { position: relative;  }
.banner { display:block; }
.banner li { list-style: none; }
.banner ul li { float: left; height:auto !important; padding-bottom:75px; background-size:cover !important; }
.banner .bannercontent { max-width:470px; padding:10px; margin-top:80px; background:rgba(355,355,355,0.7); min-height:290px; }
.banner .bannercontent h1 { margin-bottom:15px; font-family: 'LTAuthenticStencilW01-R', sans-serif; text-transform:uppercase; color:#108a71 !important; font-size:44px; line-height:48px; }
.banner .bannercontent p { font-family: 'Maven Pro', sans-serif; font-size:26px; line-height:30px; }
.banner .slick-dots { text-align:center; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 9;}
.banner .slick-dots li { float:none !important; padding-bottom:0px !important; display: inline-block; width: 16px; height: 16px !important; margin: 0 4px; text-indent: -999em; background:#fff; border: 2px solid #fff; border-radius: 8px; cursor: pointer; }
.banner .slick-dots li.slick-active { background: #8ca732; opacity: 1; border:2px solid #8ca732; }
.banner .slick-dots li button { display:none; }
.banner .slick-arrow { display:none !important; }

/* Added by Geev */
.banner {width:100%;}
.banner-wrap {width:100%;height:100%;display:block; position: relative;}
.banner .banner-wrap .bannercontent {margin-top:0px;}
.banner .banner-wrap .banner-link {height: 100%; width: 100%; z-index: 8;background-repeat:no-repeat;background-size:cover; background-position:80% 50%;padding:80px 0;display:block;text-decoration:none;}
.banner .banner-wrap .banner-link:focus { -webkit-filter: grayscale(100%);filter: grayscale(100%);border:0px;outline:0;}
.banner .banner-wrap .banner-link:focus h1 {text-decoration:underline;}

/* End added by Geev */


#voorwie { margin:0; padding:0; }
#voorwie .static { padding:0; }
#voorwie .arrow { display:inline-block; vertical-align:top; position:relative; height:121px;color:#fff; font-size:26px; line-height:30px; max-width:301px; padding: 28px 101px 0 0;background:url(../images/voorwiearrow.png) no-repeat center right #108a71;}
#voorwie .arrowfill { position:absolute; top:0px; left:-2000px; width:2000px; height:121px; background-color:#108a71; }
#voorwie .arrow img { position:absolute; top:0px; right:-101px; }
#voorwie ul { display:inline-block; vertical-align:top; }
#voorwie li { display:inline-block; font-weight:bold; font-size:14px; text-align:center; padding: 17px 10px; min-width: 125px; }
#voorwie li img { display:block; margin:0 auto; padding:3px; max-height:66px; width:auto; }

#overongehinderd { background:#f7ebf1; }
#overongehinderd .static { padding:60px 0; }
#overongehinderd h2 { font-family: 'Maven Pro', sans-serif; color:#8ca732; text-align:center; max-width:700px; margin:0px auto 30px; }
#overongehinderd p { font-size:16px; line-height:30px; font-family: 'Maven Pro', sans-serif; color:#000; text-align:center; max-width:800px; margin:10px auto; font-weight:400; }

.fullbg { background-size:cover; background-position:center; }
.fullbg .static { padding:0; }
.fullbg .header { background:rgba(0,0,0,0.7); max-width:50%; }
.fullbg .header.headerright { float:right; }
.fullbg .header h1 { margin:0; padding:80px 50px 100px; text-transform:uppercase; font-size:42px; line-height:42px; }
.fullbg .header h1.bigsize { font-size:57px; line-height:57px; }
.fullbg .header h1.extrabigsize { font-size:72px; line-height:72px; }

#download .container .column, #download .container .columns { margin-left:0px; margin-right:0px; }
#download { font-family: 'Maven Pro', sans-serif; }
#download p { font-size:16px; }
#download h2 { color:#9c2d69; font-family: 'Maven Pro', sans-serif; font-size:28px; margin-bottom:0.5em; }
#download .eight.columns { display:inline-block; vertical-align:bottom; }

.no-crop { max-width:inherit !important; }

#download.for_block { text-align:left; }
.for_block { max-width:800px; text-align:center; margin:0 auto; font-family: 'Maven Pro', sans-serif; }
.for_block p { font-size:16px; line-height:28px; }
.for_block h2 { color:#9c2d69; font-family: 'Maven Pro', sans-serif; font-weight:500; }

#header_app h1, #header_wvdt h1, #tweede_banner h1 { color:#fff; font-family: 'LTAuthenticStencilW01-R', sans-serif; }

.for_button { display:block; margin: 40px 0 60px; }

#steden { border-top: 1px solid #ececec; font-family: 'Maven Pro', sans-serif; }
#steden h2 { font-family: 'Maven Pro', sans-serif; font-weight:500; margin-bottom:50px; max-width:100%; }
#steden .overview { text-align:center; }
#steden .content-box { display:inline-block; vertical-align:top; float:none; text-align:left; }
#steden .content-box img { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

/* END NEW HOMEPAGE */


/* UPDATE DREMPELVRIJ WIJZIGINGEN */
#sitemap { font-size:14px; }
#sitemap h3 { font-size:18px; }

a:focus { border:1px solid #8ca732; }

#logo a:focus { border:none; }
#logo a:focus img { border:1px solid #8ca732; padding:6px; margin:-6px; }

#voorwie li a:focus { border:none; }
#voorwie li a:focus img { border:1px solid #8ca732; }

.partnerBig a:focus { border:none; }
.partnerBig a:focus img { border:1px solid #8ca732; padding:3px; }

#download a:focus { border:none; }
#download a:focus img {	border:1px solid #8ca732; padding: 5px; }


.for_button{
	display: inline-block;
	margin: 0;
}

#gemeente .for_button, #quickscan .for_button{
	display: inline-block;
	margin: 30px;
}
.for_button:focus img{ border: none !important; }
.for_button:focus{ border:1px solid #8ca732 !important; padding:6px; margin:-6px; }

.skip-link {
    position: absolute;
    top:-100px;
 
    /* Styled to match the default WordPress screen reader text */
    background-color: #f1f1f1;
    -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    color: #21759b;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left:6px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
 
    -webkit-transition: top .75s ease-out;
    transition: top .75s ease-out;
}
 
.skip-link:focus {
    color: #21759b;
    top: 7px;
 
    -webkit-transition: top 0s;
    transition: top 0s;
}

/* DOELGROEP PAGE */

.single-doelgroep { padding-top:0px; font-family: 'Maven Pro', sans-serif; } 
.single-doelgroep h2, h3, .beta, .gamma { font-family: 'Maven Pro', sans-serif; } 
.page-template-page-wvdt { padding-top:0px; font-family: 'Maven Pro', sans-serif; }

.single-doelgroep .fullbg .header h1 { padding: 80px 50px 140px; }
#header_app, #tweede_banner, #header_wvdt {}
#headerdelen .static.container { padding-top:0px; margin-bottom:50px; padding-bottom:0px; }
#headerdelen .headerarrow {margin-top:-75px; display:inline-block;background:url(../images/headerimgleft.png) no-repeat center left;padding-left:38px;}
#headerdelen .deel1 { max-width:290px; background-color:#108a71; color:#fff; display:inline-block; float:left; height:148px; font-size: 26px; padding: 40px 10px 40px 30px; line-height: 33px;position:relative;margin-right:82px;}
#headerdelen .deel1:after {content:' ';display:inline-block;width:82px;height:148px;background:url(../images/headerimgright.png) no-repeat center right;position:absolute;top:0;right:-82px;}
#headerdelen img { display:inline-block; float:left; }
#headerdelen .deel2 { margin-left:-20px; font-size:24px; font-weight:500; color:#282828; display:inline-block; vertical-align: bottom; }

#introduction { background-color:#8ca732; color:#fff; text-align:center; }
#introduction .static.container { padding:40px 0;  max-width:800px; }
#introduction h2 { color:#fff; text-align:center; font-weight:700; }
#introduction p { color:#fff; font-weight:700; font-size:20px; }

#voordelen {}
#voordelen .static.container { padding:60px 0; }
#voordelen h2 { text-align:center; font-weight:700; color:#000; }
#voordelen .voordeel { padding: 25px 0; }
#voordelen .voordeel img { max-width:365px; height:auto; width:35%; }
#voordelen .voordeel h3 { font-weight:700; color:#8ca732; font-size:22px; max-width:400px; line-height:25px; }
#voordelen .voordeel p { color:#000; line-height:24px; font-size:15px; }
#voordelen .voordeel .voordeel_content { float:left; display:inline-block; width:65%; }
#voordelen .voordeel.left .voordeel_content { padding:0 0 0 35px; }
#voordelen .voordeel.right .voordeel_content { padding:0 35px 0 0; }
#voordelen .voordeel.left img { float:left; }
#voordelen .voordeel.right img { float:right; }

#statistics { text-align:center; background:url('../images/statistics_background.jpg'); background-size:cover; background-position:center; }
#statistics .static.container { padding:70px 0 60px; }
#statistics .statistic { color:#fff; display:inline-block; width:100%; max-width:200px; margin:17px; vertical-align:bottom; }
#statistics .statistic .image { text-align:center; }
#statistics .statistic .number { text-align:center; font-weight:700; font-size:50px; min-height:75px; margin: 3px 0; }
#statistics .statistic .tekst { text-align:center; min-height:80px; }

#steden .overview { padding-top:60px; }

#ongehinderdcheck { padding:50px 0; color:#fff; text-align:center; background:#fff; border-top:1px solid #108a71; }
#ongehinderdcheck .static.container { padding-top:0px; }
#ongehinderdcheck h2 { color:#108a71; font-weight:700; margin-bottom:10px; }
#ongehinderdcheck p { color:#108a71; }
#ongehinderdcheck form input[type=text],
#ongehinderdcheck form input[type=email] { border:1px solid #666; }

#ongehinderdcheck form input[type=text]:hover,#ongehinderdcheck form input[type=text]:focus,
#ongehinderdcheck form input[type=email]:hover,#ongehinderdcheck form input[type=email]:focus { border:1px solid #111;background:#eee;color:#111;}


#ongehinderdcheck .ninja-forms-all-fields-wrap,
#ongehinderdcheck #mc_embed_signup { padding-top:12px; max-width:800px; margin:0 auto; }
#ongehinderdcheck .ninja-forms-required-items { display:none; }
#ongehinderdcheck .ninja-forms-req-symbol { display:none; }
#ongehinderdcheck .field-wrap, #ongehinderdcheck .submit-wrap { max-width:290px; display:inline-block; width:100%; padding:4px; }
/* #ongehinderdcheck .submit-wrap { display:block; margin:0 auto; } */
#ongehinderdcheck .ninja-forms-field { padding:14px; font-family: 'Maven Pro', sans-serif; width: 100%; }
#ongehinderdcheck .text-wrap .ninja-forms-field,
#ongehinderdcheck .field-wrap input { 
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
}
#ongehinderdcheck .ninja-forms-field-error { font-size:14px; color:#fff; }
#ongehinderdcheck .submit-wrap .ninja-forms-field { border: 0px; padding: 14px 70px 18px; color: #fff; font-size: 16px; font-weight: 700; 
  -moz-box-shadow:    inset 0 -3px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.25);
  box-shadow:         inset 0 -3px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

/* Dienst pagina */
.single-dienst { font-family: 'Maven Pro'; }
.single-dienst p { font-size:16px; }
.single-dienst #ongehinderdcheck { border-top:0px !important; }
.single-dienst #ongehinderdcheck h2 { color:#222 !important; }
.single-dienst #ongehinderdcheck p { color:#222 !important; }
.single-dienst .leftside { width:58%; margin-right:9%; display:inline-block; float:left; }
.single-dienst .rightside { width:33%; display:inline-block; float:left; }
.single-dienst img { max-width: 100%; }

.single-dienst .pink-block { border: 1px solid #8ca732; margin: 20px -20px; padding: 20px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.single-dienst .pink-block h4 { font-weight:bold; font-size:18px; }
.single-dienst h4 { font-size:19px; line-height:26px; margin-bottom:10px; color:#555555; font-weight:bold; }

.single-dienst .pink-block ul { font-size: 16px; }
.single-dienst .pink-block li { padding-left: 1em; text-indent: -.7em; }
.single-dienst .pink-block li:before { content: "› "; color: #8ca732; }
.single-dienst .pink-block ul li ul li:before { content: "› "; color: #8ca732; }

.single-dienst .contactpersoon { border-bottom:1px solid #8ca732; padding-bottom:15px; }
.single-dienst .contactpersoon p { font-size:15px; line-height:22px; }
.single-dienst .contactpersoon h3 { margin-top: 0px !important; margin-bottom: 10px !important; line-height:26px; }
.single-dienst .contactpersoon .afterimage { display:inline-block; width:50%; }
.single-dienst .rightside h3 { color:#108a71; font-size:26px; margin-top:15px; margin-bottom:20px; }
.single-dienst .rightside .foto { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; float:left; display:inline-block; width:43%; margin-right:7%; }

.single-dienst .prijzen { font-size: 16px; }
.single-dienst .prijzen .titel { width:50%; display:inline-block; float:left;  }
.single-dienst .prijzen .prijs { width:50%; display:inline-block; float:left;  }

.dienstenklein .dienstklein:first-child { border-bottom:3px dotted #efccdf; margin-bottom:20px; }
.dienstenklein .dienstklein:last-child { border-bottom:1px solid #8ca732; margin-bottom:20px; }
.dienstenklein .dienstklein .dienstblokje { background-color:#8ca732; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.dienstenklein .dienstklein .dienstblokje img { width:100% !important; display:block; border:3px solid #8ca732; -webkit-border-radius: 14px 14px 0 0; -moz-border-radius: 14px 14px 0 0; border-radius: 14px 14px 0 0; }
.dienstenklein .dienstklein .dienstblokje h3 { color:#fff !important; padding: 10px 20px; font-size: 18px; font-weight: bold; line-height: 22px; margin:0; }
.dienstenklein .dienstklein p { text-align:justify; margin-top:15px; }

.single-dienst .artikeltje h4 { font-size:21px; line-height:26px; margin-bottom:15px; }
.single-dienst .artikeltje .thedate { margin-bottom:0px; font-style:italic; }
.single-dienst .rightside p { text-align:justify; }

.single-dienst .downloads { text-align:left; margin-top:40px; }
.single-dienst .downloads a { color:#8ca732; text-decoration:none; }

.single-dienst #ongehinderdcheck .ninja-forms-field-error { color:#8ca732; }

#ongehinderdcheck .text-center p { text-align:center; margin-top:20px; margin-bottom:20px; font-size:14px; }
#ongehinderdcheck .field-wrap { margin-bottom:5px; width:48%; padding:1%; }
#ongehinderdcheck label { font-size: 14px; line-height: 14px; font-weight: normal; }
#ongehinderdcheck input[type=submit] { background-color:#9b236a; }
#ongehinderdcheck input[type=submit]:hover,#ongehinderdcheck input[type=submit]:focus {background-color:#333;}
#ongehinderdcheck input[type=submit]:focus {text-decoration:underline;}
#ongehinderdcheck .static.container { width:100%; }

@media only screen and (max-width: 959px) and (min-width: 768px) {
	.container {
	    width: 600px;
    }
    .single-dienst .rightside .foto { width:100% !important; max-width:150px !important; }
    .single-dienst .contactpersoon .afterimage { width:100%; }
    .single-dienst .contactpersoon .afterimage h3 { margin-top:15px !important; }
	#ongehinderdcheck .field-wrap { max-width:100% !important; margin-bottom:5px; width:100% !important; padding:0 !important; }
}
@media screen and (max-width: 768px) {
	.container {
	    width: 86%;
	    margin:0 auto !important;
	    max-width: 550px;

    }
    .downloads { text-align:center !important; }
    .single-dienst .dienstklein { max-width: 300px; margin: 0 auto; }
    .single-dienst .artikeltje { max-width: 300px; margin: 0 auto; }
    .single-dienst .contactpersoon { max-width: 300px; margin: 0 auto; }
    .single-dienst .contactpersoon .foto { margin:0 auto !important; float:none; display:block; }
    .single-dienst .contactpersoon .afterimage h3 { margin-top:15px !important; }
    .single-dienst .contactpersoon .afterimage p { width:100% !important; text-align:center; }
    .single-dienst .contactpersoon .afterimage { width:100% !important; text-align:center; }
	#ongehinderdcheck .field-wrap { margin-bottom:5px; width:100% !important; padding:0 !important; }
    .single-dienst .rightside,
    .single-dienst .leftside { width:100%; margin:0 !important; float:none !important; display:block !important; }
    .single-dienst .rightside h3 { text-align:center !important; }
    .single-dienst .rightside .foto { width:100% !important; max-width:150px !important; }

}

/* END DOELGROEP PAGE */

/* WEEK VAN DE TOEGANKELIJKHEID */

#introWVDT {
	background-color: white;
	padding-bottom: 70px;
}

#introWVDT p {
	font-size: 16px;
}

#introWVDT img, #gemeenteOngehinderd img {
	width: 200px;
	height: auto;
}

#downloadPlatform {
	padding-bottom: 70px;
	background-color: white;
}

#linkerVlak {
	float: left; 
	width: 60%;
}

#linkerVlak p {
	font-size: 16px;
}

#linkerVlak h2 {
	color: #009ed2;
}

#rechterVlak {
	float: left; 
	width: 30%; 
	margin-left: 10%;
	text-align: center;
}

#rechterVlak h3 {
	color: #af3773;
	font-weight: bold;
	font-size: 24px;
}

#rechterVlak img {
	margin-bottom: 4px;
}

#rechterVlak p {
	margin: 0 auto;
	max-width: 300px;
}

#maakAfspraak p {
	font-size: 16px;
}

#maakAfspraak { padding:50px 0; color:#fff; text-align:center; }
#maakAfspraak .static.container { padding-top:0px; }
#maakAfspraak h2 { color:#fff; font-weight:700; margin-bottom:10px; }
#maakAfspraak p { color:#fff; }
#maakAfspraak .ninja-forms-all-fields-wrap,
#maakAfspraak #mc_embed_signup { padding-top:12px; max-width: 800px; margin:0 auto; }
#maakAfspraak .ninja-forms-required-items { display:none; }
#maakAfspraak .ninja-forms-req-symbol { display:none; }
#maakAfspraak .field-wrap, #maakAfspraak .submit-wrap { margin-bottom: 0; max-width:290px; display:inline-block; width:100%; padding:4px; }
/* #maakAfspraak .submit-wrap { display:block; margin:0 auto; } */
#maakAfspraak .ninja-forms-field { padding:14px; font-family: 'Maven Pro', sans-serif; width: 100%; color: gray;  }
#maakAfspraak .text-wrap .ninja-forms-field,
#maakAfspraak .field-wrap input { 
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
    -webkit-appearance: none;
}

#maakAfspraak .ninja-forms-required-items{
	display:none;
}

input#ninja_forms_field_37.ninja-forms-field {
	border-radius: 0px;
}

#ninja_forms_form_14_response_msg p {
	font-weight: bold;
	color: rgb(156, 45, 105);
}

#ninja_forms_field_34_error, #ninja_forms_field_35_error, #ninja_forms_field_36_error {
	display: none !important;
}

#maakAfspraak .ninja-forms-field-error { font-size:14px; color:#fff; }
#maakAfspraak .submit-wrap .ninja-forms-field { border: 0px; padding: 14px 70px 18px; color: #fff; font-size: 16px; font-weight: 700; 
  -moz-box-shadow:    inset 0 -3px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.25);
  box-shadow:         inset 0 -3px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}


/*#introLink {
	background-color: #009ed2;
	padding: 15px 60px 15px 20px;
	color: white;
	border-radius: 10px;
	text-decoration: none;
}*/

#gemeenteOngehinderd { background-color:#8ca732; color:#fff; text-align:center; }
#gemeenteOngehinderd .static.container { padding:40px 0;  max-width:800px; }
#gemeenteOngehinderd h2 { color:#fff; text-align:center; font-weight:700; }
#gemeenteOngehinderd p { color:#fff; font-weight:700; font-size:20px; }

/* END WEEK VAN DE TOEGANKELIJKHEID */

/* content styles */
.fullscreen-img {
    display:block;
    position:relative;
    z-index:1;
    background:transparent url('../images/happy-couple.jpg') center center no-repeat;
    background-size:cover;
    /* background position when .fullscreen-img overflows */
    background-position:50% 50%;
    min-height: 380px;
}

/* =Overview
-------------------------------------------------------------- */

.overview { text-align: left; padding-top: 30px; padding-bottom: 10px; }
.overview h2 { text-align: center; }
.content-box img { margin-bottom: 20px; width: 100%; }

/* =Attribution
-------------------------------------------------------------- */
.attribution {
	color: #000;
	padding: 0px 10px 0px 10px;
    font-size: 50%;
	line-height: 2;
	display: inline-block;
}

#attribution a {
	color: #000;
	cursor: pointer;
	-moz-transition:color .2s;
	-o-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}

#attribution a:focus,
#attribution a:hover {
    text-decoration:none;
}

/* =Static
-------------------------------------------------------------- */

.static {
	position: relative;
	/*overflow: hidden;*/
	padding-top: 70px;
	/*height: 455px;*/
	/*border-bottom: 1px solid #ececec;*/
}

.sidephone-big, .sidephone-small {
    max-width: 490px;
    width: 100%;
    margin-top:60px;
}

.static-list li {
	float: left;
	margin-right: 15px;
}

.static-list li:last-of-type { margin-right: 0px; }

.static-phone {
	position: absolute;
	bottom: -293px;
	right: 230px;
}

.static-tablet {
	position: absolute;
	bottom: 0;
	right: 0;
}

#download .eight.columns, #monitor .eight.columns {
	float: right;
}

#download .eight.columns.left {
	float:left;
}

/* =Detail
-------------------------------------------------------------- */

.detail {
	text-align: center;
	padding-top: 40px;
	position: relative;
	min-height: 623px;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
}

.detail-alt {
    min-height:0;
}

html.ie .loupe { display: none; }

#zoeken .button {
	background: #8ca732;
	box-shadow: 0 4px #962e60;
	font-size: 14px;
	padding: 10px 30px;
	text-shadow: none;
	font-weight: 700;
}

#zoeken .button:hover {
	background: #962e60;
	box-shadow: 0 4px #962e60;
}

/* =Gallery
-------------------------------------------------------------- */

.gallery {
	text-align: center;
	padding-top: 40px;
	position: relative;
}

.bx-wrapper {
	background: url(../images/gallery/hardware.jpg) no-repeat top center;
	padding-top: 85px;
	border-bottom: 1px solid #ececec;
}

#gallery-pager {
	padding-top: 20px;
	padding-bottom: 20px;
}

.bx-pager-item { display: inline-block; }
.bx-pager-link {
	display: inline-block;
	text-indent: -999em;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background: url(../images/gallery/pager.png) no-repeat top center;
}

.bx-pager-link.active { background: url(../images/gallery/pager-active.png) no-repeat top center; }
.bx-pager-link:hover { background-position: bottom; }

.bx-next, .bx-prev {
	position: absolute;
	display: block;
	text-indent: -999em;
	top: 55%;
	width: 30px;
	height: 73px;
}

.bx-next {
	right: 0;
	margin-right: -80px;
	background: url(../images/gallery/next.png) no-repeat top right;
}

.bx-prev {
	left: 0;
	margin-left: -80px;
	background: url(../images/gallery/prev.png) no-repeat top right;
}

.bx-prev:hover, .bx-next:hover { background-position: bottom; }


#over-ons .static {
	/* height: 495px; */
}

#img-over-ons {
	bottom:30px;
}

/* =Logos
-------------------------------------------------------------- */
#aanmelden {
	background: url('../images/img-form.jpg') no-repeat center center;
	background-size: cover;
	padding: 31px 0;
}

#aanmelden a {
	color: #fff;
}

#aanmelden p {
	color: #fff;
	line-height: 20px;
	margin: 0 0 40px 0;
}

#aanmelden #mc_embed_signup form {
	padding: 40px;
}

#aanmelden #mc_embed_signup {
	background: rgba(4,159,208,0.9);
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}

#aanmelden #mc_embed_signup h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	margin: 0 0 5px 0;
}

#aanmelden #mc_embed_signup h3 {
	color: #fff;
	font-style: italic;
	font-size: 16px;
	font-weight: normal;
	font-family: 'open_sansregular', Tahoma;
	margin: 0 0 20px 0;
}

#aanmelden #mc_embed_signup .mc-field-group {
	width: 100%;
	min-height: 0;
	padding: 0;
	margin: 0 0 5px 0;
}

#aanmelden #mc_embed_signup .mc-field-group input {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	border: 0;
	background: rgba(255,255,255,0.9);
	font-size: 14px;
}

#aanmelden #mc_embed_signup .mc-field-group ::-webkit-input-placeholder {
   color: #179fd4;
}

#aanmelden #mc_embed_signup .mc-field-group :-moz-placeholder { /* Firefox 18- */
   color: #179fd4;
}

#aanmelden #mc_embed_signup .mc-field-group ::-moz-placeholder {  /* Firefox 19+ */
   color: #179fd4;
}

#aanmelden #mc_embed_signup .mc-field-group :-ms-input-placeholder {  
   color: #179fd4; 
}

#aanmelden #mc_embed_signup .clear-form {
	clear: both;
}

#aanmelden #mc_embed_signup .button {
	background: #8ca732;
	box-shadow: 0 4px #962e60;
	margin: 20px 0 0 0;
	font-size: 14px;
	text-align: center;
	width: 260px;
}

#aanmelden #mc_embed_signup .button:hover {
	background: #962e60;
}



#nomineer {
	background: #00a493;
}
#nomineer .static {
	border:none;
	padding: 50px 0;
	height: auto;
}
.nomineerSmall {
	height: 500px !important;
}
#nomineer h2 {
	color: #fff;
}
#nomineer p {
	color: #fff;
	font-size: 14px;
}
.addthis_sharing_toolbox {
	text-align: center;
	padding-top: 55%;
	margin-top: -40px;
}
#nomineer #projectButton {
	width: 60%;
	cursor: pointer;
	margin-top: 20px;
	font-size: 14px;
}
#nominatieThanks {
	background: #c0e9e4 url(../images/arrow.png) no-repeat bottom 20px center;
	width: 94%;
	padding: 3%;
}
#nominatieThanksLeft, #nominatieThanksRight {
	float: left;
	width: 48%;
	padding: 0 1%;
}
.nomineerForm label {
	display: block;
}
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 14px;
  height           : 14px;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(0,164,147);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : 'âœ“';
  display     : block;
  width       : 13px;
  color       : rgb(0,164,147);
  font-size   : 0.875em;
  line-height : 14px;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 8px;
  height           : 8px;
  margin           : 3px;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(0,164,147);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#nominatieThanks p {
	color: #3b3b3b;
	font-size: 14px;
}
#nomineer p.error-mail {font-weight: bold; color: #000;}
/* FORM */
.nomineerForm { color: #fff; font-size: 14px; }
.nomineerForm p { margin: 0; }
.nomineerForm .liMargin { margin-bottom: 10px; }
.nomineerForm .formAnders { display: none; }
.nomineerForm .formAndersShow { display: block; }
form.nomineerForm input[type="text"], form.nomineerForm input[type="email"], form.nomineerForm textarea { border: none; margin-bottom: 5px; background: rgba(255,255,255,.9); padding: 6px 0px 6px 10px; width: 100%; font-size: 14px; color: #008174; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
form.nomineerForm input[type="radio"] { color: red; }
form.nomineerForm input[type="submit"] { margin-top: 20px; width: 60%; padding: 6px 0 6px 10px; }
form.nomineerForm ::-webkit-input-placeholder { color: #008174; }
form.nomineerForm :-moz-placeholder { /* Firefox 18- */ color: #008174; }
form.nomineerForm ::-moz-placeholder {  /* Firefox 19+ */ color: #008174; }
form.nomineerForm :-ms-input-placeholder { color: #008174; }

/* =Logos
-------------------------------------------------------------- */
#logos {
	background: #f8f9f3;
	padding: 65px 0;
	text-align: center;
}
#logos h2 {
	color: #8ca732;
}
#logos ul li {
	display: inline-block;
	vertical-align:middle;
}
#logos ul li.partnerBig {
	width: 30%;
	margin: 25px 0 0 0;
}
#logos ul li.partnerSmall {
	width: 15%;
}
#logos ul li img {
	max-width: 100%;
	margin: 0 0 20px 0;
}
#logos p {
	font-size: 14px;
}

/* =Subscribe
-------------------------------------------------------------- */

.subscribe {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}

.subscribe .sub-heading {
	margin-bottom: 20px;
}

.subscribe input.text {
	display: inline-block;
	outline: none;
	-webkit-appearance: none;
	width: 340px;
	padding: 15px 0px 15px 15px;
	background: white;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 12px "Roboto";
	color: #3498d9;
	margin-bottom: 20px;
}

.subscribe input.submit {
	border: none;
	display: inline-block;
	outline: none;
	cursor: pointer;
	background: transparent url(../images/icons/more.png) no-repeat top right;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-decoration: none;
	-webkit-appearance: none;
	font: 22px "Roboto";
	font-weight: 300;
	color: #3498d9;
	margin-left: 10px;
	padding-right: 40px;
	-moz-transition:color .2s;
	-o-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}

.subscribe input.text::-ms-clear {
    display: none;
}

.subscribe input.submit:hover {
	color: #555;
	background-position: bottom right;
}

.social-list { padding-top: 20px; }
.social-list li {
	display: inline-block;
	margin-right: 10px;
}
.social-list li:last-of-type {
	margin-right: 0px;
}

.social-list a {
	-webkit-transition: all 0.33s;
	-moz-transition: all 0.33s;
	-o-transition: all 0.33s;
	-ms-transition: all 0.33s;
	transition: all 0.33s;
}

.social-list a:hover {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */
    filter: alpha(opacity=40);
	-webkit-transition: all 0.33s;
	-moz-transition: all 0.33s;
	-o-transition: all 0.33s;
	-ms-transition: all 0.33s;
	transition: all 0.33s;
}

/* =Title
-------------------------------------------------------------- */

.titleSmall 							{ display: flex; height: auto; }
.titleSmall h2.titleText,.titleSmall h1.titleText 				{ line-height:55px !important; padding:20px 0; }



.titleBig {
	display: flex;
	height: 130px;
}
#titleBorder {
	border-bottom: 1px solid #8ca732;
}

/* =INTRO PROJECTEN
-------------------------------------------------------------- */
#intro {
	background: #e5f5fa;
}

#intro h1 {
	color: #049fd0;
	font-size: 26px;
	line-height: 32px;
}

#intro .text {
	float: left;
	width: 34%;
	padding-top: 125px;
}

#intro .text p {
	font-size: 16px;
	color: #555;
	line-height: 28px;
}

#intro .image {
	float: right;
}


/* =STEDEN
-------------------------------------------------------------- */

#steden .container .one-third.column { height: 375px; overflow:hidden; margin-left:0px !important; }


/* =DIENSTEN
-------------------------------------------------------------- */

#diensten {
	padding: 50px 0;
	border-bottom: 1px solid #8ca732;
	border-top: 1px solid #8ca732;
}
.dienstItem {
	height: 380px;
	width: 30.33%;
	margin: 0 1.5%;
	float: left;
	background: red;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	position: relative;
}
.dienstItem span {
	font-weight: 600;
	color: #fff;
	display: block;
	padding: 25px 0 15px 0;
}
.dienstInside {
	width: 92%;
	margin: 0 4%;
	background: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top: -20px;
	height: 200px;
}
.dienstInside ul {
	width: 90%;
	margin: 0 5%;
	padding-top: 20px;
}
.dienstInside ul li {
	text-align: left;
	padding: 9px 0;
	font-size: 12px;
}
.dienstInside button {
	margin-top: 10px;
}
.dienstIcon { 
	width: 15%; 
	float: left;
}

#dienstGemeente { background: #06a5d3; }
#dienstGemeente ul li { border-bottom: 1px solid #81cde6; color: #049fd0; }
#dienstBtbu { background: #b7427b; }
#dienstBtbu ul li { border-bottom: 1px solid #d89bb8; color: #8ca732; }
#dienstMonitor { background: #00ab9b; }
#dienstMonitor ul li { border-bottom: 1px solid #7fd1c9; color: #00a493; }

#dienstGemeenteHalf {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #0396ca;
}
.dienstSpace {
	width: 3%;
}
.dienstIcon {
	width: 15%;
}
.dienstList {
	width: 79%;
}

#download .container, #keuringstool .container, #monitor .container {
	/*height: 465px;*/
}
.centerText {
	display: flex !important;
	height: 100%;
	font-size: 14px;
}
.centerText p {
	margin: auto;
}

.ipad-img {
	position: absolute;
	bottom: 0;
	max-width: 100%;
}
.ipad-left {
	left: 0;
}
.ipad-right {
	right: 0;
}
#dienstBottom {
	background: #00a493;
	height: 160px;
	width: 100%;
	padding: 0 5%;
	margin: 80px 0 115px 0;
}
#dienstBottom button {
	font-size: 14px;
}
#dienstBottomLeft, #dienstBottomRight {
	display: flex;
	height: 100%;
	float: left;
}
#dienstBottomLeft {
	width: 70%;
}
#dienstBottomRight {
	width: 25%;
	margin-left: 5%;
}
#dienstBottomRight button {
	margin: auto 0;
}
#dienstBottomLeft p {
	margin: auto 0;
	color: #fff;
	font-size: 14px;
}

#dienstBtbuButton { background-color: #8ca732; box-shadow: 0 0.25em 0 #962e60; }
#dienstBtbuButton:hover { background-color: #c43e7e; box-shadow: 0 0.25em 0 #8ca732; }
#dienstBtbuButton:active { box-shadow: none; }
#dienstMonitorButton { background-color: #00a493; box-shadow: 0 0.25em 0 #008375; }
#dienstMonitorButton:hover { background-color: #00b7a4; box-shadow: 0 0.25em 0 #00a493; }
#dienstMonitorButton:active { box-shadow: none; }

/* =Footer
-------------------------------------------------------------- */

#projectenTop {
	padding: 40px 0 0 0;
}
.project, #projectenTop {
	border-bottom: 1px solid #c0e7f3;
	padding: 50px 10px;
}
.project img {
	max-width: 100%;
	height: auto;
}
.projectLeft, .projectRight {
	width: 48%;
	float: left;
}
.projectRight {
	margin-left: 4%;
}
.process {
	background: #c0e9e4;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0;
	margin-top: 20px;
}
.procent {
	background: #fff;
	float: left;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #9adbd4;
	margin-left: 2%;
	width: 31%;
}
.procent p {
	margin: 0;
	font-weight: 600;
	color: #00a493;
	text-align: center;
	min-width: 125px;
}
.procent span {
	font-size: 18px;
}
.procentBar {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	height: 16px;
	float: left;
	width: 59%;
	margin: 7px 4% 0 4%;
}
.barInner {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 2px solid #007865;
	background: #00a493;
	height: 100%;
}
#projectAmersfoort { width: 0%; }
#projectOngehinderd { width: 30%; }
#projectMaastricht { width: 60%; }
#projectDenhaag { width: 100%; }
#projectEindhoven { width: 100%; }
#projectToegankelijkheid { width: 100%; }
ul.blueButton {
	margin-bottom: 1em;
}
ul.blueButton li {
	background: url(../images/projectLi.png) no-repeat 0 4px;
	padding-left: 20px;
	font-size: 14px;
}
.projectRight button {
	margin-top: 40px;
}
#projectBottom {
	background: #00a493;
	text-align: center;
	padding: 30px 0;
	margin: 50px 0 80px 0;
	width: 100%;
	padding: 30px 10%;
}
#projectBottom p, #projectBottom h3, #projectBottom span {
	color: #fff;
	margin: 0;
}
#projectBottom h3 {
	font-weight: 400;
	font-size: 26px;
}
#projectBottom span {
	font-size: 12px;
	margin-right: 10px;
}
.succes-contact { 
	color: #fff;
	font-size: 14px;
}
#projectBottom input {
	height: 46px;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border: none;
	padding: 0 1%;
	background: rgba(255,255,255,.9);
	color: #008174;
	font-size: 14px;
}
#projectBottom input[type="checkbox"] {
	height: inherit;
}
#projectBottom label {
	color: #fff;
	font-size: 12px;
}
#projectBottom input[type="email"], 
#projectBottom button,
#projectBottom .gform_button {
	width: 38%;
	margin: 0 1%;
	display: inline-block;
	margin-top: 20px;
}
#projectBottom ::-webkit-input-placeholder { color: #018476; font-size: 14px; height: auto; }
#projectBottom :-moz-placeholder { color: #018476; font-size: 14px; height: auto; }
#projectBottom ::-moz-placeholder { color: #018476; font-size: 14px; height: auto; }
#projectBottom :-ms-input-placeholder { color: #018476; font-size: 14px; height: auto; }

#projectButton,
#projectBottom .gform_button {
	background: #8ca732;
	color: #fff;
	box-shadow: 0 0.25em 0 #962E60;
	cursor: pointer;
	
	-webkit-border-radius: 0px;
	border-radius: 0px;
	moz-border-radius: 0px;
}


/* 


gform



 */
.gform_heading {
	text-align:center;
}

#gform_1 .gform_body,
#gform_1 .gform_footer {
	float:left; 
	width:50%;
	clear:none;
}

#input_1_1 {
	float:right;
	width:77%;
	margin-right:3%;
}

#gform_1 .gform_footer {
	padding:0;
	margin:0;
}

#projectBottom .gform_button {
	width:81%;
	margin-top:5px;
}

#field_1_1 label {
	display:none;
}

#projectButton:active { box-shadow: none; }


/* =Content
-------------------------------------------------------------- */
.contentSection {
	padding: 50px 0;
}
.contentSection h2 {
	font-size: 26px;
	font-family: 'open_sansregular';
}
.contentSection h3 {
	font-size: 16px;
	margin: 0;
}
.contentSection h4 {
	font-size: 14px;
	font-family: 'open_sansbold';
	margin-bottom: 1em;
}

.contentSection.over-ongehinderd p {
	width: 50%;
}

.contentSection.over-ongehinderd img {
	position: absolute;
	right: 0;
}

.page-id-10 h4 {
	margin-bottom:0px; 
	font-size:15px;
	font-weight:normal;
	font-style:italic;
	font-family:'Maven Pro', sans-serif;
}

/* =Blog
-------------------------------------------------------------- */
.cta-blue-blog {
	background-color: #108a71;
	box-shadow: 0 4px #026690;
	font-size: 14px;
	font-weight: 400;
	text-transform: lowercase;
}
.previous a:focus,.next a:focus span,.previous a:hover,.next a:hover span {background-color:#333;box-shadow:0 4px #000 !important;}
.previous a:focus,.next a:focus span {text-decoration:underline;}

.blogSection {
	padding: 40px 0;
}

.blog-navigation .left {
	float: left;
}

.blog-navigation .right {
	float: right;
}

.blogSection .featured-item {
	position: relative;
	margin: 0 10px 40px 10px;
}

.blogSection .img-blog-item-top img {
	width: 100%;
}

.blogSection .blog-post {
	border-bottom: 1px solid #6fbfb1;
	padding: 0 0 30px 0;
	margin: 0 15px 30px 15px;
}

.blogSection .blog-post:nth-child(3n+3) {
} 

.blogSection .blog-post .thumbnail {
	position: relative;
	margin: 0 0 30px 0;
}

.blogSection .blog-post .thumbnail img {
	width: 100%;
	height: auto;
}

.blogSection .caption,
.blogSection .featured-item .caption {
	height: 58px;
	padding: 28px 0 0 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	left: -32px;
}

.blogSection .featured-item img {
	width: 100%;
	height: auto;
}


.blogSection .featured-item .tag {
	position:absolute;
	right:0;
	bottom:30px;
	background: url('../images/bg-caption-featured.png') no-repeat top right;
	width: 332px;
	height: 118px;
	color: #8ca732;
	font-size: 12px;
	padding: 0 10px 0 100px;
	display: table;
}

.blogSection .featured-item .tag a {
	color: #8ca732;
	text-decoration:none;
}

.blogSection .featured-item .tag .name {
	font-size: 18px;
	color: #8ca732;
	margin: 0 0 15px 0;
	display: table-cell;
	vertical-align: middle;
}

.blogSection .caption.blue {
	background: url('../images/blue.png') no-repeat top left;
	width: 128px;
}

.blogSection .caption.orange {
	background: url('../images/orange.png') no-repeat top left;
	width: 154px;
}

.blogSection .caption.green {
	background: url('../images/green.png') no-repeat top left;
	width: 195px;
}

.blogSection .blog-post .blog-item-description h2 {
	font-size: 18px;
	color: #665959;
}

.blogSection .blog-post .blog-item-description p {
	margin: 0 !important;
	color: #665959;
}

.blogSection .blog-post .blog-item-description a {
	color:#665959;
	text-decoration:none;
}

/* Blog detail */

.blogSection .img-blog-item-top {
	margin: 0 10px 40px 10px;
	position: relative;
}

.blogSection .blog-item-content h2 {
	color: #343434;
	font-size: 18px;
	font-family: 'open_sansregular';
}

.blogSection .blog-item-content ul {
	list-style-type: disc;
    font-size: 14px;
    padding-left: 30px;
}

.blogSection .blog-item-content img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.blogSection .blog-item-content img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.blogSection .blog-item-content img.aligncenter {
	margin: 0 auto;
}

.blog-navigation {
	border-top: 1px solid #8ca732;
	padding: 50px 0;
}

/* =Footer
-------------------------------------------------------------- */

footer {
	width: 100%;
	background: #f9f9f9;
	border-top: 1px solid #ececec;
	padding: 40px 0px 20px;
	text-align: center;
}

.footer-action { padding-bottom: 15px; }
.footer-action a { text-decoration:none; }
.footer-action li { display: inline-block; margin-right: 15px; }
.footer-action li + li:before { content:"-"; margin-right:15px; }
.footer-action li:last-of-type { margin-right: 0px; }

#footerLeft { color: #049fd0; text-align: left; font-size: 12px; }
#footerLeft a { text-decoration: none; }
#footerLeft a:hover { color: #8ca732; }
#footerLeft span { margin: 0 10px; }

.copyright { font-size: 12px; font-weight: 400; color: #666; }

footer ul {
	display:inline-block;
	vertical-align:top;
}

.drempelvrij { margin-top: -7px; }
.drempelvrij li {
	display: inline-block;
	margin-left: 10px;
}
.drempelvrij a {
	width: 35px;
	height: 35px;
}

.social { margin-top: -7px; }
.social li {
	display: inline-block;
	margin-left: 10px;
}
.social a {
	width: 35px;
	height: 35px;
	display: block;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background: #108a71  no-repeat center center;
	box-shadow: 0 3px 0 #0b6553;
	transition: all 100ms ease-out 0s;
}
.social li a:hover,.social li a:focus {
	background: #8ca732 no-repeat center center;
	box-shadow: 0 3px 0 #768d27;
}

.social li a:focus {border:1px solid #000;box-shadow: 0 3px 0 #000;}

.social a#facebook { background-image: url(../images/facebook.png); }
.social a#twitter { background-image: url(../images/twitter.png); }
.social a#mailsocial { background-image: url(../images/mail.png); }


/* =Responsive
-------------------------------------------------------------- */
.container .twelve.columns { width:650px; }

.mobile {
	display:none;
}

/* Tablet Landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	body { margin: 0; padding: 0!important; }
	.bx-prev, .bx-next { display: none!important; }
}

@media only screen and (min-width: 1200px) {
	.fullbg .header { background:rgba(0,0,0,0.7); max-width:55%; margin-left: -5%; }
	.fullbg .header.headerright { float:right; margin-right:-5%; margin-left:0px; }
	.doelgroep_header .header { width:65%; max-width:65% !important; }
	.doelgroep_header .header h1 { margin-right: 80px; }
}

/* Smaller than 960px */
@media only screen and (max-width: 959px) {
	h1 { margin-top: 0px; font-size: 3em; }
	.single-doelgroep h2 { font-size:28px; }
	h2 { font-size: 2em; }
	#mobile-nav { position: absolute; display: block; }
	header { position:static; margin-top: 47px;}
	#navigation {  display: none; }
	#logo {  width: 100%; text-align: center; margin: 0; }
	.bx-prev, .bx-next { display: none!important; }
	.zoekBlok {margin-top:0px;}
	.procent, .procentBar { float: none; width: 96%; margin: 0 2%; }
	.procentBar { margin-top: 10px; }
	.projectRight button { margin-top: 20px; }
	/* 
	#projectBottom input, #projectBottom button { width: 45%; } */
	#intro .text {width: 100%;}
	.contentSection.over-ongehinderd p {width: 100%; }
	.contentSection.over-ongehinderd img {position: relative; }
	.static-tablet { position: relative; bottom: auto !important; }
	#mobile-nav .navigationContent a.aanmelden {display: none; }
	#mobile-nav .navigationContent a.aanmelden-mobile {display: block; }

	/* NEW HOMEPAGE */
	.banner .bannercontent { min-height:220px !important; }
	.banner .bannercontent h1 { font-size:28px; line-height:34px; }
	.banner .bannercontent p { font-size:22px; }
	.banner ul li { background-position:65% 50%; }

	.fullbg .header h1 { font-size:30px; line-height:36px; }
	.fullbg .header h1.bigsize { font-size:38px; line-height:42px; }
	.fullbg .header h1.extrabigsize { font-size:50px; line-height:56px; }
	.fullbg .header { max-width:100%; }

	#download .eight.columns { width: 100%; }
	#download .sidephone-big { max-width: 300px; }
	#download.for_block { text-align:center; }
	#download a img { margin:5px; }

	#overongehinderd h2 { font-size:28px; }

	.sidephone-big {margin-top:5px; margin-bottom:20px; }

	#voorwie { margin:30px 0 40px; }
	#voorwie .arrow img { display:none; }
	#voorwie .arrow { font-size:24px; margin-right:0px; max-width:inherit !important; width:100%; height:auto; text-align:center; background:#fff; color:#139dd6;padding:0}
	#voorwie ul { display:block; text-align:center; }
	#voorwie .arrowfill { display:none; }

	#voordelen h2 { font-size:26px; }
	#voordelen .voordeel h3 { max-width:inherit !important; }
	#voordelen .voordeel img { width:100%; float:none !important; display:block; margin:0 auto; }
	#voordelen .voordeel .voordeel_content { padding-left:0px !important; padding-right:0px !important; text-align:center; margin-top:40px; width:100%; }

	/* DOELGROEP PAGE */

	#headerdelen img { display:none; }
	#headerdelen .static.container { margin-top:40px; margin-bottom:40px; text-align:center; }
	#headerdelen .headerarrow { margin-top:0px; display:block; background:#fff;padding-left:0;}
	#headerdelen .deel1 { float:none; padding:0; height:inherit; background:#fff; color:#139dd6; max-width:100%; margin-right:0;}
	#headerdelen .deel1::after{display:none;}

	#statistics .static.container { max-width:650px; }

	/* NEWS / NIEUWS */

	#masonry { clear:both !important; }

	/* WEEK VAN DE TOEGANKELIJKHEID */

	#introWVDT h2, #gemeenteOngehinderd h2, #downloadPlatform h2, #maakAfspraak h2 {
		font-size: 30px;
	}

	#linkerVlak {
		float: none; 
		width: 100%;
		text-align: center;
	}

	#rechterVlak {
		float: none; 
		width: 100%; 
		margin-left: 0;
		text-align: center;
		margin-top: 70px;
	}

	#rechterVlak h3 {
		color: #af3773;
		font-weight: bold;
		font-size: 24px;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.hero { background-size: 100%; }
	.static { padding-top: 70px; height: auto; }
	.sidephone-small { width: 200px; left: 12px; }
	.sidephone-big { width: 200px; left: 130px; }
	.static-phone { width: 150px; bottom: 0px; right: 200px; }
	.static-tablet { width: 300px; }
	.detail { min-height: 542px; }
	.loupe { display: none; }
	.dienstItem { height: 400px; }
	.dienstInside { height: 220px; }
	.dienstInside ul li { padding: 7px 0; }
	.loupe-gallery { margin-left: 100px; }
	.gallery-content { width: 80%; height: auto; }
	.dienstInside button { font-size: 16px; }
	.ipad-right, .ipad-left { width: 360px; }
	#download .container { }
	.loupe-still { width: 120%; height: auto; top: -20px; margin-left: -330px;}
	.screenshot img { width: 186px; }
	.gallery-bxslider li .screenshot:first-of-type img { float: left; margin-left: 20px; }
	.gallery-bxslider li .screenshot:last-of-type img { float: left; margin-left: 30px; }
	.bx-wrapper { background-size: 100%; background-position: bottom center; }
	#over-ons .static { height: auto; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.mobile {
		display:block;
	}
	
	.mobile_hide {
		display:none;
	}
	
	#nomineer .static-tablet { display: none; }
	form.nomineerForm input[type="text"], form.nomineerForm textarea { width: 100%; }
	#nomineer #projectButton { width: 100%; }
	.bx-wrapper {
		background: url(../images/gallery/hardware-mobile.jpg) no-repeat top center;
		padding-top: 85px;
		border-bottom: 1px solid #ececec;
	}
	#footerLeft { text-align: center; margin-bottom: 10px; }
	footer .alignRight { text-align: center; }
	.screenshot { margin-bottom: 120px; }
	.screenshot:last-child { margin-bottom: 0px; }
	#logos ul li { width: 100% !important; margin-bottom: 50px; display: block; }
	.dienstItem { width: 100%; margin: 0; float: none; margin-bottom: 30px; }
	.centerText { display: block !important; }
	#dienstBottomLeft, #dienstBottomRight { display: block; height: auto; }
	#dienstBottomLeft { width: 100%; }
	#dienstBottomRight { width: 100%; margin-left: 0;}
	.projectLeft, .projectRight { width: 100%; margin: 0; }
	#projectBottom input, #projectBottom button { display: block; width: 100% !important; }
	
	#gform_1 .gform_body,
	#gform_1 .gform_footer {
		width:100%;
		clear:none;
	}
	
	#input_1_1 {
		margin:0 0 10px;
	}
	
	.overview {text-align: left;}
	.contentSection.over-ongehinderd img {width: 100%;height: auto;}
	
	.blogSection .featured-item .tag {
		background: #f7f8f8 !important;
		width: 100%;
		position: relative;
		bottom: inherit !important;
		padding: 20px;
		height: auto !important;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.hero { background-size: 100%; background-position: center 70px; }
	.action li { margin-right: 15px; }
	.static {  padding-top: 40px; }
	.sidephone-small { left: 12px; }
	.static-phone { bottom: 0px; }
	.detail { min-height: 480px; }
	.loupe { display: none; }
	.loupe-gallery { margin-left: 70px; margin-top: 50px; }
	.gallery-content { width: 300px; height: auto; }
	.loupe-still { width: 490px; height: auto; top: -15px; margin-left: -249px; }
	.zoekBlok input {width:100%;}
	#download .static {min-height: 760px; }
	#over-ons .static {min-height: 760px; }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#nomineer .static {  }
	.hero { background-size: 110%; background-position: center 100px; }
	.action { margin-top: 140px; }
	.action li { margin-right: 0px; margin-bottom: 20px; }
	.action li:last-of-type { margin-bottom: 0px; }
	.static { padding-top: 40px; }
	.sidephone-small { width: 170px; left: 12px; }
	.sidephone-big { width: 170px; }
	.static-phone { width: 130px; bottom: 0px; right: 150px; }
	.static-tablet { width: 260px; }
	.detail { min-height: 496px; }
	.loupe { display: none; }
	.loupe-gallery { margin-left: 40px; margin-top: 50px; }
	.gallery-content { width: 220px; height: auto; }
	.loupe-still { width: 360px; height: auto; top: -10px; margin-left: -179px; }
	.subscribe input.text { width: 300px; }
	.zoekBlok input {width:100%;}
	#intro .image img {width: 100%; height: auto;}
	#aanmelden #mc_embed_signup .button {width: 100%;}


	/* NEW HOMEPAGE */
	.banner .bannercontent h1 { font-size:22px; line-height:30px; }
	.banner .bannercontent p { font-size:18px; }
	.banner ul li { }

	.for_button img { /*width:200px;*/ height:auto; }

	.ovb:hover .ovb_arrow 			{ margin-left:10px; }

	.ovb .ovb_text_2				{ font-size:20px; }
	.ovb .ovb_text_1 				{ font-size:12px; }

	.ovb_gebruikers { margin-bottom: 20px; }

	.for_block h2 { font-size: 30px; line-height: 38px; }
	
	.fullbg .header h1 { font-size: 26px; line-height: 33px; padding: 60px 50px 80px; }


	/* LANDINGSPAGE */
	#voordelen h2 { font-size:26px; }
	#headerdelen .deel2, #headerdelen .deel1 { font-size:24px; }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	.blogSection .blog-post {
		margin: 0 10px 30px 10px;
	}
}

@media (max-width: 767px) {
	
	.blogSection .blog-post {
		max-height: inherit !important;
	}
	
}




#dienstenpakket{
	border-bottom: 1px solid #139DD6;
	padding: 30px 0;
}

#dienstenpakket .static{
	padding-top: 25px;
}


#dienstenpakket .dienstitem{
	display: block;
	margin-bottom: 50px;
}

#dienstenpakket .dienstitem:after{
	display: block;
	content: "";
	clear: both;
}

#dienstenpakket .dienstitem .dienstdropdown{
	position: relative;
	float: left;
	display: inline-block;
	text-align: center;
	border-radius: 12px;
	padding: 5px;
}

#dienstenpakket .dienstitem .dienstdropdown .dienstdropdown_menu{
	display: none;
	position: absolute;
	z-index: 200;
	left: 0;
	background: #fff;
	border: 1px solid red;
	padding: 5px;
}

#dienstenpakket .dienstitem .dienstdropdown .dienstdropdown_menu li a{
	display: block !important;
	white-space: nowrap !important;
	padding: 5px 10px;
	color: #555;
	text-decoration: none;
}


#dienstenpakket .dienstitem .dienstdropdown .dienstdropdown_menu li a:hover{
	text-decoration: underline;
}

#dienstenpakket .dienstitem .dienstdropdown img{
	border-radius: 12px 12px 0 0;
}

#dienstenpakket .dienstitem .dienstdropdown a.name{
	display: block;
	font-size: 26px;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
}

#dienstenpakket .dienstitem .dienstdropdown a.name:focus{
	text-decoration: underline;
	border: none;
}

#dienstenpakket .dienstitem .dienstdropdown a.name .arrow{
	width: 25px;
	margin-top: -2px;
}

#dienstenpakket .dienstitem .dienstdesc{
	float: left;
	display: inline;
	width: calc(100% - 200px);
	margin-left: 40px;
}

#dienstenpakket .dienstitem .dienstdesc h3{
	font-weight: 700;
    color: #8ca732;
    font-size: 22px;
    max-width: 400px;
    line-height: 25px;
}

/* Added by Geev */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.page-id-1514 ol {font-size:14px;list-style-type:decimal;margin:0 0 40px 20px;max-width:90ch;}
.page-id-1514 p {max-width:90ch;}
.page-id-1514 ol li {margin-bottom:10px;}