@import "reset.css";
@import "menu.css";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700;900&display=swap');

#popup{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9998;background:url(../images/popup.png);display:none;}
#Wpopup{background-color:#fff;width:450px;margin:50px auto;padding:20px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;line-height:18px;}
a.popupCl{display:block;text-align:right;margin-bottom:20px;text-decoration:none;}
#Wpopup h2 a{text-decoration:none;}


#thover {position:fixed;background:#000;width:100%;height:100%;opacity: .5;z-index: 10000;left: 0;}
#tpopup {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;box-shadow:0 0 10px 0 #000;z-index: 10000;}
#tclose {position:absolute;background:black;color:white;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;font-size:15px;font-weight:bold;
font-family:'Arial Black', Arial, sans-serif;cursor:pointer;box-shadow:0 0 10px 0 #000;}

.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
body{
	background:url(../images/bg.jpg) repeat;
	color:#fff;
	font-family:Open Sans,Arial;
	font-size:12px;
	line-height:19px;
}
body, html {height: 100%;}
#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
#sticky {background-color:#fff;}
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

a{
	color:#ea661d;
}
a:hover{
	color:#918c8d;
}
b,strong{
	color:#ea661d;
}
.clear{
	clear:both;
}

.wrapper {
	max-width: 1160px;
	width: 95%;
	height: auto;
	margin: 0px auto;
	position: relative;
}
.wrapperS {
	max-width: 1160px;
	width: 95%;
	margin: 0px auto;
	z-index:10000;
	position:relative;
}

/*WARNING
****************/
#warning,#Zwarning		{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup2.png);color:#000;}
#Wmessage,#ZWmessage	{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;color:#000;}
a.submit{background-color:#f60;color:#fff;padding:10px;display:inline-block;text-decoration:none;}

.grid-6 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(5,1fr);}
.grid-4 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(4,1fr);}
.grid-3 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
.grid-2 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
.sectiongrid			{margin:0px 0px 20px 0px;}
/*png fix
**************

dan moet dit script wel in de header gestoken worden:
<script type="text/javascript" src="<?php echo WB_URL ?>/templates/scripts/iepngfix_tilebg.js"></script>
img, div, a  { behavior: url(<?php echo WB_URL ?>/templates/scripts/iepngfix.htc) }*/

.likeright {
    position: absolute;
    top: 50px;
    right: 50%;
}
/*header
******************/
ul,ol {list-style:none outside none;padding-top:5px;padding-bottom:5px;}
ul.lang {display: block;float: right;}
ul.lang li {float:left;margin:0 2px;width:25px;}
ul.lang li a {background-image: url(../images/flags.png);background-repeat: no-repeat;display: block;height: 17px;width: 25px;}
ul.lang li span {display:none;}
ul.lang li a.arb {
    background-position: left top;
}
ul.lang li a.blg {
    background-position: -25px top;
}
ul.lang li a.chi {
    background-position: -50px top;
}
ul.lang li a.crt {
    background-position: -75px top;
}
ul.lang li a.czh {
    background-position: -100px top;
}
ul.lang li a.dan {
    background-position: -125px top;
}
ul.lang li a.dtc {
    background-position: -150px top;
}
ul.lang li a.fin {
    background-position: -175px top;
}
ul.lang li a.frn {
    background-position: -200px top;
}
ul.lang li a.grm {
    background-position: -225px top;
}
ul.lang li a.grk {
    background-position: -250px top;
}
ul.lang li a.hnd {
    background-position: -275px top;
}
ul.lang li a.itl {
    background-position: -300px top;
}
ul.lang li a.jpn {
    background-position: -325px top;
}
ul.lang li a.krn {
    background-position: -350px top;
}
ul.lang li a.mex {
    background-position: -375px top;
}
ul.lang li a.nrw {
    background-position: -400px top;
}
ul.lang li a.pls {
    background-position: -425px top;
}
ul.lang li a.prt {
    background-position: -450px top;
}
ul.lang li a.rom {
    background-position: -475px top;
}
ul.lang li a.rus {
    background-position: -500px top;
}
ul.lang li a.heb {
    background-position: -525px top;
}
ul.lang li a.swd {
    background-position: -550px top;
}
ul.lang li a.uke {
    background-position: -575px top;
}
#header{
	width:100%;
	padding:1% 0;
}
#logo{
	float:left;
}
#slogan{
	float:left;
	margin-left:15px;
	margin-top:20px;
}
#languages{
	float:right;
	padding-top:0.5%;
}
#languages ul{float:right;list-style-type:none;}
#languages ul li{text-align:center;float:left;}
#languages ul li a{color:#fff;padding:5px 10px;font-family:Open Sans,Arial;text-decoration:none;text-transform:uppercase;}
#languages ul li a:hover{color:#fff;background-color:#ea661d;border-radius:5px;text-shadow:1px 1px 0px #333;}
#languages ul li a.lcurrent{color:#fff;background-color:#ea661d;border-radius:5px;text-shadow:1px 1px 0px #333;}

#slider {border-bottom:5px solid #fff;position:relative;}
#searching {position:absolute;top:0px;left:0px;width:100%;}

.flex {display: flex;justify-content: space-between;gap: 20px;}
.flex h1 {flex: 2;}
#webuy {flex: 1;}
#webuy a {font-family:Open Sans,Arial;font-size:16px;text-transform:uppercase;line-height:normal;text-decoration:none;color:#fff;font-weight:700;background-color:#ea661d;display: block;padding:20px 10px;text-align:center;}
#webuy span {font-family:Open Sans,arial;font-size:13px;text-transform:none;font-weight:400;}
.webuypad {}
.maincontent {padding-top: 40px;}

#searchbox {width:100%;}
#searchbox1 {padding:5px 10px;top:0px;left:0px;}
#search {background-color:#ea661d;padding:20px;flex: 1;}

.searchleft {float:left;margin-right:50px;}
.title {font-size:16px;text-transform:uppercase;line-height:normal;margin-right:15px;}
.searchfield {background:url(../images/searchbox.jpg) no-repeat;height:25px;width:188px;}
.search_submit {display:block;float:right;height:25px;width:26px;}
input.search {background-color:#fff;border:0;width:150px;font-size:11px;color:#000;margin-top:5px;margin-left:5px;}

.searchright {float:right;}
.field {margin-top:20px;}
.field a {text-decoration:underline;font-weight:bold;color:#fff;}
.field a:hover {text-decoration:none;color:#fff;}

.imgmore {float:left;width:75px;margin-right:7px;margin-bottom:10px;}
.newImg{position:absolute;top:120px;right:0px;z-index:1000;}
#mLnks{display:none;}
#mLnks ul li {margin-bottom:10px;}
#mLnks ul li a{background-color:#f00;border-radius:10px;padding:10px;display:block;color:#fff;background-color:#ea661d;text-align:center;text-decoration:none;text-transform:uppercase;}
/*main content -> menu & content
**********************************/
#main{
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
}
#main2{
	width:100%;
	background-color:#000;
	margin-bottom:20px;
	margin-top:20px;
}


#main2 ul {list-style-position:inside;margin-left:10px;list-style-type:square;}
#main2 ul li {}
/*content block
*******************/
#content{
	width:100%;
}
#content2{
	width:96%;
	padding:2%;
}
#content5{
	width:97%;
	padding:2% 1% 2% 2%;
}
.mail {background-color:#ea661d;padding:1%;width:40%;text-align:center;}
.mail a {font-size:18px;text-transform:uppercase;color:#fff;font-family:Open Sans,Arial;text-shadow:0px 1px 1px #333;}


.galerie {overflow-y:scroll;height:514px;overflow:scroll\9;}
.gal {float:left;width:16.6%;box-sizing:border-box;padding:5px; }
.gal img,.list_carousel li a img{filter: grayscale(100%);width:100%;object-fit:cover;}
.gal img{height:120px;}
.gal img:hover,.list_carousel li a img:hover{
  filter: none !important;
}
.list_carousel li a img{filter: grayscale(100%);}

#social {padding-top:20px;padding-bottom:20px;}

.nieuwsoverzicht {background-color:#222;padding:10px;outline:1px solid #333333;border:1px solid #111111;}
.nieuws {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #333;width:100%;}
.nieuwslast {width:100%;padding-bottom:15px;}
.nieuwsleft {float:left;width:246px;margin-right:15px;}
.nieuwsright {float:rught;}
.date {margin-bottom:15px;font-size:11px;color:#999;}
.img {width:246px;height:151px;overflow:hidden;border:1px solid #333;outline:1px solid #000;}
.img img {width:100%;}
	
/*page Title
**************/
h1{
	color:#fff;
	font-size:20px;
	margin-bottom:30px;
	font-family:Open Sans,Arial;
	font-weight: 700;
	text-transform:uppercase;
	line-height:normal;
}
h2 {
	position: absolute; 
	background:url(../images/balk.png) repeat;
	height:50px;
	top: 120px; 
	left:0px; 
	text-transform:uppercase;
	width: 205px; 
	padding:10px;
	color:#fff;
	font-size:14px;
	line-height:normal;
	font-family:Open Sans,Arial;
	text-shadow:0px 1px 1px #333;
}
h3{
	color:#fff;
	font-size:14px;
	font-weight:700;
	font-family:Open Sans,Arial;
	text-transform:uppercase;
	line-height:normal;
}
h4 {
	background:url(../images/balk.png) repeat;
	text-transform:uppercase;
	display: inline-block;
	padding:10px;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
	font-size:18px;
	line-height:normal;
	font-family:Open Sans,Arial;
	text-shadow:0px 1px 1px #333;
}

.list_carousel {
	margin: 0px;
	width: 100%;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	position:relative;
	width: 225px;
	height: 165px;
	padding: 0;
	margin:3px;
	display: block;
	overflow:hidden;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
			
			
/*footer top
****************/

#footer{
	line-height:normal;
	padding:10px 0px;
}
#fct2 a {cursor:pointer;text-decoration:underline;}
#fct{
	color:#000;
	float:left;
}
#fct2 {float:right;color:#000;text-align:right;}
.ftr {padding-top:15px;clear:both;}

.menu2 {}
.menu2 ul {list-style-type:none;padding-top:0;}
.menu2 ul li {float:left;padding-right:5px;margin-right:5px;border-right:1px solid #666;padding-bottom:2px;padding-top:2px;}
.menu2 ul li.last {float:left;border-right:0px;margin:0px;}
   
#buttons {float:right;margin-top:3px;margin-bottom:10px;}
#buttons img {margin-right:10px;}
#buttons img.lst {margin-right:0px;}

.tinynav {display:none;}

#google_translate_element {width:100%;}

.like {float:left;margin-top:3px;}
.talen {float:right;}

.ss {font-size:10px;}

.cookie-banner {position: fixed;bottom: 20px;right: 20px;background: #fff;font-size: 14px;color: #000;width: calc(100% - 40px);max-width: 400px;padding: 24px;border-radius: 10px;z-index: 9999;box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.08);display: none;align-items: center;justify-content: space-between;line-height: 21px;box-sizing: border-box;}
.cookie-banner.fade {}
.cookie-banner h2 {font-size: 18px;margin-bottom: 10px;}
.cookie-button {background-color: #ea661d;color: #fff;padding: 12px 24px;text-decoration: none;border-radius: 24px;border: 0px;cursor: pointer;display:flex;margin-left: 24px;font-family: Work Sans, Arial;font-weight: 600;align-items: center;}


/*FORMS
********/
.required 				{color: #FF0000;}
.field_heading 			{font-weight: bold;padding-top: 10px;}
.field_row 				{display:flex;}
.field_title 			{flex:1;}
.field_input 			{flex:2;}
.field_checkbox 		{width: 100%;margin-bottom:10px;}
.field_title2 			{width:100%;margin-bottom:10px;}
.field_input2 			{width:100%;margin-bottom:10px;}
input[type='checkbox'] 	{width:auto;}
input[type='radio'] 	{width:auto;}
.textarea				{width:100%;}


.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family:Work Sans, Arial;font-size:15px;}
.email,.textfield,.textarea			{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;}

.checkbox_label 		{cursor: pointer;}
.radio_label 			{cursor: pointer;}
.nixhier 				{display:none;}
.submit					{background-color:#000;color:#fff;border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;font-size:15px;border-radius: 8px;}
.gdpr					{font-size:10px;line-height: normal;}