@charset "utf-8";

/*	VSL STYLES
	Author:	Joey Buys, Netvlies
	
	black:	#000000
	blue: 	#0093d8
	grey:	#999999
	
	----------------------------------------------------*/


/*	Table of contents

	=RESETS
	=FIXES
	=TEMPLATE
	=NAV-MAIN
	=HEADER
	=CRUMBPATH
	=PAGING
	=HOMEPAGE SPECIFIC
	=PAGE-HEADER
	=NEWS-ARCHIVE
	=SEARCH-RESULTS
	=SITEMAP
	=FRM-SIGNUP
	=FRM-CONTACT
	
 	----------------------------------------------------*/


/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; }
	img { border: 0; }

	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	

/*	=TEMPLATE
	----------------------------------------------------*/
	#page-box { width: 757px; height: 2000px; margin: 0 auto; background: url(../img/pagebox_bg.gif) repeat-y;  }
	#page-box #col-a { width: 126px; float: left; }
	#page-box #col-b { width: 126px; float: left; }
	#page-box #col-c { width: 502px; float: left; padding: 0 0 0 3px; }


/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { margin: 2px 0 0 0; list-style: none; font-size: 0; line-height: 0; }
	#nav-main.homepage {  height: 203px;  background: url(../img/nav-main_homepage_bg.gif) left bottom no-repeat; }
	#nav-main li { list-style: none; }
	#nav-main li a { display: block; padding: 0 0 0 5px; font-size: 14px; line-height: 18px; font-weight: bold; color: #0093d8; text-decoration: none; }
	#nav-main li a.selected, #nav-main li a:hover { color: #000; }
	#nav-main li ul { margin: 0 0 3px 0; }
	#nav-main li li a { font-size: 11px; line-height: 14px; font-weight: normal; }
	#nav-main li li li a { padding: 0 0 0 15px; }


/*	=HEADER
	----------------------------------------------------*/
	#header { height: 82px; font-size: 11px; line-height: 11px; background: url(../img/header_bg.gif) no-repeat; }
	#header .col-a { width: 121px; float: left; padding: 4px 0 0 2px; }
	#header .col-b, #header .col-c, #header .col-d { width: 121px; float: left; padding: 4px 0 0 5px; }
	#header a { font-size: 11px; text-decoration: none; color: #000; }
	#header a:hover { color: #0093d8; }
	#header .frm-search { margin: 7px 0 0 0; }
	#header .frm-search .txt { float: left; width: 83px; height: 15px; padding: 1px 0 0 3px; font-size: 11px; background: white; border: 1px solid #989898; }
	#header .frm-search .sbmt { float: left; width: 12px; height: 18px; border: none; font-size: 0; line-height: 0; color: #e4e4e4; background: url(../img/frm-search_sbmt_bg.gif) no-repeat; }


/*	=CRUMBPATH
	----------------------------------------------------*/
	#crumbpath { height: 45px; font-size: 0; line-height: 0; }
	#crumbpath li { display: inline; }
	#crumbpath li a { padding: 0 8px 0 5px; color: #000; text-decoration: none; font-size: 11px; line-height: 13px; background:url(../img/crumbpath_li_bg.gif) right 3px no-repeat; }
	#crumbpath li.first a { padding: 0 8px 0 2px; }
	#crumbpath li.last { padding: 0 0 0 5px; color: #0093d8; font-size: 11px; line-height: 13px; }

/*	=PAGING
	----------------------------------------------------*/
	.paging { margin: 25px 0 0 0; list-style: none; font-size: 11px; }
	.paging li a { color: #000; text-decoration: none; }
	.paging li a:hover { color: #0093d8; }
	

/*	=HOMEPAGE SPECIFIC
	----------------------------------------------------*/
	#js-atom-clock { width: 121px; height: 75px; margin: 0 0 0 3px; background: url(../img/js-atom-clock_bg.gif) no-repeat left top; }
	#js-atom-clock h2 { font-size: 16px; color: #fff; padding: 0 2px; }
	#js-atom-clock .atomtime { font-size: 24px; font-weight: bold; color: #0093d8; padding: 0 2px; }
	
	#atom-clock { margin: 0 0 3px 3px; }
	.banner { margin: 5px 0 5px 3px; }
	
	#homepage-cta-blocks { height: 123px; font-size: 0; line-height: 0; background: url(../img/homepage-cta-blocks_bg.gif) left bottom no-repeat; }
	#homepage-cta-blocks div { overflow: hidden; width: 121px; height: 118px; float: left; }
	#homepage-cta-blocks div span { display: block; padding: 3px 0 5px 0; font-size: 11px; line-height: 11px; }
	#homepage-cta-blocks div h2 a { display: block; font-size: 17px; line-height: 19px; color: #000; text-decoration: none; }
	#homepage-cta-blocks div h2 a:hover { color: #0093d8; }
	#homepage-cta-blocks .col-a { padding: 0 0 0 2px; background: url(../img/homepage-cta-blocks_block_bg.gif) top left no-repeat; }
	#homepage-cta-blocks .col-b, #homepage-cta-blocks .col-c, #homepage-cta-blocks .col-d { padding: 0 0 0 5px;  background: url(../img/homepage-cta-blocks_block_bg.gif) 3px top no-repeat; }
	
	#homepage-news-item { float: left; width: 247px; padding: 0 0 0 2px; }
	#homepage-news-item .titles { margin-bottom: 12px; }
	#homepage-news-item .titles h1 { font-size: 17px; line-height: 19px; padding: 1px 0 3px 0; color: #999; }
	#homepage-news-item .titles h2 { font-size: 12px; font-style: italic; }
	#homepage-news-item p { display: block; height: 150px; overflow: hidden; font-size: 11px; line-height: 15px; }
	#homepage-news-item p a { color: #666; text-decoration: none; }
	#homepage-news-item p a:hover { color: #0093d8; }
	
	#homepage-services { float: left; width: 243px; height: 200px; padding: 0 0 0 5px; font-size: 11px; line-height: 15px; }
	#homepage-services h2 { padding: 1px 0 1px 0; font-size: 17px; line-height: 19px; color: #999; }
	#homepage-services ul { margin: 30px 0 0 0; list-style: none; font-size: 0; line-height: 0; }
	#homepage-services ul li a { display: block; padding: 0 0 0 10px; color: #000; font-size: 11px; line-height: 15px; font-weight: bold; text-decoration: none; background: url(../img/homepage-services_li_a_bg.gif) left 5px no-repeat; }
	#homepage-services ul li a:hover { color: #0093d8; } 
	
	#homepage-intro { float: left; clear: left; width: 243px; padding: 0 5px; font-size: 11px; line-height: 15px; }
	#homepage-intro h2 { padding: 4px 0 1px 0; font-size: 17px; line-height: 19px; color: #999; }
	#homepage-intro p a { color: #666; text-decoration: none; }
	#homepage-intro p a:hover { color: #0093d8; }


/*	=PAGE-HEADER
	----------------------------------------------------*/
	#page-header { height: 79px; }
	#page-header h1 { margin: 0 0 7px; font-size: 18px; line-height: 20px; }
	#page-header h2 { font-size: 11px; font-weight: normal; font-style: italic; }
	

/*	=NEWS-ARCHIVE
	----------------------------------------------------*/
	#frm_news_archive { margin: 15px 0 0 0; background: pink; }
	#frm_news_archive select { float: left; width: 160px; }
	#frm_news_archive input.sbmt { float: left; margin: 0 0 0 15px; padding: 2px 1px; font-size: 11px; color: #fff; border: none; background: #0093d8; }
	
	#news-archive li { list-style: none; font-size: 0; line-height: 0; margin: 0 0 4px 0; }
	#news-archive li span { float: left; width: 65px; font-size: 11px; line-height: 14px; }
	#news-archive li a { float: right; width: 433px; color: #000; font-size: 11px; line-height: 14px; font-weight: bold; text-decoration: none; }
	#news-archive a:hover { color: #0093d8; }


/*	=SEARCH-RESULTS
	----------------------------------------------------*/
	#search-results li { margin: 0 0 5px 0; padding: 0 3px 0 0; list-style: none; font-size: 0; line-height: 0;  }
	#search-results li h2 a, #search-results li p a { display: block; font-size: 11px; line-height: 14px; color: #000; text-decoration: none; }
	#search-results li h2 a:hover { color: #0093d8; }
	#search-results li h2 a span, #search-results li p a span { color: #0093d8; }


/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap li { margin: 0 0 5px 0; list-style: none; font-size: 0; line-height: 0; }
	#sitemap li a { font-size: 11px; line-height: 15px; color: #000; text-decoration: none; font-weight: bold; }
	#sitemap li a:hover { color: #0093d8; }
	#sitemap li li { margin: 0; }
	#sitemap li li { padding: 0 0 0 15px; }
	#sitemap li li a { font-weight: normal; }


/*	=TABLE STYLED
	----------------------------------------------------*/		
	.tablestyled { width: 502px; margin: 0 0 15px 0; border-collapse: collapse; }
	.tablestyled th { padding: 8px 2px; text-align: left; color: #0093d8; font-size: 14px; }
	.tablestyled th span { font-size: 11px; font-weight: normal; }
	.tablestyled td { width: 25%; padding: 6px 2px; vertical-align: top; font-size: 11px; }
	.tablestyled tr.even td { background: url(../img/tablestyled_even_td_bg.png); }
	.tablestyled td a { color: #000; text-decoration: none; }
	.tablestyled td a:hover { color: #0093d8; }
	

/*	=FRM-SIGNUP
	----------------------------------------------------*/	
	.frm-signup { width: 375px; margin: 0 0 20px 0; }
	.frm-signup ol { list-style: none; font-size: 0; line-height: 0; }
	.frm-signup ol li { margin: 0 0 7px 0; overflow: hidden; height: 100%; font-size: 11px; line-height: 14px; }
	.frm-signup ol li label { display: block; float: left; vertical-align: top; padding: 3px 0 0 0; width: 126px; font-size: 11px; line-height: 14px; }
	.frm-signup ol li p.required { float: left; display: inline-block; vertical-align: top; font-style: italic; width: 126px; font-size: 11px; line-height: 14px; }
	.frm-signup ol li label.aanhef { width: 70px; }
	.frm-signup ol li label.accept_conditions { width: 200px; }
	.frm-signup ol li label span.hide { display: none; }
	.frm-signup ol li input.txt { width: 223px; height: 17px; padding: 3px 0 0 3px; font-size: 11px; }
	.frm-signup ol li input.error { border: 1px solid #e31a1a; }
	.frm-signup ol li input.txt.small { width: 65px; }
	.frm-signup ol li input.txt.medium { width: 148px; margin: 0 0 0 3px; }
	.frm-signup ol li input.smbt { float: right; margin: 0 20px 0 0; border: none; }
	.frm-signup ol li select { width: 230px; height: 22px; font-size: 11px; }
	.frm-signup ol li textarea { width: 224px; height: 117px; padding: 3px 0 0 3px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
	.frm-signup ol li ul li { margin: 0 0 0 15px; }


/*	=FRM-CONTACT
	----------------------------------------------------*/	
	.frm-contact { width: 375px;  margin: 0 0 20px 0; }
	.frm-contact ol { list-style: none; font-size: 0; line-height: 0; }
	.frm-contact ol li { margin: 0 0 7px 0; overflow: hidden; height: 100%; }
	.frm-contact ol li label { display: block; float: left; vertical-align: top; padding: 3px 0 0 0; width: 126px; font-size: 11px; line-height: 14px; }
	.frm-contact ol li p.required { float: left; display: inline-block; vertical-align: top; font-style: italic; width: 126px; font-size: 11px; line-height: 14px; }
	.frm-contact ol li label.aanhef { width: 70px; }
	.frm-contact ol li label span.hide { display: none; }
	.frm-contact ol li input.txt { width: 223px; height: 17px; padding: 3px 0 0 3px; font-size: 11px; }
	.frm-contact ol li input.error { border: 1px solid #e31a1a; }
	.frm-contact ol li input.smbt { float: right; margin: 0 20px 0 0; border: none; }
	.frm-contact ol li select { width: 227px; height: 22px; border: 1px solid #dedede; font-size: 11px; }
	.frm-contact ol li textarea { width: 224px; height: 117px; padding: 3px 0 0 3px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
	
	
	
	.newsletter label { display: block; margin: 5px 0 0 0; }
	.newsletter .error { display: block; color: #ff0000; }