/* algemeen */

* {
	outline: none;
}

html, body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

a img {
	border: none;
}

a {
	color: #FFF;
}

a:hover,
a:active {
	text-decoration: underline;
}

#content p {
	margin: 0 0 10px;
	line-height: 22px;
}

 
body {
	background: #CECDC8;
    overflow: hidden;
    /*background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat; */
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;

}

/* fonts */

@font-face {
    font-family: 'AvantGardeDemiRegular';
    src: url('/fonts/avantga2-webfont.eot');
    src: url('/fonts/avantga2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avantga2-webfont.woff') format('woff'),
         url('/fonts/avantga2-webfont.ttf') format('truetype'),
         url('/fonts/avantga2-webfont.svg#AvantGardeDemiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvantGardeBookRegular';
    src: url('/fonts/avantgar-webfont.eot');
    src: url('/fonts/avantgar-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avantgar-webfont.woff') format('woff'),
         url('/fonts/avantgar-webfont.ttf') format('truetype'),
         url('/fonts/avantgar-webfont.svg#AvantGardeBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* layout */

div#image-container{
	left: 0;
	top: 0;
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
}

#bg-image{

}

/* header */
 
#header-wrapper{
	position: fixed;
	top: 0;
	width: 100%;
	height: 217px;
	background: url('/images/header_bg.png') repeat-x top left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 99;
}

#openCloseIdentifier{
	width: 1px;
	height: 1px;
	margin-left: 0;
	margin-top: 0;
} 

#shadow{
	position: relative;
	width: 100%;
	height: 8px;
	background: url('/images/header_bg.png') repeat-x 0px -188px;
	overflow: hidden;
	top: 188px;
	padding: 0;
	z-index: 99;
}

#nav_button{
	display: block;
	position: relative;
	width: 128px;
	height: 29px;
	margin: -8px auto 0 auto;
	cursor: pointer;
	background: url('/images/nav_button_sprite.png') no-repeat 0px 0px;
	z-index: 99; 
}

#header{ 
	height: 185px;
	min-width: 820px;
	width: auto !important;
	width: 820px;
}

#logo {
	float: left;
	display: block;
	width: 182px;
	height: 0;
	padding-top: 171px;
	overflow: hidden;
	margin: 17px 20px 0 20px;
	background: url('/images/logo.png') no-repeat top left;
}

#content_wrapper{
	position: absolute;
	left: -3000px;
	border: 3px solid #ff000d;
	background: url('/images/content_bg.png') repeat top left;
	margin: 0px auto;
	z-index: 90;
	overflow: hidden;
	padding: 0;
	margin: 0;
	*zoom: 1;
}

/* navigatie */

ul#menu_1_1_show{
	margin: 8px 20px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	min-width: 276px;
	width: auto !important;
	width: 276px;
}

#menu_1_1_show li{
	width: 141px;
	height: 28px;
	line-height: 28px;
}

#menu_1_1_show li a{
	display: block;
	font-size: 16px;
	color: #fff;
 	text-decoration: none;
 	padding-left: 5px;
 	padding-right: 5px;
}

#menu_1_1_show li a:link,
#menu_1_1_show li a:visited{
	
}

#menu_1_1_show li a:hover,
#menu_1_1_show li a:active,
#menu_1_1_show li a.active{
	background: url('/images/nav_hover_bg.png') repeat-x top left;
}

/* navigatie door foto's */

#previous, #next{
	position: absolute;
	width: 86px;
	height: 113px;
	/*display: none;*/
	background: url('/images/sprite.png') no-repeat 0px 0px;
	cursor: pointer;
	z-index: 3;
}

#previous{
	left: 0;
	top: 300;
}

#next{
	right: 0;
	top: 300;
	background-position: -86px 0px;
}

/* contentbox */

#cross{
	background: url('/images/close.png') no-repeat 1px 1px;
	cursor: pointer; 
	width: 30px;
	height: 30px;
	margin: 0 0 0 4px; 
}

#close_button{
	width: 34px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	background: url('/images/heading_bg.png') repeat-x top left;
	z-index: 99;
}

/* content */

#content p,
#content_module p,
#front-form-container p,
#content h2,
#content_module h2,
#front-form-container h2,
#content h3,
#content_module h3,
#front-form-container h3,
#content ul,
#content_module ul,
#front-form-container ul,
#content ol,
#content_module ol,
#front-form-container ol{
	padding: 0 20px 10px 20px;
}

#content h2,
#content_module h2,
#front-form-container h2,
#content h3,
#content_module h3,
#front-form-container h3{
	margin: 0;
}

#content,
#front-form-container{
	color: #2d2d2d;
	width: 760px;
	height: 450px;
	padding-top: 20px;
	/*padding: 20px 0 20px 0;*/
	*zoom: 1;
}

#content_module{
	/*padding: 20px 0 20px 0;*/
	padding-top: 20px;
	color: #2d2d2d;
	width: 360px;
	height: 450px;
	*zoom: 1;
}

#content:before,
#content:after,
#content_module:before,
#content_module:after,
#front-form-container:before,
#front-form-container:after {
	content: " ";
	display: table;
}
#content:after,
#content_module:after,
#front-form-container:after {
	clear: both;
}

#scroll_wrapper{
	
}

#content a:link,
#content a:visited,
#content_module a:link,
#content_module a:visited{
	color: #2d2d2d;
}

#content a:hover,
#content a:active, 
#content_module a:hover,
#content_module a:active{
	color: #D3171A;
}

h1.page-title{
   	display: block;
   	margin: 0;
	padding: 0 0 0 5px;
	line-height: 30px;
	color: #ffffff;
	font-size: 20px;
	background: url('/images/heading_bg.png') repeat-x top left;
	cursor: move;
}

#content ul{
	margin: 0 0 0 20px;
	padding: 0 20px 0 20px;
}

#content_module ul{
	color: #2d2d2d;
	list-style: none;
	margin: 0;
	padding: 0 20px 20px 20px;
}

#content_module li{
	margin: 0;
	padding: 0;
}

#content_module li p{
	padding-left: 0;
	padding-right: 0;
}

.afbeelding_rechts{
	float: right;
	margin: 0 0 20px 20px;
}

.afbeelding_links{
	float: left;
	margin: 0 20px 20px 0;
}

/* photo info */

div#photo-info{
	position: absolute;
	width: 1024px;
	bottom: 0;
	left: 0;
	padding: 10px;
	margin: 0 0 68px 0;
	background: url('/images/black_bg.png') repeat top left;
	text-align: left;
	z-index: 80;
}

div#photo-info h2{
	font-family: 'AvantGardeBookRegular';
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}

#toggleInfoButton{
	display: block;
	float: right;
	width: 72px;
	height: 20px;
	margin: -30px -10px 0 0;
	cursor: pointer;
	background: url('/images/showhide-sprite.png') no-repeat 0px 0px;
	z-index: 100;
}

/* blocks */

#header-wrapper .first{
	float: left;
	width: 388px;
	text-align: right;
	margin-right: 40px;
}

#header-wrapper .first div.block-content{
	margin-top: 62px;
}

#header-wrapper .first h1{
	font-size: 30px;
	margin: 0;
	color: #fff;
	display: inline;
}

#header-wrapper .first h2{
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	color: #fff;
	display: inline;
}

#footer div.block-content{
	float: left;
	margin-right: 20px;
}

/* deelnemers toestanden */

div.left,
div.right{
	width: 368px;
	float: left;
}

.participant_list li{
	margin: 0;
	padding: 0;
}

.participant_list a,
#participant_details a{
	color: #2d2d2d;
	font-weight: bold; 
}

#participant_details a.back{
	display: block;
	font-size: 12px;
	margin: 10px 0 10px 20px;
	text-decoration: none; 
}

.participant_list span.standnummer em{
	font-style: italic;
}

#participant_details{
}

#participant_details h2{
	font-family: Trebuchet MS;
}

#participant_details ul#image_list{
	overflow: hidden;
	list-style: none;
	margin: 0;
}

#participant_details ul#image_list li{
	float: left;
	margin: 0;
}

#participant_details ul#image_list li a{
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
}

 img{
	margin: 0 0 5px 5px;
}

/* forms */
#mc_embed_signup form,
#front-form-container > div,
#form_button_container{
	padding: 0 20px 0 20px;
}

#mc_embed_signup div {
  padding-bottom: 10px;
}

#mc_embed_signup h3{
  padding-left: 0;
}

#form_button_container{
	padding: 0 20px 20px 20px;
}

.fieldset li{
  padding-bottom: 5px;
}

.fieldset li > label{
  width: 45%;
  display: inline-block;
  float: left;
}

.radio_group{
  display: inline-block;
  width: 50%;
}

.radio_group label{
  clear: right;
}

.error{
  color: #ff0000;
}


/* footer */

#footer{
	position: fixed;
	width: 100%;
	height: 38px;
	bottom: -38px;
	left: 0;
	background: url('/images/footer_bg.png') repeat-x bottom left;
	line-height: 38px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 99;
}

#footer span.copy{
	float: left;
	margin: 0 20px 0 20px;
}

#footer p{
	margin: 0;
	padding: 0;
	line-height: 38px;
}

#footer-right {
	float: right;
	padding: 5px 0 0;
	margin: 7px 20px 0 20px;
}

#footer-right a {
	display: block;
	width: 140px;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
	background: url('/images/bugbyte.png') no-repeat;
}

.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	background: #ba0101;
	cursor: wait;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url('/images/ajax-loader.gif') no-repeat;
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

/* jScrollPane custom scrollbalk */


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: url('/images/scrollbar.png') -20px 0px repeat-y;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
}

.jspDrag
{
	background: none repeat scroll 0 0 #F28C04;
    border-left: 1px solid #FF9200;
    border-right: 1px solid #FF9200;
    width: 18px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrowUp
{
	background: url("/images/scrollbar.png") no-repeat scroll 0 0 transparent;
    height: 20px !important;
    width: 20px;
}

.jspVerticalBar .jspArrowDown
{
	background: url("/images/scrollbar.png") no-repeat scroll 0 -20px transparent;
    height: 20px !important;
    width: 20px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* shadowbox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/images/shadowbox/close.png); position: absolute; top: 8px; right: 0; width:15px; height:15px; cursor:pointer;}
#sb-nav-next{background-image:url(/images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* debug */

#debug{font-family:verdana, sans-serif;font-size:11px;color:#000;text-decoration:none;background-color:#FFF;width:500px;height:50%;right:15px;top:30px;border:1px solid #000;overflow:auto;position:absolute;z-index:99999999;visibility:hidden;white-space:nowrap;padding:10px;}
.debug_link{font-family:verdana, sans-serif;font-size:9px;color:#000!important;}
#show_debug{font-family:verdana, sans-serif;font-size:11px;color:#000;position:absolute;top:15px;right:80px;height:15px;visibility:visible;z-index:4;}
#hide_debug{font-family:verdana, sans-serif;font-size:11px;color:#000;position:absolute;top:15px;right:80px;height:15px;visibility:hidden;z-index:4;}

@media screen and (max-width: 1024px) {
  #header-wrapper .first {
    width: 250px;
  }
  
  #header-wrapper .first h1{
  	font-size: 18px;
  }
  
  #header-wrapper .first h2{
  	font-size: 16px;
  }

}
@media screen and (max-width: 768px) {
    /* For mobile phones: */
    /*[class*="col-"] {
        width: 100%;
    }*/
    body{
      overflow: auto;
    }
    
    #header{ 
    	height: auto;
    	min-width: 100%;
    	width: 100%!important;
      position: absolute;
      left: 0;
      top: 83px;
      display: none;
    }
    
    #header-wrapper{
      position: relative;
      left: 0;
      top: 0;
      height: 85px;
      width: 100%;
      overflow: visible;
    }
    
    .discount-head{
      font-size: 10px;
    }
    
    #header-wrapper .first p{
        margin: 0;
    
    }
    
    #shadow{
      display: none;
    }
    
    #logo {
    	float: left;
    	display: block;
      margin: 0 auto;
    	width: 91px;
    	height: 0;
    	padding-top: 85px;
    	overflow: hidden;
    	background: url('/images/logo.png') no-repeat top center;
      background-size: contain;
    }
    
    div#image-container{
      width: 100%;
      height: 100%;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: -1;
    }
    
    img{
      margin: 0;
    }
    
    #bg-image{
      object-fit: cover;
    }
       
    #previous,
    #next{
      display: none;
    }
    
    /* navigatie */

    ul#menu_1_1_show{
    	margin: 2px 20px 0 0;
    	padding: 0;
    	list-style: none;
    	float: none;
    	min-width: 100%;
    	width: 100% !important;
      display: block;
      background: #F71416;
    }
    
    ul#menu_1_1_show li{
        width: 100%;
    }
    
    #nav_button {
      position: absolute;
      left: 100px;
      top: 60px;
      width: 50px;
      height: 20px;
      padding-left: 15px;
      background: none;
    }
    
    #nav_button:before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 20px;
      height: 2px;
      background: white;
      box-shadow: 
        0 6px 0 0 white,
        0 12px 0 0 white;
    }
    
    #nav_button:after{
      content: "Menu";
      color: white;
      position: absolute;
      left: 25px;
      top: 6px;
      font-size: 16px;
    }
    
    
    /* blocks */

    #header-wrapper .first{
    	float: left;
      width: 60%;
    	margin-right: 0;
      text-align: left;
      margin-left: 10px;
      margin-top: 10px;
    }
    
    #header-wrapper .first div.block-content{
    	margin-top: 0px !important;
    }
    
    #header-wrapper .first h1{
    	font-size: 1em;
      display: block;
    	margin: 0;
      width: 100%;
    }
    
    #header-wrapper .first h2{
    	font-size: 0.75em;
      width: 100%;
      display: block;
    }
    
    #photo-info{
      display: none;
    }
    
    #content_wrapper{
    	position: relative;
    	left: 0;
      top: 10px !important;
    	border: 3px solid #ff000d;
    	background: url('/images/content_bg.png') repeat top left;
    	margin: 0px auto;
    	z-index: 90;
    	overflow: hidden;
      padding: 0;
    	margin-bottom: 10px;
    	*zoom: 1; 
    	height: auto;           
    }
    
    #cross{
      display: none;
    }
    
    #content,
    #content_module,
    #front-form-container{
        width: auto;
        padding-bottom: 100px;
        height: auto;
    }
    
    div.left, div.right {
      width: 50%;
      float: none;
      position: relative;
      margin-bottom: 40px;
    }
    
    #content ul{
      width: 90%;
    }
    
    #footer{
    	position: relative;
    	width: 100%;
    	height: 38px;
    	/*bottom: -38px;
    	left: 0;
    	background: url('/images/footer_bg.png') repeat-x bottom left;
    	line-height: 38px;
    	overflow: hidden;
    	margin: 0;
    	padding: 0;
    	z-index: 99;*/
    }
}