@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; font-size: 12px; }
	body.body-homepage { background: url(images/body-homepage_bg.gif) no-repeat center top #000; }
	body.body-subpage { background: url(images/body-subpage_bg.gif) repeat-x #000; }
	body.body-subpage #page-box { background: url(images/page-box-subpage_bg.gif) left top no-repeat #343434; }
	
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	.hide { display: none; }
	#page-box { position: relative; width: 980px; margin: 0 auto; }


/*	=DYNAMIC INPUT
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 20px; color: #000; }
	.dynamic-input h1, .dynamic-input h2, .dynamic-input h3, .dynamic-input h4 { color: #000; font-size: 22px; font-family: DINMittelschrift LT; font-weight: normal; } 
	.dynamic-input h1 { padding: 0 0 10px 0; font-size: 28px; }
	.dynamic-input h2 { padding: 10px 0; font-size: 22px; }
	.dynamic-input h3 { padding: 10px 0; font-size: 18px; }
	.dynamic-input h4 { padding: 10px 0; font-size: 16px; }
	.dynamic-input p { margin: 0 0 10px 0; }
	.dynamic-input a, .dynamic-input a:active, .dynamic-input a:visited { color: #cd0000; 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: 456px; }
	#logo { position: absolute; top: 30px; left: 183px; z-index: 20; }
	#homepage-flash-carrousel { position: absolute; top: 83px; left: 0; z-index: 10; width: 809px; height: 371px; }
	#subpage-vsl { position: absolute; top: 83px; left: 0; z-index: 10; width: 809px; height: 159px; }
	
	#nav-main { position: absolute; left: 811px; top: 82px; z-index: 30; width: 169px; background: url(images/nav-main_li_bg.gif) top left no-repeat;}
	#nav-main li { position: relative; list-style: none; font-size: 0; line-height: 0; background: url(images/nav-main_li_bg.gif) bottom left no-repeat; }
	#nav-main li a { display: block; height: 19px; cursor: pointer; padding: 5px 0 5px 23px; font-size: 16px; line-height: 18px; color: #fff; text-decoration: none; font-family: DINMittelschrift LT; font-weight: normal; }
	#nav-main li a.selected { color: #ef2124; }
	#nav-main li ul { display: none; position: absolute; top: 0; left: -169px; width: 169px; background: url(images/nav-main_li_li_bg.gif) top left no-repeat #0e0e0e; }
	#nav-main li:hover ul { display: block; }
	#nav-main li ul li { background: url(images/nav-main_li_li_bg.gif) bottom left no-repeat; }
	#nav-main li ul li a { padding-left: 10px; }


/*	=FOOTER
	----------------------------------------------------*/
	#footer { padding: 20px 0 30px 0; border-top: 9px solid #343434; background: #161616; }
	#footer .copyright { float: left; margin: 0 0 0 10px; color: #555; }
	#footer .nav-footer { float: right; }
	#footer .nav-footer li { float: left; list-style: none; padding: 0 10px; border-left: 1px solid #555; }
	#footer .nav-footer li.first { border: none; }
	#footer .nav-footer li a { color: #555; text-decoration: none; }
	#footer .nav-footer li a:hover { text-decoration: underline; }
	#footer .copyright  a{ color: #555; }
	#footer .copyright  a:hover { text-decoration: none; }

/*	=HOMEPAGE SPECIFIC
	----------------------------------------------------*/
	#homepage { background: url(images/homepage_bg.gif) left top no-repeat #343434; }
	#homepage #content { float: right; width: 770px; height:1685px; padding: 5px 0 0 0; background: url(images/homepage_content_bg.gif) repeat-x #fff; }
	
	#homepage-news { float: left; width: 513px; height: 518px; border-right: 1px solid #b9b9b9; }
	#homepage-news .news-item { width: 470px; padding: 30px 0 0 20px; }
	#homepage-news .news-item h2 { margin: 0 0 5px 0; }
	#homepage-news .news-item h2 a { color: #000; font-size: 26px; line-height: 28px; text-decoration: none; font-family: DINMittelschrift LT; font-weight: normal; }
	#homepage-news .news-item p { width: 335px; float: left; color: #000; line-height: 18px; }
	#homepage-news .news-item .vsl { float: right; border: 1px solid #000; }
	#homepage-news .news-item .specs { width: 471px; height: 21px; margin: 10px 0 0 0; padding: 4px 0 0 5px; background: url(images/homepage-news_specs_bg.gif) left top no-repeat; }
	#homepage-news .news-item .specs a { float: left; }
	#homepage-news .news-item .specs div { float: left; padding: 1px 0 0 10px; color: #454545; }
	
	#homepage #sponsors { float: left; margin: 40px 0 0 40px; }


/*	=CTA
	----------------------------------------------------*/	
	#homepage #cta-blocks {  float: right; width: 770px; height: 203px; }
	#homepage .cta { float: left; width: 236px; padding: 17px 11px 0 11px; } 
	#homepage .cta.last { padding-left: 7px; padding-right: 0; }
	
	#subpage #cta-blocks { display: inline; float: right; width: 150px; margin: 190px 13px 0 0; }
	#subpage .cta { margin: 0 0 20px 0; }
	
	.cta h2 { margin: 10px 0 3px 0; padding: 0 5px; color: #fff; font-size: 14px; }
	.cta p { padding: 0 5px; color: #fff; line-height: 18px; }
	
	
/*	=BAR
	----------------------------------------------------*/
	#bar { display: inline; float: left; margin: 7px 0 0 9px; }
	#homepage #bar { width: 191px; height: 1886px; background: url(images/bar-homepage_bg.gif) top left #000 no-repeat; }
	#subpage #bar { display: inline; width: 163px; margin: 0 0 0 9px;  background: url(images/bar-subpage_bg.gif) top left #000 no-repeat; }
	#subpage #bar .newsletter .txt-wrap { width: 133px; }
	#subpage #bar .newsletter .txt { width: 128px; }

	#bar .newsletter { padding: 20px 15px; border-bottom: 1px solid #2d2d2d; }
	#bar .newsletter h3 { margin: 0 0 5px 0; font-size: 18px; color: #fff; text-decoration: none; font-family: DINMittelschrift LT; font-weight: normal; }
	#bar .newsletter p { color: #6e6e6e; line-height: 16px; }
	#bar .newsletter .txt-wrap { width: 163px; height: 22px; margin: 10px 0; background: url(images/newsletter_txt_bg.gif) no-repeat; }
	#bar .newsletter .txt { width: 154px; height: 28px; padding: 4px 4px 0 5px; background: none; border: none; color: #000; }

	#bar .poll { padding: 20px 15px; }
	#bar .poll h3 { margin: 0 0 5px 0; font-size: 18px; color: #fff; text-decoration: none; font-family: DINMittelschrift LT; font-weight: normal; }
	#bar .poll p { color: #6e6e6e; line-height: 16px; margin: 0 0 10px 0; }
	#bar .poll label { display: block; margin: 0 0 10px 0; color: #6e6e6e; }

	
	
/*	=SUBPAGE SPECIFIC
	----------------------------------------------------*/
	#subpage { padding-top: 259px; }
	#subpage #content { display: inline; float: left; width: 980px; background: url(images/subpage_content_bg.gif) repeat-y; }
	#subpage #page { display: inline; float: left; width: 571px; margin: 0 0 0 9px; padding: 30px 25px; background: url(images/homepage_content_bg.gif) repeat-x; }
	
	
	.poll #poll_ajax p { margin: 0 0 10px 0; color: #fff; font-size: 12px; line-height: 16px; }
	.poll #poll_ajax label { display: block; margin: 0 0 5px 0; font-size: 11px; line-height: 16px; color: #ababab; }
	.poll #poll_ajax label input { margin: 0 5px -1px 0; }
	.poll #poll_ajax .sbmt { margin: 10px 0 0 0; }
	.poll #poll_ajax .results p { margin: 0 0 5px 0; font-size: 11px; line-height: 11px; color: #ababab; }
	.poll #poll_ajax .results p.votes { margin: 0 0 10px 0; }
	.poll #poll_ajax .results p.votes span { color: #fff; }
	.poll #poll_ajax .results .result { margin: 0 0 10px 0; padding: 0 0 0 3px; height: 14px; color: #fff; font-size: 11px; background-color: red; }
	
	
	
	#page .pagetitle { font-size: 30px; font-family: DINMittelschrift LT; font-weight: normal;}  
	
	
	
	.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;}
	.video-overview .videos-small div{ float: left; width: 170px; height: 150px; padding: 10px 10px 0 0; }
	

/*	=RELATED ITEMS
	----------------------------------------------------*/
	.related-items { margin: 20px 0; padding: 12px 10px; border: 1px solid #1c1c1c; background: #141414; }
	.related-items h3 { padding: 0 0 8px 0; color: #fff; font-family:DINMittelschrift LT; font-size: 14px !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 strong { display: inline-block; padding: 2px 10px 2px 5px; }
	.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: #141414; }
	.related-images h3 { color: #fff; font-family: DINMittelschrift LT; font-size: 14px !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; color: #fff; border: 1px solid #1c1c1c; background: #141414; }
	.user-comments .user { color: #999999; }
	.user-comments h3 { color: #fff; font-family:DINMittelschrift LT; font-size: 16px !important; font-weight: normal; margin-bottom: 5px; }		
	.user-comments ul li { list-style: none; border-top: 1px solid #999; padding: 10px 10px 10px 0; } 
	.user-comments .edit { float: right; }
	.user-comments p { float: right; width: 440px; padding: 5px; } 
	.user-comments p.edited { font-size: 11px; color: #6e6e6e; } 
	.user-comments .vsl { float: left; margin: 5px 0 0 0; border: 1px solid #3b3b3b; }
	.user-comments form { font-size: 12px; color: #fff; margin: 20px 10px 0 0; padding: 10px; border: 4px solid #3b3b3b; background: #2d2d2d;  }
	.user-comments form a { color: #fff; font-weight: bold; }
	.user-comments form h3 { color: #fff; }
	.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; padding: 15px 20px; border: 4px solid #3b3b3b; background: #2b2a2a; }
	.user-comments .not-logged h3 { color: #fff; }
	.user-comments .not-logged a { }


/*	=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; background: #0d0d0d;  }
	.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: #0d0d0d; cursor: pointer; }
	.paging ul li a:hover { text-decoration: underline; }
	.paging ul li a.img { padding: 0; }
	.paging ul li a.selected { font-weight: bold; background: #151515; }


/*	=specific.EVENT OVERVIEW
	----------------------------------------------------*/
	#event-overview .archive span { font-size: 12px; color: #767676; }
	#event-overview .archive ul { background: #131313; border-top: 1px solid #2f2f2f; border-right: 1px solid #2f2f2f; border-left: 1px solid #2f2f2f; }
	#event-overview .archive ul li { display: inline; }
	#event-overview .archive ul li a { font-size: 12px; line-height: 17px; color: #bebebe; text-decoration: none; background: url(images/event-overview_archive_a_bg.gif) top left no-repeat; }
	#event-overview .archive ul li a:hover { text-decoration: underline; }
	#event-overview .archive ul li a.first { background: none; }
	#event-overview .archive ul li a.selected { font-weight: bold; text-decoration: underline; }
	
	#event-overview .event { background: url(images/event-overview_event-even_bg.gif) repeat-x #000000; border-top: 1px solid #2f2f2f; border-bottom: 1px solid #000; }
	#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; }	

	
/*	=specific.EVENT DETAIL
	----------------------------------------------------*/
	#event-detail .specs { height: 90px; padding: 30px 0 0 15px; margin-bottom: 15px; border-top: 1px solid #2f2f2f; border-bottom: 1px solid  #1f1f1f; background: url(images/event-detail_specs_bg.gif) repeat-x;  }
	#event-detail .specs .vsl { top: 16px; right: 15px; border: 2px solid #2f2f2f; }
	#event-detail .specs h2 { font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 20px !important; line-height: 30px; color: #f1f1f1; }
	#event-detail .specs h2 span { font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 20px; color: #8b8b8b; }
	#event-detail .nav { }
	#event-detail .nav li { }
	


/*	=specific.NEWS OVERVIEW
	----------------------------------------------------*/	
	.news-overview .news-item { margin: 0 0 20px 0; }
	.news-overview .news-item .vsl { border: 1px solid #727272; float: left; }
	.news-overview .news-item .details { width: 300px; float: left; margin: 0 10px 0 20px;}
	.news-overview .news-item .details a { font-size: 12px; line-height: 16px; color: #000; text-decoration: none; } 
	.news-overview .news-item .details h2 a { overflow: hidden; height: 18px; font-family: DINMittelschrift LT; font-size: 15px; font-weight: normal; color: #000; text-decoration: none; }


/*	=specific.NEWS DETAIL
	----------------------------------------------------*/
/*
	.news-detail .date {font-size: 12px; color:#999; padding: 10px 0  10px 0; font-style: italic;}
*/
	.news-detail .date {display: none;}
	
/*	=specific.NEWS ARCHIVE
	----------------------------------------------------*/	
	#news-archive .news-item { margin: 0 0 20px 0; }
	#news-archive .news-item .vsl { border: 1px solid #727272; }
	#news-archive .news-item .details { width: 200px;}
	#news-archive .news-item .details a { font-size: 12px; line-height: 16px; color: #fff; text-decoration: none; } 
	#news-archive .news-item .details h2 a { overflow: hidden; height: 18px; font-family: Futura XBlkCnIt BT; font-size: 15px; font-weight: normal; color: #fff; text-decoration: none; }


/*	=specific.STANDARD FORM
	----------------------------------------------------*/
	.standard-form .required { margin: 0 0 10px 0; color: #717171; font-size: 12px; } 
	.standard-form ol { color: #000; font-size: 12px; line-height: 17px; }
	.standard-form ol li { margin: 0 0 10px 0; }
	.standard-form fieldset { margin: 0 0 20px 0;  }
	.standard-form legend { margin: 0 0 10px 0; font-family: DINMittelschrift LT; font-size: 15px; font-weight: normal; color: #000; }
	.standard-form label { padding: 3px 10px 4px 0; }
	.standard-form label.col-a { width: 150px; padding: 3px 0 4px; }	
	.standard-form .txt { width: 170px; padding: 3px; color: #555555; background: #dbdbdb; border: 1px solid #b8b8b8; }
	.standard-form input.medium { width: 50px;}
	.standard-form input.small { width: 30px;}
	.standard-form select.medium { width: 65px;}
	.standard-form select.xsmall { width: 50px;}
	.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: #dbdbdb; border: 1px solid #b8b8b8; }
	.standard-form .textarea { width: 360px; height: 130px; padding: 3px; color: #555555; font-size: 12px; background: #dbdbdb; border: 1px solid #b8b8b8; }
	.standard-form .error { color: #555555; background: #ffbfc0; border: 1px solid #f00; }

/*	=specific.PHOTOALBUM OVERVIEW
	----------------------------------------------------*/
	.photoalbum-overview { }
	.photoalbum-overview .album { font-size: 12px; color: #000; width: 280px; height: 280px; float: left;}
	.photoalbum-overview .album h2 a { font-size: 13px; color: #000; font-weight: bold; text-decoration: none; }
	.photoalbum-overview strong.date { font-size: 12px; }

	
 
	

/*	=specific.PHOTOALBUM
	----------------------------------------------------*/
	.photoalbum ul li{list-style: none;}
	.photoalbum ul li{ float: left; margin: 15px 15px 0 0;}
	.photoalbum ul li a img{ border: 1px solid #000;}
	.photoalbum ul li a:hover img { border: 1px solid #d90101; }
	
/*	=specific.MAGAZINE OVERVIEW 
	----------------------------------------------------*/	
	#magazine-overview h3 { font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; border-bottom: 1px solid #333333; }
	#magazine-overview ul li { border: 1px solid #424242; }
	#magazine-overview ul li:hover { border: 1px solid #d90101; }


/*	=specific.MAGAZINE DETAIL 
	----------------------------------------------------*/	
	#magazine-detail h3 { font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; border-bottom: 1px solid #333333; }
	#magazine-detail ul li { border: 1px solid #424242; }
	#magazine-detail ul li:hover { border: 1px solid #d90101; }
	#magazine-detail h2 { font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; }
	#magazine-detail .txt { }
	#magazine-detail .img { }
	#magazine-detail .dynamic-input {}
	#magazine-detail .txt ul { font-size: 12px; color: white;  }
	#magazine-detail .txt ul li { border: none;  }
	#magazine-detail .txt ul li:hover { border: none; }
	#magazine-detail .txt ul li span { }


	#video-overview .txt h2  a{ font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; }
	#video-overview .txt {margin-left: 10px;}

/*	=specific.SEARCH RESULTS 
	----------------------------------------------------*/	
	#search-results .results h2 { font-family: Futura XBlkCnIt BT; 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: Futura XBlkCnIt BT; font-size: 14px; font-weight: normal; color: #fff; text-decoration: none; }	
	

/*	=specific.LINKS
	----------------------------------------------------*/	
	#links ul.weblinks { }
	#links ul.weblinks li { width: 260px; padding: 0 10px 10px 0; }
	#links ul.weblinks li img { border: 2px solid #2f2f2f; }
	#links ul.weblinks li h2 { font-family: Futura XBlkCnIt BT; font-size: 17px; color: #fff; font-weight: normal; border-bottom: 1px solid #2f2f2f; }
	#links ul.weblinks li a { font-size: 12px; color: #f1f1f1; text-decoration: none; }	
	#links ul.weblinks li a:hover { text-decoration: underline; }
	#links h3 { margin: 0 0 8px 0; font-family: Futura XBlkCnIt BT; font-size: 23px; color: #fff; font-weight: normal; }
	#links ul.clublinks li { color: #fff; font-size: 12px; border-top: 1px solid #2f2f2f; }
	#links ul.clublinks li.even { }
	#links ul.clublinks li span { font-weight: bold; }
	#links ul.clublinks li a { color: #f1f1f1; text-decoration: none; }
	#links ul.clublinks li a:hover { text-decoration: underline; }

	
	#banner120-600 {padding: 21px; }
	#homepage #banner120-600 {padding: 35px; }