/* Site-specific styles */
body { font-family: 'open-sans', sans-serif; background-color: white; }

body * { color: #4b4b4d; font-size: 14px; line-height: 24px; }

.meta-botmenu { display: none; }

.navbar-header .mobiel-zoeken { display: none; }

/*extra styling tbv engelse logo (incl payoff)-Ben*/
.clearfix .navbar-brand { padding: 15px; height: 84px; }
.clearfix.active .navbar-brand { height: 60px; overflow: hidden; }

header .navbar ul li a { color: #14748c !important; }
header .navbar ul li a.active { color: #e20031 !important; }
header .navbar ul li a:hover { color: #e20031 !important; }
header .navbar ul li ul { width: auto; min-width: 200px; }
header .navbar ul li ul li a { color: white !important; padding: 10px 20px; text-transform: none; }
header .navbar ul li ul li a:hover { color: white !important; transparency: none !important; }
header .navbar ul li ul li:hover { background-color: #fce5ea !important; }
header .navbar ul li ul:after { color: #14748c; }
header.active .navbar { background-color: white !important; border-bottom: 2px solid #f3f3f3 !important; }

.page-banner { background-position: center center; margin-bottom: 0; }
.page-banner .container { margin-top: 20px; }
.page-banner .container h1 { font-size: 40px; line-height: 1em; color: white; float: left; }

section#broodkruimels { background-color: #f3f3f3; margin-bottom: 20px; text-align: right; padding: 0.5em 0; border-bottom: 1px solid #e4e4e4; }
section#broodkruimels li { margin: 0; padding: 0; }
section#broodkruimels li:after { content: "\f105"; font-family: 'FontAwesome'; float: right; margin: 1px 0 0 6px; padding: 0; }
section#broodkruimels li:last-child:after { display: none; }
section#broodkruimels li a { font-size: 0.9em; color: #87888a; padding: 0 5px; }

#content { /* .block-content p	{margin-bottom: 2em;} */ }
#content .well { border: none; box-shadow: none; font-weight: bold; overflow: auto; }
#content .well ul { margin: 20px 0 !important; }
#content .well ul li, #content .well ul li a { font-weight: normal; line-height: 20px; margin-bottom: 10px !important; }
#content .well ul li a { padding-left: 15px; display: block; color: #14748c; }
#content .well ul li a:hover { color: #e20031; }
#content .well ul li a:before { content: "\f0a9"; font-family: 'FontAwesome'; float: left; margin-left: -20px; color: #14748c; display: inline-block; }
#content #innercontent p { margin: 10px 0 20px 0; }
#content #innercontent .block-kader { margin-bottom: 20px; }
#content #innercontent .block-kader .block-content { margin-bottom: 30px; }
#content .sidebar .block-kader { /* @extend .well; waarom werkt dit niet? */ border: 1px solid #dddddd; margin-bottom: 2em; padding: 10px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; overflow: auto; }
#content .sidebar .block-kader .block-header { border-bottom: 1px solid #ddd; margin: auto -10px 10px -10px; padding: 10px; font-size: 1.4em; }
#content .sidebar .block-kader .block-header i { color: #e20031; font-size: 20px; vertical-align: middle; margin-right: 12px; }
#content .sidebar .block-kader form label { margin-left: 10px; }
#content #subnav { padding: 0px !important; margin: 0 !important; }
#content #subnav ul.nav { padding: 5px !important; }
#content #subnav ul.nav li { border-bottom: 1px solid rgba(177, 195, 203, 0.3); padding: 0; }
#content #subnav ul.nav li a { color: #14748c; padding: 10px; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
#content #subnav ul.nav li a i { color: white; }
#content #subnav ul.nav li a i:hover { color: white; }
#content #subnav ul.nav li:hover a { background-color: #e20031; color: white; }
#content #subnav ul.nav li:first-child a { border-radius: 0 !important; }
#content #subnav ul.nav li:last-child { border-bottom: none; }
#content #subnav ul.nav li.active a { color: white; background-color: #e20031; }
#content #subnav ul.nav li.active a:hover { color: white; background-color: #c3c3c4; }
#content #subnav ul.nav li:first-child.active a { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; }
#content #subnav ul.nav li.active ul { margin: 0 !important; padding: 0 !important; }
#content #subnav ul.nav li.active ul li { border-bottom: 1px solid rgba(177, 195, 203, 0.3); }
#content #subnav ul.nav li.active ul li:last-child { border-bottom: none; }
#content #subnav ul.nav li.active ul li a, #content #subnav ul.nav li.active ul li.active a { padding-left: 25px; color: #14748c; background-color: #f3f3f3; }
#content #subnav ul.nav li.active ul li.active a { color: #e20031; }
#content .extrainfo { border: 1px solid #c3c3c4; background-color: white; padding: 3px 10px; border-radius: 3px; margin: 10px 10px 10px 0; font-weight: bold; }
#content .pagination li a { color: #14748c; }
#content .pagination li a:hover { background-color: rgba(177, 195, 203, 0.5); }
#content .pagination li.active a { color: white !important; background-color: #14748c; }
#content .pager .next > a, #content .pager .next > span { float: left; margin-left: 20px !important; }
#content .accord-elem a.accord-link { background-color: #f3f3f3; }
#content .accord-elem a.accord-link:hover { background-color: white; }
#content .accord-elem .accord-content ul { margin: 0 !important; }
#content .accord-elem .accord-content ul li { line-height: 24px; padding-left: 20px; }
#content .accord-elem .accord-content ul li a { font-weight: normal; display: block; color: #14748c; }
#content .accord-elem .accord-content ul li a:hover { color: #e20031; }
#content .accord-elem .accord-content ul li .linkomschr { display: block; padding-left: 0px; }
#content .accord-elem .accord-content ul li:before { content: "\f0a9"; font-family: 'FontAwesome'; line-height: 24px; float: left; margin-left: -20px; color: #14748c; /* of beter $grijs2 */ display: inline-block; }
#content #masonry .well h2 { border-bottom: 1px solid rgba(177, 195, 203, 0.3); margin-top: 0; padding: 10px 0; font-size: 24px; }

.with-sidebar, .with-one-col, #pag231 #innercontent { margin-top: 40px !important; }

.sublayout section { margin: 3em auto; }
.sublayout section.driekols { background-color: gainsboro; }

section.esublayout { padding: 20px 0; }
section.esublayout#aandachtsgebieden h3 { text-align: center; padding: 15px 0; background-color: white; }
section.esublayout a { color: #14748c; }
section.esublayout .block-kader { padding: 0; }
section.esublayout .block-kader .block-content { margin-bottom: 10px !important; }
section.esublayout h2 { font-size: 28px; margin: 10px 0; padding-bottom: 5px; color: #0e5466; border-bottom: 1px solid #b1c3cb; }
section.esublayout h3 { margin: 0 0 20px; padding: 0; font-size: 20px; text-align: left; }
section.esublayout h3:hover a { color: #e20031; text-decoration: none; }
section.esublayout h3 a { color: #14748c; }
section.esublayout p { margin: 10px 0 0; overflow: hidden; }
section.esublayout .block-header { font-size: 28px; }
section.esublayout.bg-grijs { background-color: #f3f3f3; padding: 30px 0 50px; }
section.esublayout.bg-blauwgrijs { background-color: #b1c3cb; padding: 30px 0 50px; }
section.esublayout.bg-blauwgrijs h2.block-header { color: white; }
section.esublayout ul.thema4tag { margin: 10px 25px 20px; }
section.esublayout ul.thema4tag li { list-style: none; margin-bottom: 5px; }
section.esublayout ul.thema4tag li:before { content: "\f0a9"; font-family: 'FontAwesome'; float: left; margin: 0 0 0 -20px; height: 100%; color: #14748c; /* of beter $grijs2 */ display: inline-block; }
section.esublayout ul.thema4tag li:before ul { list-style-type: disc; margin: 10px 20px; }
section.esublayout ul.thema4tag li:before ul li:before { display: none; }

#Trimbos-Pay-off .container { width: 50%; text-align: center; }
#Trimbos-Pay-off .container h2 { border: none; padding: 15px; background-color: #14748c; color: white; }

.alert.alert-info { color: #4b4b4d; background-color: #f3f3f3; border-color: rgba(195, 195, 196, 0.5); }
.alert.alert-info a { font-weight: bold; }

.well.meerzoeken { margin-top: 30px; }
.well.meerzoeken p { margin: 20px 0; }

footer { margin-top: 3em; font-size: 0.9em; padding: 0; background-color: #f3f3f3; }
footer .footer-line * { color: white; }
footer .footer-line * a.go-top { text-align: center; height: auto; width: auto; padding: 5px 10px 10px; border-radius: 0; }
footer .footer-line * a.go-top:before { font-size: 36px; position: relative; vertical-align: top; color: #e20031; }
footer .up-footer { padding: 30px 0 0; }
footer h2 { font-size: 20px; color: black; border-bottom: 1px solid rgba(177, 195, 203, 0.3); padding-bottom: 10px; }
footer ul.pop-post { margin: 0 !important; }
footer ul.pop-post li { line-height: 20px; margin-bottom: 5px !important; }
footer ul.pop-post li a { font-weight: normal; padding-left: 15px; display: block; color: #14748c; }
footer ul.pop-post li a:hover { color: #e20031; }
footer ul.pop-post li a:before { content: "\f0a9"; font-family: 'FontAwesome'; float: left; margin-left: -15px; color: #14748c; /* of beter $grijs2 */ display: inline-block; }
footer ul.list-inline { margin: 10px 0; }
footer ul.list-inline li { border-right: 1px solid white; padding: 0 10px; line-height: 16px !important; }
footer ul.list-inline li a { line-height: 16px !important; }
footer ul.list-inline li:last-of-type { border: none; }
footer .copyright { margin-top: 10px; }

.sitemap .pseudocol { float: left; width: 20%; padding: 0 10px; }
.sitemap .pseudocol h2 { font-size: 16px; text-transform: uppercase; border-bottom: 1px solid rgba(177, 195, 203, 0.3); }
.sitemap .pseudocol h2:after { content: "\f105"; font-family: 'FontAwesome'; margin-left: 10px; color: #0e5466; display: inline-block; }
.sitemap .pseudocol h2 a { color: #0e5466; }
.sitemap .pseudocol h2 a:hover { color: #e20031; text-decoration: none; }
.sitemap .pseudocol ul { margin: 0px; }
.sitemap .pseudocol ul li { padding-left: 15px; }
.sitemap .pseudocol ul li a { font-size: 16px; color: #14748c; }
.sitemap .pseudocol ul li a:hover { color: #e20031; text-decoration: none; }
.sitemap .pseudocol ul li ul { margin: 0 0 20px; }
.sitemap .pseudocol ul li ul li { padding-left: 10px; }
.sitemap .pseudocol ul li ul li a { font-size: 14px; }
.sitemap .pseudocol ul li ul li:before { display: none; }
.sitemap .pseudocol ul li:before { content: "\f0a9"; font-family: 'FontAwesome'; font-size: 12px; float: left; margin: 0 0 0 -15px; height: 100%; color: #14748c; display: inline-block; }

/* headers */
h1, h2, h3, h4, h5, h6 { font-family: "proxima-nova",sans-serif; }

h2 { font-size: 28px; line-height: 1.1em; font-weight: normal; margin-top: 10px; color: black; }

h3 { font-size: 20px; margin-top: 20px; margin-bottom: 5px; color: black; }

h2 a, h3 a { color: #14748c; font-size: inherit; }
h2 a:hover, h3 a:hover { color: #e20031; text-decoration: none; }

/* links */
a { color: #e20031; }

.btn.btn-pijl { border: 1px solid #ddd; margin-top: 0; float: right; color: #e20031; }
.btn.btn-pijl:after { content: "\f0a9"; font-family: 'FontAwesome'; margin-left: 10px; color: #e20031; display: inline-block; }

a.overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }

a.overlay span { display: none; }

a.extern:after, a.externe-link:after { content: "\f08e"; font-family: 'FontAwesome'; font-size: 14px; float: none; margin: 0 0 0 4px; padding: 0; }

/* forms */
form fieldset:only-of-type { padding-top: 10px; }
form fieldset:only-of-type legend { display: none; }

fieldset { background-color: rgba(20, 116, 140, 0.1); border-radius: 4px; margin-bottom: 20px; }
fieldset legend { font-weight: bold; padding: 10px 20px; font-size: 18px; background-color: #b1c3cb; border-radius: 4px 4px 0 0; }
fieldset .form-control { max-width: 80%; margin-left: 10px; }

.btn.btn-primary { background-color: #14748c; color: white !important; border: none; }
.btn.btn-primary:hover { background-color: #0e5466; }
.btn.btn-primary .fa { color: white; }

/* list */
.block-content ul:not(.nav-tabs), #innercontent ul:not(.nav-tabs) { margin: 10px 25px 20px; }
.block-content ul:not(.nav-tabs) li, #innercontent ul:not(.nav-tabs) li { list-style: none; margin-bottom: 5px; }
.block-content ul:not(.nav-tabs) li:before, #innercontent ul:not(.nav-tabs) li:before { content: "\f0a9"; font-family: 'FontAwesome'; float: left; margin: 0 0 0 -20px; height: 100%; color: #14748c; /* of beter $grijs2 */ display: inline-block; }
.block-content ul:not(.nav-tabs) li:before ul, #innercontent ul:not(.nav-tabs) li:before ul { list-style-type: disc; margin: 10px 20px; }
.block-content ul:not(.nav-tabs) li:before ul li:before, #innercontent ul:not(.nav-tabs) li:before ul li:before { display: none; }
.block-content .well dl dt, #innercontent .well dl dt { margin-top: 10px; }
.block-content .well dl dd, #innercontent .well dl dd { font-weight: normal; }
.block-content .well ul, .block-content ul.kaal, .block-content ul.pagination, .block-content ul.pager, #innercontent .well ul, #innercontent ul.kaal, #innercontent ul.pagination, #innercontent ul.pager { margin: auto; }
.block-content .well ul li:before, .block-content ul.kaal li:before, .block-content ul.pagination li:before, .block-content ul.pager li:before, #innercontent .well ul li:before, #innercontent ul.kaal li:before, #innercontent ul.pagination li:before, #innercontent ul.pager li:before { display: none; }

/* tabs */
.tabs-widget { margin: 40px 0 50px; border-bottom: 2px solid #c3c3c4; }
.tabs-widget .tab-links li { margin: 0 !important; }
.tabs-widget .tab-links li a { color: #14748c !important; font-size: 18px !important; background-color: rgba(195, 195, 196, 0.3) !important; line-height: 2em; }
.tabs-widget .tab-links li a:after { content: "\f107"; font-family: 'FontAwesome'; margin-left: 10px; font-size: 18px; }
.tabs-widget .tab-links li:hover a { color: #e20031 !important; background-color: white !important; }
.tabs-widget .tab-links li.active a, .tabs-widget .tab-links li a.active { color: #e20031 !important; font-weight: bold; background-color: white !important; }
.tabs-widget .tab-links li.active a:after, .tabs-widget .tab-links li a.active:after { display: none; }
.tabs-widget .tab-content h3, .tabs-widget .tab-box h3 { font-size: 22px; margin-top: 10px; margin-bottom: 0; }
.tabs-widget .tab-content h4, .tabs-widget .tab-box h4 { font-size: 17px; font-weight: bold; margin-top: 10px; margin-bottom: 0; }
.tabs-widget .tab-content img.fw, .tabs-widget .tab-box img.fw { margin-bottom: 10px !important; }
.tabs-widget .tab-content #tab-prods .well h3, .tabs-widget .tab-box #tab-prods .well h3 { font-size: 18px; font-weight: bold; color: black; margin-top: 0; }
.tabs-widget .tab-content #tab-prods .well h3 a, .tabs-widget .tab-box #tab-prods .well h3 a { color: #14748c; display: block; }
.tabs-widget .tab-content #tab-prods .well:hover, .tabs-widget .tab-box #tab-prods .well:hover { background-color: #b1c3cb; }
.tabs-widget .tab-content #tab-prods .well:hover a, .tabs-widget .tab-box #tab-prods .well:hover a { color: white; text-decoration: none; }
.tabs-widget .tab-content #tab-prods .well p, .tabs-widget .tab-box #tab-prods .well p { font-size: 13px; }
.tabs-widget .tab-content #tab-prods .well img, .tabs-widget .tab-box #tab-prods .well img { width: 100px; margin-right: 15px; }
.tabs-widget .tab-content ul li, .tabs-widget .tab-box ul li { padding-left: 20px; }
.tabs-widget .tab-content ul li a, .tabs-widget .tab-box ul li a { color: #14748c !important; }
.tabs-widget .tab-content ul li a:before, .tabs-widget .tab-box ul li a:before { content: "\f0a9"; font-family: 'FontAwesome'; float: left; margin-left: -20px; }
.tabs-widget .tab-content dl dt, .tabs-widget .tab-box dl dt { font-weight: normal; line-height: 20px; margin-bottom: 0px !important; }
.tabs-widget .tab-content dl dt a, .tabs-widget .tab-box dl dt a { padding-left: 15px; display: block; color: #14748c; }
.tabs-widget .tab-content dl dt a:hover, .tabs-widget .tab-box dl dt a:hover { color: #e20031; }
.tabs-widget .tab-content dl dt a:before, .tabs-widget .tab-box dl dt a:before { content: "\f0a9"; font-family: 'FontAwesome'; float: left; margin-left: -20px; color: #14748c; display: inline-block; }

.nav-tabs { margin-bottom: 2em; }

/* helper classes */
.clear { clear: both; }

.hidden { display: none; }

.klein { font-size: 0.9em; }

.overfl { overflow: auto; }

.ruim { margin: 3em 0; }

.subtiel { color: silver; }

a.subtiel { color: inherit; }

.extrainfo { text-transform: uppercase; color: #87888a; }

.leesverder { color: #e20031; }
.leesverder:after { content: "\f105"; font-family: 'FontAwesome'; margin-left: 5px; color: #e20031; display: inline-block; }

.social-icons a i { width: 50px; height: 50px; padding: 10px; margin: 5px; color: #14748c; border: 1px solid #b1c3cb; border-radius: 4px; }
.social-icons a i:hover { background-color: #f3f3f3; }

.tekstrechts { text-align: right; }

.mb2 { margin-bottom: 2em; }

.well { border: none; box-shadow: none; margin-bottom: 30px; }

img.fw { width: 100%; }

/* door de maintenance toegekend bij uitlijnen imgs. 
plaats desgewenst andere padding of borders. */
.imgmid { margin: 10px auto 10px auto; }
.imgmid img { width: 100%; }

.imglinks { float: left; margin: 0 10px 10px 0; }

.imgrechts { float: right; margin: 0 0 10px 10px; }

.imgcenter { text-align: center; display: block; margin: 15px 0; }

.imgcontainer { position: relative; display: block; }
.imgcontainer em { position: absolute; bottom: 0; left: 0; right: 0; padding: 3px 5px; font-size: 0.9em; background-color: rgba(255, 255, 255, 0.7); }

/* weergave iframes en video */
.video-container, .map-container { border: medium none; height: 0; margin: 0 0 15px; overflow: hidden; padding-bottom: 51%; padding-top: 30px; position: relative; }

.video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

iframe { border: medium none; }

/*----------overig--------------*/
hr { margin: 10px 0 !important; border-color: rgba(177, 195, 203, 0.5) !important; }

hr.blauw { margin: 10px 0 !important; border-top: 2px solid rgba(20, 116, 140, 0.5) !important; }

/* module specifieke styling */
.landing-carousel { margin: 2em 0; }
.landing-carousel .carousel-caption { width: 40%; bottom: 10%; text-align: left !important; right: 0 !important; left: auto; padding: 0; }
.landing-carousel .carousel-caption p { display: block; margin: 0; font-family: "proxima-nova",sans-serif; font-size: 18px; line-height: 26px; padding: 10px; background-color: rgba(75, 75, 77, 0.7); text-shadow: none; color: white; text-align: left !important; }
.landing-carousel .carousel-caption p .btn.btn-primary { float: right; margin: 10px 0 0; }
.landing-carousel .carousel-caption .carousel-btn { width: 100%; float: right; top: 0; right: 0 !important; left: auto; padding: 0; background: none; }
.landing-carousel .carousel-caption .carousel-btn .btn.btn-primary { float: right; margin: 0; border-radius: 0; }
.landing-carousel .carousel-indicators { bottom: 0; background-color: rgba(14, 84, 102, 0.6); width: 100px; margin: 0 auto; padding: 0 5px; left: 45%; right: 45%; }

/* uitzondering homepage */
body.templ31 .landing-carousel { margin: -4em 0 2em 0; }

#zoekres { margin-top: 40px; }
#zoekres div { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(177, 195, 203, 0.5); }
#zoekres div h2 { font-size: 24px; margin: 0; }
#zoekres div h2 b { color: #e20031; /* padding: 0 5px; */ font-size: 24px; }

/* Media-queries */
/* Large desktop */
@media (max-width: 1200px) { .page-banner .container h1 { font-size: 34px; }
  #aandachtsgebieden h3 { height: 80px; } }
/* Alle non-desktops */
@media (max-width: 992px) { #content #subnav { margin-bottom: 30px !important; }
  .page-banner .container h1 { font-size: 30px; }
  section#broodkruimels { margin-bottom: 30px; }
  #home-uitgelicht .container h2 { font-size: 28px; }
  #home-uitgelicht .container .row { padding: 0; margin: 0; }
  #home-uitgelicht .container .row .drieblocks:nth-of-type(1) { padding: 0 0 10px 0 !important; }
  #home-uitgelicht .container .row .drieblocks:nth-of-type(2) { padding: 5px 0 !important; }
  #home-uitgelicht .container .row .drieblocks:nth-of-type(3) { padding: 10px 0 0 0 !important; }
  #home-uitgelicht .container .row .drieblocks .block-kader { background-color: rgba(177, 195, 203, 0.3); height: 150px; padding: 20px 10px; text-align: center; }
  #home-uitgelicht .container .row .drieblocks .block-kader h3 { text-align: center; }
  section.esublayout { padding: 20px 0 30px !important; }
  .winkeltabel { max-width: 80% !important; }
  .tabs-widget #tab-prods .block { width: 50%; }
  footer .copyright { text-align: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f17f98; } }
/* Portrait tablet to landscape and desktop */
@media (max-width: 768px) { .meta-topmenu { display: none; }
  .meta-botmenu { width: 100%; display: block; }
  .meta-botmenu #meta { width: 100%; float: left; margin-left: -15px !important; padding: 10px 0; }
  .meta-botmenu #meta li { display: block; width: 100%; padding: 0; text-transform: uppercase; line-height: 24px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .meta-botmenu #meta li a { padding: 10px 15px !important; display: block; color: white !important; font-weight: bold; }
  .meta-botmenu #meta li a:hover { color: #e20031 !important; background-color: white; }
  .meta-botmenu #meta li .form-inline { padding: 5px 0; }
  .meta-botmenu #meta li .form-inline input { max-width: 50%; float: left; margin-right: 20px; }
  .zoekblok .form-inline input, .zoekblok .form-inline select, .well.form-inline input, .well.form-inline select { margin-bottom: 10px; width: 75%; float: left; }
  .zoekblok .form-inline .btn, .well.form-inline .btn { float: left; margin-left: 20px; background-color: #14748c; border: medium none; }
  .zoekblok .form-inline .btn i:before, .well.form-inline .btn i:before { content: "Zoeken"; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #FFF !important; }
  #container { padding-top: 100px; }
  .page-banner .container h1 { font-size: 24px; }
  .navbar-brand img { width: 140px; }
  .navbar-header .mobiel-zoeken { display: inline-block; position: absolute; right: 80px; top: 25px; padding: 5px 15px; }
  .navbar-header .navbar-toggle { background-color: #e20031; border: none; }
  .navbar-header .navbar-toggle .icon-bar { background-color: white !important; }
  .navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus { background-color: #14748c !important; }
  .navbar-collapse { background-color: #e20031; max-height: 600px !important; }
  .navbar-collapse .navbar-nav { border-bottom: 3px solid white; }
  .navbar-collapse .navbar-nav li { margin: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .navbar-collapse .navbar-nav li a, .navbar-collapse .navbar-nav li a.active { padding: 10px !important; color: white !important; }
  .navbar-collapse .navbar-nav li a:hover, .navbar-collapse .navbar-nav li a.active:hover { color: #e20031 !important; background-color: white; }
  .navbar-collapse .navbar-nav li a.active { font-weight: bold; }
  .navbar-collapse .navbar-nav li li a:hover { color: #e20031 !important; background-color: white; }
  .navbar-collapse .navbar-nav li .drop-down { display: none; }
  body.templ31 .landing-carousel { margin: 0; }
  body.templ31 .landing-carousel .carousel-inner img { height: 300px; width: auto !important; max-width: none !important; }
  body.templ31 .landing-carousel .carousel-caption { width: 70%; bottom: 20%; }
  .bigimg:first-of-type p { font-size: 24px !important; }
  .bigimg .img-overlay { width: 65% !important; }
  .tabs-widget { margin: 40px 15px 50px; }
  .tabs-widget #tab-prods .block { width: 100%; }
  .blog-box.with-one-col .inner-item { float: left; }
  #cookiemessagebar { display: none; }
  #orderform .form-group, .betaalform .form-group, .form-group input { padding: 0 20px; margin-left: 0; }
  .bestelaantal .bestel_detail { width: 100%; text-align: right; }
  .bestelaantal .bestel_detail button { display: inline-block; overflow: hidden; }
  .bestelaantal .bestel_detail .form-group { margin-bottom: 0; }
  .bestelaantal .bestel_detail .form-group label, .bestelaantal .bestel_detail .form-group input { display: inline-block; margin: 0 5px; float: left; } }
/* Landscape phones and down */
@media (max-width: 480px) { .page-banner { margin-bottom: 30px; }
  .page-banner .container h1 { font-size: 20px; }
  #broodkruimels { display: none; }
  .bigimg:first-of-type p { font-size: 20px !important; }
  .bigimg .img-overlay { width: 100% !important; }
  .zoekblok .form-inline input, .zoekblok .form-inline select, .well.form-inline input, .well.form-inline select { width: 60%; }
  .tabs-widget .tab-links li a { font-size: 14px !important; }
  .blog-box.with-one-col .inner-item { min-width: 100%; margin-right: 0; }
  .blog-box.with-one-col .inner-item img { width: 100%; }
  .blog-box.with-one-col .news-item { margin-bottom: 20px !important; }
  .blog-box.with-one-col div.pagination { width: 100%; text-align: center; }
  #aandachtsgebieden h3 { height: auto; }
  #aandachtsgebieden div { width: 100%; }
  #aandachtsgebieden div img { width: 100%; }
  #aandachtsgebieden .row { margin: 0 auto; }
  .prijsregel .prod_prijs { margin-right: 0; }
  .bestelaantal .bestel_detail { width: 100%; text-align: right; }
  .bestelaantal .bestel_detail button { margin-top: 10px; } }
/* Styles voor printen */
@media print { #menu, #header, header, #crumbs, .nav, .navbar, #footer, footer, #sidebar, a.verborgen, .dummy, .meta, .noprint { display: none; visibility: collapse; }
  #content, .printonly { border: none; width: 100%; margin: auto; }
  a { color: black; text-decoration: none; }
  th { text-align: left; }
  .links { float: left; }
  .rechts { float: right; }
  .imglinks { float: left; margin: 0 10px 10px 0; }
  .imgrechts { float: right; margin: 0 0 10px 10px; }
  a[href]:after, abbr[title]:after { content: ""; }
  .tab-content > .tab-pane, .pill-content > .pill-pane { display: block; } }