body { background: #bbb; margin: 0px; padding: 0px; font-family: Open Sans; overflow-y:scroll; }
	.container { background: #fff; max-width: 1200px; margin: 0px auto; padding: 30px 40px; } 
	
	#header { height: 85px; }
	#header h3 { float: right; text-align: right; font-size: 18px; margin-top: 5px;  }
	
	#featured { margin-top: 30px; background: #eee; border-radius: 4px; }
	#featured .row { padding: 10px 20px; }
	#featured .item { border: 1px solid #999; background: #fff; padding: 5px; position: relative; width; 100%; margin: 10px 0; border-radius: 4px; }
	#featured .item a h3 { position: absolute; bottom: -8px; left: 0px; background: rgba(10,10,10,.7); width: 100%; color: #fff; padding: 10px 15px; font-size: 14px; display:none; }
	#featured .item a:hover h3 { display: block; }
	
	#home { margin-top: 30px; line-height: 28px;  } 
	#home .kader { border: 1px solid #333; padding: 30px; border-radius: 4px; }
	#home .vak1 { background: #343a40; color: #fff; padding: 30px; border-radius: 4px; }
	#home .vak2 { margin-top: 30px; background: #333; color: #fff; padding: 30px; border-radius: 4px;  }
	#home .vak3 { margin-top: 30px; background: #ddd; color: #333; padding: 30px; border-radius: 4px;  }
	#home .vak4 { margin-top: 30px; background: #ff4545; color: #333; padding: 30px; border-radius: 4px;  }
	#home h2 { font-size: 18px; font-weight: bold;  }

	#content { margin-top: 30px; line-height: 28px;  } 
	#content ul li { line-height: 28px;  } 
	#content .kader { border: 1px solid #333; padding: 30px; border-radius: 4px; }
	#content .kader.grijs { background: #ddd; margin-bottom: 20px; padding: 20px 30px; }
	#content .vak1 { background: #333; color: #fff; padding: 30px; border-radius: 4px; }
	#content .vak2 { margin-top: 30px; background: #333; color: #fff; padding: 30px; border-radius: 4px;  }
	#content .vak3 { margin-top: 30px; background: #ddd; color: #333; padding: 30px; border-radius: 4px;  }
	#content .vak4 { margin-top: 30px; background: #ff4545; color: #333; padding: 30px; border-radius: 4px; }
	#content h1 { font-size: 28px; font-weight: normal;  }
	#content h2 { font-size: 18px; font-weight: bold;  }
	#content strong { font-weight: 700; }
	#content a { color: #333; text-decoration: underline; }
	#content a:hover { color: #00F; text-decoration: underline; }
	
	#footer { background: #343a40; color: #fff; margin-top: 30px; padding: 20px; border-radius: 4px;  }
	#footer a { color: #fff; }
	#footer a:hover { color: #aaa; }

	.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.7); padding: 10px 18px; }
	.navbar-dark .navbar-nav .active .nav-link { color: #333; background: #eee; border-radius: 4px; }
	.navbar-dark .navbar-nav .nav-link:hover { color: #FFF;  }
	.navbar-dark .navbar-nav .nav-link:hover.active { color: #333;  }

	.bg-dark { border-radius: 4px; }
	
	.rand { border: 1px solid #ccc; padding: 5px; margin-bottom: 10px; }

	.offset-0 { padding-left: 0; padding-right: 0; }
	
	.colitem { position: relative; overflow: hidden; }
	.colitem .verkocht { background: #a31919; color: #fff; padding: 5px 50px; text-align: center; text-transform: uppercase; position: absolute; top: 40px; left: -50px; transform: rotate(-45deg); font-size: 12px; line-height: 12px; box-shadow: 0px 0px 2px #333; }
	.colitem .gereserveerd { background: #a31919; color: #fff; padding: 5px 50px; text-align: center; text-transform: uppercase; position: absolute; top: 35px; left: -45px; transform: rotate(-45deg); font-size: 12px; line-height: 12px;  }
	a.collectie_item { text-decoration: none !important; color: #fff;  }
	a.collectie_item p.txt { background: #343a40; color: #fff; padding: 10px; text-decoration: none; min-height: 70px; line-height: 25px; margin-bottom: 25px; }
	a.collectie_item:hover p.txt { background: #aaa; color: #fff; padding: 10px; text-decoration: none; min-height: 70px; line-height: 25px; margin-bottom: 25px; }
	a:-webkit-any-link { text-decoration: none !important; }
	
	td.label { width: 125px; }
	td.sep { width: 20px; }
	
	a.button { display: block; border: 1px solid #343a40; border-radius: 4px; padding: 8px 15px; text-decoration: none !important; transition: .2s; }
	a.button:hover { border: 1px solid #343a40; background: #ccc; color: #343a40 !important;   }

	a.button_dark { display: block; border: 1px solid #343a40; background: #343a40; color: #fff !important; border-radius: 4px; padding: 8px 15px; text-decoration: none !important; transition: .2s; }
	a.button_dark:hover { border: 1px solid #343a40; background: #ccc; color: #343a40 !important;   }



.button-close,
.button-previous,
.button-next {
  position: absolute;
  width: 44px;
  height: 44px;
  background: #343a40;
  text-align: center;
  line-height: 44px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}

.button-previous,
.button-next {
  top: 50%;
  margin-top: -22px;
  line-height: 42px;
}

.button-previous {
    left: 0px;
}

.button-next {
    right: 0px;
}

.button-close {
  top: 0px;
  right: 0px;
  font-size: 22px;
  color: rgba(255,255,255,0.8);
}




/* MD */

@media (max-width: 992px) { 

	#header { height: 70px; }
	#header .logo img { max-width: 320px; }
	#featured .item { margin: 5px 0; }
	#featured .row { padding: 5px 10px; }
	#home .vak1 { margin-top: 30px; }
}


/* SM */

@media (max-width: 720px) { 

	.container { padding: 20px; }
	#header { height: 115px; }
	#header h3 { float: none; text-align: center; font-size: 16px; margin-top: 5px;  }
	#featured .item { margin: 5px 0; }
	#featured .row { padding: 5px 10px; }
	

}

span.featherlight-next span, span.featherlight-previous span { display: block !important; background: none !important; }
span.featherlight-next, span.featherlight-previous { background: none !important; }