.label { text-decoration:none !important;}
.label a{ text-decoration:none !important;}
.label a:hover{ text-decoration:none !important;color:#D46358;}

/*
 .icon a{ color: #E27689 !important;}
 .icon a:hover{ color: #D46358 !important;}
 .item .image h3{ color: rgba(255,255,0,1) !important;}
*/
 #nav a{ color: #ffffff !important; line-height:80%;}
 #nav a:hover{ color: #E27689 !important;}
 .bewerk{ color:yellow !important;}
			#nav ul li span {
				display: block;
				padding: 0.5em 1.5em 0.5em 1.5em;
				color: rgba(255, 255, 255, 0.5);
				display: block;
        line-height:100%;  
        text-decoration: line-through;
			}
#footer {
    color:#ffffff;
// 		background-color: #81918E;
		background-image: url("images/banner.jpg");
}
#main > section.one {
//		background-color: #81918E;
		background-image: url("images/banner.jpg");
}
.inputbox{
    font-weight:bold;
}
#header{
//background-color: #492F36;
background-image: url("images/banner.jpg");
}
.top{ padding-bottom:0;
}
.row h2{ text-align:center;}
form select{
color: rgba(0,0,0,0.9);
}
form {padding:10;margin:10;}
input[type=checkbox] {
         position: relative;
	       cursor: pointer;
    }
    input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 26px;
         height: 26px;
         top: 0;
         left: 0;
         border: 2px solid #555555;
         border-radius: 5px;
         background-color: white;
}
    input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 15px;
         height: 20px;
         border: solid black;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 2px;
         left: 6px;
} 
/* tekst bij de plaatjes */ 
.fancybox-caption, .fancybox-caption h3, .fancybox-caption h2{font-size:110% !important;color:yellow !important;}
/* Icons */
	.icon {
		text-decoration: none;
    color:black;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}
		.icon:before {
			line-height: inherit;
		}
		.icon > .label {
			display: none;
		}
		.icon.solid:before {
			font-weight: 900;
		}
		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}
    
h2 .h-info {
			font-size: 2em !important;
			color:rgba(245, 182,182, 0.8) !important;
		}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  color:black;
}
.modal a{
color:blue;
text-decoration:underline;
}
.modal a:hover{
text-decoration:none;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
  color:black;
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: white !important;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  padding: 2px 16px;
//	background-color: #81918E;
	background-image: url("images/banner.jpg");
  color: black;
}
.modal-header h2{
  text-align:center;
  color: white;
}
.modal-body {
padding: 20px  10px 0px 10px;  
color:black;
line-height:85%;
}
.modal-body img {
  width:100%;
}

 /* voor responsive iframes */
.modal-body div {
 position: relative; 
 padding-bottom: 56.25%;
 height: 0; 
 overflow: hidden; 
 max-width: 100%; } 
.modal-body iframe,
.modal-body object,
.modal-body embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  }

.info_zijbalk{
border: 1px solid black;
background:#C8C9C9;
color:black;
font-size: 80%;
text-align:left;
margin:0 10px;
padding:0.5em;
line-height:1em;
border-radius:7px;
}
.info_simpel{
border: 2px solid grey;
background:#ececec;
color:black;
font-size: 100%;
text-align:left;
margin:0 0 0 20px;
padding:0.5em;
line-height:1em;
border-radius:5px;
width:100%;
}
/* voor responsive iframes */
.embed-container {
 position: relative; 
 padding-bottom: 56.25%; 
 height: 0; 
 overflow: hidden; 
 max-width: 100%; } 
 .embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  }


.row > .col-thumb h2{
    color:black;
		font-size: 1em;
		letter-spacing: 0;
		font-weight: 400;
		line-height: 1.2em;
       
 }

		@media screen and (min-width: 961px) and (max-width: 1880px) {

		.row > .col-thumb {
/*			width: 33.33333%;*/
/*			width: 25%;*/
			width: 16.66667%;
		}
		}

		@media screen and (min-width: 961px) and (max-width: 1620px) {

		.row > .col-thumb {
/*			width: 33.33333%;*/
			width: 25%;
/*			width: 16.66667%;*/
		}
		}

		@media screen and (min-width: 761px) and (max-width: 1320px) {

		.row > .col-thumb {
			width: 33.33333%;
/*			width: 25%; */
/*			width: 16.66667%;*/
		}
		}

		@media screen and (min-width: 501px) and (max-width: 760px) {

		.row > .col-thumb {
       width: 50%;
/*			width: 33.33333%; */
/*			width: 25%; */
/*			width: 16.66667%;*/
		}
		}

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

		.row > .col-thumb {
        width: 100%;
/*			width: 33.33333%;*/
/*			width: 25%;*/
/*			width: 16.66667%;*/

		}
		}