/* cmsms stylesheet: sm-blue modified: Sunday, July 16, 2017 10:26:17 PM */
.sm-blue {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;

}

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
padding: 13px 20px;
/* make room for the toggle button (sub indicator) */
padding-right: 58px;
color: white;
font-family: 'Open Sans Condensed', sans-serif;
font-size:15px;

text-transform: uppercase;
color:#FFF;
text-decoration: none;

xtext-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

background: #757575; /* Old browsers */
background: -moz-linear-gradient(top,  #757575 0%, #3c3c3c 50%, #131313 51%, #383838 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #757575 0%,#3c3c3c 50%,#131313 51%,#383838 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #757575 0%,#3c3c3c 50%,#131313 51%,#383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
}

.sm-blue a.current {
    color: white;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#37529b+0,4c6cc4+53,324d99+100 */
background: rgb(55,82,155); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(55,82,155,1) 0%, rgba(76,108,196,1) 53%, rgba(50,77,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(55,82,155,1) 0%,rgba(76,108,196,1) 53%,rgba(50,77,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(55,82,155,1) 0%,rgba(76,108,196,1) 53%,rgba(50,77,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37529b', endColorstr='#324d99',GradientType=0 ); /* IE6-9 */


  color: white;

}
.sm-blue a.disabled {
  color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}

/*johan add*/
  .sm-blue > li {
    border-bottom: 1px solid #1a1a1a;
  }
  
  .sm-blue > li:last-child {
    border-bottom: none;
  }
/*end johan add*/

.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {

}

.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.sm-blue ul {
  background: white;
}

.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1);
}

.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #fff;
  font-size: 12px;
  text-shadow: none;
  border-left: 8px solid transparent;  
  color: white;
  background: #444444; /* Old browsers */  
}

.sm-blue ul a.current {

background: #383838;

color: white;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;


filter: none; /* IE6-9 */

}

.sm-blue ul a.disabled {
  color: #b3b3b3;
}

.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
  background: #5c5c5c;
}


.sm-blue ul ul a.current {

background: #2e2e2e;

color: white;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;


filter: none; /* IE6-9 */

}

.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
  background: #6d6d6d; 
}

.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
  background: #808080;
}

.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 1130px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
				
   .sm-blue {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0px 0px 4px 2px rgba(113,113,113,.7);
-moz-box-shadow: inset 0px 0px 4px 2px rgba(113,113,113,.7);
box-shadow: inset 0px 0px 4px 2px rgba(113,113,113,.7);



background: #757575; /* Old browsers */
background: -moz-linear-gradient(top,  #757575 0%, #3c3c3c 50%, #131313 51%, #383838 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #757575 0%,#3c3c3c 50%,#131313 51%,#383838 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #757575 0%,#3c3c3c 50%,#131313 51%,#383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
}
    
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
padding: 13px 36px;
font-size:15px;
border-right: 1px solid rgb(130, 130, 130);
border-right: 1px solid rgba(130, 130, 130, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
border-left: 1px solid rgba(130, 130, 130, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

 /* johan zorgt hier dat voor het grote menu de boel niet dubbel komt */
background: none;
filter: none;
}

  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
background: #656565; /* Old browsers */
background: -moz-linear-gradient(top,  #656565 0%, #4a4a4a 50%, #3b3b3b 51%, #474747 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #656565 0%,#4a4a4a 50%,#3b3b3b 51%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #656565 0%,#4a4a4a 50%,#3b3b3b 51%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#474747',GradientType=0 ); /* IE6-9 */
}

  .sm-blue a.current {
    color: white;
-webkit-box-shadow: inset 0px 3px 2px -1px rgba(15,15,15,1);
-moz-box-shadow: inset 0px 3px 2px -1px rgba(15,15,15,1);
box-shadow: inset 0px 3px 2px -1px rgba(15,15,15,1);

background: rgb(28,28,28); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(28,28,28,1) 1%, rgba(65,65,65,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(28,28,28,1) 1%,rgba(65,65,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(28,28,28,1) 1%,rgba(65,65,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#414141',GradientType=0 ); /* IE6-9 */

  }
  .sm-blue a.disabled {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
    background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: #a1d1e8;
  }
  .sm-blue a span.sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #dbdbdb transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-blue a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
	border-left: 0;
	
  }


.sm-blue > li:first-child > a.current, .sm-blue > li:first-child > :not(ul) a.current {
    color: white;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

background: none;
filter: none; /* IE6-9 */

  }



  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
	/* johan edit: zorgt ervoor dat laatste li child geen border heeft*/
    border-right: 1px solid rgba(26, 26, 26, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-box-shadow: inset -1px 0px 0px 0px rgba(130,130,130,.5);
	-moz-box-shadow: inset -1px 0px 0px 0px rgba(130,130,130,.5);
	box-shadow: inset -1px 0px 0px 0px rgba(130,130,130,.5);
  }
  
  .sm-blue > li {
    border-left: 1px solid #1a1a1a;
	border-bottom:none;
  }

  .sm-blue > li:first-child {
    border-left: 0;
  }
  
/* VANAF HIER KOMT 1E SUBMENU */
  
 
  .sm-blue ul {
    border: 1px solid #626262;
    padding: 7px 0;
    background: #444444;
    -webkit-border-radius: 0 0 4px 4px !important;
    -moz-border-radius: 0 0 4px 4px !important;
    -ms-border-radius: 0 0 4px 4px !important;
    -o-border-radius: 0 0 4px 4px !important;
    border-radius: 0 0 4px 4px !important;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
  }
  
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    font-size: 13px;
    background: transparent;
    color: #fff;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}
  
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
color: white;
background: #656565; /* Old browsers */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #4a4a4a 50%, #3b3b3b 51%, #424242 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
}  
  
.sm-blue ul a.current {
background: #383838;

color: white;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;


filter: none; /* IE6-9 */
}
  
.sm-blue ul a.disabled {
background: white;
color: #b3b3b3;
}
  
/* VANAF HIER KOMT 2E SUBMENU */


.sm-blue ul ul {
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
-ms-border-radius: 4px !important;
-o-border-radius: 4px !important;
border-radius: 4px !important;
background: #444444;
  }
  
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
border-left: 16px solid transparent;
background: #444444;  
}  
  
  
.sm-blue ul ul a:hover, .sm-blue ul ul a:focus, .sm-blue ul ul a:active, .sm-blue ul ul a.highlighted {
color: white;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #4a4a4a 50%, #3b3b3b 51%, #424242 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#424242',GradientType=0 ); /* IE6-9 */	
}
  
  
  
/* VANAF HIER KOMT 3E SUBMENU */
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
border-left: 16px solid transparent;
background: #444444; 
} 
  
.sm-blue ul ul ul a:hover, .sm-blue ul ul ul a:focus, .sm-blue ul ul ul a:active, .sm-blue ul ul ul a.highlighted {
color: white;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #4a4a4a 50%, #3b3b3b 51%, #424242 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#424242',GradientType=0 ); /* IE6-9 */	
}  
  
/* VANAF HIER KOMT 4E SUBMENU */
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
border-left: 16px solid transparent;
background: #444444; 
} 
  
.sm-blue ul ul ul ul a:hover, .sm-blue ul ul ul ul a:focus, .sm-blue ul ul ul ul a:active, .sm-blue ul ul ul ul a.highlighted {
color: white;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #4a4a4a 50%, #3b3b3b 51%, #424242 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#4a4a4a 50%,#3b3b3b 51%,#424242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#424242',GradientType=0 ); /* IE6-9 */	
}  
  

.sm-blue ul a span.sub-arrow {
top: 50%;
margin-top: -5px;
bottom: auto;
left: auto;
margin-left: 0;
right: 10px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #dbdbdb;
}

.sm-blue ul li {
border: 0;

}
.sm-blue span.scroll-up,
.sm-blue span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: white;
height: 20px;
}

.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #dbdbdb transparent;
}

.sm-blue span.scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #dbdbdb transparent transparent transparent;
}

.sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
right: auto;
left: 10px;
border-style: dashed solid dashed dashed;
border-color: transparent #dbdbdb transparent transparent;
}

.sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
-webkit-border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
-ms-border-radius: 0 8px 8px 0;
-o-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
}

.sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px !important;
    -moz-border-radius: 8px 0 0 8px !important;
    -ms-border-radius: 8px 0 0 8px !important;
    -o-border-radius: 8px 0 0 8px !important;
    border-radius: 8px 0 0 8px !important;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #dbdbdb transparent transparent;
  }
  .sm-blue.sm-vertical {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #dbdbdb;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 0 8px 8px !important;
    -moz-border-radius: 0 0 8px 8px !important;
    -ms-border-radius: 0 0 8px 8px !important;
    -o-border-radius: 0 0 8px 8px !important;
    border-radius: 0 0 8px 8px !important;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}

/* vanaf hier wordt er voor gezorgd dat de hamburger snautser uit kan klappen */

.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 1130px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}
/* cmsms stylesheet: sm-core-css modified: Wednesday, January 11, 2017 5:00:09 PM */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* cmsms stylesheet: 5cols modified: Monday, August 7, 2017 4:50:46 PM */
/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 750 PIXELS */

@media only screen and (max-width: 750px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}
/* cmsms stylesheet: 4cols modified: Monday, August 7, 2017 4:50:36 PM */
/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 750 PIXELS */

@media only screen and (max-width: 750px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}
/* cmsms stylesheet: 3cols modified: Wednesday, September 24, 2025 9:56:17 AM */
/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 750 PIXELS */

@media only screen and (max-width: 750px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}
/* cmsms stylesheet: 2cols modified: Monday, August 7, 2017 4:50:13 PM */
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;

}

/*  GO FULL WIDTH AT LESS THAN 750 PIXELS */

@media only screen and (max-width: 750px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}
/* cmsms stylesheet: 1cols modified: Monday, August 7, 2017 4:50:01 PM */
/*  GRID OF ONE   ============================================================================= */


.span_1_of_1 {
	width: 100%;
}


/*  GO FULL WIDTH AT LESS THAN 750 PIXELS */

@media only screen and (max-width: 750px) {
	.span_1_of_1 {
		width: 100%; 
	}

}
/* cmsms stylesheet: col modified: Monday, August 7, 2017 4:51:05 PM */
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 750 PIXELS */

@media only screen and (max-width: 750px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}
/* cmsms stylesheet: overall-layout modified: Wednesday, September 24, 2025 11:33:12 AM */
@charset "utf-8";
/* CSS Document */
/* Wil je de tekstkleur van inputvelden veranderen? Let dan op de placeholders ccs die gebruikt wordt in de stylesheet van de form builder!*/

html {
        background-color:#363636;
        background:url(https://www.vanzantenmessen.nl/uploads/jtemplate/bg.gif);
        background-position: 50% 49%;
        height: 100%;
}

body { 
	padding:0;
	margin:0;
	background-color:#363636;
	background:url(https://www.vanzantenmessen.nl/uploads/jtemplate/bg.gif);
        background-position: 50% 49%;
x	font-family: 'Open Sans', sans-serif, verdana;
x	font-size:13px;
x	font-weight:400;
x	x-webkit-font-smoothing: antialiased;
x	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

  font-family: 'Raleway', sans-serif;
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  x-webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);

	color:#FFF;
        min-height: 100%;
        display: flex;
        flex-direction: column;
	}
		
.page-wrap {
  flex: 1 0 0;
}

H1 {
font-family: 'Open Sans Condensed', sans-serif;
font-size:2em;
margin-top:10px;
line-height:1.3em;
}

H2 {
font-family: 'Open Sans Condensed', sans-serif;
font-size:1.5em;
margin-top:10px;
line-height:1.3em;
}

H3 {
font-family: 'Open Sans Condensed', sans-serif;
font-size:1.2em;
margin-top:10px;
line-height:1.3em;
}

P {
margin-top:1em;
}

strong {
font-weight: bold;
font-size:1.05em;
}

h1.slidein, h2.slidein, h3.slidein {

  position: relative;
  left: 0px;
  -webkit-animation: slideIn 1s forwards;
  -moz-animation: slideIn 1s forwards;
  animation: slideIn 1s forwards;
}
@-webkit-keyframes slideIn {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes slideIn {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

.rocketchat {
width:100%;
height:500px;
}

#content-holder a {
        color:#ffa841;
        text-decoration:none;
}

#content-holder a:hover {
        text-decoration:underline;
}

#content-holder a:visited {
        color:#ffa841;
        text-decoration:none;
}

#glow {
 padding:1em;
}

#content-holder ul {
margin-left:20px;
padding-top:1em;
}

#glow2 {
xbackground: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) -250%, rgba(255,255,255,0) 75%); /* FF3.6-15 */
xbackground: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) -250%,rgba(255,255,255,0) 75%); /* Chrome10-25,Safari5.1-6 */
xbackground: radial-gradient(ellipse at center,  rgba(255,255,255,1) -250%,rgba(255,255,255,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:100%;
	width:100%;
	position:fixed;
	z-index:-1;
	margin-top:-120px;
}
	
.grid-container {
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
}


.col {
	padding:0;
	text-align:left;
	}

#logo-resizer {
	max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}


.languages {
    font-family: 'Raleway', sans-serif;
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
    x-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    margin-bottom: 15px;
}

.languages a {
        color:#ffa841;
        text-decoration:none;
}

.languages a:hover {
        text-decoration:underline;
}

.languages_spacing {
margin-right: 30px;
float: left;
}

.clear_languages {
 clear: both;
}

.display-none {
	display:none;
}

.breadcrumb {
color:#c1c1c1;
}

.galleria {
height:425px;  
/* defines a static gallery height */
max-width:1300px; /* defines a responsive width */
}

.xtitel {
border:1px solid #595959;
padding-left:1em;
background-color:#232323;
-webkit-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.75);
box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.75);
}

.vakje {
border:1px solid #3c3c3c;
padding:1em;
background-color:#282828;
-webkit-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);

  word-break: keep-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.vakje h2 {
margin-top:0px; 
}

.vakje h2 a:link,
.vakje h2 a:visited {

font-family: 'Open Sans Condensed', sans-serif;
font-size:20px;
color: white;
text-decoration:none;
margin-left:2px;
}

.vakje h2 a:hover {
font-family: 'Open Sans Condensed', sans-serif;
font-size:20px;
color: white;
text-decoration:none;
margin-left:2px;
}

.vakje h2 a:active {
font-family: 'Open Sans Condensed', sans-serif;
font-size:20px;
color: white;
text-decoration:none;
margin-left:2px;
}



h2.vakje-h2-link {
font-size:40px;
}






.vakjeZonderPadding {
border:1px solid #3c3c3c;
padding:0em;
background-color:#282828;
-webkit-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);

  word-break: keep-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

#content-holder {
	width:100%;
	border-left:1px solid #454545;
	border-right:1px solid #454545;
	border-top:1px solid #454545;
	margin-top:18px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:1em;
	background-color:#232323;
	text-align:justify;
}

#content-holder-shadow {
	width:100%;
/* vage oplossing */
        max-width:1300px;
        margin-left:auto;
        margin-right:auto;
/* vage oplossing */
	background-image:url(https://www.vanzantenmessen.nl/uploads/jtemplate/wide_shadow.png);
	background-repeat:no-repeat;
	background-size:100% 38px;
	height:38px;
}

.footer {
	width:100%;
	background-image:url(https://www.vanzantenmessen.nl/uploads/jtemplate/footer_bg2.jpg);
	border-top:1px solid #191919;
	box-shadow: 0 -1px 0 #4f4f4f;
}

.footer a, .footer a:active, .footer a:visited {
	color:#FFF;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

.lowest {
	width:100%;
	background-color:#1c1c1c;
	border-top:1px solid #191919;
	box-shadow: 0 -1px 0 #4f4f4f;
	font-size:12px;
	line-height:25px;
}


.lowest a, .lowest a:active, .lowest a:visited {
	color:#FFF;
	text-decoration:none;
}

.lowest a:hover {
	text-decoration:underline;
}

.lowest-padding {
	padding-left:1em;
	padding-right:1em;
	padding-top:.5em;
	padding-bottom:.5em;
}

img.footer-logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

.align-right {
	text-align:right;
}


img.nieuwsbrief {
	margin-top:10px;
}

.blijf {
	margin-top:0px;
	font-size:11px;
	}

.cms_textfield_newsletter {
color:#000; 
height:29px; 
margin-bottom:0px;
font-family: 'Open Sans', sans-serif, verdana;
font-size:12px;
line-height:29px;
padding-left:10px;
margin-top:4px;
background-color:#c2c0c0;
border:none; 
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.5);
width:300px;
}

*:focus { outline:none; }

.cms_submit_newsletter {
background-image:url(https://www.vanzantenmessen.nl/uploads/jtemplate/nieuwsbrief_submit.png);
border:none; 
width:206px; 
height:25px;
background-color:transparent;
background-repeat:no-repeat;
padding-top:22px;
margin-top:18px;
}

.captcha-ruimte {
border:none;
margin-top:16px;
}

.captchafieldjohan {
color:#000; 
height:29px; 
margin-bottom:0px;
font-family: 'Open Sans', sans-serif, verdana;
font-size:12px;
line-height:29px;
padding-left:10px;
margin-top:12px;
margin-left:-6px;
background-color:#c2c0c0;
border:none; 
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.5);

}

/* ICONEN */

img.warmtebehandeling-icon {
	display:block;
	width:25px;
	float:left;
	margin-right:10px;
        margin-top:-5px;
}

li.li-zoekvenster {
height: 43px;
}

.zoekvenster {
height: 28px;
margin-top:9px;
margin-left:10px;
background: #696969; /* Old browsers */
background: -moz-linear-gradient(top,  #696969 0%, #585858 50%, #353535 51%, #454545 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #696969 0%,#585858 50%,#353535 51%,#454545 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #696969 0%,#585858 50%,#353535 51%,#454545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #121212;
-webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75);
}

.zoekvenster label {
display:none;
}

.zoekvenster input.search-input {
        line-height: 28px;
	border-style: none;
	color: #ffffff;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight:400;
	font-size:12px;
        background: transparent;
        z-index:9999;
}

input.search-button {
        margin-top:20px;
        margin-right:5px;
	width: 27px;
	height: 18px;
	border-style: none;
        text-indent: -9999em;
	margin: 0;
	cursor: pointer;
	background: transparent url(https://www.vanzantenmessen.nl/uploads/jtemplate/search-icon6.svg) no-repeat;
        background-size: cover;
}

.verzameling-holder {
  max-width: 1300px;
  margin-left:auto;
  margin-right:auto;
  padding-top:1.2em;
  padding-bottom:1.2em;

}

.verzameling-container {
  width: 100%;
  height: auto;
}

.verzameling-links {
  width: 50%;
  height: auto;
  float: left;
  text-align: right;
}

.verzameling-rechts {
  width: 50%;
  height: auto;
  float: right;
}

.verzameling-clearfix {
  clear: both;
}

@media only screen and (max-width: 768px) {
#content-holder-shadow {
	width:100%;
	background-image:url(https://www.vanzantenmessen.nl/uploads/jtemplate/small_shadow.png);
	background-repeat:no-repeat;
	background-size:100% 38px;
	height:38px;
}

li.li-zoekvenster {
height: 43px;
}

.zoekvenster {
height: 43px;
margin-top:8px;
margin-left:0px;
background: #696969; /* Old browsers */
background: -moz-linear-gradient(top,  #696969 0%, #585858 50%, #353535 51%, #454545 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #696969 0%,#585858 50%,#353535 51%,#454545 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #696969 0%,#585858 50%,#353535 51%,#454545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 1px solid #121212;
-webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75);
}

.zoekvenster label {
display:none;
}

.zoekvenster input.search-input {
        line-height: 38px;
	border-style: none;
	color: #ffffff;
	padding-left:18px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight:400;
	font-size:1em;
        background: transparent;
        z-index:9999;
}

input.search-button {
        margin-top:20px;
        margin-right:5px;
	width: 40px;
	height: 25px;
	border-style: none;
        text-indent: -9999em;
	margin: 0;
	cursor: pointer;
	background: transparent url(https://www.vanzantenmessen.nl/uploads/jtemplate/search-icon6-mobile.svg) no-repeat;
        background-size: cover;
}

}
/* cmsms stylesheet: thumbnailGridDefault modified: Monday, April 24, 2017 1:53:27 PM */
/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

xhtml { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

x body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    background: #f9f9f9;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    overflow: scroll;
    overflow-x: hidden;
}

x a {
	color: #555;
	text-decoration: none;
}

.container {
	width: 100%;
	position: relative;
}

.container > header {
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
	padding: 0 30px 50px 30px;
}

.container > header {
	padding: 60px 30px 50px;
	text-align: center;
}

.container > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0 auto;
	font-weight: 700;
	color: #333;
}

.container > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}

.main > p {
	text-align: center;
	padding: 50px 20px;
}

/* Header Style */
.codrops-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.codrops-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.8);
	color: #000;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}
/* cmsms stylesheet: thumbnailGridComponent modified: Monday, June 12, 2017 10:20:34 AM */
.og-grid {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;


}

.og-grid li {
	display: inline-block;
	margin: 7px 5px 5px 5px;
	vertical-align: top;
	height: 255px;

}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: 1px solid #454545;
	display: block;
	position: relative;
        width:255px;
        background-color: #292929;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ddd;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #1f1f1f;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
        border: 1px solid #505050;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg {
	padding: 0 0 0 0;
	width: 100%;
	float: left;
	height: 40%;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.og-details {
	padding: 0 40px 0 20px;
	width: 100%;
	float: left;
	height: 60%;
	overflow: hidden;
	position: relative;
}



.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
        xborder: 1px solid #6c6c6c;
        xbackground-color: #303030;
}

.og-details h3 {
        font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 52px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
        line-height:50px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
        color:#000;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 2px solid #737373;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-details a:active, .og-details a:visited {
        color:#000;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

@media screen and (max-width: 650px) {

	.og-fullimg { 
    display: block;
    height:100px;
padding: 0 0 0 20px;

 }
	.og-details { float: none; width: 100%; }
	
}
/* cmsms stylesheet: collectie modified: Wednesday, September 24, 2025 11:20:20 AM */
.container {
  width: 100%;
}

.col_foto {
}

.col_foto img {
  width: 100%; 
  max-width: 100%; 
  height: auto;
  xborder: 1px solid #454545;
  xbackground-color: #282828;
  padding: 8em 0 8em 0;
}

.vakje_collectie {
  background-color: #2e2e2e;
  min-height:100px; 
  border:1px solid #4f4f4f;
  padding:1em;
  margin-bottom: 9px;

-webkit-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);

  word-break: keep-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.vakje_collectie_testimonials h2 {
text-align: center;
}

.vakje_collectie_testimonials {
 background-color: #2e2e2e;
  min-height:100px; 
border:1px solid #4f4f4f;
padding:1em;
-webkit-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
box-shadow: 0px 15px 24px -14px rgba(0,0,0,0.36);
  word-break: keep-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.vakje_collectie_testimonials p {
font-family: 'Allura';
font-size:2.5em;
line-height:1em;

}