@charset "utf-8";


/*	=
	@author		Joey Buys / Blueberry new media
	@version	1.0
	@since		April 09
	----------------------------------------------------*/


/*	=RESETS / TEMPLATE
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	body { background: url(images/body_bg.jpg) no-repeat center top #750502; }
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	.hide { display: none; }
	#get-your-tickets { position: absolute; top: 0; left: 0; z-index: 2000; }
	#page-box { width: 980px; margin: 0 auto; background: url(images/page-box_bg.gif) repeat-y; }


/*	=DYNAMIC INPUT
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 18px; color: #fff; }
	.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: #d30101; 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
	----------------------------------------------------*/	
	#header { position: relative; height: 234px; background: url(images/header_bg_sander.jpg) no-repeat; }
	#header .new-formula-left { position: absolute; right: -56px; bottom: 0px; width: 56px; height: 98px; background: url(images/new-formula_left_vsl.png) no-repeat; }
	#header .new-formula-bot { position: absolute; right: -9px; bottom: -35px; width:43px; height: 35px; background: url(images/new-formula_bot_vsl.png) no-repeat; }
	#header .top-corner { position: absolute; bottom: -9px; right: 239px; width: 9px; height: 9px; background: url(images/nav-main_top-corner_bg.gif) no-repeat; }
	#header .top_menu { position: absolute; top: 0px; right: 0px; width: 570px; height: 46px;  }
	#header .top_menu .menu {color: #FFF; float: left; margin: 12px;  }
	#header .top_menu .menu ul {line-height: 15px; padding-top: 3px; }
	#header .top_menu .menu li{float: left; list-style: none; border-left: 1px solid #FFF; padding: 0 6px 0 6px;  }
	#header .top_menu .menu li.first{border: none;}
	#header .top_menu .menu a{color: #FFF; font-size: 12px; font-weight:bolder; text-decoration: none;}
	#header .top_menu .menu a:hover{ text-decoration: underline;}
	#header .top_menu .search { float: right; margin-right: 5px;} 
	#header .top_menu .search ul li{ float: left; list-style: none; padding: 12px 5px;}  
	#header .top_menu .search input.txt{border: 1px solid #ccc; padding: 3px; color:#999; } 
	#header .top_menu .search input.btn{height: 23px;} 

/*	=FOOTER
	----------------------------------------------------*/	
	#footer { clear: both; background: #750502; }
	#footer .text { padding: 5px 0 20px 5px; }
	#footer .text p { float: left; color: #b65754; font-size: 12px; }
	#footer .text ul { float: right; color: #b65754; font-size: 12px; }
	#footer .text ul li { display: inline; padding: 0 5px; border-left: 1px solid #b65754; }
	#footer .text ul li.first { border: none; }
	#footer .text ul li a { color: #b65754; text-decoration: underline; }
	#footer .text ul li a:hover { text-decoration: none; }
	#flash_partner_banners {margin-bottom: 15px;} 
	
/*	=BAR
	----------------------------------------------------*/
	#bar { width: 230px; padding: 0 9px 0 6px; float: right; }
	#bar .block { margin: 0 0 12px 0; }
	#bar .block .top { height: 4px; background: url(images/bar_block_top_bg.gif) no-repeat; font-size: 0; line-height: 0; }
	#bar .block .mid { background: url(images/bar_block_mid_bg.gif) repeat-y; }
	#bar .block .bot { height: 4px; background: url(images/bar_block_bot_bg.gif) no-repeat; font-size: 0; line-height: 0; }
	
	#bar .frm-newsletter { padding: 12px; }
	#bar .frm-newsletter h3 { font-size: 20px; font-family: Compacta Bd BT; font-style: italic; font-weight: normal; color: #fff; }
	#bar .frm-newsletter p { margin: 5px 0 0 0; color: #fff; font-size: 12px; line-height: 17px; }
	#bar .frm-newsletter input.txt { width: 180px; padding: 3px; color: #fff; margin: 10px 0; border: 1px solid #4c4b4b; background: #151011; }

	#bar .part-of { text-align: center; }
	#bar .part-of p { padding: 10px 0 5px 0; font-size: 12px; color: #727171 }
	#bar .part-of img { margin: 0 0 5px 0; }
	
	
/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { margin: -5px 0 12px 0; padding: 10px 0; font-size: 0; line-height: 0; background: url(images/nav-main_bg_2.png) no-repeat left bottom; }
	#nav-main li { position: relative; list-style: none; border-top: 1px solid #494646; }
	#nav-main li.first { border: none; }
	#nav-main li a { display: block; height: 20px; padding: 6px 0 4px 12px; cursor: pointer; font-size: 18px; line-height: 18px; font-family: Compacta Bd BT; font-style: italic; color: #fff; text-decoration: none; cursor: pointer; }
	
	
	#nav-main li ul { display: none; position: absolute; top: 0; left: -170px; z-index: 2000; width: 170px; background: url(images/nav-main_ul_bg.jpg) no-repeat right top #750502; }
	#nav-main li:hover { background: url(images/nav-main_li-hover_bg.png) 2px 11px no-repeat; }
	#nav-main li:hover ul { display: block; }
	#nav-main li ul li { text-align: right; border-top: 1px solid #ac211d; }
	#nav-main li ul li:hover { background: none; }
	#nav-main li ul li a { padding: 6px 10px 4px 0; }


/*	=CONTENT
	----------------------------------------------------*/
	#content { width: 718px; padding: 10px 0 20px 15px; float: left; }
		
	
/*	=HOMEPAGE SPECIFIC
	----------------------------------------------------*/
	#homepage-flash-carrousel { width: 718px; height: 273px; }
	
	#homepage-cta-blocks .cta { padding: 20px 15px 10px 15px; float: left; width: 208px; border-left: 1px solid #4b4748; }
	#homepage-cta-blocks .cta.first { border: none; }
	#homepage-cta-blocks .cta h2 { margin: 5px 0 2px 0; color: #fff; font-size: 12px; }
	#homepage-cta-blocks .cta p a { color: #fff; font-size: 12px; text-decoration: none; }
	
	#homepage-news .news-item { width: 710px; margin: 40px 0 0 0; }
	#homepage-news .news-item .vsl { float: right; border: 3px solid #b11f1e; }
	#homepage-news .news-item div { float: left; width: 533px; }
	#homepage-news .news-item h2 { height: 26px; padding: 4px 0 0 7px; background: url(images/homepage_news_h2_bg.gif) top left no-repeat; }
	#homepage-news .news-item h2 a { cursor: pointer; font-family: Compacta Bd BT; font-style: italic; font-weight: normal; font-size: 20px; color: #fff; text-decoration: none; }
	#homepage-news .news-item p { padding: 8px 0 0 8px; }
	#homepage-news .news-item p a { color: #fff; font-size: 12px; line-height: 17px; text-decoration: none; }
	
	#homepage-news .news-item.even .vsl { float: left; }
	#homepage-news .news-item.even div { float: right; }
	#homepage-news .news-item.even h2 { background: url(images/homepage_news_h2-even_bg.gif) top left no-repeat; }
	
	
	
/*	=SUBPAGE SPECIFIC
	----------------------------------------------------*/
	#subpage-header { position: relative; width: 712px; height: 177px; }
	#subpage-header .overlay { position: absolute; z-index: 10; }
	#subpage-header ul { position: absolute; z-index: 20; bottom: 11px; left: 25px; }
	#subpage-header ul li { display: inline; list-style: none; color: #fff; font-size: 0; line-height: 0; }
	#subpage-header ul li a { float: left; padding: 0 5px 0 10px; color: #fff; font-size: 12px; line-height: 12px; background: url(images/subpage-header_a_bg.gif) left 4px no-repeat; text-decoration: none; }
	#subpage-header ul li a.first { background: none; }
	
	.subpage { padding: 15px; background: url(images/subpage_bg.jpg) left top no-repeat; }
	
	h1.pagetitle {  margin: 20px 0 10px 0; font-size: 30px; font-family: Compacta Bd BT; font-style: italic; font-weight: normal; color: #fff; }
	

/*	=RELATED ITEMS
	----------------------------------------------------*/
	.related-items { margin: 20px 0; padding: 12px 10px; border: 1px solid #1c1c1c; background: url(images/subpage_bg.jpg) left top no-repeat;  }
	.related-items h3 { padding: 0 0 8px 4px; color: #fff; font-family: Compacta Bd BT; font-style: italic; font-size: 20px !important; font-weight: normal; }
	.related-items ul { margin: 0 !important;}
	.related-items li { margin: 0 !important; padding: 4px 0 4px 5px; list-style: none !important; font-size: 12px; color: #c6c6c6; border-top: 1px solid #2a2a2a; }
	.related-items li a { display: block; color: #c6c6c6; text-decoration: none !important; }
	.related-items li a:hover { text-decoration: underline !important; }


/*	=RELATED IMAGES
	----------------------------------------------------*/
	.related-images { margin: 20px 0; padding: 12px 0 12px 10px; border: 1px solid #1c1c1c; background: url(images/subpage_bg.jpg) left top no-repeat;  }
	.related-images h3 { padding: 0 0 0 4px; color: #fff; font-family: Compacta Bd BT; font-style: italic; font-size: 20px !important; font-weight: normal; }	
	.related-images ul { margin: 0 !important;}
	.related-images li { float: left; margin: 10px 10px 0 0 !important; list-style: none !important; }
	.related-images li a img { border: 1px solid #5b5b5b; }
	
	
/*	=USER-COMMENTS
	----------------------------------------------------*/	
	.user-comments { margin: 20px 0; padding: 10px; font-size: 12px; border: 1px solid #1c1c1c; background: url(images/subpage_bg.jpg) left top no-repeat; display: none; }
	.user-comments .user { padding: 0 0 5px 0; color: #c2c2c2; border-bottom: 1px solid #2a2a2a; }
	.user-comments h3 { color: #fff; font-family: Compacta Bd BT; font-style: italic; font-size: 20px !important; font-weight: normal; }			
	.user-comments ul li { list-style: none; padding: 10px 10px 10px 0; } 
	.user-comments .edit { float: right; }
	.user-comments p { float: right; width: 600px; 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: #fff; font-weight: bold; }
	.user-comments form h3 { color: #fff; margin: 15px 0 8px 0; }
	.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: #fff; margin: 20px 0 0 0; }
	.user-comments .not-logged h3 { color: #fff; }
	.user-comments .not-logged a { color: #d30101; }
	.user-comments .breedte { width: 700px; }

/*	=PAGING
	----------------------------------------------------*/	
	.paging { position: relative; }
	.paging ul { text-align: center; list-style: none; font-size: 0; line-height: 0;  }
	.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; background: #770502; 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: none; }
	
/*	=specific.NEWS OVERVIEW
	----------------------------------------------------*/	
	#news-overview .news-item { padding: 10px; margin: 0 0 20px 0; border-top: 1px solid #383838; border-bottom: 1px solid #151515; background: #2b2a2a;  }
	#news-overview .news-item { padding: 0 10px 10px 0; border: none; background: url(images/subpage_bg.jpg) left top no-repeat;}
	#news-overview .news-item .vsl { border: 2px solid #B11F1E; }
	#news-overview .news-item .details { width: 469px; padding: 0px 0 0 0; }
	#news-overview .news-item .details a { font-size: 12px; line-height: 16px; color: #fff; text-decoration: none; } 
	#news-overview .news-item .details h2 { height: 26px; padding: 4px 0 0 7px; background: url(images/homepage_news_h2-even_bg.gif) top left no-repeat;  }
	#news-overview .news-item .details h2 a { overflow: hidden; height: 18px; font-family: Compacta Bd BT;  font-style: italic; font-size: 15px; font-weight: normal; color: #fff; text-decoration: none; }
	#news-overview .news-item .details p {padding: 10px; }
	
/*	----------------------------------------------------*/	

	.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; }
	.standard-form ol li.even { background: url(images/subpage_bg.jpg) left top no-repeat;  border-top: 1px solid #383838; border-bottom: 1px solid #151515; }
	.standard-form fieldset { margin: 0 0 20px 0;  }
	.standard-form legend { margin: 0 0 10px 0; font-family:  Compacta Bd BT; font-size: 15px; font-weight: normal; color: #fff; font-style: italic;}
	.standard-form label { padding: 3px 10px 4px 0; }
	.standard-form label.col-a { width: 150px; padding: 3px 0 4px; }	
	.standard-form span.col-b { padding: 3px 0 4px; }	
	.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: #555555; background: #ffbfc0; 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 input.radio {  margin: 0 3px 0 0; padding: 5px 0 0 0; }
	.standard-form input.checkbox {  margin: 0 3px 0 0; }
	.standard-form .select { width: 178px; height: 23px; background: #c7c7c7; border: 2px solid #fff; }
	
	.standard-form #error { position: absolute; z-index: 10; color: red; padding: 4px; padding: 35px 0 0 180px; }
	.standard-form #error img { float: left; }
	.standard-form #error #error-text { color: red; font-weight:bold; font-size: 12px; display: block; float: left; margin-left: 5px; padding-top: 1px;  }
	
	#news-detail p.date {font-weight: bold; font-size: 12px; color: #FFF;   }
	
	
	/*	=specific.PHOTOALBUM OVERVIEW
	----------------------------------------------------*/
	#photoalbum-overview { }
	#photoalbum-overview .album { font-size: 12px; color: #fff; }
	#photoalbum-overview .album h2 a { font-size: 13px; color: #fff; font-weight: bold; text-decoration: none; }
	#photoalbum-overview strong.date { font-size: 12px; }	
	
	
	/*	=specific.VIDEO OVERVIEW
	----------------------------------------------------*/
	#video-overview .txt h2  a{ font-family: Compacta Bd BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; font-style: italic; }
	#video-overview .txt {margin-left: 10px;}
	
	/*	=specific.SEARCH OVERVIEW
	----------------------------------------------------*/
	#search-results .results h2 { font-family: Compacta Bd BT;   font-style: italic; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; }
	#search-results .results ul { color: white; }
	#search-results .results ul li { border-top: 1px solid #333;}
	#search-results .results ul li p { font-size: 12px; line-height: 17px; }
	#search-results .results ul h3 a { height: 14px; font-family: Compacta Bd BT;   font-style: italic; font-size: 14px; font-weight: normal; color: #fff; text-decoration: none; }	
	
	#usercp ul li {float: none;} 

	
		#event-overview .event {  border-top: 1px solid #2f2f2f;}
	#event-overview .event.even { background: none; }
	#event-overview .event .vsl { margin: 5px 0 0 0; border: 1px solid #2f2f2f; }
	#event-overview .event h2 { margin: 0 0 5px 0; }
	#event-overview .event h2 a { height: 25px; width: 370px; text-decoration: none; font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 20px; color: #fff; }
	#event-overview .event ul { width: 370px; }
	#event-overview .event ul li { font-size: 12px; line-height: 17px; color: #fff;  }
	#event-overview .event ul li span { color: #8b8b8b; }
	#event-overview .event ul li a { color: #fff; text-decoration: underline; }
	#event-overview .event ul li a:hover { text-decoration: none; }	
	#event-overview h3 { margin: 0 0 5px 10px; font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 15px; color: #fff;}
	#event-overview h2.red { margin: 0 0 5px 0; font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 20px; color: red; margin: 0px 0 20px 0; }
	#event-overview label { color: white; font-size: 12px;}
	#event-overview label input { color: #555555; background: #dbdbdb; border: 1px solid #b8b8b8;}
	
	#event-overview .standard-form {  margin: 10px;}	
	
	#event-overview .standard-form .button {  margin-top: 10px;   background: #dbdbdb; border: 1px solid #b8b8b8;}	
	#event-overview .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;}	
	#event-overview ol li {font-size: 12px; color : #fff; margin: 10px;}
	#event-overview label.col-a { padding: 10px;  } 
	#event-overview span.col-b p { padding: 10px;  } 
	#event-overview a.button{float: right; background: grey; border: 2px solid #2F2F2F; padding: 5px 5px 5px 25px; color: #000; text-decoration: none;}
	#event-overview a.delete{background-image: url(/assets/global/css/images/basket_delete.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px;}
	#event-overview a.order{background-image: url(/assets/global/css/images/basket_add.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px;}
