body {
  font-family: "proxima-nova",sans-serif;
  font-size: 17px;
  line-height: 170%;
  font-weight: 300;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}
a{ text-decoration: none; color:#F23F2E; }
a:hover{ text-decoration: none;}
/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
}
footer {
}

.displayNone{ display: none;}

.HeaderTop{ padding-top: 22px; padding-bottom: 24px; padding-left: 0; padding-right: 0;}
.HeaderTop .TopCategorie{ padding: 3px 0 0;}
.HeaderTop .TopCategorie ul{ list-style-type: none; padding: 0; margin: 0;}
.HeaderTop .TopCategorie ul li{ float: left; padding: 0 24px; border-right: 1px solid #EEEEEE;}
.HeaderTop .TopCategorie ul li a{ font-size: 16px; color: #444; text-transform: lowercase;}
.HeaderTop .TopCategorie ul li a.active{ font-weight: 600;}
.HeaderTop .TopCategorie ul li a:hover{ color: #F23F2E;}
.HeaderTop .TopRightmenu{ padding-right: 0; padding-top: 3px;}
.HeaderTop .TopRightmenu ul{ float: right; list-style-type: none; padding: 0;}
.HeaderTop .TopRightmenu ul li{ float: left; padding: 0 20px;}
.HeaderTop .TopRightmenu ul li:last-child{ padding-right: 0;}
.HeaderTop .TopRightmenu ul li a{ font-size: 14px; color: #444; text-transform: lowercase;} 
.HeaderTop .TopRightmenu ul li a:hover{ color: #F23F2E;} 


.LogoBlock{ padding-left: 0;}

.navbar{ min-height: 46px; border-radius: 0;}
.navbar-inverse .navbar-collapse{ padding: 0;}
.navbar-inverse{ background: none; background-color: #F33F2F; border: none; margin-bottom: 0;}

.navbar-inverse .container{ padding: 13px 0;}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{ color: #fff; font-size: 16px; box-shadow: none; text-shadow: none; padding: 0;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:hover{ color: #333;}
.navbar-inverse .navbar-nav > li { padding: 0 26px; border-left: 1px solid #FA8C7F;}
.navbar-inverse .navbar-nav > li:last-child{ border-right: 1px solid #FA8C7F;}

.BannerRow{ background: url("images/mainbanner.jpg") no-repeat center center transparent; min-height: 422px; background-size: cover;}
.BannerRow #progressBar{ display: none;}
.banner-caption{ text-align: right; bottom: 185px; background-color: transparent;}
.banner-caption h2, .banner-caption h2.smalltext strong, .BannerContent h2, .BannerContent h2.smalltext strong{ color: #fff; font-size: 40px; font-weight: 600; margin: 0; text-shadow: 0 0 8px rgba(0,0,0,0.3); line-height: 100%;}
.banner-caption h2.smalltext{ font-size: 26px; font-weight: 300;}
.banner-caption h2.smalltext strong{ padding-right: 175px; margin-top: 10px; display: block; width: 100%;}
.BannerRow .owl-carousel .item{min-height: 422px; }

.BodyContainer{ padding: 0;}
.SectionContainer{ margin-top: -120px; margin-left: -15px; margin-right: -15px;}
.SectionLinkblok{ padding-bottom: 3px;}
.SectionBlok{ background-color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height: 100%; float: left; width: 100%; padding: 33px 20px 32px; text-align: center; box-shadow: 0px 1px 3px rgba(0,0,0,0.15);}
.SectionBlok h2{ margin-top: 0;}
.SectionBlok p{ color: #999999; font-size: 18px; line-height: 130%;}
.SectionBlok a{ display: inline-block; background-color: #F23F2E; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 5px 25px; color: #fff; margin-top: 14px;}
.SectionBlok a:hover{ background-color: #333; color: #fff;}

.Mainarticle{ margin-bottom: 67px; padding-top: 24px; padding-right: 80px;}
.Mainarticle h1{ color: #F63F24; font-size: 32px; font-weight: 600; margin-bottom: 17px;}
.Mainarticle p strong{ font-size: 20px; line-height: 150%; font-weight: 600; margin-bottom: 40px; display: block;}

.InformatieBlokContainer{ padding-bottom: 28px;}
.InformatieblokContent{ margin-top: 27px;}
.InformatieBlok a, .InformatieBlok a h2{ color: #F23F2E; font-size: 17px; font-weight: 600; min-height: 45px; margin-bottom: 0;} 
.InformatieBlok a:hover, .InformatieBlok a:hover h2{ color: #333;}
.BodyLeft{ padding-left: 0;}
.BodyRight{ padding-top: 41px; padding-right: 0;}
.SmallBannerBlok{ margin-bottom: 30px; text-align: right;}

.Redstrokecontainer{padding: 0;}
.RedStrokeBlok{ background-color: #F23F2E;}
.RedStrokeBlok .RedStrokeImgBlok{ overflow: hidden; padding: 0;}
.RedStrokeBlok .RedStrokeContentBlok{ padding: 57px 0px 20px 42px; color: #fff; }
.RedStrokeBlok .RedStrokeContentBlok p{ font-size: 22px; font-weight: 100; text-transform: uppercase; margin-bottom: 0;}
.RedStrokeBlok .RedStrokeContentBlok h2{ font-size: 32px; font-weight: 300; font-style: italic; margin-top: 15px; margin-bottom: 25px; line-height: 120%;}
.RedStrokeBlok .RedStrokeContentBlok a{ display: inline-block; background-color: #fff; color: #F23F2E; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 5px 25px; margin-top: 10px; font-weight: 600;}
.RedStrokeBlok .RedStrokeContentBlok a:hover{ background-color: #333; color: #fff;}
.owl-carousel.Editmode{ display: block;}

.BodyBottom{ background-color: #EEEEEE; padding-top: 45px; padding-bottom: 40px;}
.BodyBottomContainer{ padding: 0;}

.Nieuwsbriefblok{ padding-right: 60px; padding-left: 0; border-right: 1px solid #fff; width: 28%;}
.Nieuwsbriefblok h2{ font-size: 20px; font-weight: 300; margin-bottom: 25px; margin-top: 17px;}
.Nieuwsbriefblok label{ display: none;}
.Nieuwsbriefblok form{ margin-top: 30px; display: inline-block; width: 100%;}
.Nieuwsbriefblok input{ width: 100%; display: block; margin-bottom: 10px; text-align: left; font-size: 14px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px;}
.Nieuwsbriefblok input[type="submit"]{ background-color: #F33F2F; border: none; color: #fff; font-size: 16px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0;}
.Nieuwsbriefblok input[type="submit"]:hover{ background-color: #333;}
.Nieuwsbriefblok table{ width: 100%;}
.Nieuwsbriefblok table tr td{ padding: 0;}
.Nieuwsbriefblok table tr td.question{ padding: 0;}
.ZorgkaartBlok{ width: 72%; padding-left: 45px; padding-right: 0;}
.ZorgkaartContent{ width: 40%; float: left; max-width: 300px;}
.ZorgkaartContent h2{ font-size: 20px; font-weight: 300; margin-bottom: 25px; margin-top: 17px;}
.ZorgkaartContent a{ background: url("images/icon_arrow.png") no-repeat 0 center transparent; padding-left: 30px; color: #F23F2E; font-size: 16px; font-weight: 600; margin-top: 20px; display: inline-block; width: 100%;}
.ZorgkaartContent a:hover{ color: #333; background: url("images/icon_arrow_hover.png") no-repeat 0 center transparent;}

.Zorgkaart{ width: 57%;  float: right; background-color: #fff;  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); padding: 30px; }
.ZorgkaartLinks{ float: left;}
.ZorgkaartRechts{ width: 150px; float: right;}
.ZorgkaartRechts h3{ font-size: 20px; color: #333;}
.ZorgkaartRechts form{ width: 100%;}
.ZorgkaartRechts form input[type="text"]{ width: 100%;}
.ZorgkaartRechts form input[type="submit"]{ width: 100%; background-color: #F33F2F; border: none; color: #fff; font-size: 16px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; text-align: left;}
.ZorgkaartRechts form input[type="submit"]:hover{ background-color: #333;}
.ZorgkaartRechts form label{ color: #999999; font-size: 17px; font-weight: 300;}

.FooterTop{ border-bottom: 1px solid #eee; padding: 17px 0;}
.FooterTopContainer{ padding: 0;}
nav.FooterTopNav ul { list-style-type: none; padding: 0; margin: 0;}
nav.FooterTopNav ul li{ float: left; padding: 0 20px;}
nav.FooterTopNav ul li:first-child{ padding-left: 0;}
nav.FooterTopNav ul li:last-child{ padding-right: 0;}
nav.FooterTopNav ul li a{ font-size: 14px; color: #BABABA; text-transform: lowercase;}
nav.FooterTopNav ul li a:hover{ color: #F33F2F;}

.FooterBottomContainer{ padding: 29px 0;}

.FooterBottomLogo, .FooterBottomContact{ border-right: 1px solid #eee;}
.FooterBottomLogo{ position: relative; width: 20%; padding-left: 0;}
.FooterBottomLogo a img{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; display: block;}
.FooterBottomContact{ padding: 0 30px; width: 37%;}
.FooterBottomContact h3{ font-size: 14px; color: #333333; margin-top: 7px;}
.FooterBottomContact p{ font-size: 14px; color: #999;  line-height: 170%; margin-bottom: 0;}
.FooterBottomContact .col-1{ width: 40%; float: left;} 
.FooterBottomContact .col-2{ width: 60%; float: left;}

.FooterBottomExtraInformatie{ padding: 0 25px 0 39px; width: 43%;}

.FooterBottomExtraInformatie p{ color: #999999; font-size: 14px; margin-bottom: 0; line-height: 170%;}
.RedStrokeImgBlok img{ height: 100%;}

/* Vervolg */

.VervolgBanner{ min-height: 211px; background-size: cover; background-position: center center;}

.VervolgPaginaContainer{ }
.BreadcrumbContainer{ border-bottom: 1px solid #D9D9D9; padding-top: 11px; padding-bottom: 11px;}
.BreadcrumbContainer ul{ margin: 0; padding: 0; list-style-type: none;}
.BreadcrumbContainer ul li{ float: left; padding-right: 10px; font-size: 14px; position: relative;}
.BreadcrumbContainer ul li a{ font-size: 14px; color: #999; margin: 0;}
.BreadcrumbContainer ul li a:hover{ color: #F63F24;}
.BreadcrumbContainer ul li p{ font-size: 14px; color: #333;  margin: 0; font-weight: 600;}
.VervolgBody{ padding-top: 20px; clear: both;}


.Submenu ul{ list-style-type: none; margin: 0; padding: 0;}
.Submenu ul li{ float: left; width: 100%; margin-bottom: 10px;}
.Submenu ul li a{ border: 1px solid #EEEEEE; display: block; width: 100%; padding: 13px 20px 9px; color: #333; font-size: 17px; text-decoration: none; font-weight: 400;}
.Submenu ul li.active a, .Submenu ul li a:hover{ background-color: #F63F24; color: #fff; }
.VervolgBodyLinks{ padding-left: 0; padding-right: 23px;}
.VervolgBodyLinks h2{ font-size: 28px; font-weight: 600;}

.VervolgBodyRechts{ padding-left: 37px; padding-bottom: 40px;} 
.VervolgBodyRechts h1{ color:#F63F24 ; font-size: 28px; font-weight: 600; margin-bottom: 37px;}
.VervolgBodyRechts h2{ font-size: 22px;}
.VervolgBodyRechts p{ margin-bottom: 30px; }
.VervolgBodyRechts p.intro{ font-weight: 600; font-size: 20px; line-height: 150%; margin-bottom: 37px;}
.VervolgBodyRechts ul{ padding-left: 16px; font-size: 17px; line-height: 170%;}
.VervolgBodyRechts ul li{ padding-left: 15px;}

.LinkerContentVeld{ padding-left: 23px; margin-bottom: 15px; float: left; width: 100%;}
.Submenu{ float: left; width: 100%;}
.Submenu select{ display: none;}

.SectionContainer.Editmode{ margin-top: 0;}
.SectionContainer .ccm-block{ width: 33.3%; float: left}
.SectionContainer .ccm-block section{ width: 100%;}
.SectionContainer .ccm-add-block{ width: 100%;}

.InformatieBlokContainer .ccm-block{ width: 50%; float: left}
.InformatieBlokContainer .ccm-block section{ width: 100%;}
.InformatieBlokContainer .ccm-add-block{ width: 100%;}

.VervolgBodyRechts .miniSurveyView{}
.VervolgBodyRechts .miniSurveyView table tr td{ padding-bottom: 15px; padding-left: 20px;}
.VervolgBodyRechts .miniSurveyView table tr td.question{ width: 250px; padding: 0;}
.VervolgBodyRechts .miniSurveyView table tr td select, .VervolgBodyRechts .miniSurveyView table tr td input[type="text"], .VervolgBodyRechts .miniSurveyView table tr td input[type="tel"], .VervolgBodyRechts .miniSurveyView table tr td input[type="email"], .VervolgBodyRechts .miniSurveyView table tr td textarea{ width: 100%; border: 1px solid #ccc;}

.VervolgBodyRechts .miniSurveyView table tr td select, .VervolgBodyRechts .miniSurveyView table tr td input[type="text"], .VervolgBodyRechts .miniSurveyView table tr td input[type="tel"], .VervolgBodyRechts .miniSurveyView table tr td input[type="email"]{ height: 32px;}

.VervolgBodyRechts .miniSurveyView .RadioPairList{ margin-bottom: 0px; float: left;}
.VervolgBodyRechts .miniSurveyView .RadioPairList .radioPair{ float: left; width: 100%;}
.VervolgBodyRechts .miniSurveyView .RadioPairList .radioPair input{ float: left; margin-top: 6px;}
.VervolgBodyRechts .miniSurveyView .RadioPairList .radioPair .radiopairtitle{ float: left; width: calc(100% - 30px); padding-left: 10px;}
.VervolgBodyRechts .miniSurveyView table tr td input[type="submit"]{ background-color: #F33F2F; border: none; color: #fff; font-size: 16px; padding: 5px 15px; margin-bottom: 0;}
.VervolgBodyRechts .miniSurveyView table tr td input[type="submit"]:hover{ background-color: #333;}

.VervolgBodyRechts .miniSurveyView .SuccessMSG{
	padding: 10px 10px 8px 35px;
	border: 1px solid #438D00;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	background: url(images/vink.png) no-repeat 11px 12px #fff!important;
	background-color: #fff!important;
	color:#438D00;
	font-weight: 400;
	width: 100%;
	font-size: 15px;
}

.VervolgBodyRechts .miniSurveyView .ErrorMSG{
	font-size: 15px;
	width: 100%;
	padding: 10px 20px 10px 30px;
	border: 1px solid #E53D2F;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	background: url(images/letop.png) no-repeat 10px 15px #fff!important;
	background-color: #fff!important;
	color:#E53D2F;
	font-weight: 600;
}

.VervolgBodyRechts .miniSurveyView .ErrorMSG .error{ color:#E53D2F; font-weight: 300;}

.KaartLinks{ float: left; border: 1px solid #ccc; padding: 17px 20px;}
.KaartLinks .ZorgkaartLinks{ text-align: center; padding-bottom: 7px;}
.KaartLinks .ZorgkaartLinks, .KaartLinks .ZorgkaartRechts{ width: 100%;}
.kaartLegenda{ padding-top: 30px; float: left; width: 100%; padding-left: 35px; border-bottom: 1px solid #eee; padding-bottom: 12px;}
.kaartLegenda h3{ font-size: 17px; color: #444; margin-top: 0;}
.kaartLegenda ul{ list-style: none; padding-left: 0; margin: 17px 0 0; font-size: 17px; float: left;}
.kaartLegenda ul li { margin-bottom: 18px;}
.kaartLegenda ul li img{ margin-top: -10px; margin-right: 18px;}
.KaartRechtsContent table{ width: 100%; margin-top: 0; float: left;}
.KaartRechtsContent table tr { border-bottom: 1px solid #eee;}
.KaartRechtsContent table tr td{ text-align: center; vertical-align: top; padding-top: 36px; padding-bottom: 36px;}
.KaartRechtsContent table tr td.adres{ text-align: left; width: 320px; padding-left: 25px;}
.KaartRechtsContent table tr td.adres h3{ margin-top: 0; margin-bottom: 5px; font-size: 17px; font-weight: 600;}
.KaartRechtsContent table tr td.adres a{ color: #333;}
.KaartRechtsContent table tr td.adres a:hover{ color: #F23F2E;}
.KaartRechtsContent table tr td.Afstand{ padding-left: 10px; padding-right: 30px; font-weight: 600;line-height: 1;}
.KaartRechtsContent table tr td img{ margin-top: -10px;}
.KaartRechtsContent table tr.Titles td{ font-size: 14px; padding-bottom: 7px; padding-top: 4px;}
.KaartRechtsContent table tr:last-child{ border-bottom: none;}
.KaartRechts h1{ color:#F63F24 ; font-size: 28px; font-weight: 600; margin-bottom: 17px;}

.ZorgkaartFooter{ border-top: 10px solid #eee; margin-top: 20px;}
.Prikpunt_icon label, .Servicepunt_icon label, .Behandelpunt_icon label, .Thuiszorg_icon label{ display: none;}
/* Responsive */

label.required:after{ content: "*"; margin-left: 5px; color: #F23F2E;}

.miniSurveyView .SuccessMSG{
	padding: 10px 10px 8px 35px;
	border: 1px solid #438D00;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	background: url(images/vink.png) no-repeat 11px 12px #fff!important;
	background-color: #fff!important;
	color:#438D00;
	font-weight: 400;
	width: 100%;
	font-size: 15px;
}

.miniSurveyView .ErrorMSG{
	font-size: 15px;
	width: 100%;
	padding: 10px 20px 10px 30px;
	border: 1px solid #E53D2F;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	background: url(images/letop.png) no-repeat 10px 15px #fff!important;
	background-color: #fff!important;
	color:#E53D2F;
	font-weight: 600;
}

.miniSurveyView .ErrorMSG .error{ color:#E53D2F; font-weight: 300;}

	.SectionBlok a{ position: absolute; bottom: 30px; width: 100%; max-width: 260px; left: 0; right: 0; margin: 0 auto;}
	.SectionBlok{ position: relative; padding-bottom: 80px;}



@media screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-inverse .navbar-nav > li{ padding: 0 20px 0 21px;}
	.HeaderTop .TopCategorie ul li{ padding: 0 14px;}
	.SmallBannerBlok img{ width: 100%;}
	.InformatieImgBlok{ overflow: hidden;}
	.RedStrokeBlok .RedStrokeContentBlok{ padding: 40px 0px 20px 42px;}
	.Zorgkaart{ width: 60%;}
	.ZorgkaartContent{ width: 35%;}
	.ZorgkaartLinks{ width: 40%;}
	.ZorgkaartLinks img{ width: 100%;}
	.ZorgkaartRechts{ width: 60%; padding-left: 20px; }
	.ZorgkaartRechts h3{ margin-top: 5px;}
	.Nieuwsbriefblok form{ margin-top: 15px;}
	.Nieuwsbriefblok{ padding-right: 40px;}
	.ZorgkaartBlok{ padding-left: 40px;}
	nav.FooterTopNav ul li{ padding: 0 11px;}
	.KaartLinks .ZorgkaartRechts{ padding: 0;}
	.Zorgkaart{ padding: 30px 30px 30px 20px;}
	.ZorgkaartLinks{ width: 60%;}
	.ZorgkaartRechts{ width: 40%;}

}

@media screen and (min-width: 992px) and (max-width: 1023px) {
	.container{ padding-left: 16px; padding-right: 16px;	}
	.navbar-inverse .navbar-nav > li{ padding: 0 20px;}
	.HeaderTop .TopRightmenu ul li{ padding: 0 10px;}
	.HeaderTop .TopCategorie ul li{ padding: 0 9px;}
	.HeaderTop .TopCategorie ul{ float: right;}
	.SmallBannerBlok img{ width: 100%;}
	.InformatieImgBlok{ overflow: hidden;}
	.RedStrokeBlok .RedStrokeContentBlok{ padding: 44px 0px 20px 42px;}
	.Nieuwsbriefblok{ padding-right: 40px;}
	.ZorgkaartBlok{ padding-left: 40px;}
	.ZorgkaartContent{ width: 30%;}
	.Zorgkaart{ width: 65%;}
	.ZorgkaartLinks{ width: 50%; padding-right: 20px;}
	.ZorgkaartLinks img{ width: 100%;	}
	.ZorgkaartRechts{ width: 50%;}
	.ZorgkaartRechts h3{ margin-top: 5px;}
	.FooterBottomLogo a img{ max-width: 160px;}
	.KaartLinks .ZorgkaartRechts{ padding: 0;}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.container{ padding-left: 16px; padding-right: 16px;	}
	.Nieuwsbriefblok{ padding-right: 20px;}
	.ZorgkaartBlok{ padding-left: 20px;}
	.Redstrokecontainer{ padding-left: 0;}
	.RedStrokeBlok .RedStrokeContentBlok{ padding: 40px 0px 20px 42px;}
	.RedStrokeBlok .RedStrokeContentBlok h2{ font-size: 25px;}
	.InformatieImgBlok{ overflow: hidden;}
	.InformatieBlok a, .InformatieBlok a h2{ font-size: 16px;}
	.SmallBannerBlok img{ width: 100%;}
	.SectionLinkblok{ padding: 0 5px;}
	.SectionContainer{ margin-left: -5px; margin-right: -5px;}
	.SectionBlok h2{ font-size: 23px;}
	.SectionBlok p{ font-size: 17px;}
	.FooterBottomExtraInformatie{ width: 100%; padding: 20px 25px 0;}
	.FooterBottomLogo{ width: 35%; margin-bottom: 20px;}
	.FooterBottomContact { width: 65%; margin-bottom: 20px;}
	.FooterBottomLogo a img{ right: 0;}
	
	.Nieuwsbriefblok{ width: 35%; padding-right: 35px;}
	.ZorgkaartBlok{ width: 65%; padding-left: 35px;}
	
	.ZorgkaartContent{ width: 100%; max-width: 100%;}
	.ZorgkaartContent a{ margin-top: 0; margin-bottom: 15px;}
	.Zorgkaart{ width: 100%; padding: 30px 30px 30px 20px;}
	.navbar-nav{ width: 100%;}
	.navbar-inverse .navbar-nav > li{ padding: 0 13px 0 14px;}
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{ font-size: 13px;}
	.ZorgkaartLinks{ width: 60%;}
	.ZorgkaartRechts{ width: 40%; padding-left: 25px;}
	.ZorgkaartRechts h3{ margin-top: 5px;}
	
	.ZorgkaartLinks img{ width: 100%;}
	.ZorgkaartContent p, .Nieuwsbriefblok p{ font-size: 16px;}
	.LogoBlock{ width: 28%;}
	.LogoBlock img{ width: 100%;}
	.HeaderTop .TopCategorie{ width: 40%}
	.HeaderTop .TopRightmenu{ width: 31%;}
	.HeaderTop .TopRightmenu ul li{ padding: 0 7px;}
	.HeaderTop .TopCategorie ul li{ padding: 0 10px;}
	.HeaderTop .TopCategorie ul li a{ font-size: 14px;}
	
	.LinkerContentVeld{ padding-left: 21px;}
	.VervolgBodyLinks h2{ font-size: 22px;}
	.VervolgBodyLinks{ padding-right: 0;}
	
	.VervolgBodyRechts .miniSurveyView table tr td.question{ width: 170px;}
	.VervolgBodyRechts .miniSurveyView table{ font-size: 15px; line-height: 160%;}
	.VervolgBodyRechts{ padding-right: 0;}
	.VervolgBodyRechts .miniSurveyView .RadioPairList .radioPair input{ margin-top: 5px;}
	.VervolgBodyRechts .miniSurveyView .RadioPairList .radioPair{ margin-bottom: 3px;}
	.SectionBlok a{ line-height: 140%;}
	.Mainarticle{ padding-right: 40px;}
	.KaartLinks .ZorgkaartLinks, .KaartLinks .ZorgkaartRechts{ padding: 0;}
	.KaartRechtsContent table tr.Titles td{ padding-left: 5px; padding-right: 5px; font-size: 12px;}
	.KaartRechtsContent table tr td.Afstand{ padding-right: 10px; }
	.KaartRechtsContent table tr td{ font-size: 15px;}
	.KaartRechtsContent table tr td.adres h3{ font-size: 15px;}
	.KaartRechtsContent table tr.Titles td{ padding-left: 2px; padding-right: 3px;}
	.KaartLinks .ZorgkaartRechts{ padding: 0;}
	.SectionBlok a{ max-width: 200px; bottom: 20px;}
	.SectionBlok{ padding-bottom: 100px;}
}

@media screen and (max-width: 767px) { 
	.LogoBlock{ padding: 15px 16px 20px; text-align: center;}
	.LogoBlock img{ max-width: 100%;}
	.HeaderTop{ padding-bottom: 0px; padding-top: 0;}
	.HeaderTop .TopRightmenu{ text-align: center;}
	.HeaderTop .TopRightmenu ul{ float: none; display: inline-block; margin-bottom: 0; padding-top: 10px;}
	.HeaderTop .TopRightmenu ul li:last-child{ padding-right: 20px;}
	.HeaderTop .TopRightmenu{ padding: 0 16px 0;  border-top: 1px solid #eee;}
	.HeaderTop .TopCategorie{ padding: 10px 0; background-color: #eee;}
	.navbar-toggle{ width: 100%; float: none; margin: 0;}
	.navbar-inverse .container{ padding: 0;}
	.navbar-toggle{ border: none;}
	.menu-icon{ float: right; margin-left: 10px; padding: 5px; margin-top: 1px; }
	.menutext{ float: left; color: #fff; text-transform: uppercase;}
	.menuContent{ float: right; padding-right: 0;}
	.navbar-nav{ margin: 0;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin: 0;}
	.navbar-toggle{ border-radius: 0;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border: none;}
	.navbar-inverse .navbar-nav > li { padding: 0; border: none; border-bottom: 1px solid #FA8C7F;}
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{ padding-left: 16px; padding-top: 8px; padding-bottom: 8px;}
	.SectionContainer{ margin: 0; padding: 0 16px;}
	.SectionLinkblok{ float: left; padding: 0; border-bottom: 1px solid #eee;}
	.SectionBlok{ box-shadow:  none; }
	.BodyBottomContainer{ clear: both;}
	.BodyLeft, .BodyRight{ padding-left: 16px; padding-right: 16px;}
	.InformatieBlok{ padding-bottom: 15px;}
	.InformatieBlokContainer{ padding-bottom: 0;}
	.Mainarticle{ margin-bottom: 30px; padding-right: 0;}
	.BodyRight{ padding-top: 10px;}
	.RedStrokeBlok .RedStrokeImgBlok img{ width: 100%;}
	.RedStrokeBlok .RedStrokeContentBlok{ padding: 25px 16px;}
	.RedStrokeBlok .RedStrokeContentBlok h2{ font-size: 21px; margin-bottom: 15px;}
	.Nieuwsbriefblok, .ZorgkaartBlok{ width: 100%; padding: 0 16px; float: left;}
	.ZorgkaartContent{ width: 100%; max-width: 100%;}
	.Zorgkaart{ float: left; width: 100%; margin-top: 20px;}
	.ZorgkaartLinks{ width: 100%; text-align: center;}
	.ZorgkaartRechts{ width: 100%;}
	.FooterTopContainer{ padding: 0 16px;}
	.FooterBottomLogo, .FooterBottomContact, .FooterBottomExtraInformatie{ width: 100%; float: left; padding: 15px 16px; text-align: center;}
	.FooterBottomLogo a img{ position: relative;}
	.FooterBottomContact{ border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
	.FooterBottomContainer{ padding-top: 10px;}
		nav.FooterTopNav{ text-align: center;}
	nav.FooterTopNav ul li{ float: none; display: inline-block; padding: 0 5px;}
	.BannerContent{ padding-right: 0; padding-left: 0; padding-top: 40px; float: none;}
	.BannerRow{ min-height: 200px; background-size: cover;}
	.BannerRow .owl-carousel .item{ min-height: 200px;}
	.banner-caption{ bottom: 30px;}
	.banner-caption h2.smalltext{ font-size: 22px;}
	.banner-caption h2, .banner-caption h2.smalltext strong{ font-size: 30px;}
	.banner-caption h2.smalltext strong{ padding-right: 50px;}
	.HeaderTop .TopCategorie{ text-align: center; padding: 10px 0 0;}
	.HeaderTop .TopCategorie ul{ display: inline-block;}
	.HeaderTop .TopCategorie ul li{ border-right: 1px solid #ddd}
	.HeaderTop .TopCategorie ul li:last-child{ border: none;}
	.BodyBottom{ padding-top: 15px;}
	.Nieuwsbriefblok{ border-right: none; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
	.InformatieImgBlok{ overflow: hidden;}
	.SmallBannerBlok img{ width: 100%;}
	.VervolgBody{ float: left; padding-top: 10px;}
	.VervolgBodyLinks, .VervolgBodyRechts, .BreadcrumbContainer{ float: left; width: 100%;}
	.VervolgBodyLinks, .VervolgBodyRechts{ padding: 0 16px;}
	.LinkerContentVeld{ padding-left: 0;}
	.Submenu ul{ display: none;}
	.Submenu select{ display: block; width: 100%;}
	.VervolgBodyRechts{ padding-top: 30px;}
	.VervolgBodyRechts h1{ margin-top: 0;}
	.VervolgBodyRechts p.intro{ margin-bottom: 25px}
	.VervolgBodyRechts p{ margin-bottom: 25px;}
	.VervolgBodyRechts{ padding-bottom: 25px}
	.Nieuwsbriefblok form{ margin-top: 15px;}
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ background-color: #333;}
	.ccm-layout-col { clear:both; margin-left:0 !important; width: 100% !important; }
	.VervolgBodyRechts{ padding-top: 0;}
	.Submenu select{ margin-bottom: 30px;}
	.KaartcontentLinks{ padding-left: 16px; padding-right: 16px;}
	.KaartRechts{ float: left; width: 100%;}
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:hover{ color: #fff;}	
	.SectionBlok { padding-bottom: 40px;}
	.SectionBlok a{ position: relative; bottom: auto; margin-top: 20px;}
}

@media screen and (min-width: 600px) and (max-width: 767px){ 
	.SmallBannerBlok{ width: 50%; padding: 0 10px; float: left;}
	.SmallBannerBlok img{ width: 100%;}
	.BodyRight{ margin: 0 -10px;}
}

@media screen and (max-width: 600px) { 
	.KaartRechtsContent table tr{ display: block; float: left; width: 100%;}

	.Prikpunt_icon label, .Servicepunt_icon label, .Behandelpunt_icon label, .Thuiszorg_icon label{ display: block; float: left; width: 150px;}
	.KaartRechtsContent table tr td.adres{ float: left; padding-top: 20px; padding-left: 0; }
	.KaartRechtsContent table tr td.Afstand{ float: left; padding-left: 0;padding-top: 10px; padding-bottom: 10px;}
	.KaartRechtsContent table tr td{width: 100%; display: block; float:  left; padding: 0; text-align: left;}
	.KaartRechtsContent table tr td.Thuiszorg_icon{ padding-bottom: 20px;}
	.KaartRechtsContent table tr.Titles{ display: none;}
}


@media screen and (max-width: 480px) { 
	.InformatieBlok{ width: 100%;}
	.FooterBottomContact .col-1, .FooterBottomContact .col-2{ width: 100%;}
	.VervolgBodyRechts .miniSurveyView table tr td, .VervolgBodyRechts .miniSurveyView table tr td.question{ width: 100%; display: block; padding-left: 0; float: left;}
	.VervolgBodyRechts .miniSurveyView table tr td.nomobiledisplay, .nomobiledisplay{ display: none;}
	.KaartRechtsContent table tr{ display: block; float: left; width: 100%;}

	.Prikpunt_icon label, .Servicepunt_icon label, .Behandelpunt_icon label, .Thuiszorg_icon label{ display: block; float: left; width: 150px;}
	.KaartRechtsContent table tr td.adres{ float: left; padding-top: 20px; padding-left: 0; }
	.KaartRechtsContent table tr td.Afstand{ float: left; padding-left: 0;padding-top: 10px; padding-bottom: 10px;}
	.KaartRechtsContent table tr td{width: 100%; display: block; float:  left; padding: 0; text-align: left;}
	.KaartRechtsContent table tr td.Thuiszorg_icon{ padding-bottom: 20px;}
	.KaartRechtsContent table tr.Titles{ display: none;}
	.kaartLegenda{ padding-left: 10px;}
}

/* PROVINCIE KAART */
.provincie-kaart			{ width: 222px; height: 255px; display: inline-block; }
.provincie-punt				{ position: absolute; }
.provincie-punt a			{ display: block; background: #333; border-radius: 100%; color: #fff; font-weight: 400; width: 25px; height: 25px; font-size: 12px; line-height: 23px; text-align: center; border: 2px solid #fff; }
.provincie-punt a:hover		{ background: #F33F2F; }
.provincie-nh				{ margin-top: 62px; margin-left: 70px; }
.provincie-zh				{ margin-top: 132px; margin-left: 45px; }
.provincie-ze				{ margin-top: 172px; margin-left: 15px; }
.provincie-fr				{ margin-top: 22px; margin-left: 125px; }
.provincie-gr				{ margin-top: 5px; margin-left: 190px; }
.provincie-dr				{ margin-top: 47px; margin-left: 179px; }
.provincie-fl				{ margin-top: 77px; margin-left: 110px; }
.provincie-ov				{ margin-top: 89px; margin-left: 170px; }
.provincie-ge				{ margin-top: 120px; margin-left: 140px; }
.provincie-ut				{ margin-top: 118px; margin-left: 93px; }
.provincie-nb				{ margin-top: 169px; margin-left: 90px; }
.provincie-li				{ margin-top: 215px; margin-left: 136px; }

.postcode-onjuist			{ visibility: hidden; color: #F33F2F; }

.button404{ background-color: #F33F2F; border: none; color: #fff; font-size: 16px; padding: 9px 15px; margin-bottom: 0;}
.button404:hover{ background-color: #333; color: #fff;}
.VervolgBodyRechts p.firstline{ margin-bottom: 0;}

.loginform .label			{ padding-left: 0; }
.loginform label			{ margin-left: 0;color: #333; font-family: "proxima-nova",sans-serif;font-size: 17px;line-height: 170%;font-weight: 300;margin-top: 10px; margin-bottom: 0; }
.loginform input[type="text"],	
.loginform input[type="password"]	{ width: 300px; }
.loginform button,
.button-signup-nl			{ border:0; display: inline-block; background-color: #F33F2F; color: #ffffff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 5px 25px;margin-top: 10px; font-weight: 600; }
.loginform button:hover,
.button-signup-nl:hover		{ background: #333; color: #fff; }
.button-signup-nl			{ margin-top: 0; }
.loginform p				{ margin-top: 10px; margin-bottom: 5px; }
.loginform button			{ margin-right: 36px; }

.disclosure-container p, .disclosure-form{display: inline-block;}
#ccm-cookiesDisclosure .disclosure-container{ padding: 10px 20px;}
#ccm-cookiesDisclosure .disclosure-form{ padding-top:0;}
#ccm-cookiesDisclosure .disclosure-form .button input{ background-color: #F33F2F; border: none; color: #fff; font-size: 16px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0;}