@charset "utf-8";

/* Resets 
	----------------------------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; }
	body { background: url(images/bg_body.jpg) no-repeat center top; background-color: #3c3c3c; }
	ul { list-style: none; }
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	.hide { display: none; }
	#page-box { width: 1000px; margin: 0 auto; position: relative; }
	h1,h2,h3,h4,h5,h6 { font-family: Arial Black; font-style: italic; font-weight: normal; color: #fff; }
	h2.titel { width: 648px; height: 21px; font-size: 16px; background: url(img/bg_h3_titel.png) repeat-x; padding: 4px 0 0 16px; }
	a:hover {text-decoration: none;}
	
/*	=DYNAMIC INPUT 
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 20px; color: #fff; }
	.dynamic-input p { margin: 0 0 0 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: #fff200; 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; }
	
/*	Header 
	----------------------------------------------------*/
	#headerwrapper { height: 249px; position: relative; }	
	#headerwrapper a img { position: absolute; top: 0; left: 96px; }
	#language { float: right; margin-top: 5px; }
	#language a { color: #fff; font-size: 12px; text-decoration: none; padding: 0 20px 0 20px; }
	#language a:hover { text-decoration: underline; }
	#language a.nl { background: url(images/bg_language_nl.gif) no-repeat; }
	#language a.en { background: url(images/bg_language_uk.gif) no-repeat; }
	#language a.uk { background: url(images/bg_language_uk.gif) no-repeat; }
	
/*	Middle 
	----------------------------------------------------*/
	#middlewrapper { background: url(images/bg_middle.png) repeat-y; padding: 0 10px 0 10px; position: relative; }
	
	
/*	Left column wrapper 
	----------------------------------------------------*/
	
	#leftcolwrapper { float: left; width: 259px; border-left: 1px solid #fff200; border-right: 1px solid #fff200; }
	
	/* Menu */
	#leftcolwrapper ul { border-bottom: 1px solid #fff200; background: url(images/bg_gradient_380px.gif) repeat-x; }
	#leftcolwrapper ul li { position: relative; z-index: 3000; border-bottom: 1px solid #706c23; }
	#leftcolwrapper ul li:hover { background-color: #444; }
	#leftcolwrapper ul li a { width: 249px; height: 27px; padding: 3px 0 0 10px; font-family: Arial Black; font-size: 14px; color: #fff; font-style: italic; text-decoration: none; }
	
	/* Submenu */
	#leftcolwrapper ul li ul { position: absolute; left: 259px; top: -1px; display: none; background: url(images/bg_gradient_108px.gif) repeat-x #000;  border: 1px solid #fff200; }
	#leftcolwrapper ul li ul li {  position: relative; }
	#leftcolwrapper ul li ul li a.sub { height: 27px; padding: 3px 20px 0 10px; }
	#leftcolwrapper ul li:hover ul { display: block; }
	
	/* Nieuwsbrief */
	#leftcolwrapper #nieuwsbrief { border-bottom: 1px solid #fff200; padding: 5px 0 0 10px; background: url(images/bg_gradient_108px.gif) repeat-x; }
	#leftcolwrapper #nieuwsbrief h2 { font-size: 18px; color: #fff200; }
	#leftcolwrapper #nieuwsbrief p { margin: 5px 0; }
	#leftcolwrapper #nieuwsbrief input { width: 174px; margin: 5px 0 10px 0; border: 1px solid #919191; color: #000; }
	#leftcolwrapper #nieuwsbrief input.button { width: 59px; height: 19px; margin: 5px 0 5px 5px; background: url(images/bg_verzendbutton.png) no-repeat; border: none; font-family: Arial Black; font-size: 12px; font-style: italic; cursor: pointer; }
	
	/* Poll */
	#leftcolwrapper #poll { border-bottom: 1px solid #fff200; padding: 5px 0 0 10px; background: url(images/bg_gradient_108px.gif) repeat-x; }
	#leftcolwrapper #poll h2 { font-size: 18px; color: #fff200; }
	#leftcolwrapper #poll p { margin: 5px 0; }
	#leftcolwrapper #poll .inner form { margin: 10px 0; line-height: 22px; }
	#leftcolwrapper #poll .inner form label {clear:left; float:none; display: block;} 
	#leftcolwrapper #poll .inner .results p {width:200px; } 
	#leftcolwrapper #poll .inner .results .result {display: block; color:#404040; background-color: #FFF200; margin: 5px 0;} 
	#leftcolwrapper #poll .inner form label input { margin-right: 3px;}
	#leftcolwrapper #poll .inner a {float:right; clear: both; margin: 5px;}
	
	/* Banners */
	#leftcolwrapper .banners { border-bottom: 1px solid #fff200; padding: 30px 0 30px 0; text-align: center; background: url(images/bg_gradient_108px.gif) repeat-x; }

	
/*	Right column wrapper
	----------------------------------------------------*/
	
	#rightcolwrapper { float: left; width: 719px; background: url(images/bg_rightcol.png) no-repeat;  }
	
	/* Flash */
	#rightcolwrapper #flash { height: 249px; }
	
	/* Items */
	#rightcolwrapper #items { width: 670px; margin: 0 0 0 19px; padding: 12px 0 12px 0; background: url(images/bg_items.png) repeat-x #1f1f1f; border-bottom: 1px solid #313030; }
	#rightcolwrapper #items div { float: left; width: 205px; min-height: 205px; background: url(images/bg_itemdiv.png) repeat-y right top; margin: 0 5px 0 15px; }
	#rightcolwrapper #items div.right { background-image: none; margin: 0 0 0 15px; }
	#rightcolwrapper #items div img { border: 1px solid #fff200; }
	#rightcolwrapper #items div h2 { font-size: 18px; margin: 5px 0; min-height: 50px; }
	#rightcolwrapper #items div p { padding-right: 16px; }
	#rightcolwrapper #items div a.readmore { display: block; width: 80px; margin: 10px 0 5px 0; padding: 0 0 0 17px; font-weight: bolder; background: url(images/bg_readmore.gif) no-repeat; }
	#rightcolwrapper #items div a:hover.readmore { color: #fff200; text-decoration: underline; }
	
	/* Banner */
	#rightcolwrapper div.banner { text-align: center; padding: 30px 0; }
	#rightcolwrapper div.banner img { border: 1px solid #fff; }
	
	
	/* News */
	#rightcolwrapper #rightcolleft { float: left; width: 330px; margin-left: 19px; padding: 0 0 30px 0; }
	#rightcolwrapper #rightcolleft h2 { height: 30px; background: url(images/bg_headersrightcol.png) no-repeat; font-size: 24px; padding: 0 0 0 10px; line-height: 27px; }
	#rightcolwrapper #rightcolleft div { margin: 0 0 0 10px; background: url(images/bg_newsdiv.png) no-repeat bottom; padding: 0 0 20px 0; }
	#rightcolwrapper #rightcolleft div h3 { font-size: 14px; margin: 10px 0 10px 0; }
	#rightcolwrapper #rightcolleft div a img { float: left; border: 1px solid #fff200; }
	#rightcolwrapper #rightcolleft div p { float: right; width: 176px; margin: 0 0 10px 8px; line-height: 16px; }
	#rightcolwrapper #rightcolleft div a.readmore { float: left; margin-left: 0px; padding-left: 17px; color: #fff200; font-weight: bolder; background: url(images/bg_readmore.gif) no-repeat; }
	#rightcolwrapper #rightcolleft div a:hover.readmore { color: #fff; text-decoration: underline; }	
	
	/* Fotoabum - Video */
	#rightcolwrapper #rightcolright { float: left; width: 320px; margin-left: 20px; }
	#rightcolwrapper #rightcolright h2 { height: 30px; background: url(images/bg_headersrightcol.png) no-repeat; font-size: 24px; padding: 0 0 0 10px; line-height: 27px; }
	#rightcolwrapper #rightcolright .background { margin-bottom: 20px; }
	#rightcolwrapper #rightcolright .background .topbg { height: 18px; background: url(images/bg_topbg.png) no-repeat; }
	#rightcolwrapper #rightcolright .background .middle { padding: 10px 0px 10px 24px; background: url(images/bg_middlebg.png) repeat-y; }
	#rightcolwrapper #rightcolright .background .middle ul { height: auto; }
	#rightcolwrapper #rightcolright .background .middle ul li { display: block; float: left; margin: 0 15px 10px 0; }
	#rightcolwrapper #rightcolright .background .middle ul li a img { border: 1px solid #fff; }
	#rightcolwrapper #rightcolright .background .middle p { margin: 5px 12px 5px 0; }
	#rightcolwrapper #rightcolright .background .bottombg { height: 11px; background: url(images/bg_bottombg.png) no-repeat; }		
	
/*	Footer
	----------------------------------------------------*/
	#footer { height: 110px; background: url(images/bg_footer.png) no-repeat;  }
	#footer .left { float: left; margin: 36px 0 0 42px; }
	#footer .left img { float: left; }
	#footer .left p { float: left; margin: 31px 0 0 10px; color: #000; }
	#footer .right { float: right; }
	#footer .right ul { margin-right: 20px; }
	#footer .right ul li { float: left; margin: 67px 0 0 0; padding: 0 10px 0 10px; border-left: 1px solid #000;}
	#footer .right ul li.first { border: none; }
	#footer .right ul li a { color: #000; text-decoration: none; }
	#footer .right ul li a:hover { text-decoration: underline; }
	
	
/*	Content page layout
	----------------------------------------------------*/
	
	#rightcolwrappersub { background-color: #000; }	
	#topimage { background: url(images/bg_topimage.gif) no-repeat; height: 132px; }
	#rightcolwrappersub h2 { z-index: 5; font-size: 30px; margin: 18px 0 20px 19px; line-height: 34px; background: url(images/bg_headersrightcol.png) no-repeat; }
	#rightcolwrappersub p { margin: 0 20px 10px 0; line-height: 20px; }
	#rightcolwrappersub #content { margin: 0 20px 0 18px; line-height: 20px; }
	#rightcolwrappersub #content .dynamic-input img { margin: 7px 11px 5px 0; border: solid 1px #FFF200; }
	
	
/* 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: Arial Black; font-style:italic; font-weight: normal; color: #fff;  text-decoration: none;  font-size: 25px;   }
	.news-item .details p a {  text-decoration: none;  line-height: 18px; color: #FFF;  font-size: 12px; line-height: 18px;  }
	.news-item .details p a img{ display:inline; float: none; margin:1px !IMPORTANT;}



/* News Items*/
	div.related-images {height: auto; overflow: hidden;  }
	div.related-images h3 {font-family: Arial Black; font-style:italic; font-weight: normal; color: #fff;  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: #fff; 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-style: italic; font-size: 13px; color: #FFF; font-family: "Arial Black";  text-decoration: none; font-size: 24px; font-weight: normal; 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 ol { color: #FFF; font-size: 12px; line-height: 17px; }
	.standard-form ol li { padding: 6px 6px 8px 6px; width: 670px; border-top: 1px solid #ccc; }
	
	.standard-form fieldset { margin: 0 0 20px 0; border: none;}
	.standard-form legend { margin: 0 0 10px 0; font-style: italic; font-family: "Arial Black";  font-weight: normal; color: #FFF; font-size: 24px; 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: #555555; background: #c7c7c7; border: 2px solid #fff; }
	.standard-form .textarea { width: 170px; height: 150px; padding: 3px; color: #555555; font-size: 12px; background: #c7c7c7; border: 2px solid #fff; }
	.standard-form .error { color: #000; background: #F00; 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: #FFF;}	
	.standard-form .select {color:#000};


	.paging {}  
	.paging ul { list-style: none; font-size: 0; line-height: 0; float: right; margin-right: 40%;}
	.paging ul li { display: inline; height: 19px; color: }
	.paging ul li a { display: table-cell; vertical-align: middle; height: 19px; padding: 0 12px; font-size: 12px; line-height: 19px; color: #FFF; text-decoration: none;  cursor: pointer; }
	.paging ul li .selected { color: #000;}
	.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: #fff200;}		

/*	=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: #FFF; 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: #fff;  }
	.user-comments form a { color: #000; font-weight: bold; }
	.user-comments form h3 { color: #FFF; margin: 15px 0 8px 0; font-size: 25px; }
	.user-comments .textarea { width: 450px; height: 100px; margin: 8px 0; padding: 3px; color: #FFF; font-size: 12px; background: #dbdbdb; border: 1px solid #b8b8b8; }	
	.user-comments .not-logged { font-size: 12px; color: #FFF; margin: 20px 0 0 0; }
	.user-comments .not-logged h3 { color: #FFF; }
	.user-comments .not-logged a { color: #FFF; }
	.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; font-weight: normal; text-decoration: none; color: #FFF; float: left; width: 200px; font-family: Arial Black; 	 } 
	#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: #FFF; 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: #fff; 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: red;}		


/* 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-weight: normal; font-size: 20px;  color:#FFF; font-weight: normal; font-family: Arial Black; margin-left: 20px;  }
	.event ul { width: 370px;float: left; margin-left: 20px; }
	.event ul li { font-size: 12px; line-height: 17px; color: #FFF;  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: #FFF; 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: #FFF;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;}	
	.standard-form ol input.button {color: #000;}
	.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 : #FFF; 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;} 
	
	#rightcolwrappersub div.news-item div.details {float: left; width: 450px;} 
	#rightcolwrappersub div.news-item div.details h2{margin: 0px; padding: 0px; line-height: 25px; margin-bottom: 10px;}