/* cmsms stylesheet: HW stylesheet modified: Friday, July 17, 2026 2:55:07 PM */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
  overflow-x: hidden;
  font-family: "Open Sans", Arial, Verdana, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
	-webkit-font-smoothing: antialiased; 
	/*text-rendering: optimizeLegibility; */
  webkit-tap-highlight-color: #bcc8e2;
	background: #fff;
	font-size: 14px;
	line-height: 22px;
	color: #4b4b4a; 
	padding-top: 60px;
 }
 body.entrypage {
     padding-top: 0;
 }
.bodyClass {
	padding-top: 150px;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #bcc8e2;
}

p {
    font-size: 14px;
    margin: 0 0 11px;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    /*outline: 0;*/
}

a {
	color: #30446d;
 }

a:hover,
a:focus,
a:active,
a.active {
    color: #000;
	 	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
}

h2 {
    color: #474747;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 20px;
	 	text-decoration: none;
}

a h2 {
		color: #474747;
	 	text-decoration: none;
}

.item-properties a {
	 	text-decoration: none;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
		background-attachment: scroll;
    background-image: url("../img/header-bg.jpg");
    background-position: center center;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #bcc8e2;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    color: #4b4b4a;
    background-color: #bcc8e2;
    border-radius: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #A4B6DE;
    color: #fff;
    background-color: #ADBDE0;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #bcc8e2;
    background-color: #bcc8e2;
}

.btn-primary .badge {
    color: #bcc8e2;
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #bcc8e2;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #bcc8e2;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #A4B6DE;
    color: #fff;
    background-color: #ADBDE0;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #bcc8e2;
    background-color: #bcc8e2;
}

.btn-xl .badge {
    color: #bcc8e2;
    background-color: #fff;
}
.margin-right {
    margin-right:  6px;
    margin-bottom:  6px;
}

@media (min-width:768px){
	.navbar-expand-md .navbar-collapse {
	     display: block!important 
	}
}

.nav {
    padding-left:  25px;
}
.nav ul {
    padding-top:  10px;
}
.nav li {
    display: block;
    float: left;
    width:  100%;
}
.nav > li > a {
    display: block;
    padding: 0;
    position: relative;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
.navbar-default {
    border-color: transparent;
    background-color: #bcc8e2;
}

#navbar.navbar-default {
    flex-wrap: wrap;
		padding-bottom: 0;
}

.navbar-default .navbar-brand {
    color: #4b4b4a;
    font-weight: bold;
}

.navbar-default .navbar-brand img {
		width: 250px;
}

@media (min-width:768px){
	.navbar-default .navbar-brand img {
			width: auto;
	}
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #000;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
    xpadding: 0 15px;
}
.navbar-default .navbar-toggle {
    border-color: #4b4b4a;
    background-color: #4b4b4a;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #4b4b4a;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    font-size:  14px;
    letter-spacing: 1px;
    line-height:  30px;
    color: #4b4b4a;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fff;
    text-decoration:  none;
}
.navbar-default .nav li a.active {
    outline: 0;
    color: #fff;
}
.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #000;
    background-color: #ccc;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #000;
    background-color: #ccc;
}

@media (min-width:768px) {
    .navbar-default {
        padding: 0px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    padding-left: 0px;
    color: #4b4b4a;
    }
    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 15px 0;
        background-color: #fff;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 2.0em;
    }
}

footer {
    padding: 25px 0;
    text-align: center;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: "Open Sans",sans-serif;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: "Open Sans",sans-serif;
    line-height: 40px;
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #bcc8e2;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #ccc;
}

::selection {
    text-shadow: none;
    background: #bcc8e2;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 5px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 800px;
	max-height: 450px;
}
.text{
 	width: 700px;
 }

.block {
	 	display: block;
 }
.marginBottom {
	 	margin-bottom: 50px;
 }
 
.content {
    padding-left:  4px;
}
 
 @media (min-width:768px){
	body {
		padding-top: 120px;
	}
	.marginBottom {
		 	margin-bottom: 21px;
	 }
	.content {
	    padding-left:  28px;
	}
}

.marginTop {
 	margin-top: 11px;
 }
.marginRight {
	margin-right: 10px;
}
.left {
	float: left;
}
  
p {
 	margin: 0 0 11px 0;
 }
 
img.maxWidth {
 	max-width: 100%;
	height: auto;
 }
 
#header {
	background-color: #bcc8e2;
	width: 100%;
	position: fixed;
	top: 0;
    left: 0;
    z-index: 999;
 }
 
#main {
     padding-left: 38px;
 }

#headerTop {
	width: 100%;
	height: 50px;
    background-color: #bcc8e2;
	border-bottom: 1px solid #e4edf7;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width:768px){
	#headerTop {
		height: 56px;
		padding-left: 38px;
	}
}

#mobileNav {
	padding-bottom: 30px;
	font-weight: bold;
}

#mobileNav ul {
	margin-left: 30px;
}

#mobileNav ul ul {
	margin-left: 30px;
	margin-bottom: 15px;
}

#mobileNav ul .nav-link {
	padding: 2px 0;
}

#mobileNav ul .menuactive {
	color: #fff;
}

#mainNav {
	/*width: 100%;*/
    /*width: 950px;*/
	padding-left: 40px;
}

@media (min-width:768px){
	#mainNav {
		height: 30px;
	}
}

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
#mainNav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	margin-right: 28px;
}
#mainNav ul li a {
	display: block;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	color: #474747;
	font-weight: bold;
	padding: 0;
}
#mainNav ul li a:hover{
	color: #fff;
}

#mainNav ul li a.menuactive {
	color: #fff;
	background-image: url(/uploads/assets/pijltje_wit.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#mainNav ul li a.menuactive.parent {
	background-image: url(/uploads/assets/pijltje_bruin.png);
}

#subNav div {
	padding-left: 40px;
	background-color: #4b4b4a;
}

@media (min-width:768px){
	#subNav div {
		height: 30px;
	}
}

#subNav ul {
	list-style: none;
    width: 950px;
	margin: 0;
	padding-left: 12px;
	float: left;
	clear: both;
}
#subNav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	margin-right: 40px;
}
#subNav ul li a {
	display: block;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #bcc8e2;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;
}
#subNav ul li a:hover {
	color: #fff;
}

#subNav ul li a.menuactive {
	color: #fff;
	background-image: url(/uploads/assets/pijltje_wit.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#infoButton {
   position: absolute;
   left: 65px;
	top: 140px;
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -999px;
	background-color: #333;
	background-image: url(/uploads/assets/icon_info.gif);
	background-repeat: no-repeat;
	color: #fff;
  }
  
#infoWrapper {
	position: absolute;
	display: none;
	top: 140px;
	left: 90px;
	width: 260px;
	background-image: url(/uploads/assets/white_bg.png);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadowidth: 1px 1px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadowidth: 1px 1px 3px 0px rgba(50, 50, 50, 0.5);	
}
@media (min-width:768px){
	#infoWrapper {
		width: 340px;
	}
}

#closeButton {
	float: right;
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -999px;
	background-color: #333;
	background-image: url(/uploads/assets/icon_close.gif);
	background-repeat: no-repeat;
	color: #fff;
}
#fullscreenButton {
	position: absolute;
   left: 40px;
	top: 140px;
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -999px;
	background-color: #333;
	background-image: url(/uploads/assets/icon_fullscreen.gif);
	background-repeat: no-repeat;
	color: #fff;
}
.omschrijving-werk {
	padding: 30px;
	/*width: 280px;*/
	font-weight: 500;
	color: #4b4b4a;
}
.omschrijving-werk h2 {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 10px 0;
}
.omschrijving-werk p {
	font-weight: 500;
	color: #4b4b4a;
}

hr {
	line-height: 1px;
	height: 1px;
	background-color: #888888;
	color: #888888;
	border: 0;
}

#nieuwsOverzicht {
	float: left;
}

.uitvouwItem {
	/*float: left;*/
   /*clear: both;*/
   /*margin-bottom: 10px;*/
}
.item-image	{
	width: 200px;
}

.meerContent {
	display: none;
}
.meerLink {
	display: block;
	background-image: url(/uploads/assets/arrow_up.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 12px;
	font-size: 12px;
	color: #474747;
	text-indent: -999px;
}
.meerLink.collapsed {
	background-image: url(/uploads/assets/arrow_down.gif);
}
.trigger {
	cursor: pointer;
}

.col-form-label	{
	font-weight: 600;
}

#formAanmelden .formRow{
    margin-bottom: 5px;
}
#formAanmelden label {
    display: block;
    float: left;
    width: 120px;
}
#formAanmelden .textLarge {
    width: 250px;
    border: 1px solid #ccc;
}
#formAanmelden .button {
    border: none;
    background-color: #bcc8e2;
    padding: 2px 5px;
}

#formAanmelden input.error {
    border: 1px solid #c31a1a;
}
#formAanmelden label.error {
    font-size: 11px;
    color: #c31a1a;
    float: right;
}

h1.start {
	font: 5em/normal "Raleway", sans-serif; 
	margin: 0px; 
	padding: 70px 0px 0px; 
	color: rgb(204, 204, 204); 
	text-transform: uppercase; 
	font-stretch: normal; 
	text-align: center; 
	letter-spacing: 8px;
}
.start a {
	color: rgb(204, 204, 204); 
}
@media (max-width: 1024px){
	h1.start {
		font: 4em/normal "Raleway", sans-serif;
		padding: 50px 0px 0px; 
		letter-spacing: 8px;
	}
}
@media (max-width: 320px){
	h1.start {
		font: 2em/normal "Raleway", sans-serif;
		padding: 30px 0px 0px; 
		letter-spacing: 3px;
	}
}
.openButton {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
	width: 100px;
}
.openButton a {
    display: block;
    text-decoration: none;
    color: #4b4b4a;
    width: 48px;
    margin: 0 auto;
    background-color: rgb(255, 255, 255); 
    padding: 10px;
    text-transform: uppercase;
	float: left;
    font-size: 16px;
}
.taalkeuze {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
	width: 120px;
}
.taalkeuze a {
    display: block;
    text-decoration: none;
    color: #4b4b4a;
    width: 60px;
    margin: 0 auto;
    background-color: rgb(255, 255, 255); 
    padding: 10px 10px;
    text-transform: uppercase;
	float: left;
    font-size: 18px;
}

#controls,
#controls-wrapper,
#progress-back	{
	display: none!important;
}
/* cmsms stylesheet: supersized modified: Monday, May 11, 2026 5:06:09 PM */
/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/
/* cmsms stylesheet: supersized.shutter modified: Monday, May 11, 2026 5:06:43 PM */
/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/
/* cmsms stylesheet: HW Supersized all modified: Monday, July 13, 2026 10:41:57 AM */
/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

body {
	height: 100%;
}

img {
	border: none;
}

#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url('https://www.henkwolvers.nl/uploads/img/progress.gif') no-repeat center center;
}

#supersized {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
	padding-left: 0;
}

#supersized img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
}

#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/

#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/

#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

#supersized a {
	width: 100%;
	height: 100%;
	display: block;
}

#supersized li.prevslide {
	z-index: -20;
}

#supersized li.activeslide {
	z-index: -10;
}

#supersized li.image-loading {
	background: #fff url('https://www.henkwolvers.nl/uploads/img/progress.gif') no-repeat center center;
	width: 100%;
	height: 100%;
}

#supersized li.image-loading img {
	visibility: hidden;
}

#supersized li.prevslide img, #supersized li.activeslide img {
	display: inline;
}


/* shutter HW CSS */
	/* Controls Bar
	----------------------------*/

#controls-wrapper {
	margin: 0 auto;
	height: 42px;
	width: 100%;
	bottom: 0px;
	left: 0;
	z-index: 4;
	background: url('https://www.henkwolvers.nl/uploads/img/nav-bg.png') repeat-x;
	position: fixed;
}

#controls {
	overflow: hidden;
	height: 100%;
	position: relative;
	text-align: left;
	z-index: 5;
}

#slidecounter {
	float: left;
	color: #999;
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #000 0 -1px 0;
	margin: 0px 10px 0 15px;
	line-height: 42px;
}

#slidecaption {
	overflow: hidden;
	float: left;
	color: #FFF;
	font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #000 1px 1px 2px;
	margin: 0 20px 0 0;
	line-height: 42px;
}

#navigation {
	float: right;
	margin: 0px 20px 0 0;
}

#play-button {
	float: left;
	margin-top: 1px;
	border-right: 1px solid #333;
	background: url('https://www.henkwolvers.nl/uploads/img/bg-hover.png') repeat-x 0 44px;
}

#play-button:hover {
	background-position: 0 1px;
	cursor: pointer;
}

#prevslide, #nextslide {
	position: absolute;
	height: 43px;
	width: 43px;
	top: 50%;
	margin-top: -21px;
	opacity: 0.6;
}

#prevslide {
	left: 10px;
	background: url('https://www.henkwolvers.nl/uploads/img/back.png');
}

#nextslide {
	right: 10px;
	background: url('https://www.henkwolvers.nl/uploads/img/forward.png');
}

#prevslide:active, #nextslide:active {
	margin-top: -19px;
}

#prevslide:hover, #nextslide:hover {
	cursor: pointer;
}

ul#slide-list {
	padding: 15px 0;
	float: left;
	position: absolute;
	left: 50%;
}

ul#slide-list li {
	list-style: none;
	width: 12px;
	height: 12px;
	float: left;
	margin: 0 5px 0 0;
}

ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
	background-position: 0 0px;
}

ul#slide-list li a {
	display: block;
	width: 12px;
	height: 12px;
	background: url('https://www.henkwolvers.nl/uploads/img/nav-dot.png') no-repeat 0 -24px;
}

ul#slide-list li a:hover {
	background-position: 0 -12px;
	cursor: pointer;
}

#tray-button {
	float: right;
	margin-top: 1px;
	border-left: 1px solid #333;
	background: url('https://www.henkwolvers.nl/uploads/img/bg-hover.png') repeat-x 0 44px;
}

#tray-button:hover {
	background-position: 0 1px;
	cursor: pointer;
}
		
	
	/* Progress Bar
	----------------------------*/

#progress-back {
	z-index: 5;
	position: fixed;
	bottom: 42px;
	left: 0;
	height: 8px;
	width: 100%;
	background: url('https://www.henkwolvers.nl/uploads/img/progress-back.png') repeat-x;
}

#progress-bar {
	position: relative;
	height: 8px;
	width: 100%;
	background: url('https://www.henkwolvers.nl/uploads/img/progress-bar.png') repeat-x;
}
	
	
	/* Thumbnail Navigation
	----------------------------*/

#nextthumb, #prevthumb {
	z-index: 2;
	display: none;
	position: fixed;
	bottom: 61px;
	height: 75px;
	width: 100px;
	overflow: hidden;
	background: #ddd;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 5px #000;
}

#nextthumb {
	right: 12px;
}

#prevthumb {
	left: 12px;
}

#nextthumb img, #prevthumb img {
	width: 150px;
	height: auto;
}

#nextthumb:active, #prevthumb:active {
	bottom: 59px;
}

#nextthumb:hover, #prevthumb:hover {
	cursor: pointer;
}
	
	
	/* Thumbnail Tray
	----------------------------*/

#thumb-tray {
	position: fixed;
	z-index: 3;
	bottom: 0;
	left: 0;
	height: 120px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

#thumb-back, #thumb-forward {
	position: absolute;
	z-index: 5;
	top: 0;
	height: 92px;
	width: 40px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

#thumb-back {
	left: 0;
	background: #595959 url('https://www.henkwolvers.nl/uploads/img/thumb-back.png') no-repeat center center;
}

#thumb-forward {
	right: 0;
	background: #595959 url('https://www.henkwolvers.nl/uploads/img/thumb-forward.png') no-repeat center center;
}

#thumb-back:hover, #thumb-forward:hover {
	cursor: pointer;
	background-color: rgba(256,256,256, 0.3);
}

#thumb-back:hover {
	border-right: 1px solid rgba(256,256,256, 0.2);
}

#thumb-forward:hover {
	border-left: 1px solid rgba(256,256,256, 0.2);
}

ul#thumb-list {
	display: inline-block;
	list-style: none;
	position: relative;
	left: 0px;
	padding: 0 0px;
	border-right: 1px solid #c2c2c2;
}
			/*ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }*/

ul#thumb-list li {
	background: #494949;
	list-style: none;
	display: inline;
	width: 144px;
	/*height: 92px;*/
	overflow: hidden;
	float: left;
	margin: 0;
}

ul#thumb-list li img {
	width: 144px;
	height: auto;
	border: 1px solid #c2c2c2;
	border-right: none;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img {
	/*border: 1px solid #bdbdbd;*/
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

ul#thumb-list li:hover {
	cursor: pointer;
}