@charset "utf-8";

/* Resets 
	----------------------------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	body { background: url(images/bg_body_top.gif) repeat-x top #f0f0f0; }
	ul { list-style: none; }
	img { border: 0; }
	a { outline: 0; color:#015c2e }
	p { font-size: 12px; }
	.clr { overflow: hidden; height: 100%; }
	.hide { display: none; }
	#page-box { width: 966px; margin: 0 auto; position: relative;  }
	h1,h2,h3,h4,h5,h6 { font-family: Agency FB; font-weight:bold; color: #fff; }	
	a:hover {text-decoration: none;} 
	.typeface-js { font-family: Agency FB; font-weight: bold; text-decoration: none; text-transform: uppercase; }
	
/*	=DYNAMIC INPUT
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 20px; color: #015c2e; }
	.dynamic-input p { margin: 0 0 10px 0; }
	.dynamic-input h2, 
	.dynamic-input h3, 
	.dynamic-input h4, 
	.dynamic-input h5 { margin: 0 0 5px 0; padding: 10px 0 5px 0; }
	.dynamic-input h2 { font-size: 25px; }
	.dynamic-input h3 { font-size: 21px; }
	.dynamic-input h4, 
	.dynamic-input h5 { font-size: 16px; }
	.dynamic-input a, .dynamic-input a:active, .dynamic-input a:visited { color: #015c2e; text-decoration: underline; }
	.dynamic-input a:hover { text-decoration: none; }
	.dynamic-input ul, .dynamic-input ol { margin: 0 0 10px 0;  }
	.dynamic-input ul li { padding: 0 0 0 10px; list-style: square inside; }
	.dynamic-input ol li { padding: 0 0 0 10px; list-style-position: inside; }
	
	#content{ margin: 0 0 0 10px; color:#015c2e}

/* 	Header 
	----------------------------------------------------------------------*/
	#header { height: 204px; background: url(images/bg_header.jpg) no-repeat; }
	#header img.logo { float: left; margin: 34px 0 0 31px; }
	#header #topmenu { float: right; margin: 3px 20px 0 0; }
	#header #topmenu ul li { float: left; text-align: center; padding: 0 10px; border-right: 1px solid #fff;  }
	#header #topmenu ul li a { display: block; color: #fff; text-decoration: none; font-size: 12px; font-weight: bolder; }
	

	
	
	
/*	Middle
	----------------------------------------------------------------------*/	
	#middle { background: url(images/bg_middle.png) repeat-y; }
	#middle .leaderboard { text-align: center; margin-bottom: 18px; }
	
	/* Menu */
	#middle #menubox { float: left; width: 247px; height: auto; min-height: 220px; }
	#middle #menubox #menu { float: right; width: 228px; }
		#middle #menubox #menu .top { background: url(images/bg_menu_top.gif) no-repeat; height: 7px; }
		#middle #menubox #menu .middle { background: url(images/bg_menu_middle.gif) repeat-y; padding: 5px 0 5px 10px; }
			#middle #menubox #menu .middle ul { position: relative; z-index: 2000; }
			#middle #menubox #menu .middle ul li { position: relative; margin-bottom: 2px;  font-size: 17px; }
			#middle #menubox #menu .middle ul li a { padding: 6px 0 0 25px; width: 183px; height: 29px; color: #015c2e; background: url(images/bg_menuitem.gif) no-repeat; }
			#middle #menubox #menu .middle ul li a:hover { background: url(images/bg_menuitem_hover.gif) no-repeat; }
			
			#middle #menubox #menu .middle ul li ul { display: none; position: absolute; left: 208px; top: 0; background-color: #fff; border: solid 1px #618c76; padding: 0;  }
			#middle #menubox #menu .middle ul li ul li { padding: 0; margin: 0; font-size: 12px;  border-bottom: 1px solid #618c76;}
			#middle #menubox #menu .middle ul li ul li a { display: block; padding: 10px; margin: 0; height: auto; background-image: none;  text-decoration: none; }
			#middle #menubox #menu .middle ul li ul li a:hover { background-image: none; background-color: #a9d0bc; }
			#middle #menubox #menu .middle ul li:hover ul { display: block; }
			
	#middle #menubox #menu .bottom { background: url(images/bg_menu_bottom.gif) no-repeat; height: 7px; }
	
	
	/* Flash */
	#middle #flashbox { float: left; width: 719px; height: 331px; background: url(images/bg_flashbottom.gif) no-repeat bottom right; }
		#middle #flashbox #flash { float: right; }
	
	#news #newsbox1 { float: left; width: 326px; height: 311px; background: url(images/bg_newsbox1.jpg) no-repeat; }
		#news #newsbox1 img { margin: 17px 0 0 28px; border: 1px solid #aed7ec; }
		#news #newsbox1 h3 { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bolder; margin: 10px 0 0 28px; }
		#news #newsbox1 a { color: #fff; text-decoration: none; }
		#news #newsbox1 p { margin: 4px 0 0 28px; width: 277px; font-size: 14px; color: #fff; line-height: 22px; }
		#news #newsbox1 p img { padding: 0; margin: 0; border: none; }	
	#news #newsbox2 { float: left; width: 315px; height: 311px; background: url(images/bg_newsbox2.jpg) no-repeat; }
		#news #newsbox2 img { margin: 17px 0 0 18px; border: 1px solid #aed7ec; }
		#news #newsbox2 h3 { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bolder; margin: 10px 0 0 18px; }
		#news #newsbox2 a { color: #fff; text-decoration: none; }
		#news #newsbox2 p { margin: 4px 0 0 18px; width: 277px; font-size: 14px; color: #fff; line-height: 22px; }
		#news #newsbox2 p img { padding: 0; margin: 0; border: none; }
	#news #newsbox3 { float: left; width: 325px; height: 311px; background: url(images/bg_newsbox3.jpg) no-repeat; }
		#news #newsbox3 img { margin: 17px 0 0 18px; border: 1px solid #aed7ec; }
		#news #newsbox3 h3 { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bolder; margin: 10px 0 0 18px; }
		#news #newsbox3 a { color: #fff; text-decoration: none; }
		#news #newsbox3 p { margin: 4px 0 0 18px; width: 277px; font-size: 14px; color: #fff; line-height: 22px; }
		#news #newsbox3 p img { padding: 0; margin: 0; border: none; }
	#news #newsbottom { clear: both; background: url(images/bg_newsbottom.gif) no-repeat; height: 10px; }
	
	#leftblox { clear: left; float: left; width: 247px; }
		.topblox { height: 7px; background: url(images/bg_menu_top.gif) no-repeat; }
		.middleblox { background: url(images/bg_menu_middle.gif) repeat-y; padding: 5px 16px 5px 16px; }
		.middleblox h3 { color: #015c2e; margin-bottom: 10px; }
		.bottomblox { height: 7px; background: url(images/bg_menu_bottom.gif) no-repeat; margin-bottom: 14px; }
		
		#leftblox #partners { float: right; width: 228px; margin: 5px 0 0 0; }
		#leftblox #partners ul li { text-align: center;  }
		#leftblox #partners div { text-align: center;  }
		
		#leftblox #nieuwsbrief { float: right; width: 228px; margin: 0 0 0 20px; }
		#leftblox #nieuwsbrief p { color: #015c2e; margin-bottom: 10px; }
		#leftblox #nieuwsbrief input { margin-bottom: 10px; border: 1px solid #015c2e; }
		#leftblox #nieuwsbrief input.btn { width: 76px; height: 22px; background: url(images/bg_btn_aanmelden.gif) no-repeat; border: 0; cursor: pointer; }
		
		#leftblox #poll { float: right; width: 228px; margin: 0 0 0 20px; }
		#leftblox #poll form { margin: 10px 0 0 0; font-size: 12px; }
		#leftblox #poll p {margin: 0 0 10px 0;}
		#leftblox #poll form p {margin: 0 0 10px 0;}
		#leftblox #poll form label {clear: left; display: block; margin: 0 0 3px 0; }
		#leftblox #poll form label input { float:left; margin: 0 2px 0 0; height: 17px;}
		#leftblox #poll .inner img {margin: 7px 0 0 0; }
		#leftblox #poll .inner .results p {margin:0;}
		#leftblox #poll .inner .results .result {background: #015c2e;font-size: 12px;margin: 0 0 5px 0;}
		
	#rightitems { float: left; width: 719px; padding: 0 0 20px 0; }
		#rightitems .bannertop { margin: 5px 0 10px 0; text-align: center; }
		#rightitems .banner { margin: 10px 0 15px 0; text-align: center; }
		
		
		.item { background: url(images/bg_itemshadow.gif) no-repeat left bottom; padding-bottom: 11px; margin: 0 0 5px 11px;  }
		.item .left { float: left; width: 253px; background-color: #015c2e; }
		.item .left img { float: right; }
		.item .right { float: left; width: 453px; height: 156px; background: url(images/bg_item.gif) repeat-x; border-right: 1px solid #015c2e; }
		.item .right h2 { margin: 23px 0 0 21px; }
		.item .right h2 a { color: #015c2e; }
		.item .right p { margin: 5px 10px 0 21px; line-height: 20px; }
		.item .right p img { vertical-align: middle; }
		/*.itemshadow { clear: both; height: 11px; background: url(images/bg_itemshadow.gif) no-repeat top left; margin-bottom: 3px; }*/
	
	#middle_end { clear: both; height: 2px; background: url(images/bg_middle_end.gif) no-repeat; }
	
	
/* 	Subpagina content 
	----------------------------------------------------------------------*/
	#subcontentbox { float: right; width: 708px; padding: 0 0 0 10px; }
	#subcontentbox #subheader { background: url(images/bg_itemshadow.gif) no-repeat left bottom; padding: 0 0 11px 0; }
	#subcontentbox h2 { color: #015c2e; font-size: 26px; margin: 10px 10px; }
	#subcontentbox p { padding: 0 30px 0 0; line-height: 19px; color: #015c2e; }
		
	


/* 	Footer 
	----------------------------------------------------------------------*/
	
	#footerbg { width: 100%; height: 204px; z-index: 1; margin-top: -150px; background: url(images/bg_footer.gif) repeat-x;  }
	
	#footer .left { float: left; }
	#footer .left p { margin: 10px 0 0 41px; color: #beedb5; line-height: 12px; }
	
	#footer .right { float: right; }
	#footer .right ul { margin: 0 35px 0 0; }
	#footer .right ul li { margin: 8px 0 0 0; padding: 0 10px 0 10px; float: left; border-left: 1px solid #fff; line-height: 12px; }
	#footer .right ul li.first { border: none; }
	#footer .right ul li a { color: #beedb5; font-size: 12px; text-decoration: none; }
	
	/* MODULES */ 

/* News */

.news-item{padding: 10px 0;  } /*background: url(img/bg_nieuwsblok.png) repeat-x; padding: 10px 10px;  margin: 10px 0 0 0; */ 
.news-item .vsl{ border:1px solid grey;}
.news-item a img { float: left; margin-right: 20px;  }
.news-item .detail { float: right; }
#right .news-item .details h2 {background: none;}
.news-item .details h2 a {  font-family: Agency FB; font-weight:bold;  text-decoration: none;  font-size: 25px;   }
.news-item .details p a {  text-decoration: none;  line-height: 18px;   font-size: 12px; line-height: 18px;  }
.news-item .details p a img{  display: inline; float: none;}



/* News Items*/
div.related-images {height: auto; overflow: hidden;  }
div.related-images h3 {font-family: Agency FB; font-weight:bold;  text-decoration: none;  font-size: 25px; }
div.related-images ul { margin: 0 !important;}
div.related-images li { float: left; margin: 10px 10px 0 0 !important; list-style: none !important; }
div.related-images li a img { border: 1px solid #8D8D8D; }

/* Photoalbums */ 

.album { font-size: 12px; color: #000; float: left; padding: 0 47px 47px 0;  height: 280px; width: 250px;}
.album a img { border: 2px solid grey;} 
.album p img { border:none;} 
.album strong{width: 250px;  line-height: 18px; display: block;}
.album p{width: 250px;  line-height: 18px;}
.dynamic-input .album h2  a { font-size: 13px; font-family: "Agency FB"; font-weight:bold;  text-decoration: none; font-size: 24px; text-decoration:  none; }
ul.photos {overflow: hidden;} 
ul.photos li { float: left; list-style: none; padding:20px 19px 0 0; list-style-type: none;} 
ul.photos li img{border: 2px solid grey;} 


/* forumulieren */ 

.standard-form .required { margin: 0 0 10px 0; color: #717171; font-size: 12px; } 
.standard-form { color: #015c2e;} 
.standard-form ol { color:#015c2e; font-size: 12px; line-height: 17px; }
.standard-form ol li { padding: 6px 6px 8px 6px; width: 500px;}

.standard-form fieldset { margin: 0 0 20px 0; border: none;}
.standard-form legend { margin: 0 0 10px 0; font-family: "Agency FB"; font-weight:bold; font-size: 22px; display: block; width: 100%; height: 36px;padding: 6px 50px 0 3px; background: url('images/related_header_bg.gif') no-repeat; } 
.standard-form label { padding: 3px 10px 4px 0; }
.standard-form label.col-a { width: 150px; padding: 3px 0 4px; float: left; }	
.standard-form span.col-b { padding: 3px 0 4px; float: right; }	
.standard-form .txt { width: 170px; padding: 3px; color: #015c2e; background: #ecffe6; border: 2px solid #146b24; }
.standard-form .textarea { width: 170px; height: 150px; padding: 3px; color: #015c2e; font-size: 12px; background: #ecffe6; border: 2px solid #146b24; }
.standard-form .error { color: #000; background: red; border: 2px solid #B11F1E; }

.standard-form input.medium { width: 50px;}
.standard-form select.medium { width: 65px;}
.standard-form select.xsmall { width: 50px;}
.standard-form input.small { width: 30px;}
.standard-form input.xsmall { width: 16px;}
.standard-form .error li {color: #000;}

/*	=USER-COMMENTS	
	----------------------------------------------------*/	
.user-comments { margin: 20px 0 0 0; padding: 0px; font-size: 12px; }
.user-comments .user { padding: 0 0 5px 0; color: #c2c2c2; border-bottom: 1px solid #2a2a2a; }
.user-comments ul li { list-style: none; padding: 10px 10px 10px 0; } 
.user-comments .edit { float: right; }
.user-comments p { float: right; width: 460px; color: #015c2e; padding: 9px 5px 5px 5px;} 
.user-comments p.edited { font-size: 11px; color: #d6d6d6; } 
.user-comments .vsl { float: left; margin: 5px 0 0 0; border: 3px solid #e3dfcf; }
.user-comments form { font-size: 12px; color: #015c2e;  }
.user-comments form a { color: #015c2e; font-weight: bold; }
.user-comments form h3 { color: #015c2e; margin: 15px 0 8px 0; font-size: 25px; }
.user-comments .textarea { width: 450px; height: 100px; margin: 8px 0; padding: 3px; color: #555555; font-size: 12px; background: #dbdbdb; border: 1px solid #b8b8b8; }	
.user-comments .not-logged { font-size: 12px; color: #015c2e; margin: 20px 0 0 0; }
.user-comments .not-logged h3 { color:#015c2e; font-size: 16px; }
.user-comments .not-logged a { color: ##015c2e; }
.user-comments .breedte { width: 700px; }




/* Video */ 


#big  {height:155px;  } 
#big .img {float: left;  margin-right: 10px; } 
#big .txt {margin-left: 10px;} 
#big .txt h2  {background: none;} 
#big .txt h2 a {font-size: 25px; text-decoration: none; float: left; width: 200px; font-family: Agency FB; font-weight:bold;	 } 
#big .txt strong{ display: block;} 
#big .txt p{ font-size: 12px; line-height: 18px;} 
.videos-small {margin-top: 50px;} 
.videos-small div { height: 170px;  width: 170px; float: left; padding: 10px 10px 0 0;} 
.videos-small div img{ border: 1px solid #999;} 
.videos-small div p{padding: 5px  0px 5px 0; color: #000; font-size: 12px; font-weight: bolder;} 

#box object{ width: 550px; height: 310px; margin-top: 50px;}

.paging {}  
.paging ul { list-style: none; font-size: 0; line-height: 0; float: right; margin-right: 40%;}
.paging ul li { display: inline; height: 19px; }
.paging ul li a { display: table-cell; vertical-align: middle; height: 19px; padding: 0 12px; font-size: 12px; line-height: 19px; color: #000; text-decoration: none;  cursor: pointer; }
.paging ul li a:hover { text-decoration: underline; }
.paging ul li a.img { padding: 0; background: none; }
.paging ul li a.selected { font-weight: bold; background: #015c2e;}		


/* Tickets */ 


	.event {  border-top: 1px solid #2f2f2f;}
	.event.even { background: none; }
	.event .vsl { margin: 5px 0 10px; 0; border: 1px solid #2f2f2f; float: left;   }
	.event h2 { margin: 0 0 5px 0; background: none; }
	.event h2 a { height: 25px; width: 370px; text-decoration: none; font-size: 20px; font-weight:bold; font-family: Agency FB; margin-left: 20px;  }
	.event ul { width: 370px;float: left; margin-left: 20px; }
	.event ul li { font-size: 12px; line-height: 17px; color: #000;  list-style-type: none;}
	.event ul li span { color: #8b8b8b; }
	.event ul li a { color: #000; text-decoration: underline; }
	.event ul li a:hover { text-decoration: none; }	
	.event h3 { margin: 10px 0 5px 00px;  font-weight: normal; font-size: 18px; color: #000; background: transparent url(images/title_bg.png) no-repeat; width: 100%; height: 28px; padding-left: 20px; line-height: 18px; display: none;} 
	h2.red { margin: 20px 0 5px 0;  font-weight: normal; font-size: 18px; color: #000;margin: 20px 0 20px 0;; }
	.event label { color: #000; font-size: 12px;}
	.event label input { color: #555555; background: #dbdbdb; border: 1px solid #b8b8b8;}
	
	.event .standard-form {  margin: 10px 0; border-top: 1px solid #000; float: none; clear: both; }	
	.event .standard-form li{ border: none;}	
	
	.event .standard-form .button {  margin-top: 10px;   background: #dbdbdb; border: 1px solid #b8b8b8;}	
	.standard-form .button_delete {  margin-top: 10px;  background-image: url(/assets/global/css/images/basket_delete.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px; border: 1px solid #b8b8b8;}	
	ol.tickets li {font-size: 12px; color : #000; margin: 0px; border-top: 1px solid grey; padding-bottom: 35px; padding-top: 10px; list-style-type: none;}
	ol.tickets label.col-a { padding: 0px; font-weight: bolder;   } 
	.event label.input.txt { padding: 0px; font-weight: bolder;   } 
	span.col-b { padding: 10px; float: left;   } 
	a.button{float: right; background: grey; border: 1px solid #2F2F2F; padding: 5px 5px 5px 25px; color: #000; text-decoration: none;}
	a.delete{background-image: url(/assets/global/css/images/basket_delete.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px; float: right;}
	a.order{background-image: url(/assets/global/css/images/basket_add.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px; float: right; }
	.standard-form span.col-b {float: left;} 

/*	=template.SITEMAP
	----------------------------------------------------*/
	#sitemap { font-size: 12px; color: #015c2e } 
	#sitemap a { text-decoration: none; color: #015c2e }
	#sitemap a:hover { text-decoration: underline; }
	#sitemap li { list-style: none; }
	#sitemap li li { padding: 3px 0; list-style: square inside; }
	#sitemap li h3 { margin: 20px 0 3px 0; font-size: 18px; color: #015c2e  }
	#sitemap li li li { padding: 2px 0 2px 15px; }
	
	/*	=BLOCK: MAGAZINE
	----------------------------------------------------*/
	#magazine { background: url(images/magazine_bg.jpg) center 35px no-repeat #060606 !important; }
	#magazine .vsl { text-align: center; }
	#magazine h2 { margin: 10px 0 0 0; font-size: 12px; line-height: 16px; color: #b5b5b5; }
	#magazine p { margin: 0 0 10px 0; font-size: 12px; line-height: 16px; color: #b5b5b5; }