/* CSS Document */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; }

h1, h2, h3, h4 { font-family: 'Roboto Slab', serif;}

h1 { margin:0 0 10px 0; padding:0; font-size:18px; color:#18272b; font-weight:normal; }
	h1 a { text-decoration:none; color:#18272b; }
h2 { margin:0; padding:0; font-size:16px; color:#18272b; font-weight:normal; }
	h2 a { text-decoration:none; color:#18272b; }
h3 { margin:0; padding:0; font-size:14px; color:#18272b; font-weight:normal; }
	h3 a { text-decoration:none; color:#18272b; }
 
.rowsmall { margin-left: 30px; margin-right: 30px;}
/*

    font-family: 'Roboto Slab', serif;


*/
.blockContent.col-md-12 { padding: 0 14px; }

#cookiebar { padding: 15px 0; background: rgba(0,0,0,0.8); border-top: 2px solid #000; position: fixed; width: 100%; max-width: 400px; bottom: 40px; left: 40px;  z-index: 666; }
#cookiebar .container { max-width: 100% !important;}
#cookiebar .content { float: left; width: 100%; box-sizing: border-box; padding: 0 15px; color: #fff;}
#cookiebar .buttonholder     { float: left; width: 100%; box-sizing: border-box; padding: 0 15px; }
#cookiebar .buttonholder .approve    {  display: block; text-align: center; background: #004088; color: #fff; padding: 7px 12px; transition: all .2s ease-out ; font-weight: bold; text-decoration: none;  text-decoration: none; }
#cookiebar .buttonholder .approve:hover { background: #00336D; }
#cookiebar .content a { color: #fff; text-decoration: underline; }
#cookiebar .content a:hover { color: #fff; }


a { color:#c9d400;}
a:hover { color:#004088; }
.col-main a { text-decoration: underline;}

a img { border:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }
 @media screen and (max-width: 720px) {
img.left, img.right, .imageTop { width:100%; height:auto; float:none;}
}

hr { margin:0; padding:0; height:1px; border:none; color:#a2b800; background:#a2b800;}
span.personalize { background:#FF0;}

.transition {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
}

.nopadding { padding-left:0; padding-right:0;}
.extrapadding { padding-top:15px; padding-bottom:15px; }

/* Id's */
#mainbody { background: url(../img/achtergrond/achtergrond_page.jpg) top center #e8e8e8 no-repeat;  padding-top: 20px; }

#mainbody .col-main ol, #mainbody .col-main ul { margin: 0 0 0 20px ; padding: 0; color: #6e6e6e;}
#mainbody .col-main ul li, #mainbody ol li { padding: 2px 0  ; }
#mainbody .col-main ul li { list-style: square; }

.kaderwit { background: #fff; padding: 20px 44px; box-sizing: border-box; }
.witkader { background: #fff;}
.template-id13 .kaderwit { background: transparent; }

.template-id10 #mainbody { background: url(../img/achtergrond/achtergrond_homepage.jpg) top center #e8e8e8 no-repeat; }

/* Classes */
.clear { clear:both; }
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}


/* Form opmaak */
.formField		{ max-width:270px; width:100%; height:26px; border:1px solid #000; margin:0; padding:4px; font-size:13px; box-sizing:border-box; }
textarea.formField	{ max-width:430px; width:100%; height:75px; border:1px solid #000; margin:0; padding:4px; font-size:13px; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif; }
.formCheckbox 	{ width:auto; }
.formRadio 		{ width:auto; border:none; }
.formError 		{  border-color:#d43d2f; }
.formHover		{ border-color:#ffcc01; }

div.formError 	{ color:#d43d2f; font-size:14px; }

	.formSubmit { background:#333; border:none; color:#fff; padding:3px 10px;}
	.formSubmit:hover { background:#434242;}

	
	/* Mod-form */
	.customerForm { }
	.customerForm table {}
	.customerForm table td { padding:2px 0;}
	.customerForm table td.fieldname { font-weight:bold;}
	.customerForm table td.td_error { color:#f00; }
	.customerForm table td.linebreak label { display:block;  }
	.customerForm table td h1 { font-size:22px; margin:0; padding:0;}
	.customerForm table td h2 { font-size:18px; margin:0; padding:0;}


	/* Mod-search */
	#mod-search {}


	
	#mod-search #keyword{ background:#EFEFEF; border:1px solid #EFEFEF; padding:10px; line-height:20px; font-size:14px; width:70%;}
	#mod-search button{ cursor:pointer; border:#004088 1px solid; background:#004088; color:#fff; padding:6px 20px; margin-left:10px; }
	#mod-search button:hover{ border:#c9d400 1px solid; background:#c9d400; }
	
	.mod-search-page-result { margin-bottom:10px; padding:10px 0; border-bottom:1px solid #EFEFEF; color:#666; }
	.mod-search-result { padding:10px 0;  border-bottom:1px solid #EFEFEF;}
	.mod-search-result-title { font-size:20px; color:#004088; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal; }
	.mod-search-result-title:hover { color:#000;}
	.mod-search-result-bread { font-size:10px; color:#999; }

	.mod-search-pagination { padding:20px 0 10px;}
	.mod-search-pagination a{ border:1px solid #A6A6A6; padding:6px 10px; margin-right:3px;}
	.mod-search-pagination a.active,
	.mod-search-pagination a:hover{ border:1px solid #c9d400; color:#c9d400;}
	
	
	.mod-pagination { padding:20px 0 10px;}
	.mod-pagination a{ border:1px solid #004088;  color: #004088; padding:6px 10px; margin-right:3px;}
	.mod-pagination a.active,
	.mod-pagination a:hover{ border:1px solid #c9d400; color:#fff; background: #c9d400; text-decoration: none;}
	

	
	/* Mod-fotoalbum */
	.fotoalbum { margin:0; padding:0; list-style:none; }
	.fotoalbum li { float:left; margin:0 5px 5px 0; height:120px; width:150px; overflow:hidden; }
	.fotoalbum li a { border:1px solid #249d37; overflow:hidden; display:block; text-align:center; padding:2px; }
	.fotoalbum li a:hover { border-color:#000; }

	/* Mod-RSS */
	.rss-article { margin:0; padding:0; list-style:none; }
	.rss-article .image { float:right; margin:0 0 5px 5px; height:120px; width:150px; overflow:hidden; }
	.rss-article .image img { max-width:100%; }

/* SITEMAP */
	.mod-sitemap{ margin:0px 12px;}
	.mod-sitemap ul{ list-style:none;	}
	.mod-sitemap ul ul li{ padding:8px 0px 8px 20px; 	background:url(../img/layout/sitemap.gif) left top no-repeat; }
	.mod-sitemap ul ul li:nth-last-child(1){ 	padding:8px 0px 8px 20px; background:url(../img/layout/sitemap-last.gif) left top no-repeat !important;}
	.mod-sitemap ul a{ 	text-decoration:none; }
	.mod-sitemap ul a:hover{ text-decoration:underline;}
/*
BLAUw 
004088

Groen
c9d400

*/ 

.navbar { z-index: 500; border-radius: 0; margin: 0;  background: #fff; border-bottom: 6px solid #c9d400; font-family: 'Roboto Slab', serif; }
.navbar .container { position: relative;}
.navbar-brand { position: absolute; right: 0; }
.navbar-brand img { width: 115px; height: auto; } 


#navbar { color: #004088;}
#navbar ul  { list-style: none; margin: 0 0 30px; padding: 0; }
#navbar ul li { margin: 0; padding: 0 2px; float: left; color: #004088;}
#navbar ul li a { color: #004088;}
#navbar ul li a:hover, #navbar ul li a.active { color: #c9d400; text-decoration: none;}

/* #navbar ul li:first-child{ display: none; } */
#navbar ul li::after{
  content: " - ";
}
#navbar ul li:last-child::after{
  content: "";
}


#navbar span.topmenuzoeken { display: none;}
.menuitem span.glyphicon { display: none;}

.langcode { font-size: 14px; color: #004088; text-transform: uppercase; padding: 10px 0; }
.langcode strong { color: #c9d400;}
.langcode a { color: #004088; font-weight: bold; }
.langcode a:hover { color: #c9d400; text-decoration: none;}


.body-blauw .navbar {  background: #004088; }
.body-blauw #navbar ul li, .body-blauw #navbar ul li a { color: #fff;}
.body-blauw #navbar ul li a:hover, .body-blauw #navbar ul li a.active { color: #c9d400;}
.body-blauw .langcode, .body-blauw .langcode a { color: #fff;}

.body-groen .navbar {  background: #c9d400; border-color: #004088;  }
.body-groen #navbar ul li a { color: #004088;}
.body-groen #navbar ul li a:hover, .body-groen #navbar ul li a.active { color: #fff;}
.body-groen .langcode strong, .body-groen .langcode a:hover { color: #fff;}
.body-groen .langcode, .body-groen .langcode a { color: #004088;}

header {  height: 360px; line-height: 95%;  font-family: 'Roboto Slab', serif; font-size: 54px; color: #fff; text-shadow: 0 0 8px rgba(0,0,0,.7); background-position: center; background-repeat: no-repeat; background-size: cover; }
header .col-md-12 { height: 360px; position: relative; }
header .header-pos { position: absolute; bottom: 20px; right: 0;  }


.col-main { padding:10px 14px 0 34px; }

.homepagelinks { padding-right: 60px;}
.homepagelink { height: 150px; display: block; position: relative; }
.homepagelink .homepagelink-text { font-weight:  bold; color: #747474; font-family: 'Roboto Slab', serif; font-size: 24px;  z-index: 20; position: absolute; bottom: 50px;  }
.homepagelink .homepagelink-img { box-sizing: border-box;  top: 20px;  z-index: 10; position: absolute; right: 0;  width: 320px; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); }
.homepagelink .homepagelink-line { width: 100%; position: absolute; bottom: 30px; height: 2px; background: #747474;  }

a.homepagelink:hover .homepagelink-text { color: #fff; }
a.homepagelink:hover .homepagelink-line { background: #fff; }
a.homepagelink:hover .homepagelink-img { border-width: 4px; }

.homepagelinks a { background-repeat: no-repeat; background-position: 165px 2px; }

.homepagelinks a:first-child { background-image: url(../img/homepage-icon0.png); }
.homepagelinks a:nth-child(2) {  background-image: url(../img/homepage-icon1.png); }

.homepagerechts { padding-left: 30px; padding-top: 20px; }
.homepagerechts h1 { font-size: 18px; margin-bottom: 20px; }
.homepagerechts h2 { font-size: 18px; margin-bottom: 20px; }
a.homepagerechtslink { font-family: 'Roboto Slab', serif;  font-size: 18px;  width: 100%;  display: block; padding: 8px 35px 8px 0; margin-bottom: 5px; border-bottom:#868786 2px solid; background-repeat: no-repeat; background-position: center right; color: #868786; }

a.homepagerechtslink:hover { text-decoration: none; color: #c9d400; border-color: #c9d400; }

a.homepagerechtslink1 { background-image: url(../img/homepage-icon-zoeken.png); }
a.homepagerechtslink2 { background-image: url(../img/homepage-icon-bestek.png); }
a.homepagerechtslink3 { background-image: url(../img/homepage-icon-info.png); }
a.homepagerechtslink4 { background-image: url(../img/homepage-icon-voorwaarden.png); }
a.homepagerechtslink5 { background-image: url(../img/homepage-icon-milieu.png); }
a.homepagerechtslink1:hover { background-image: url(../img/homepage-icon-zoeken-mo.png); }
a.homepagerechtslink2:hover { background-image: url(../img/homepage-icon-bestek-mo.png); }
a.homepagerechtslink3:hover { background-image: url(../img/homepage-icon-info-mo.png); }
a.homepagerechtslink4:hover { background-image: url(../img/homepage-icon-voorwaarden-mo.png); }
a.homepagerechtslink5:hover { background-image: url(../img/homepage-icon-milieu-mo.png); }

.bannerblock-homepage { margin-top: 20px; background: #fff;     border: 2px solid #fff;    box-shadow: 0 0 5px rgba(0,0,0,.5); }
.bannerblock-homepage-afbeelding { float: right; width: 316px;}
.bannerblock-homepage-afbeelding .img-100 { width: 100%; height: auto; }
.bannerblock-homepage-text { float: left; width: 100%; padding: 10px; box-sizing: border-box;  }
.bannerblock-homepage-image .bannerblock-homepage-text { width: calc(100% - 320px); }
.bannerblock-homepage h3 { color: #004088;  font-size: 20px; margin-bottom: 10px; }
.bannerblock-homepage-text span { margin-top: 5px; display: inline-block; color: #fff; background: #004088;      border-radius: 2px;    padding: 10px;      font-family: 'Roboto Slab', serif; }
.bannerblock-homepage-Groen h3 { color: #c9d400;}
.bannerblock-homepage-Groen span { background: #c9d400;}
a.bannerblock .bannerblock-homepage-text { color: #333;}
a.bannerblock:hover h3 { color: #c9d400;}
a.bannerblock:hover span { background: #c9d400;}
a.bannerblock:hover .bannerblock-homepage-Groen h3 { color: #004088;}
a.bannerblock:hover .bannerblock-homepage-Groen span { background: #004088;}
.bannerblock-homepage-title { display: none;}

.rowuitgelicht { margin-top: 20px; }
.rowuitgelicht h2 { color: #004088; font-size: 24px; font-weight: bold; padding-top: 10px; }

.flexcon {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 3;
  -webkit-column-gap:   40px;
  -moz-column-count:    3;
  -moz-column-gap:      40px;
  column-count:         3;
  column-gap:           40px;
		break-inside: avoid-column;
	    -webkit-column-break-inside: avoid;
}

.itemflex {
  /* Just in case there are inline attributes */
	width: 100% !important;
	height: auto !important;
	padding: 15px 0 15px;
	line-height: 120%;
	margin: 0;
	-webkit-column-break-inside: avoid; 
	page-break-inside: avoid;        
	break-inside: avoid-column;       
	display:table;                    
}
.itemflexstart	{ padding: 0 0 ;}


a.link-uitgelicht { display: block; width: 100%; text-align: center;}

a.link-uitgelicht h3 { color: #c9d400; font-size: 24px; padding: 15px 0; }
a.link-uitgelicht.link-uitgelicht-notext h3 { color: #004088;  }
a.link-uitgelicht span { border-radius: 2px; padding: 10px; margin: 10px auto; font-family: 'Roboto Slab', serif;  display: inline-block; background: #bfbfbf; color: #fff;}
a.link-uitgelicht p { color: #707173;}

a.link-uitgelicht:hover { text-decoration: none; } 
a.link-uitgelicht:hover h3 { color: #707173;}
a.link-uitgelicht:hover p { color: #c9d400;}
a.link-uitgelicht:hover span { background: #c9d400; }  

#mainbody.mainsection { padding-top: 60px;} 
.row.textdefault {  margin-bottom: 40px; }
#mainbody.mainsection .kaderwit { padding-left: 14px; padding-bottom: 40px; }
.mainsection p { color: #6e6e6e;}
.mainsection h1 { color: #004088; font-weight: bold; font-size: 24px; margin-bottom: 35px; }
.mainsection h2 { color: #004088; font-weight: bold; font-size: 18px; margin-bottom: 4px; } 
.mainsection h3 { color: #004088; font-weight: bold; font-size: 18px; margin-bottom: 4px; } 
.mainsection h4 { color: #004088; font-weight: bold; font-size: 16px; margin-bottom: 4px; } 
.mainsection p.intro { font-weight: bold; font-style: italic; }
.blockContent .left, .blockContent .right { width: 100%; height: auto; }
.blockContent { padding: 10px 0;}

.col-menu { padding-top: 80px;  }
ul.menumainbody, ul.menumainbody ul { list-style: none; padding: 0; margin: 0; }
ul.menumainbody > li a { font-weight: bold; display: block; padding: 12px 0; font-family: 'Roboto Slab', serif; font-size: 18px; color: #004088; border-bottom: solid 2px #004088; }
ul.menumainbody li a:hover, ul.menumainbody li a.active {	color: #c9d400; text-decoration: none; } 
ul.menumainbody ul li a { font-weight: normal; padding-left: 20px; }
ul.menumainbody ul ul li a { font-weight: normal; padding-left: 40px; font-size: 14px; }

.menumainbody-b { background: url("../img/homepage-icon-bestek-blauw.png") no-repeat right center; }
.menumainbody-z { background: url("../img/homepage-icon-zoeken-blauw.png") no-repeat right center; }
.menumainbody-i { background: url("../img/homepage-icon-info-blauw.png") no-repeat right center; }

.menumainbody-b:hover { background-image: url("../img/homepage-icon-bestek-mo.png"); }
.menumainbody-z:hover { background-image: url("../img/homepage-icon-zoeken-mo.png"); }
.menumainbody-i:hover { background-image: url("../img/homepage-icon-info-mo.png"); }

.col-grid {  display: grid;     display:-ms-grid;   grid-column-gap: 2%;  grid-template-columns: 32% 32% 32%;       -ms-grid-columns:32% 32% 32%;  }
.col-grid-link { }


.productgroup { margin: 10px 0;}
.productgroup h3 a, h2.h2producten { margin-bottom: 10px; padding: 8px 0; color: #004088; display: block;  border-bottom: solid 2px #004088; }
.productgroup h3 a:hover { text-decoration: none; color: #c9d400; border-color: #c9d400; }
a.productgrouplink { text-align: center; display: block; color: #c9d400; padding-top: 10px; padding-bottom: 10px; text-decoration: none;}
a.productgrouplink img { padding-bottom: 5px;}
a.productgrouplink:hover { color: #004088; text-decoration: none;}

.productoverview h2 { margin-bottom: 15px; padding: 28px 0 8px; color: #004088; display: block;  border-bottom: solid 2px #004088; }

.productoverviewlinks { margin-top: -20px;}
.productoverviewlinks a { text-decoration: none; font-weight: bold; display: block; padding: 12px 0; font-family: 'Roboto Slab', serif; font-size: 18px; color: #004088; border-bottom: solid 2px #004088; }
.productoverviewlinks a:hover, ul.menumainbody li a.active { border-color:#c9d400; 	color: #c9d400; text-decoration: none; } 
ul.menumainbody ul li a { font-weight: normal; padding-left: 20px; }
ul.menumainbody ul ul li a { font-weight: normal; padding-left: 40px; font-size: 14px; }
.productlocator { background: url("../img/homepage-icon-bestek-blauw.png") no-repeat right center; }
.productbestektool { background: url("../img/homepage-icon-zoeken-blauw.png") no-repeat right center; }
.productinfomap { background: url("../img/homepage-icon-info-blauw.png") no-repeat right center; }
.productlocator:hover { background-image: url("../img/homepage-icon-bestek-mo.png"); }
.productbestektool:hover { background-image: url("../img/homepage-icon-zoeken-mo.png"); }
.productinfomap:hover { background-image: url("../img/homepage-icon-info-mo.png"); }

.productoverview .rowinspiratie { padding: 0; margin: 0 -14px;}
.productoverview .rowinspiratie a h2 { font-size: 18px; margin-bottom: 10px; padding: 28px 0 8px; color: #004088; display: block;  border-bottom: solid 2px #004088; }
.productoverview  .inspiratiepop{
	
	display:-ms-grid;
   -ms-grid-columns: 24% 24% 24% 24%;
	-ms-grid-rows: repeat(2, auto);
	
	padding: 30px 0 40px;
	display: grid;
	grid-template-columns: repeat(4, 24%);
	grid-template-rows: repeat(2, auto);
	grid-gap: 10px;
}

a.actueelback { display: inline-block; padding-bottom: 10px; text-decoration: none; }

.inspiratieoverview .inspiratiepop{
	display:-ms-grid;
   -ms-grid-columns: 24% 24% 24% 24% ;
	padding: 30px 0 40px;
	display: grid;
	grid-template-columns: repeat(4, 24%);
	grid-gap: 1.5;
}

.inspiratieoverview #mod-search { padding-top: 10px;}
.inspiratieoverview #mod-search #keyword { width: 75%; max-width: 75%; height: 40px; }
.inspiratieoverview #mod-search .formSearchSubmit { width: 20%; height: 40px; }

.inspiratiewit { padding-left: 0; padding-right: 0;}
.inspiratiefilter { background: #fff; margin-left: -10px; padding: 25px;}
.col-md-3.inspiratiefilter { width: 24%;}
.inspiratieoverview {  background: #fff; margin-right: -10px; margin-left: 20px; padding: 15px;}
.inspiratieoverview-detail { background: transparent;}

.owl-prev {    left: 0;    position: absolute;    top: 49%;	}
.owl-next {    right: 0;    position: absolute;   top: 49%;	}
.owl-theme .owl-nav [class*="owl-"] { background: rgba(0,0,0,.2); font-size: 26px; margin: 0; padding: 11px 11px 5px; color: rgba(255,255,255,0.80); border-radius: 0px;}

.owl-theme .owl-nav [class*="owl-"]:hover { background: rgba(0,0,0,.8); color: rgba(255,255,255,0.80); }

.sliderinspiratie    {position: relative; margin-bottom: -10px; box-shadow: 0 0 15px rgba(0,0,0,.5); }
.SlidePhotoSelect { position: absolute; top: 10px; width: 100%; text-align: center; z-index: 5000; }
.SlideSelect { background: #fff; display: inline-block; padding: 0; margin: 5px; border: 4px #fff solid;  }
.SlideSelect.active {  border-color: #c9d400;  }

a.backlink { margin-top: 20px; display: block; border-bottom: 2px solid #004088; color: #004088;}
a.backlink:hover {  border-color: #c9d400; color: #c9d400;}

.inspiratieoverview-detail h2 { border-bottom: 2px solid #004088; color: #004088; margin-top: -12px; margin-bottom: 10px;} 
.inspiratieoverview-detail a.productgrouplink { color: #004088;}
.inspiratieoverview-detail a.productgrouplink:hover { color: #c9d400;}
.inspiratieoverview-detail .col-md-4 { margin-bottom: 10px;}

.rowinspiratie { padding-top: 50px; }
.rowinspiratie a h2 { font-size: 24px; color: #9c9c9c; }
.rowinspiratie a:hover, .rowinspiratie a:hover h2 { color: #004088; text-decoration: none;}
.inspiratiepop{
	padding: 30px 0 40px;
	display:-ms-grid;
   -ms-grid-columns: repeat(6, 16.6%);
	display: grid;
	grid-template-columns: repeat(6, 16.6%);
	grid-template-rows: repeat(2, auto);
	grid-gap: 10px;
}
.tumbpop { display: block; width:100%; float: left; position: relative; border:2px solid #fff; }

a.tumbpop .tumbpop-overlay {  }  
a.tumbpop .tumbpop-overlay {  opacity: 0; box-sizing: border-box;  position: absolute;   width: 100%; height: 100%;  background: rgba(0,64,136,0.4) url(../img/layout/tumbpopup-icon.png) no-repeat center; } 

a.tumbpop:hover .tumbpop-overlay { opacity: 1; } 
a.tumbpop:active .tumbpop-overlay { background-color: rgba(201,212,0,0.40);   } 
a.tumbpop .tumbpop-img {}

.fancybox-content a.inspiratielink { display: block; text-decoration: none; padding: 9px 15px; position: absolute; right: 0; bottom: 0; background: #c9d400; color: #fff;}
.fancybox-content a.inspiratielink:hover { background: #004088; color: #fff;}

.fancybox-content h3 {padding-top: 10px;}

.fancybox-close-small {
	 background: #bfbfbf;
	border: 0;
	border-radius: 0;
	color: #fff !important;
	cursor: pointer;
	opacity: 1;
	padding: 8px;
	position: absolute;
	right: -12px;
	top: -44px;
	z-index: 401;
}
.fancybox-close-small:hover { background: #004088; color: #fff;}
  
ul.inspiratiemenu, ul.inspiratiemenu ul { list-style: none; padding: 0; margin: 0; }
ul.inspiratiemenu > li a { font-weight: bold; display: block; padding: 12px 0; font-family: 'Roboto Slab', serif; font-size: 14px; color: #004088; border-bottom: solid 2px #004088; }
ul.inspiratiemenu ul li a { font-weight: normal; padding-left: 15px; position: relative; }
ul.inspiratiemenu ul ul li a { font-weight: normal; padding-left: 30px; font-size: 14px; padding-right: 35px; }

ul.inspiratiemenu > li a.inspiratieproduct { padding-left: 40px; font-size: 12px;  }
ul.inspiratiemenu li a:hover, ul.inspiratiemenu li a.active {	color: #c9d400; text-decoration: none; } 
ul.inspiratiemenu > li a.btnfilter { padding: 0; position: absolute; right: 25px; height: 46px; width: 46px; line-height: 46px; z-index: 50; text-align: center; display: block; border: 0; }
a.btnfilter span { transform: rotate(180deg); }
a.btnfilter.collapsed span { transform: rotate(0deg); }

.inspiratieoverview h2 { font-size: 20px; color: #004088; padding: 0 0 3px; margin: 0 0 5px; border-bottom: 1px solid #004088; }
.inspiratieoverviewZoeken { padding-top: 20px;}

.downloadbloktekst h2 {  border-bottom: 2px solid #004088; padding-bottom: 4px; margin-bottom: 5px;  }
div.downloadblok {
	display: grid;	
	grid-template-columns: repeat(3, 33%);
	grid-gap: 14px;
	padding: 20px 0;
    
    
	display:-ms-block;
    -ms-grid-gap: 14px;	
   -ms-grid-columns:  1fr 1fr;
    
}

div.downloadblok a { background: #004088; color: #fff; height: 100%;  display: block; width: 100%; text-align: center; padding: 10px; border-radius: 2px; text-decoration: none;	}
div.downloadblok a:hover { background: #c9d400; color: #000; }

span.date { padding-bottom: 10px; display: inline-block; color: #6e6e6e; opacity: 0.7; }

/* FOOTER */
footer { background: #004088;  color: #fff; padding-top: 30px; padding-bottom: 30px; }
footer a { color: #fff;}
footer a:hover { text-decoration: none; color: #c9d400; }
.footer-fastlink { width: 330px; float: right;  margin-right: 14px; z-index: 500;}
.footer-fastlink ul { list-style: none; margin: 0; padding: 0;}
.footer-fastlink ul li { }
.footer-fastlink ul li a { font-family: 'Roboto Slab', serif; font-size: 18px;  display: block; color: #fff; padding: 7px 0; border-bottom: 2px solid #fff;  }
.footer-fastlink ul li a:hover { color: #c9d400; border-color: #c9d400;  }

.footer-icons { margin-top: -30px;}
.footer-icons a i { font-size: 30px; color: #fff; display: inline-block; padding-right: 15px;}
.footer-icons a:hover i { color: #c9d400; }


footer .rowcredits { padding-top: 20px;;}
footer .rowcredits ul { list-style: none; padding: 0; margin: 0;}
footer .rowcredits ul li { float: left; padding-right: 25px; }
footer .rowcredits ul li a { color: rgba(255,255,255,0.4); }
footer .rowcredits ul li a:hover { color: rgba(255,255,255,0.6); }

footer h3 { color: #fff; margin-bottom: 20px; font-size: 18px; font-weight: 700;}

#mainbody .col-main ol.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators .active { background: #c9d400; border-color: #c9d400; }

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 60px; margin-top: -40px; }



/* Kleur wissel */
.body-groen a {  color: #004088; }
.body-groen a:hover {  color: #c9d400; }
.body-groen ul.menumainbody > li a,
.body-groen .productoverview h2 { color: #c9d400; border-color: #c9d400; }
.body-groen .productoverviewlinks a:hover, .body-groen  ul.menumainbody li a.active { color: #004088; border-color: #004088; }
.body-groen ul.menumainbody li a:hover, .body-groen ul.menumainbody li a.active { 	color: #004088; }
.body-groen .mainsection h1 { color: #c9d400; }
.body-groen .productoverviewlinks a {  color: #c9d400; border-color: #c9d400; }
.body-groen .productoverviewlinks a:hover, .body-groen ul.menumainbody li a.active { border-color:#004088; 	color: #004088;  } 
.body-groen .productbestektool { background: url("../img/homepage-icon-bestek-mo.png") no-repeat right center; }
.body-groen .productlocator { background: url("../img/homepage-icon-zoeken-mo.png") no-repeat right center; }
.body-groen .productinfomap { background: url("../img/homepage-icon-info-mo.png") no-repeat right center; }
.body-groen .productbestektool:hover { background-image: url("../img/homepage-icon-bestek-blauw.png"); }
.body-groen .productlocator:hover { background-image: url("../img/homepage-icon-zoeken-blauw.png"); }
.body-groen .productinfomap:hover { background-image: url("../img/homepage-icon-info-blauw.png"); }
.body-groen .productoverview .rowinspiratie a h2 { 	color: #c9d400; 	border-color: #c9d400; }

.body-groen .menumainbody-b { background: url("../img/homepage-icon-bestek-mo.png") no-repeat right center; }
.body-groen .menumainbody-z { background: url("../img/homepage-icon-zoeken-mo.png") no-repeat right center; }
.body-groen .menumainbody-i { background: url("../img/homepage-icon-info-mo.png") no-repeat right center; }
.body-groen .menumainbody-b:hover { background-image: url("../img/homepage-icon-bestek-blauw.png"); }
.body-groen .menumainbody-z:hover { background-image: url("../img/homepage-icon-zoeken-blauw.png"); }
.body-groen .menumainbody-i:hover { background-image: url("../img/homepage-icon-info-blauw.png"); }
.body-groen a.tumbpop .tumbpop-overlay { background: rgba(201,212,0,0.30)  url(../img/layout/tumbpopup-icon.png) no-repeat center;  }



/* Storefinder */
.storefinder { margin: 20px 20px 0;  }
.storefinder .storefinder-frame { position: relative; width: 100%; }
.storefinder .storefinder-form-kader { position: absolute; left: 10px; top: 10px; background: #fff; z-index: 400; padding: 0; width: 300px; box-shadow: 0 0 4px rgba(0,0,0,.2); max-height: calc(100% - 20px); }
.storefinder .storefinder-form { padding: 16px;  }
.storefinder .storefinder-form input { width: calc(100% - 50px); background: #fff; border:1px solid #6E6E6E; height: 50px; color: #333; font-size: 15px; }
.storefinder .storefinder-form button { position: relative; border:none;  width: 50px; background: #004088; color: #fff; height: 50px; line-height: 40px; padding: 0 0 0 0; top: -3px; }
.storefinder .storefinder-form button:hover { background: #c9d400; color: #fff; }
.storefinder .storefinder-form button:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";
}
.storefinder .storefinder-form button span { font-size: 1px; color: #004088; }

.storefinder-form-kader-tab { display: flex; width: 100%; }
.storefinder-form-kader-tabs { flex: 50%; background: #cbd9fa; padding: 8px 16px; cursor: pointer; border-top: 4px solid #cbd9fa; color: rgba(0,0,0,.5); }
.storefinder-form-kader-tabs.active { background: #fff; color: #004088; font-weight: bold; cursor: auto; border-top-color: #004088; }


.deactief { display: none; }


.storefinder #googleMaps {  width: 100%; height:100%; min-height: 850px;}
.storefinder #gm-maps { position: absolute !important; left: 0; right: 0; top: 0; bottom: 0; }

.storefinder .storefinder-locations { overflow-y:scroll; overflow-x: hidden; width: 100%; max-height: 650px; }
.storefinder .storefinder-locations::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}
.storefinder .storefinder-locations::-webkit-scrollbar-thumb {  
  background-color: #004088;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.storefinder h3.storefinder-locations-heading { margin: -16px 16px 16px ;  padding: 26px 0 4px; color: #004088; font-weight: 600; border-bottom: 2px solid #004088; }

.storefinder-locations-location { display: flex; padding:0 16px 20px;}
.storefinder-locations-location-img {     max-width: 25px;    flex: 0 0 25px; }
.storefinder-locations-location-text { color: #6E6E6E;}
.storefinder-locations-location-text a:focus { outline: 0px; }
.storefinder-locations-location-text h4 { padding: 0; margin: 0; font-size: 15px; font-family:Arial, Helvetica, sans-serif; }
.storefinder-locations-location-text h4,
.storefinder-locations-location-text h4 a { text-decoration: none; color: #6E6E6E; font-weight: 600; font-size: 16px; }
.storefinder-locations-location-text a, 
.storefinder-locations-location-text a[href^="tel:"] { color: #004088; text-decoration: underline; }

.mapslist { width: 100%; max-width: 650px; padding: 30px 30px 0; }

.gm-show {  width: 240px; padding: 5px; color: #6E6E6E; font-size: 14px; line-height: 18px;}
.gm-show h4 { font-weight: 600; margin: 0; padding: 0 0 5px;	color: #6E6E6E; font-size: 15px; font-family:Arial, Helvetica, sans-serif;  }
.gm-show h4, .gm-show h4 a { text-decoration: none; color: #6E6E6E;}
.gm-show a:focus { outline: 0px; }
.gm-show a,
.gm-show a[href^="tel:"] { color: #004088; text-decoration: none; text-decoration: underline; }

/*

.gm-show a { color: #1B395C; text-decoration: none; }
.gm-show a:hover { color: #F9B120; }

.showgmresult a{ color: #fff;}
.showgmresult a:hover{ color: #F9B120;}
.showgmresult a.titlegmshow{  color: #F9B120; text-decoration: none; font-size: 18px;}
.showgmresult a.titlegmshow:hover{ color: #E7A21A;}
.showgmresult span { margin: 10px 0 0 15px; display: block;}


*/