body {background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
article,aside,footer,header,main,nav,section{display:block}	

* {
	font-family:"Arial";
	font-style: normal;
	font-size: 16px;
}
* {box-sizing: border-box;}
h1 {
	position: relative;
	display:block;
	color: #374736;
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0px;
	font-family: "Lato Regular";
	text-transform: uppercase
    }
h2 {
	position: relative;
	display: block;
	color: #c4a877;
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom:20px;
	margin-left:0px;
	font-family: "Lato Regular";
	font-variant: small-caps;
    }
h3 {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom:10px;
	color: #000000;
	margin: 0px;
	padding-left: 0px;
	text-align: left;
    }
h4 {
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 15px;
	color: #374736;
	margin: 0px;
	font-family: "Arial Bold";}

h5 {
    font-size: 20px;
	font-style: normal;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 15px;
	color: #000000;
	margin: 0px;
	font-family: "Arial";
}

p {
	font-size: 16px;
	font-style: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
	line-height: 20px;
	font-variant: normal;
	color: #000000;
	font-weight: normal;
    }
a, p a {
	color:#374736;
	text-decoration:underline;
    }
.container {
	padding-right:15px;
	padding-left:15px;
    margin-right: auto;
    margin-left: auto;
}
.container-fluid{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}

.row{
	margin-right: -15px;
	margin-left: -15px;
}
.col100,.col91,.col83,.col75,.col50,.col41,.col1-3,.col1-4,.col8, .colfree, .lcol50.lcol1-5,.col65,.lcol65, .mcol60, .mcol100, .mcol30, .mcol40, .mcol70, .mcol65,.lcol80,.mcol80, .scol80, .mcol20, .scol20, .lcol40{
	position:relative;
	min-height:1px;}
.col100,.col91,.col83,.col75,.col50,.col41,.col1-3,.col1-4,.col1-5,.col8, .colfree, .lcol50, .lcol1-5,.lcol1-4,.col65,.lcol65, .mcol60, .mcol100, .mcol30, .mcol40, .mcol70, .mcol65,.lcol80,.mcol80, .scol80, .mcol20, .scol20, .lcol40{float:left;}
.col100{width:100%}
.col91{width:91.66666667%}
.col83{width:83.33333333%}
.col75{width:75%}
.col65{width:65%}
.col50{
	width: 50%;
}
.colfree{
	width: auto
}
.col1-3{width:33.33333333%}
.col1-4{width: 25%;padding-right: 0px;padding-left: 0px;}
.col1-5{width:20%}
.col8{width:8.33333333%}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after, .nav:before,.nav:after,.navbar:before,.navbar:after{
	display:table;
	content:" "
}
.clearfix:after, .container:after, .container-fluid:after, .row:after,  .nav:after, .navbar:after, .navbar-header:after {
    clear: both;
}
*:before, *:after {
    box-sizing: border-box;
}
.shidden{display:none!important}
.svisible{display:block!important}
.breadcrumb {
	padding-bottom: 10px;
	text-align: left;
}

.breadcrumb span, #breadcrumb a {
    display: inline-block;
	font-size:12px!important;
    line-height: inherit;}
.breadcrumb a > span {text-decoration: underline;}
.breadcrumb ol {
	font-size: 12px!important;
	line-height: inherit;
	list-style-type: none;
	Padding:0px;
	margin:0px;
}
.breadcrumb li{
	display: inline-block;
	Padding:0px;
	margin:0px;
}
.nee {
	display: none;
	margin: 0px;
	padding: 0px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.mcol100{width: 100%;}
	.scol30{width: 30%; }
	.scol20{width: 20%; }
	.scol50{width: 50%;}
	.scol80{width: 80%;}
	
	}
@media (min-width: 768px)  {
.lcol50{width: 50%;}
.mcol20{width: 20%; }
.mcol30{width: 33%; }
.lcol65{width: 65%;}
.mcol50{width: 50%;}
.mcol60{width: 60%;}
.mcol65{width: 65%;}
.mcol100{width: 100%;}
.lvisible{display:block!important}
.lhidden{display:none!important}
.mcol1-5{width:20%}
.mcol1-4{width:25%}
.mcol40{width:40%;}
.mcol70{width:70%;}
.mcol80{width:80%;}
.lcolfree{width: auto}
.mhidden{display:none!important}
.mvisible{display:block!important}
}


@media  (min-width: 992px) {
.lcol50{width: 50%;}
.lcol40{width:40%;}
.lcol1-4{width: 25%;}
.lvisible{display:block!important}
.lhidden{display:none!important}
.lcol100{width:100%}
.lcol75{width:75%}
.lcol65{width:65%}
.lcol1-5{width:20%}
.lcol1-3{width: 33%}
.lcolfree{width: auto}
}

@media (min-width:1200px){
.lcol50{width: 50%;}
.lcol40{width:40%;}
.lcol1-4{width: 25%;}
.lcol65{width:65%}
.lcol1-5{width:20%}
.lvisible{display:block!important}
.lhidden{display:none!important}
.lcol75{width:75%}
.lcol100{width:100%}
.lcol1-3{width: 33.33333333%;}
.lcolfree{width: auto}
.lcol80{width: 80%;}}

/*extra*/
#webspice{
	text-align:right;
}
#webspice a{
	font-weight: 600;
	font-size: 12px;
	color: #CECECE;
	text-decoration: none;
}
.bol {
    color: #D99F15;
    font-size: 24px;
}
.ico {
	display: inline-block;
	line-height: 1;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: inherit;
	font-family: "FontAwesome Regular";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);}
.fboff:before {content: "\f230";}
.fb:before {
	content: "\f09a";
	background-color: #4161A2;
	color: #FFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	text-align: center;
	min-width: 16px;
	border-radius: 3px;
	font-size: 18px;
}
.fbf:before {content: "\f09a";}
.insta:before {content: "\f16d";}
.uren:before {content: "\f017";}
.twitter:before {content: "\f099";}
.envelop:before { content: "\f003";}
.kalender:before {content: "\f073";}
.youtube-play:before {content: "\f16a";}
.mobile:before {content: "\f10b";}
.phone:before {content: "\f095";}
.check:before {content: "\f00c";}
.pijlrechtslang:before {content: "\f178";}
.pijlrechts:before {content: "\f054";color:#ffffff;font-size:14px;}
.dbpijl:before {content: "\f101";}
.home:before {content: "\f015";}
.docu:before {content: "\f0f6";}
.doct:before {content: "\f0f0";}
.link:before {content: "\f08e";}
.passend {max-width: 100%;height:auto;display:block;}
.randonder {
    border-bottom: 1px solid #7E8D8F;
}
.font10{
	font-size: 10px;
	padding:0px;
	margin:0px;
	line-height:normal;
}
.font12{
	font-size: 12px;
	
	line-height:normal;
}
.font14{
	font-size: 14px;
	
	line-height:normal;
}
.font20{
	font-size: 20px!important;
	margin:0px;
	
}
.font24{
	font-size: 24px!important;
	margin:0px;
	
}
.font18{font-size: 18px!important;}
.font30{
	font-size: 30px;
	line-height: 34px;
}
.wit{color: #ffffff!important;}
.rood{color: #bf352b!important;}
.groen{color:#1ca640!important;}
.oranje{color:#e38b06!important;}
.grijs{color:#31363b}
.cursief{
	font-style: italic;
}
span.rood {font-size:22px}
.lijnhoogte {
	line-height: 24px!important;}
.lijn {
	color: #564d48;
	background-color: #564d48;
	height: 1px;
	border: none;
	width: 75%;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}
.bgrood{background-color:#374736!important;;}
.bgblauw{background-color:#009fe3;}
.bggrijs{background-color: #374736;}
.bgoranje{color:#e38b06!important;}
.bgdkgrijs{background-color:#333333;}
.bgzwart{background-color: #000000;}
.bgwit{background-color: #ffffff;}
.bgbeige{background-color:#f2eae0}
.nofloat{float:none!important}
.paddingmarginniets{padding:0px;margin:0px;}
.paddingleft{padding-left:10px}
.paddingright{padding-right:10px}
.paddingtop{padding-top: 50px}
.paddingtop2{
	padding-top: 25px
}
.paddingbottom{
	padding-bottom: 50px
}
.marginbottom{margin-bottom:10px}
.margintop{margin-top:20px}
.marginleft{margin-left:5px}
.marginright{margin-right:5px}
.bold{font-weight:bold;}
.floatleft{float:left;}
.rand {border: 1px solid #4d8696}
.randrechts {
	border-right: 1px solid #F7F7F7;
}
.tekstmid {text-align:center;}
.tekstright {text-align: right;}
.row-centered { text-align:center;}
.col-centered {
    display:inline-block;
    float:none;
  	text-align:left;
	margin-right:-4px;
}
.overflow{overflow:hidden;}


#topbar {
	line-height: 35px;
	overflow: hidden;
	background-color:#374736;
	padding-top:15px;
	padding-bottom:15px;
	color:#ffffff;}
#topbar a {color:#ffffff;}
#social{
    float: left;
    margin-right: 15px;
}
#social ul li {
	display: inline;
	list-style-type: none;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin: 0px;
	padding-bottom: 5px;
	padding-left:25px;
	color: #FFFFFF;   
}
#social ul li a, #social ul li a i {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;   
}
#social ul li a i:hover {color: #c4a877;}

#login{padding-left:5px;padding-right:25px; text-decoration:underline;}
#taal{ float: left;}
#taal ul, #social ul{margin:0px;}
#taal ul li {
	display: inline;
	list-style-type: none;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin: 0px;
	padding-bottom: 5px;
	color: #FFFFFF;   
}
#taal ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;   
}
#taal ul li a:hover {color: #c4a877;}
#taal ul li a.active {color: #c4a877;}
header {position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
	padding-top: 3px;
padding-bottom: 5px;
}

#logo{
	float: left;
	padding: 0px;
	position: relative;
	margin:0px;
	width:100%
}
#logotalent{
	text-align: center;
padding:0px;
margin:0px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

nav {
	position: relative;
	width: 100%;
	display: none;
	text-align: left;
	background-color: #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.slicknav_menu {display:block;}
nav ul {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left:5px;
	margin: 0 auto;
}

nav ul li {
	position: relative;
	    display: inline-block;
    list-style-type: none;
background-image: none;
	cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
	font-size: 18px;
	font-family: "Arial";
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	margin: 0px;
	
}
nav ul li a:link {
	font-variant: normal;
	color: #374736;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-decoration: none;
	font-size: 16px;
	font-family: "Arial";
}

nav ul li a:visited {
	color: #374736;
	text-decoration: none;
}
nav ul li a:hover {
	color: #c4a877;
	text-decoration: underline;
}
nav ul li a:active {
	color: #c4a877
}
nav ul li a.active {
	color: #c4a877;
	text-decoration: underline;
	background-color: transparent;
}

nav ul li ul {
	  position: absolute;
  top: 40px;
  left:0px;
margin:0px;
padding:0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
z-index: 999;
  width:200px;
background-color: #fff;
}

nav ul li ul li {
	display: block;
	color: #374736;
	margin: 0px;
	padding: 0px;
}

nav ul li ul li a:link {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	padding-left: 15px;
	margin: 0px;
display: block; 
	
}
nav ul li ul li a:hover {display: block;border:none;color: #c4a877;}
	

nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
   
}
nav ul li.last{padding-right: 0px!important;margin-right: 0px!important;}

#resa{
	width: 100%;
	padding: 0px;
	display: block;
	float:left;
	padding-bottom:15px;
	}
#resa p{
	font-family: "Lato Light";
	color: #ffffff;
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	margin: 0px;
padding: 0px;
	}
	#talent{
	width: 100%;
	padding: 0px;
	display: block;
	float:left;
	padding-bottom:15px;
	}
.btncsi {
	font-size: 20px;
	font-weight: normal;
	position: relative;
	color: #ffffff!important;
	display: inline-block;
	background-clip: padding-box;
	background-color: #bf352b;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin-top: 19px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-right:10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: 2px solid #FFFFFF;
	float:left;
}
.btncsi:hover  { color: #FFF!important;;text-decoration:none;background-color: #000000;border: 2px solid #FFFFFF;}
@media (min-width: 768px){
header {
	height: auto;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
}
#logo{width:100%}
.container{width:760px}
.slicknav_menu {display:block;}
nav {
	display: none;}
nav ul li{
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right:3px;
}
nav ul li a:link {padding-right: 6px;padding-left: 6px;font-size: 16px;}
#logo{width:30%}
#resa{width:30%;}
#resa p{text-align: right;}
.btncsi {float:right;}
#talent{width:30%;float:right;}
}

@media  (min-width: 992px) {
.container{width: 970px;}
.slicknav_menu {display:none;}
#taal{ float: right;}
nav {margin-top:0px;margin-bottom:0px;
	display: block;}
nav ul li{
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right:0px
}
nav ul li a:link {padding-right: 10px;padding-left: 10px;font-size: 14px;}

#logo{width:35%}
#resa{width:35%;}
#talent{width:20%;}
}
@media (min-width:1200px){
.container{width: 1200px;}
#taal{ float: right;}
.slicknav_menu {display:none;}
nav {margin-top:0px;margin-bottom:0px;
	display: inline-block;}
nav ul li{
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right:15px;
}
nav ul li a:link {padding-right: 10px;padding-left: 10px;font-size: 16px;}
#logo{width:30%}
#resa{width:30%;}
#talent{width:20%;}
}
@media (min-width:1700px) and (max-width:1999px){
nav {margin-top:0px;margin-bottom:0px;margin-left:0px;
	display: block;}
nav ul li{
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right:12px;
}
nav ul li a:link {padding-right: 14px;padding-left: 14px;font-size: 16px;}
#logo{width:30%}
#resa{width:30%;}
#talent{width:20%;}
	}
@media (min-width:2000px){

nav {margin-top:0px;margin-bottom:0px;margin-left:0px;
	display: block;}
nav ul li{
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right:15px;
}
nav ul li a:link {padding-right: 18px;padding-left: 20px;font-size: 16px;}

	}

main {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
#content{padding-left:5px; padding-right:15px;}
#film {
    margin-top: 0px;
    padding: 0px;
    position: relative;
  
}
#filmintro {
    position: relative;
    padding: 0px;
    margin: 0px;
}
.foto {
background-position: center center;
background-size: 100% auto;
background-attachment: scroll;
background-repeat: no-repeat;
position: relative;
padding-top: 20px;
}
.ftbg1 {
  background-image: url("../fotomateriaal/0_banner_2026_end.jpg");
}
#tickets{
	background-color: #374736;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.btntickets {
	font-size: 20px;
	font-weight: normal;
	position: relative;
	color: #ffffff!important;
	display: inline-block;
	background-clip: padding-box;
	background-color: #374736;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 20px;
	border: 2px solid #FFFFFF;
	font-family: "Arial Bold";	
}
.btntickets:hover  { color: #FFF!important;;text-decoration:none;font-size: 20px;background-color: #c4a877;border: 2px solid #FFFFFF;
	outline-width:2px;
	outline: 2px solid #000000;}
.programmawrap,.infowrap, .partnerwrap{margin-top:80px}
#programma {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 15px;
	margin: 8px;
	max-width:280px;
}
.btnprog {
	font-size: 24px;
	font-weight: normal;
	position: relative;
	color: #ffffff!important;
	display: inline-block;
	background-clip: padding-box;
	background-color: #c4a877;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 210px;
	height: 210px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	border: none;
	border-radius: 50%;
	font-family: "Arial";
	line-height: 30px;
}
.btnprog:hover  { color: #FFF!important;;text-decoration:none;background-color: #374736;}	

#titel{
	text-align: center;
	font-size: 30px;
	color: #c4a877;
	font-weight: normal;
	padding-top: 25px;
	padding-bottom: 25px;
	}
#links{
	position: relative;
	height: 355px;
	min-height: 355px;
	max-width:365px;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	vertical-align: top;
	padding-top: 15px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 15px;
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
	margin: 8px;
	border: 1px solid #c4a877;
}
	
#links a{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */

	}
#links a .col100 img {
	display: block;
	height: auto;
	max-width: 100%;
	margin-left: auto;
margin-right: auto;}

.btn {
	font-size: 20px;
	font-weight: normal;
	position: relative;
	color: #ffffff!important;
	display: inline-block;
	background-clip: padding-box;
	background-color: #374736;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin-top: 19px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 15px;
	padding-right:60px;
	padding-left: 60px;
	padding-bottom: 15px;
	height: 50px;
	border: 2px solid #FFFFFF;
	
}
.btn:hover  { color: #FFF!important;;text-decoration:none;background-color: #c4a877;border: 2px solid #FFFFFF;}


#nieuws{
	margin-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	padding-top: 20px;
}
.iframe {
    height: 300px;
    width: 80%;
    margin: 0px;
    padding-top: 20px;
}

.partner {
    height: 140px;
    overflow: hidden;
    margin-bottom: 1px;
    padding-right: 1px;
    padding-left: 1px;
}
.logo {display: block;background-color: #FFF;}
.logo > img, .logo a > img {
	display: block;
	height: auto;
	max-width: 100%;
	margin-left: auto;
margin-right: auto;
	
}

.pers {
    height: 200px;
    overflow: hidden;
    padding-right: 5px;
    padding-left: px;
	margin-left:0px;
	margin-bottom:20px;
}
.art{display: block;background-color: #FFF;}
.art > img, .art a > img {
	display: block;
	height: auto;
	max-width: 100%;
	margin-left: auto;
margin-right: auto;
	
}

.btnpag {
	font-size: 20px;
	font-weight: normal;
	position: relative;
	display: inline-block;
	background-clip: padding-box;
	background-color: #374736;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin-top: 19px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 15px;
	padding-right:40px;
	padding-left: 40px;
	padding-bottom: 15px;
	height: 50px;
	border: 2px solid #FFFFFF;
	
}
.btnpag a {color: #ffffff!important;text-decoration:none;}
.btnpag:hover  { color: #FFF!important;text-decoration:none;background-color: #c4a877;border: 2px solid #FFFFFF;}

ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 15px;
	margin-top:5px;
}
ul li {
	display: list-item;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 3px;
	list-style-type: square;
	list-style-position: inside;	
}

#subnav {display:none;}
#subnav ul {display:block;
margin-left: 0px;
margin-right:20px;
margin-top:20px;
padding:0px;
}
#subnav ul li ul{display:block;
margin-left: 0px;
margin-right:0px;
margin-top:0px;
}
#subnav ul li {
	list-style-type: none;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding:0px;
	}
#subnav ul li {background-color: #ece8e0}
#subnav ul li a:link {
	color: #c4a877;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	display: block;
	font-family: "Arial";
}

#subnav ul li  a:visited {
background-color: #f2eae0;
color:#c4a877;
}
#subnav ul li a:hover {
	background-color: #c4a877;
color:#ffffff;
	}
#subnav ul li  a:active {
	background-color: #f2eae0;
color:#c4a877;
	}
#subnav ul li  a.active {
	background-color: #c4a877;
color:#ffffff;
	display: block;

}

#exposanten{
	padding: 10px;
margin: 10px 0;
position: relative;
float: left;
width: 100%;
}
#exposanten li{
	list-style-type: none;
	padding:5px;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;	
}
#exposanten li a:link, #exposanten li a:visited {color:#000000;text-decoration:none;}
#exposanten li a:active, #exposanten li a:hover {color:#bf352B;text-decoration:none;}
#exposanten li:nth-child(2n) {background-color: #ffffff;}
#exposanten li:nth-child(2n+1) {background-color: #ece8e0;}

.dropcontainer {
position: relative;
font-size: 16px;
color: #777;
}

.trigger {
	color: #374736;
	text-decoration: none;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #fff url(../fotomateriaal/pijlopen.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}

.trigger:hover {
color: #9e8c63;
background: #ece8e0 url(../fotomateriaal/pijlopen.png) 98% center no-repeat;
}

.activetrigger {
color: #9e8c63;
text-decoration: none;
font-weight: bold;
padding: 10px;
font-size: 16px;
width: 50%;
background: #ffffff url(../fotomateriaal/pijlsluiten.png) 98% center no-repeat;
display: block;
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.activetrigger:hover {
background: #ece8e0  url(../fotomateriaal/pijlsluiten.png) 98% center no-repeat;
color: #9e8c63;
}

.activetrigger:active {
background: #ece8e0  url(../fotomateriaal/pijlsluiten.png) 98% center no-repeat;
color: #9e8c63;
}

.dropcontainer ul {
font-size: 16px;
border: 1px solid #ccc;
border-top: none;
background: #fff;
list-style-type: none;
padding: 10px;
margin: 0;
width: 50%;
z-index: 100;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.dropcontainer ul li {
padding: 5px;
list-style-type: none;
}
.dropcontainer ul li a{color: #000000;text-decoration:none;display:block;padding: 5px;}
.dropcontainer ul li a:hover {
background: #ece8e0;
outline: none;
color:#9E8C63;
}

.dropcontainer ul li:first-child {
display: none;
}

.dropcontainer ul li:last-child {
border-bottom: none;
}

.dropdownhidden {
display: none;
}

.dropdownvisible {
height: auto;
}

#dmxTabs1{margin-top:25px;}
.datum{
	float: left;
	display: block;
	font-size: 38px;
	line-height: 42px;
	font-weight: 700;
	
	}
.dag{
	margin-left: 50px;
display: table;
text-align: left;
line-height: 18px;
margin-top: 3px;
}
#item{
border-bottom: 1px solid #7E8D8F;
padding-top:5px;
padding-bottom:5px;
	}
#filter{
	margin-top: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #ECE8E0;
}

#deelname {
    width: 90%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#deelname .col100.lcol50, #deelname .col100 {
    margin-bottom: 10px;
}
input, textarea {
    font-family: Arial,sans-serif,Helvetica;
    font-size: 14px;
    padding: 5px;
    color: #999;
    background-color: #FFF;
    border: 1px solid #333;
	width:90%;
}
.Nee {
	display: none;
	margin: 0px;
	padding: 0px;
}
 textarea {
    font-family: Arial,sans-serif,Helvetica;
    font-size: 14px;
    padding: 5px;
    color: #999;
    background-color: #FFF;
    border: 1px solid #333;
	width:95%;
}
#submit {
	font-size: 16px;
	color: #FFF;
	padding: 10px;
	border-style: none;
	margin-top: 15px;
	margin-left: 30px;
	width : 200px;
	background-color:#374736;
}
#submit:hover  { color: #FFF!important;;text-decoration:none;font-size: 16px;background-color: #c4a877;
	}
.opp {
	width: 30px;
}
.tot {width:100px;}
[type="checkbox"],[type="radio"] {
    width: 14px;
	margin-right:10px;
}
.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.125);
	width:100%;
	max-width:340px;
	padding:5px;
}
.card-block {
    padding: 5px;
}
.card-title {
    padding: 5px;
}
.card iframe{max-width: 100%;
height: auto;
display: block;}
.btn-vote {margin-top:0px!important; width: 100%;}
.gallerij figure {display:flex; align-items: center;justify-content: center;overflow:hidden;margin: 5px 0;
padding: 5px;}
.gallerij figure img{max-width: 100%;
height: auto;}
.owl-carousel{margin-bottom:50px }
.owl-nav {
  text-align: center;
}
button.owl-next span, button.owl-prev span{font-size:30px!important}
.owl-item div {
background-color: #FBFAF8;
padding: 20px 30px;
border: 1px solid #ece8e0;
border-radius: 10px;
}
@media only screen and (max-width: 479px) {	
table, table tbody, table th, table td, table tr  {display: inline-block;}
.foto {height: 120px;}
.gallerij figure {height:300px;}
}
@media (min-width:480px) and (max-width:767px){
.foto {height: 200px;}
.gallerij figure {height:230px;}
}
@media (min-width: 768px){
#links{margin: 1px;}
#programma {margin: 1px;}
#subnav {display:block}
.foto {height: 220px;}
.gallerij figure {height:245px;}
}

@media  (min-width: 992px) {
#programma {margin: 1px;}
#links{margin: 1px;}
.foto { height: 300px;}
.gallerij figure {height:200px;}
}
@media (min-width:1200px){
#programma {margin: 8px;}
#links{margin: 8px;}
.foto { height: 350px;}
.gallerij figure {height:250px;}
}
@media (min-width:1400px){
.foto { height: 400px;}
.gallerij figure {height:250px;}
}
@media (min-width:1700px) and (max-width:1999px){
#links{margin: 8px;}
#programma {margin: 8px;}
.foto {height: 550px;}
.gallerij figure {height:250px;}
}
@media (min-width:2000px){
	.foto {height: 600px;}
	.gallerij figure {height:250px;}
	}

footer {
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
	margin-top: 50px;
	background-color: #374736;	
}
footer h1 {
	font-family: "Arial Bold";
	font-size: 20px;
	color: #FFFFFF;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
}
.footlijn {
	color: #c4a877;
	background-color: #c4a877;
	height: 1px;
	border: none;
	width:99%;
	padding-bottom: 0px;
	margin-bottom:10px;
	float: left;
}

footer p, footer p a{
	font-size: 20px;
	color: #c4a877;
	font-family: Arial;
	text-decoration: none;
}
footer address {
	padding-left: 5px;
	padding-right: 5px;
}
footer #open {
	padding-left:5px;
	padding-right: 5px;
}
footer ul{margin:0px;padding:0px;}
footer ul li {
    display: block;
    color: #ffffff;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    font-size: 12px;
}
footer ul li a {color: #ffffff;font-size: 14px;font-weight:normal;
}
@media  (min-width: 768px) {
	footer address {
	padding-left: 25px;
	padding-right: 15px;
}
footer #open {
	padding-left: 40px;
	padding-right: 15px;
}}
@media  (min-width: 992px) {
	footer address {
	padding-left: 25px;
	padding-right: 15px;
}
footer #open {
	padding-left: 40px;
	padding-right: 15px;
}}
@media (min-width:1200px){
footer address {
	padding-left: 25px;
	padding-right: 15px;
}
footer #open {
	padding-left: 40px;
	padding-right: 15px;
}
}

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-image: url(../fotomateriaal/top-arrow.svg);
	background-color: #c4a877;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	-moz-box-shadow: 0 0 10px rgba(59,55,55,0.05);
	-webkit-box-shadow: 0 0 10px #3B3737;
	box-shadow: 0 0 10px #3B3737;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #c000000;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}