@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; color: #424242; }
	body { background: url(images/body_bg.jpg) no-repeat center top #dad7d1; }
	body.banner { background-position: center 114px; }
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	.hide { display: none; }
	#page-box { position: relative; width: 980px; margin: 0 auto; padding-bottom: 50px; background: url(images/page-box_bg.gif) repeat-y; }
	#page-content { background: #b2b2b1; padding: 0 8px; }
	h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; color: #006eb6; }
	
	
/*	=HEADER
	----------------------------------------------------*/
	#header {  height: 320px; background: url(images/header_bg.jpg) no-repeat bottom left; }
	#header #logo { display: block; position: absolute; top: 27px; left: 0px; padding: 0 0 0 24px; width: 217px; height: 213px; background:url(images/nof_2009_logo_bg.png) no-repeat left top; }
	#header #vsl { position: absolute; top: 53px; left: 259px; }
	#flashheader { z-index:1000; position: absolute; top: 0px; right: 0px; height: 222px; width: 380px; }
	
/* Social icons
	----------------------------------------------------------------------*/
	div.socialicons { position: absolute; z-index: 1100; top: 20px; left: 842px; padding: 7px 0 0 7px; width: 138px; height: 44px; background: url(images/bg_icons.png); }
	div.socialicons li { list-style: none;float: left; margin-right: 9px; }	
	
/*	=CONTENT
	----------------------------------------------------*/
	#content-outer-box { position: relative; background: url(images/content-outer-box_bg.gif); }
	#content-inner-box { position: relative; padding: 8px 0 0 0; background: url(images/content-inner-box_bg.gif) no-repeat left top; }

	#col-a { float: left; width: 775px; padding-bottom: 25px; }
	#col-a.sub { width: 595px; }
	#col-a.sub .dynamic-input { margin: 0 22px; }
	#col-a.sub h1 { margin: 0 22px 10px 22px; }
	
	#col-b { float: left; margin: 0 0 22px -1px; padding: 18px 13px 0 12px; width: 165px; background: url(images/col-b_bg.gif) no-repeat left top; }
	#col-b .banner { text-align: center; margin-bottom: 12px; }
	
	#col-c { float: left; width: 188px; min-height: 300px;}
	#col-c .top { padding: 0 0 30px 0; background: #b2b2b1 url(images/col-c_bg.gif) no-repeat bottom right; }
	#col-c .bottom { padding: 30px 0; text-align: center; }
	
	

/*	=FOOTER
	----------------------------------------------------*/
	#footer { display: block; width: 980px; height: 28px; background: url(images/footer_bg.gif); }
	#footer li { float: right; list-style: none; padding: 0 5px; margin: 7px 0 0 0 ; }
	#footer li.first { float: left; margin-left: 11px; }
	#footer li.last { border-left: 1px solid #fff; margin-right: 11px; }
	#footer li a { color: #fff; text-decoration: none; line-height: 12px; }
	#footer li a:hover { text-decoration: underline; }
	
/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { position: absolute; top: 277px; left: 8px; z-index: 1000;  }
	#nav-main li { position: relative; float: left; list-style: none; border-left: 1px solid #006cc1; } 
	#nav-main li.first , #nav-main li ul li { border: none; }
	#nav-main li a { display: block; float: left; padding: 7px 4px; font-family: Georgia, "Times New Roman"; font-size: 13px; font-weight: bold; text-decoration: none; color: #006cb5; }
	#nav-main li a:hover { color: #00BFF3;}
	#nav-main li ul { position: absolute; top: 28px; left: 0px; display: none; width: 160px; padding: 7px 0 5px 0; background: url(images/nav-main_li_ul_bg.png) no-repeat left bottom; }
	#nav-main li:hover ul { display: block; }
	#nav-main li ul li { position: relative;  clear: both; background: #fff; }
	#nav-main li ul li a { font-family: Arial, Helvetica; width: 144px; padding: 7px 8px; font-size: 14px; color: #424242; }
	#nav-main li ul li a:hover { background: #d8ebf5; color: #1dbbea; }

/*	=HOMEPAGE SPECIFIC
	----------------------------------------------------*/		
	#header-home { margin: 0 0 8px 0; }
	#header-home #homeflashheader { float: left; }
	#header-home #intro { float: left; width: 347px; height: 252px; padding: 20px 16px 0 28px; background: #fff url(images/header-home_intro_bg.gif) no-repeat right top; }
	#header-home #intro h2 a { font-family: Georgia, "Times New Roman"; font-size: 27px; color: #006cb5; text-decoration: none; color: #006cb5;  }
	#header-home #intro h2 { margin-bottom: 12px; }
	#header-home #intro p { line-height: 18px; }
	#header-home #intro p a { text-decoration: none; color: #424242; }
	
	#homepage-cta-blocks { margin-bottom: 8px; }
	#homepage-cta-blocks .cta { padding: 0 7px 4px 7px; float: left; width: 242px; border-left: 1px solid #c4c4c4; }
	#homepage-cta-blocks .cta.first { border: 0; }
	#homepage-cta-blocks .cta .vsl { position: relative; display: block; width: 242px; height: 84px; margin: 0 0 14px 0; }
	#homepage-cta-blocks .cta .overlay { position: absolute; top: 0px; left: 0px; display: block; width: 242px; height: 84px; }
	#homepage-cta-blocks .cta.first .vsl .overlay { background: url(images/cta_vsl-first_overlay.png) no-repeat left top; }
	#homepage-cta-blocks .cta.last .vsl .overlay { background: url(images/cta_vsl-last_overlay.png) no-repeat right top; }
	#homepage-cta-blocks .cta h2, #homepage-cta-blocks .cta p { padding: 0 24px 0 8px; }
	#homepage-cta-blocks .cta h2 a { color: #036cab; text-decoration: none; }
	#homepage-cta-blocks .cta p a { font-size: 13px; text-decoration: none; }
	
	.banner-news { text-align: center; margin: 0 0 8px 0; }
	
/*	= News items
	----------------------------------------------------*/		
	.news-item { position: relative; width: 739px; height: 175px; padding: 9px 8px 0 9px; margin: 0 0 8px 8px; overflow: hidden; background:url(images/news-item_bg.gif); }
	.news-item div { float: left; width: 489px; margin-left: 9px; }
	.news-item div h2 { height: 34px; line-height: 34px; padding: 0 8px; margin: 0 0 10px 0; background:url(images/news-item_h2_bg.gif); }
	.news-item div h2 a { font-family: Georgia, "Times New Roman"; font-size: 18px; color: #fff; text-decoration: none; }
	.news-item div p, .news-item div p * { font-size: 12px; line-height: 18px; text-decoration: none; }
	.news-item div p.date { position: absolute; bottom: 10px; font-size: 11px; color: #036cab !important; }
	.news-item a.readmore { position: absolute; bottom: 8px; right: 8px; }
	.news-item a.vsl { position: relative; float: left; display: block; width: 241px; height: 165px; }
	.news-item a.vsl span  { position: absolute; top: 0; left: 0; display: block; width: 241px; height: 165px; background: url(images/news-item_img_overlay.png); }
	
/*	=SUBPAGE SPECIFIC
	----------------------------------------------------*/		
	#subpage-content { background: #b2b2b1; padding: 0 8px 0 0; }
	#subcontent-outer-box { position: relative; background: url(images/subcontent-outer-box_bg.gif); }
	#subcontent-box { position: relative; background: url(images/subcontent-box_bg.gif) no-repeat left bottom; }
	#subcontent-inner-box {position: relative; padding: 8px 0 0 0; background:url(images/subcontent-inner-box_bg.gif) no-repeat left top; }

	#sub-header { position: relative; background: #fff; padding-bottom: 15px; }
	#subheader { position: relative; width: 767px; height: 127px; margin-left: 10px;  }
	#subheader span.overlay { position: absolute; width: 767px; height: 127px;  top: 0px; left: 0px; background: url(images/sub-header_overlay.png); }
	
	#col-c .top .cta { border-top: 1px solid #d4d4d3; border-bottom: 1px solid #a4a4a3; padding: 13px 0; overflow: hidden; height: 100%;}
	#col-c .top .cta.first { border-top: 0; padding: 0 0 13px 0; }
	#col-c .top .cta.last { border-bottom: 0; }
	#col-c .cta .vsl { position: relative; display: block; width: 148px; height: 74px; margin: 0 0 8px 18px; }
	#col-c .cta .overlay { position: absolute; top: 0px; left: 0px; display: block; width: 148px; height: 74px;background: url(images/subcta_vsl_overlay.png) no-repeat left top; }
	#col-c .top .cta h2 a { font-size: 12px; color: #fff; text-decoration: none; }
	#col-c .top .cta div { display: block; width: 158px; margin: 0 0 0 22px; }
	#col-c .top .cta p a { font-size: 12px; color: #fff; text-decoration: none; }
	
/*	=CRUMBPATH
	----------------------------------------------------*/	
	#crumbpath_bg { position: absolute; z-index: 900; top: 100px; left: 10px; display: block; width: 558px; height: 27px; background: url(images/crumbpath_bg.png) no-repeat;}
	#crumbpath { position: absolute; z-index: 910; top: 100px; left: 10px; display: block; width: 548px; height: 21px; padding: 6px 0 0 10px; line-height: 14px;  }
	#crumbpath a { text-decoration: none; }
	#crumbpath a.first { background: url(images/crumbpath_arrow.png) no-repeat left 4px; padding: 0 0 0 10px; }
	#crumbpath a:hover { text-decoration: underline; }
	
/*	=NEWSLETTER CTA
	----------------------------------------------------*/	
	#frm-newsletter { z-index: 900; position: absolute; top: 208px; right: 10px; width: 185px; height: 96px; padding: 0 10px 0 24px; background: url(images/frm-newsletter_bg.gif) no-repeat; }
	#frm-newsletter h3 { font-family: "Myriad Pro"; font-weight: bold; font-size: 16px; color: #fff; margin: 10px 0 6px 0; }
	#frm-newsletter label { display: block; width: 177px; height: 20px; padding: 4px 4px 0 4px; margin: 0 0 10px 0; background: url(images/frm-newsletter_label_bg.gif); }
	#frm-newsletter label input { border: 0; width: 177px; }
	#frm-newsletter input.submit { float: right; }
	
/*	=POLL
	----------------------------------------------------*/
	#frm-poll { margin: 0 0 20px 0; } 
	#frm-poll h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #424242; margin-bottom: 8px; }
	#frm-poll p { line-height: 18px; }
	#frm-poll p.btn { text-align: center; padding: 16px 0 0 0; } 
	#frm-poll div { font-size: 11px; line-height: 20px; padding: 2px 0; overflow: hidden; height: 100%; }
	#frm-poll input.radio { float: left; margin: 4px 5px 0 0; padding: 0; }
	#frm-poll label { font-size: 11px; color: #878787;  display: block; width: 140px; float: left; cursor: pointer;  }
	
	#sponsoren { margin-bottom: 12px; padding-bottom: 12px; background: url(images/sponsoren_bg.gif) no-repeat left bottom; }
	#sponsoren h3 { text-align: center; padding: 12px 0 8px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #424242; background: url(images/sponsoren_hdr_bg.gif) no-repeat left top; }
	#sponsoren #flashsponsoren { text-align: center; }


/*	=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: #006eb6; 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; }
	
	
	
	
	
	#poll .bottom h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #424242; }
	#col-b #poll_ajax { padding: 18px 0 18px 0; height: 100%; overflow: hidden;  }
	#col-b #poll_ajax label { display: block; margin: 5px 0 16px 0; color: #c0c0c0; height: 100%; overflow: hidden; }
	#col-b #poll_ajax label input { float: left; margin-right: 5px;}
	#col-b #poll_ajax label span { display: block; float: left;  }
	#col-b #poll_ajax input.submit { float: right; margin-right: 4px; }
	#col-b #poll_ajax .results {padding: 0 0 5px 2px;} 
	#col-b #poll_ajax .results .result  {background-color: #CF0400; color: #c0c0c0;}
	
	.news-overview .news-item { width: 546px;background: url('images/news_overview_news-item_bg.gif') no-repeat; height: 130px;} 
	.news-overview .news-item img { float: left; } 
	.news-overview .news-item .details img { float: none; } 
	.news-overview .news-item h2{ width: 310px; background: url('images/news_overview-news-item_h2_bg.gif') no-repeat; } 
	.news-overview .news-item div {width: 310px;} 

	.news-detail .date {font-weight:  bold; margin: 10px;} 

	#col-a.sub .dynamic-input {margin: 10px;} 
	#col-a.sub h1 {margin: 10px;} 

	/*	=RELATED ITEMS
	----------------------------------------------------*/
	.related-items { margin: 20px 0; padding: 12px 10px; }
	.related-items h3 { color: #000;  font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; }	
	.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: #000; border-top: 1px solid #c6c6c6; }
	.related-items li strong { display: inline-block; padding: 2px 10px 2px 5px; }
	.related-items li a { display: block; color: #000; 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; }
	.related-images h3 { color: #000;  font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; }	
	.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: #000; }
	.user-comments .user { color: #999999; }
	.user-comments h3 { color: #000;  font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; 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; color: #000;}
	.user-comments form a { color: #000; font-weight: bold; }
	.user-comments form h3 { color: #000;  font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; margin-bottom: 5px;}	
	.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: #000; margin: 20px 0 0 0;}
	
	.user-comments .not-logged a { }
	
	/*	=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 fieldset { margin: 0 0 20px 0; border: none;}
	.standard-form legend { margin: 0 0 10px 0; font-family: Georgia; font-size: 15px; font-weight: normal; color: #000; }
	.standard-form label { padding: 3px 10px 4px 0; }
	#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: 1px solid #6e6e6e; }
	.standard-form .textarea { width: 170px; height: 150px; padding: 3px; color: #555555; font-size: 12px; background: #c7c7c7; border: 1px solid #6e6e6e; }
	.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;  }
	
	
	/*	=specific.PHOTOALBUM OVERVIEW
	----------------------------------------------------*/
	.photoalbum-overview { }
	.photoalbum-overview .album { font-size: 12px; color: #fff; float: left; width: 260px; 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; } 
	
	.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; background-color: #c3c3c3; }
	.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: #218bc9; }
	
	ul#sitemap { color: #000; padding: 2px 0 2px 5px;} 
	ul#sitemap ul { padding: 0px 0px 20px 0px;}
	ul#sitemap li h3 {font-size: 15px;}
	ul#sitemap ul li ul {padding: 0px;}
	ul#sitemap ul li li {font-size: 10px;}
	ul#sitemap li { padding: 2px 0 2px 15px; list-style: none;} 
	ul#sitemap li a {color: #000;} 
	
	
	
	.video-overview #big div{float: left; float:}   
	.video-overview #big div.txt{margin-left: 10px; width: 250px; height: 200px;}   
	.video-overview #big div.txt h2 a{color: #000;  font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; margin-bottom: 5px;}   
	.video-overview div.videos-small {margin-top: 20px;} 
	.video-overview div.videos-small div {float: left; width: 190px;}
	
	
/* ### Banner top #### */
	.topbanner { padding: 10px 0; text-align: center; background: #fff; }
	
	
/*	Clubformulier
	------------------------------------------------------- */
	/*	=clubs form
	----------------------------------------------------*/
	.clubs-form { margin: 0 auto; width: 500px; }
	
	.clubs-form fieldset { border: 0; }
	.clubs-form legend { color: #fff; font-weight: bold; }
	.clubs-form li { margin-bottom: 10px; list-style: none; height: 100%; overflow: hidden; }
	.clubs-form label { display: block; float: left; font-size: 12px; color: #000; padding: 3px 10px 4px 0; }
	.clubs-form label.col-a { width: 150px; float: left; }
	.clubs-form input.txt { padding: 3px; border: 2px solid #000; width:160px; background-color: #eee; }
	.clubs-form input.floatleft { float: left; clear: left; }
	.clubs-form input.xsmall { width:24px; margin-right: 10px; }
	.clubs-form input.medium { width: 40px; }
	.clubs-form .subformheader { color: #000; font-weight: bolder; padding-top: 10px; }
	.clubs-form .subformheader label { font-size: 17px; display: block; width: 150px; }
	.clubs-form .subformheader2 { color: #fff; font-weight: bolder; padding-top: 10px; font-size: 17px; display: block; width: 150px; }	
	.clubs-form input.checkbox { float: left; margin-right: 20px; }
	.clubs-form label.checkbox { padding: 0; }
	.clubs-form input.image { margin-top: 20px; }
	.clubs-form select.txt { border: 2px solid #000; background-color: #eee; padding:3px; margin-right: 10px; width:168px; float: left;  }
	.clubs-form p { font-size: 11px; clear: both; margin:10px 0; color:#000}
	.clubs-form p a{ font-size: 11px; clear: both; margin:10px 0; color:#0063fA}
	.clubs-form textarea{ background-color: #eee; border: 2px solid #000;}
	
	.errorfield { clear: right; }