@charset "utf-8";


/*	=
	@author		Joey Buys / Blueberry new media
	@version	1.0
	@since		feb 09
	----------------------------------------------------*/


/*	=RESETS / TEMPLATE
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	body { background: url(images/body_bg.jpg) no-repeat center top #fff; }
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	.hide { display: none; }
	#page-box { position: relative; width: 983px; margin: 0 auto; background: url(images/page-box_bg.gif) repeat-y; }
	
/*	=HEADER
	----------------------------------------------------*/
	
/*	=CONTENT
	----------------------------------------------------*/
	#content { background: url(images/content_bg.gif) repeat-y 1px top; overflow: hidden; height: 100%;} 
	#content.home { background:url(images/content-home_bg.gif) repeat-y; }
	#content.home .col-a { width: 761px; float: left; }
	#content.sub .col-a {  width: 707px; min-height: 330px; padding: 55px 27px 0 27px; float: left; background:url(images/content_col-a_bg.jpg) no-repeat 1px top;}
	#content.sub .col-a h1 { font-family: Futura XBlkCnIt BT; color: #fff; font-size: 25px; font-weight: normal; margin-bottom: 23px; }

	.col-b { position: relative; float: left; width: 202px; padding: 0 10px; } 
	.col-b .banner { clear: both; text-align: center;  padding: 10px 0 0 0; background: url(images/bar_bg.png) no-repeat left top; }
	.col-b .banner .banner {background: none;} 	
	.col-b .banner h2 { font-family: Futura XBlkCnIt BT; color: #fff; font-weight: normal; font-size: 12px; margin-bottom: 12px; }

	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { overflow: hidden;width: 983px; height: 159px; background:url(images/footer-sub_bg.jpg) no-repeat 2px top;  }
	#footer li { display: inline; float: right; padding: 112px 0 0 0;  }
	#footer li a { color: #577483; text-decoration: none; line-height: 35px; border-right: 1px solid #577483; padding: 0 12px; } 
	#footer li a:hover { text-decoration: underline; }
	#footer li a.noborder { border: none; margin-right:5px; }
	#footer li.first { float: left; margin-left: 20px; height: 35px; }
	#footer li.first a { border: none; float: left; display: block; padding: 0 0 0 62px; background: url(images/402_logo.gif) no-repeat; height: 35px;}


	#footer.home { width: 983px; height: 87px; background:url(images/footer-home_bg.gif) no-repeat left top; }
	#footer.home li { padding: 40px 0 0 0;  }

/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { position: absolute; top: 154px; left: 21px; padding: 0 0 0 5px; width: 956px; height: 32px; background:url(images/nav-main_bg.gif) no-repeat;   }
	#nav-main li { position: relative; display: inline; float: left; background: url(images/nav-main_li_bg.gif) no-repeat top right; padding-right: 1px; }
	#nav-main li a { display: block; float: left; clear: left; padding: 0 11px; height: 32px; color: #fff; font-family: Futura XBlkCnIt BT; text-decoration: none; font-size: 17px; line-height: 32px; }
	#nav-main li a:hover { background:url(images/nav-main_li_a-hover.gif); }
	#nav-main li ul { display: none; }
	#nav-main li:hover ul { position: absolute; top: 32px; left: 0px; display: block;  }
	#nav-main li ul { background: url(images/nav-main_li_ul_bg.png); width: 140px; }
	#nav-main li ul li { display: block; clear: both; float: none; background: none;padding: 0; }
	#nav-main li ul li a { display: block; height: auto; float: none; padding: 7px 10px; font-family: Arial; font-size: 13px; line-height: normal; font-weight: bold; text-transform: uppercase; color: #fff; }
	#nav-main li ul li a:hover { background: #163147; color: #d40000;  }


/*	=HOMEPAGE SPECIFIC
	----------------------------------------------------*/		
	#homepage-header { position: relative; height :519px; background: url(images/homepage_header.gif) no-repeat 1px 0px; }
	#homepage-header .partners { position: absolute; left: 831px; top: 83px; padding: 24px 15px; width: 121px; height: 173px; border-left: 1px solid #e2e2e2; }
	#homepage-header .intro { position: absolute; left: 500px; top: 83px; width: 295px; height: 207px; padding: 14px 18px;  color: #373737; background: url(images/homepage-header_intro_bg.gif) no-repeat left top; }
	#homepage-header .intro h2 { font-family: Futura XBlkCnIt BT; font-size: 23px; font-weight: normal; margin-bottom: 5px;  } 

	#homepage-flash-carrousel { position: absolute; top: 53px; left: 28px; }
	#homepage-cta-blocks { position: absolute; top: 315px; left: 1px; padding: 10px 0 0 0; width: 760px; height: 188px; background: url(images/homepage-cta_bg.jpg) no-repeat;  }
	
	#homepage-cta-blocks .cta  { float: left; width: 155px; padding: 0 15px; color: #c0c0c0; border-left: 1px solid #5ea6bf; }
	#homepage-cta-blocks .cta.first { border-left: none; margin-left: 5px; }
	#homepage-cta-blocks .cta img { border: 1px solid #fff; margin-bottom: 5px;	 }
	#homepage-cta-blocks .cta img.cta-button { border: none; margin: 5px  0 0 5px ; }
	#homepage-cta-blocks .cta h2 { color: #fff; }
	#homepage-cta-blocks a { color: #c0c0c0; text-decoration: none; }
	
	/*	= News items
	----------------------------------------------------*/	
	.news-item { background:url(images/news-item_bg.gif); margin-bottom: 8px; padding-bottom: 15px; min-height: 200px;}
	.news-item.first {margin-top: 2px;} 
	.news-item h2 {padding: 0; }
	.news-item h2 a { font-family: Futura XBlkCnIt BT; color: #000; font-size: 16px; font-weight: normal; text-decoration: none; }
	.news-item div.innerbox { background:url(images/news-item-hdr_bg.png) no-repeat right top; padding: 0 15px 0 27px; } 
	.news-item.first div.innerbox { background:url(images/news-item-hdr_bg.png) no-repeat; }
	.news-item img.vsl { float: left; margin: 0px 15px 0 -5px	; border: 4px solid #fff; }
	.news-item.even img.vsl  { float: right; margin: 15px 0 0 15px; }
	.news-item .item p a { color:#000; text-decoration: none; } 
	.news-item .meta { background: none; padding: 0; overflow: hidden; height: 100%; margin-top: 12px; }
	.news-item .meta p a { color: #e20000; font-size: 10px; line-height: 20px; }
	.news-item .meta .readmore { float: right; line-height: 0; }

	.home .news-item .overlay{position: relative;  left: 5px;  top: 12px;} 	
	.home .news-item.even .overlay{position: relative; left: 560px; top: 8px;}
	.home .news-item.even img.vsl {float: right; margin: -30px 5px 0 15px; }	 	
	.home .news-item h2 a {position: relative; top: -10px; color: #ffffff;}
	.home .news-item.even h2 a {margin-left: 10px; top: -40px;}
	.home .news-item .item p{ margin-top: 10px; }
	.home .news-item.even .item p{ margin-top: -20px; }
	.home .news-item.even div.innerbox { background:url(images/news-item-hdr_bg_blue.png) no-repeat right top;} 	
	.news-item .meta p { float: left; }
	.news-item.even .meta p { float: none;  padding-top: 30px; }

	.sub .news-item{ min-height: 50px; background: none; margin-left: -20px;}
/*	
	.sub .news-item h2{background:url(images/news-item-hdr_bg_small_2.png) no-repeat;height: 40px;  padding-top: 10px;}
*/
	.sub .news-item h2{height: 40px;  padding-top: 10px;}

	.sub .news-item h2 a{cmargin: 0 0 0 255px;  color: #FFF;}
	.sub .news-item.even h2 a{margin: 0 0 0 25px; }
	.sub .news-item img.vsl { position:relative; margin-top: 10px; } 
	.sub .news-item.even img.vsl {margin-right: 25px; } 
	.sub .news-item img.vsl { border-color: #FFF; margin-left: 20px} 

	.sub .news-item a{color: #FFF; text-decoration:none; } 
	.sub .news-item p{margin:0 25px; width:auto; color: #fff; }  
/*	=SUBPAGE SPECIFIC
	----------------------------------------------------*/		
	#subpage-header { position: relative; height :232px; background: url(images/subpage_header.jpg) no-repeat 1px 0px; }
	#subpage-header .vsl { position: absolute; top: 53px; left: 27px; }
	
	
/*	=NEWSLETTER CTA
	----------------------------------------------------*/	
	#cta-newsletter { float: left; width: 201px; height: 198px; background: url(images/bar_bg.png) no-repeat left top; }
	#cta-newsletter.home { position: absolute; top: 315px; left: 770px; float: left; width: 201px; height: 198px; background: url(images/bar_bg.png) no-repeat left top; }
	#cta-newsletter fieldset { border: 0; padding: 9px 10px; color: #fff; }
	#cta-newsletter h2 { font-family: Futura XBlkCnIt BT; font-size: 16px; color: #fff; font-weight: normal; margin: 0 0 8px 0; }
	#cta-newsletter label { display: block; width: 171px; height: 20px; margin-top: 15px; padding: 4px 5px 0 5px; background: url(images/frm-newsletter_label_bg.gif); }
	#cta-newsletter label input { width: 171px; border:0; color: #747474; }
	#cta-newsletter input.submit { float: right; margin-top: 15px; }
	
/*	=CRUMBPATH
	----------------------------------------------------*/	
	#crumbpath { background: none; color: #fff; }
	#crumbpath { position: absolute; text-align: right; top: 205px; right: 250px; width: 460px; height: 26px; padding: 12px 0 0 27px; background: none; }
	#crumbpath.home { position: absolute; text-align: left;  top: 45px; left: 496px; width: 460px; height: 26px; padding: 12px 0 0 27px; background:url(images/crumpath-home_bg.gif) no-repeat; }
	#crumbpath a { color: #fff; text-decoration: none; }
	#crumbpath a.first { background: url(images/crumbpath_ico.gif) no-repeat left center; padding: 0 0 0 18px; }
	#crumbpath a:hover { text-decoration: underline; }
	
/*	=Form search
	----------------------------------------------------*/
	#frm-search { position: absolute; top: 154px; right: 13px; padding: 6px 0 0 0; }
	#frm-search label { display: block; float: left; width: 120px; height: 22px; margin-right: 1px; vertical-align: top; background:url(images/frm-search_label_bg.gif);}
	#frm-search input { vertical-align: top; border: none;  }
	#frm-search label input { border: 0; width: 106px; height: 16px; margin: 3px 0 0 7px; color: #959595; }	

/*	=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; background: url(/assets/gogreen/css/images/block_header_bg.gif) no-repeat right bottom; }
	.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: #e20000; 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; }
	
	
/*	=RELATED ITEMS
	----------------------------------------------------*/
	.related-items { margin: 20px 0 20px 0px; padding: 12px 10px; background-color: #202234; border: 1px solid #19445d;  }
	.related-items h3 { padding: 0 0 8px 0px; color: #fff; font-family:Futura XBlkCnIt BT; font-size: 15px !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: #CF0400; 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 20px 0px; padding: 12px 0 12px 10px;  background-color: #202234; border: 1px solid #19445d;  }
	.related-images h3 { padding: 0 0 0 0px; color: #fff; font-family: Futura XBlkCnIt BT; font-size: 15px !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 #FFF; }


/*	=USER-COMMENTS	
	----------------------------------------------------*/	
	.user-comments { margin: 20px 0 0 0; padding: 10px; font-size: 12px;  background-color: #202234; border: 1px solid #19445d; }
	.user-comments .user { padding: 0 0 5px 0; color: #c2c2c2; border-bottom: 1px solid #19445d; }
	.user-comments h3 { color: #fff; font-family: Futura XBlkCnIt BT;  font-size: 15px !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: 380px; color: #fff; padding: 9px 5px 5px 5px; margin-right: 200px; } 
	.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; }
	
	p.date {font-weight: bolder; color: #fff; margin-bottom: 15px; 	} 

	/*	=specific.SEARCH OVERVIEW
	----------------------------------------------------*/
	.results h2 { font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; }
	.results ul { color: white; margin-bottom: 20px;}
	.results ul li { border-top: 1px solid #333; list-style: none;}
	.results ul li p { font-size: 12px; line-height: 17px; }
	.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; }	

	
		
/*	=specific.STANDARD FORM
	----------------------------------------------------*/

	.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; width: 500px; border-top: 1px solid #1a445d; list-style: none;}
/*
	.standard-form ol li.even {  border-top: 1px solid #383838; border-bottom: 1px solid #151515; }
*/	
	.standard-form fieldset { margin: 0 0 20px 0; border: none;}
	.standard-form legend { margin: 0 0 10px 0; font-family:  Futura XBlkCnIt BT; font-size: 15px; font-weight: normal; color: #fff; }
	.standard-form label { padding: 3px 10px 4px 0; }
	#content.sub .col-a .standard-form label.col-a {background: none; width: 150px; padding: 3px 0 4px; float: left;  min-height: 0px;}	
	.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: #555555; 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 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: #df4347; padding: 4px; padding: 35px 0 0 180px; }
	.standard-form .error li{ list-style: none;}
	.standard-form #error img { float: left; }
	.standard-form #error #error-text { color: #df4347; font-weight:bold; font-size: 12px; display: block; float: left; margin-left: 5px; padding-top: 1px;  }
	
	#usercp ul li {list-style: none;} 
	
/*	=specific.PHOTOALBUM OVERVIEW
	----------------------------------------------------*/
	.photoalbum-overview { }
	.photoalbum-overview .album { font-size: 12px; color: #fff; float: left; width: 280px; padding: 10px;}
	.photoalbum-overview .album h2 a { font-size: 13px; color: #fff; font-weight: bold; text-decoration: none; }
	.photoalbum-overview strong.date { font-size: 12px; }	

	.photoalbum ul.photos {margin-top:20px;  } 
	.photoalbum ul.photos li {float: left; padding: 0 10px 10px 0; list-style: none;} 
	.photoalbum ul.photos li  img{border: 1px solid #1a445d; } 
	
/* 	MAGAZINE 
	------------------------------------------------*/
	.magazine-overview h3, .magazine-detail h3 {font-family:  Futura XBlkCnIt BT; font-size: 15px; font-weight: normal; color: #fff; margin: 15px 0; } 
	.magazine-overview li, .magazine-detail li {float: left; margin: 0 15px 15px 0; } 
	
	.magazine-detail h3 { font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; border-bottom: 1px solid #1a445d; }
	.magazine-detail ul li { border: 1px solid #1a445d; }
	.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 { float: left; margin-left: 15px; }
	.magazine-detail .img { float: left;  }
	.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 { }
	
	/*	=PAGING
	.paging {margin: 0 auto;  }
	.paging ul {  display: inline;  width: 600px; border: 1px solid red; text-align: center; margin-left: 50%; margin-right: 50%;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; }
	----------------------------------------------------*/	
	

	.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; 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: #d60000; }
/* 
*/	

	.event-overview .event { background-color: #0E4362;padding: 5px 15px 5px 5px ; margin: 0 -5px; width: 682px;}
	.event-overview .event .vsl { margin: 5px 0px 5px 0; float: right; }
	.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 { display: none;}
	.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 ol li{width: 680px; margin-left: -15px; padding-left: 10px;}	
	
	.event-overview .standard-form .button {  margin-top: 10px;   background: #dbdbdb; width: 150px; float: none; border: 1px solid #000; cursor: pointer;  }	
	.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; width: 120px; display: block; float: none; margin-top: 5px !important;}	
	.event-overview ol li {font-size: 12px; color : #fff; margin: 10px; background-color: #0E4362; margin-left: -5px; padding: 0 10px 10px 0; list-style-type: none; float: none;}
	.event-overview label.col-a { padding: 10px;  } 
	.event-overview span.col-b p { padding: 5px 0 0 0; } 
	.event-overview a.button{float: right; background: grey; border: 1px 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;}
	
	#content.sub.event-overview ol .col-a {background: none; min-height: 0px; padding: 10px 0 0 15px;} 
	#content.sub.event-overview ol .col-a ol {background-color: red; } 
	#content.sub.event-overview ol .col-a li.even{background-color: #000; min-height: 0px;} 
	#content.sub.event-overview ol .col-b {width: 400px; float: left;} 
	#content.sub.event-overview ol label.col-a {font-weight: bold; margin-left: -5px; font-size: 12px;}