@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Stephan van Opstal, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; outline: 0; }
	body { background: #72c618 url(../img/body_bg.gif) repeat-x; text-align: center; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	.page_wrapper { width: 960px; margin: 0 auto; text-align: left; position: relative; }
	.popup { background: 0; text-align: left; }
	
/*	=HEADER
	----------------------------------------------------*/
	#header { position: absolute; top: 0; left: 0; z-index: 999; }
	#header .logo { position: absolute; top: 0; left: 0; z-index: 101; }
	#header .vsl { position: absolute; top: 0; left: 0; z-index: 99; }
	#header .col-a { position: absolute; top: 0; left: 0; width: 240px; height: 130px; z-index: 100; background: url(../img/header_col-a_bg.png) no-repeat; }
	#header .col-b { position: absolute; top: 0; left: 270px; width: 690px; height: 130px; z-index: 100; }
	#header .col-c { position: absolute; top: 0; left: 240px; width: 30px; height: 130px; z-index: 100; background: url(../img/header_col-c_bg.gif) repeat-x; }
	#header .curve-lr { width: 43px; height: 42px; background: url(../img/header_curve_lr.png) no-repeat top left; position: absolute; left: 0; bottom: 0; }
	#header .curve-rl { width: 43px; height: 42px; background: url(../img/header_curve_rl.png) no-repeat top left; position: absolute; right: 0; bottom: 0; }
	
/*	=FASTSEARCH
	----------------------------------------------------*/
	#fastsearch { width: 240px; height: 80px; position: absolute; right: 0; top: 0; z-index: 999; }
	#fastsearch .inner { padding: 5px 20px 5px 25px; }
	#fastsearch h3 { font-size: 14px; color: #fff; font-weight: normal; }
	#fastsearch p { font-size: 10px; color: #fff; }
	#fastsearch p a { color: #fff; }
	#fastsearch .inpt { background: url(../img/fastsearch_inpt_bg.gif) no-repeat top left; height: 21px; margin: 5px 0 5px 0; padding: 0 0 0 5px; }
	#fastsearch .inpt input { background: #fff; width: 165px; border: 0; font-size: 12px; height: 17px; margin: 2px 0 0 0; padding: 1px 0 0 0;}
	#fastsearch .sbmt { position: absolute; top: 50px; right: 35px; }
	#fastsearch_bg { width: 240px; height: 80px; position: absolute; right: 0; top: 0; background: url(../img/fastsearch_bg.png) no-repeat bottom left; z-index: 99; }
	
/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { position: absolute; left: 270px; top: 130px; width: 690px; z-index: 101; }
	#nav-main ul { list-style: none; padding: 14px 0 0 45px; }
	#nav-main ul li { float: left; width: 92px; height: 21px; margin: 0 10px 0 0; text-align: center; color: #fff; font-size: 13px; line-height: 20px; }
	#nav-main ul li a.home { background: url(../img/nav_main_btn_home.gif); }
	#nav-main ul li a.actueel { background: url(../img/nav_main_btn_actueel.gif); }
	#nav-main ul li a.hetpon { background: url(../img/nav_main_btn_hetpon.gif); }
	#nav-main ul li a.themas { background: url(../img/nav_main_btn_themas.gif); }
	#nav-main ul li a.publicaties { background: url(../img/nav_main_btn_publicaties.gif); }
	#nav-main ul li a.projecten { background: url(../img/nav_main_btn_projecten.gif); }
	#nav-main ul li a { display: block; height: 100%; color: #fff; text-decoration: none; }
	#nav-main ul li a:hover, #nav-main ul li a.active { background-position: 0 -21px; }
	
	#nav-meta { border-top: 1px solid #338733; margin: 20px 0 0 0; list-style: none; padding: 2px 0 20px 0; position: relative; z-index: 100; }
	#nav-meta li { font-size: 10px; color: #006900; float: left; background: url(../img/nav-meta_divider.gif) no-repeat left center; padding: 0 5px 0 5px; }
	#nav-meta li.first { background: 0; padding-left: 0; }
	#nav-meta li a { font-size: 10px; color: #006900; }
	#nav-meta li.top { position: absolute; top: 4px; right: 0; text-indent: -9999px; background: 0; }
	#nav-meta li.top a { display: block; width: 11px; height: 9px; background: url(../img/nav-meta_btn_top.gif) no-repeat top left; }
	
	#nav-sub { list-style: none; }
	#nav-sub li { line-height: 18px; font-size: 12px; width: 180px; margin: 0 0 4px 0;  }
	#nav-sub li a { background: url(../img/nav-sub_li_bg.gif) no-repeat top left; overflow: hidden; color: #fff; text-decoration: none; padding: 0 0 0 10px; line-height: 20px; }
	#nav-sub li a.main {  height: 21px; display: block; }
	#nav-sub li ul  { list-style: none; margin: 5px 0; display: none;  }
	#nav-sub li ul li { margin-bottom: 0; line-height: 12px; overflow: hidden; }
	#nav-sub li ul li a { color: #006900; background: 0; font-size: 11px; padding-left: 0; line-height: 16px; font-weight: bold; text-decoration: underline; }
	#nav-sub li.active ul { display: block; width: 120px; }
	#nav-sub li ul li.active a, #nav-sub li ul li a:hover { color: #66cc00; }
	#nav-sub li a:hover, #nav-sub li.active a { background-position: 0 -21px; }
	
/*	=CRUMBPATH
	----------------------------------------------------*/
	#crumbpath { list-style: none; margin: 0 0 12px 0; }
	#crumbpath li { float: left; color: #003366; font-size: 10px; background: url(../img/crumbpath_divider.gif) no-repeat left center; padding: 0 5px 0 5px; }
	#crumbpath li.first { background: 0; padding-left: 0; }
	#crumbpath li a { color: #003366; }
	
/*	=CONTENT
	----------------------------------------------------*/
	#content { padding: 180px 0 0 0; position: relative; z-index: 101; }
	#content .col-a { width: 240px; padding: 0 0 20px 0; float: left; background: url(../img/content_col-a_bg.gif) no-repeat top left; }
	#content .col-a .outer { background: url(../img/content_col-a_bg_outer.png) no-repeat bottom left; margin: 45px 0 0 0;  }
	#content .col-a .inner { background: #fff url(../img/content_col-a_bg_inner.gif) no-repeat bottom left; padding: 0 30px 0px 30px; }
	#content .col-a .bot { height: 45px; line-height: 0; font-size: 0; background: url(../img/content_col-a_bg_outer.png) no-repeat top left; }
	
	#content .col-a h3 { color: #0f82b4; font-size: 16px; margin: 0 0 20px 0; font-weight: normal; }
	#content .col-a .rss { margin-top: 5px; margin-bottom: 30px!important;  }
	#content .col-a .rss img { vertical-align: middle; padding: 0 0 0 5px; }
	#content .col-a ul.news { list-style: none; }
	#content .col-a ul.news li { font-size: 12px; color: #006900; margin: 10px 0 0 0; }
	#content .col-a ul.news li a { color: #006900; font-size: 11px; }
	#content .col-a ul.news li a:hover { color: #0f82b4;  }
	#content .col-a ul.news li .dt { font-weight: bold; }
	
	#content .col-b { width: 690px; float: right; margin: 0 0 0 30px; position: relative; background: #fff url(../img/content_bg_top.gif) no-repeat top left; z-index: 100; }
	#content .col-b .col-c  { padding: 20px 30px 0 0; margin-left: 30px; width: 440px; display: inline; float: left; position: relative; z-index: 100;}
	#content .col-b .col-c.searchresults  { width: 600px!important; }
	#content .col-b .col-d { padding: 20px 25px 30px 0px; width: 160px; float: right; position: relative; }
	#content .col-b h1 { font-size: 16px; color: #0f82b4; margin: 0 0 20px 0; font-weight: normal;}
	#content .col-b h1 span { font-weight: normal; font-size: 12px; }
	#content .col-b h1 span img { vertical-align: absmiddle;}
	#content .col-b h1 span.rss { padding: 0 20px 0 0; background: url(../img/ico_rss.gif) no-repeat right center; }
	#content .col-b h1 a { color: #0f82b4; text-decoration: none; }
	
	#content h3.zoekresultaten { margin-top: 5px; font-size: 12px; color: #003366; }
	
	#mail-print {  position: absolute; top: 20px; right: 20px;  }
	#mail-print ul {width: 80x; height: 23px; list-style: none; }
	#mail-print ul li { text-indent: -9999px; float: right; display: inline; margin: 0 0 0 10px; }
	#mail-print ul .print a { display: block; height: 23px; width: 20px; background: url(../img/ico_print.gif) no-repeat top left; }
	#mail-print ul .mail a { display: block; height: 23px; width: 20px; background: url(../img/ico_mail.gif) no-repeat top left; }
	#mail-print .pmail { xmargin-top: 20px; float: right; padding-top: 5px; width: 85px; display: none; color: #0f82b4; font-size: 10px; font-weight: bold; text-align: right; } 
	#mail-print .pprint { xmargin-top: 20px; float: right; padding-top: 5px; width: 85px; display: none; color: #0f82b4; font-size: 10px; font-weight: bold; text-align: right; }
	
	#sidebar { list-style: none; padding: 60px 0 0 0; text-align: right; }
	#sidebar li { font-size: 11px; color: #0f82b4; padding-right: 10px; line-height: 16px; background: url(../img/sidebar_li_bg.gif) no-repeat right 7px; }
	#sidebar li a { color: #0f82b4; }

/*	=NEWSLETTER
	----------------------------------------------------*/
	#newsletter_subscribe { margin: 30px 0 0 0; }
	#newsletter_subscribe .inpt { background: url(../img/newsletter_subscribe_inpt_bg.gif) no-repeat top left; height: 21px; margin: 5px 0 5px 0; padding: 0 0 0 5px; }
	#newsletter_subscribe .inpt input { width: 165px; border: 0; background: 0; font-size: 12px; height: 20px; padding: 3px 0 0 0; color: #006900; }
	#newsletter_subscribe .sbmt { display: block; margin: 0 0 0 135px; }
	#newsletter_subscribe h3 { font-size: 14px!important; color: #fff!important; margin: 0!important; }

/*	=HOME
	----------------------------------------------------*/
	#home .vacature { border: 1px solid #335c85;  margin: 10px 0 0 0; }
	#home .vacature td { font-size: 12px; padding: 10px; text-align: center; }
	#home .vacature td h2 { font-size: 16px; color: #0f82b4; font-weight: normal; }
	#home .vacature td a { color: #0f82b4; }

	#home #logos img { float: left; margin: 10px 0 0 0; }

/*	=ACTUEEL
	----------------------------------------------------*/
	.col-c.wide { width: 600px !important; }
	#actueel { margin: 20px 0 0 0; }
	#actueel .block { float: left; width: 270px; padding: 10px; }
	#actueel .block h2 { padding: 0 0 2px 0; margin: 0 0 8px 0; font-size: 13px; color: #003366; border-bottom: 1px solid #335c85; }
	#actueel .block li { position: relative; padding: 0 0 0 62px; margin: 0 0 8px 0; clear: both; overflow: hidden; height: 100%; font-size: 11px; line-height: 14px;  }
	#actueel .block li a { text-decoration: none; color: #003366; }
	#actueel .block li a span { position: absolute; margin-left: -62px; line-height: 14px;  }
	#actueel .block li a:hover { text-decoration: underline; }
	#actueel .block li a:hover span { text-decoration: none; }
	
	/* oud
	#actueel .item { border-top: 1px solid #335c85; margin: 20px 0 0 0; padding: 5px 0 0 0; }
	#actueel .item.first {  border-top: 0; }
	#actueel .item p.dt { font-weight: bold; font-size: 12px; color: #003366; }
	#actueel .item h2 { font-size: 12px; color: #003366; margin: 0 0 5px 0; }
	#actueel .item ul { list-style: none; margin: 10px 0 0 0; }
	#actueel .item ul li { font-size: 11px; color: #003366; }
	#actueel .item ul li a { color: #003366; }*/

/*	=NEWS
	----------------------------------------------------*/
	#news li { position: relative; padding: 0 0 0 62px; margin: 0 0 8px 0; clear: both; overflow: hidden; height: 100%; font-size: 11px; line-height: 14px;  }
	#news li a { font-weight: bold; text-decoration: none; color: #003366; }
	#news li a span { position: absolute; margin-left: -62px; line-height: 14px; font-weight: normal; }
	#news li a:hover { text-decoration: underline; }
	#news li a:hover span { text-decoration: none; }


/*	=DOCUMENTS
	----------------------------------------------------*/
	#documents { list-style: none; margin: 20px 0 0 0; }
	#documents li { list-style: none; background: url(../img/documents_doc_bg.gif) no-repeat top left; font-size: 12px; line-height: 18px; height: 20px; margin: 0 0 4px 0; }
	#documents li a { color: #003366; padding: 0 0 0 10px; margin: 0 15px 0 0; text-decoration: none; display: block; height: 100%; background: url(../img/documents_ico_doc.gif) no-repeat center right; }
	
/*	=VACATURES
	----------------------------------------------------*/
	#vacatures .vacature { border-top: 1px solid #335c85; margin: 15px 0 0 0; }
	#vacatures .vacature.first { margin-top: 0; }
	#vacatures td { font-size: 12px; color: #003366; padding: 0 10px 0 0; }
	#vacatures td.hdr { font-weight: bold; }

/*	=CONTACT
	----------------------------------------------------*/
	#contact td { font-size: 12px; color: #003366; padding: 0 10px 0 0; }
	#contact td.hdr { font-weight: bold; }
	
/*	=SEARCH
	----------------------------------------------------*/
	#searchresults { list-style: none; margin: 20px 0 0 0; }
	#searchresults li { position: relative; overflow: hidden; width: 582px; color: #003366; list-style: none; background: url(../img/searchresults_bg_item.gif) no-repeat top left; font-size: 12px; line-height: 19px; padding: 1px 10px 0 10px; height: 20px; margin: 0 0 4px 0; }
	#searchresults li a.result { color: #003366; padding: 0 0 0 25px; margin: 0 50px 0 0px; text-decoration: none; }
	#searchresults li.pro a { background: url(../img/ico_searchresults_project.gif) no-repeat 0 1px; }
	#searchresults li.pub a { background: url(../img/ico_searchresults_publicatie.gif) no-repeat 0 1px }
	#searchresults li div { position: absolute; top: 0px; right: 0px; width: 220px; height: 20px; padding: 0 10px 0 10px; overflow: hidden; }
	#searchresults li div.active { background: url(../img/searchresults_bg_pub.gif) no-repeat; }
	#searchresults li div span { color: #fff; float: left!important; width: 150px; }
	
	#searchresults li div a { float: right; display: block; margin: 2px 0 0 5px; }
	#searchresults li div a.download { width: 14px; height: 16px; background: url(../img/ico_searchresults_download.gif) no-repeat top left; }
	#searchresults li div a.buy { width: 16px; height: 15px; background: url(../img/ico_searchresults_buy.gif) no-repeat top left; }
	#searchresults li div a.free { width: 18px; height: 16px; background: url(../img/ico_searchresults_add.gif) no-repeat top left; }

	.searchresults h3 { font-size: 12px; color: #003366; border-top: 1px solid #335c85; padding: 3px 0 0 0; }
	
	#searchresults table { border-top: 1px solid #335c85; }
	#searchresults td { font-size: 12px; color: #003366; padding: 0 10px 0 0; }
	#searchresults td.hdr { font-weight: bold; }
	#searchresults .dl {  background: url(../img/searchresults_bg_detail_dl.gif) no-repeat top right; }
	#searchresults .dl * { vertical-align: top; }
	#searchresults .back { float: left; }
	#searchresults .dl .pdf { float: right; margin: 2px 0 0 4px; height: 16px; width:14px; background: url(../img/ico_searchresults_download.gif) no-repeat top left; }
	#searchresults .dl .buy { float: right; margin: 2px 0 0 4px; height: 16px; width:18px; background: url(../img/ico_searchresults_buy.gif) no-repeat top left; }
	
	#searchresults_paging  { position: relative; margin: 15px 0 0 0; z-index: 100;  }
	#searchresults_paging * { vertical-align: middle; }
	#searchresults_paging .prev { float: left; }
	#searchresults_paging .next { float: right; }
	#searchresults_paging form, #searchresults_paging div { padding: 2px 0 0 8px; width: 111px; height: 21px; background: url(../img/searchresults_bg_pages.gif) no-repeat top left; font-size: 11px; color: #fff; }
	#searchresults_paging form { position: absolute; top: 0; left: 225px; }
	#searchresults_paging form input { font-size: 12px; width: 25px; border: 0; background: #fff;height: 16px; margin: 0 2px 0 2px; text-align: right; padding: 0 2px 0 2px; }
	
	#searchform { padding: 15px 0 15px 0; border-top: 1px solid #335c85; z-index: 999; position: relative; }
	#searchform div.inpt { background: url(../img/searchresults_bg_inpt.gif) no-repeat top left; height: 21px; float: left; margin: 0 10px 0 0; display: inline; }
	#searchform div.inpt input { border: 0; background: 0; width: 520px; margin: 1px 10px 0 10px; font-size: 12px; color: #003366; }
	#searchform .sbmt { position: absolute; top: 14px; right: 5px;}
	
/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap { list-style: none; margin: 0; padding: 0; } 
	#sitemap * { font-size: 12px; line-height: 18px; margin: 0; padding: 0; color: #003366; }
	#sitemap li { list-style: none; padding-bottom: 20px; background: url(../img/sitemap_li_bg.gif) repeat-y; margin: 0 0 0 20px;  }
	#sitemap ul { margin: 0; padding: 0 0 0 40px; }
	#sitemap li div span { width: 50px; display: block; float: left;  padding: 0 0 0 15px; }
	#sitemap li div {  background:  url(../img/sitemap_a_bg.gif) no-repeat 0 8px; padding-left: 20px; }
	#sitemap li a { font-weight: bold; color: #003366; text-decoration: none;  background: url(../img/sitemap_div_bg.gif) no-repeat top left;  display: block; width: 273px; height: 23px;  overflow: hidden; }
	#sitemap li li { padding-bottom: 0; }
	#sitemap li li a { font-weight: normal; }
	#sitemap li.last div  { background-position: 0 9px; }
	#sitemap li.last { background: url(../img/sitemap_li_last_bg.gif) no-repeat 0 0; }
	#sitemap li.title { margin-left: 0; background-position: 20px 0; font-weight: bold; }
	#sitemap li.title div { background: url(../img/sitemap_title_bg.gif) no-repeat 0 0; height: 24px; }

	#archive_paging { height: 20px; border-top: 1px solid #335c85; border-bottom: 1px solid #335c85; padding: 10px 0 10px 0; position: relative; overflow: visible; z-index: 999;  }
	#archive_paging .prev { float: left; display: block; width: 113px; height: 21px; background: url(../img/newsarchive_btn_prev-month.gif) no-repeat; color: #fff; text-decoration: none; font-size: 12px; }
	#archive_paging .prev span { display: block; margin: 3px 0 0 20px; }
	#archive_paging .next { float: right; display: block; width: 127px; height: 21px; background: url(../img/newsarchive_btn_next-month.gif) no-repeat; color: #fff; text-decoration: none; font-size: 12px; }
	#archive_paging .next span { display: block; margin: 3px 0px 0 12px; }
	#archive_paging form { float: left;  }
	#archive_paging form select { float: left; margin: 0 0 0 10px; font-size: 12px; }
	#archive_paging form select.month { width: 110px; }
	#archive_paging form select option { padding: 0 10px 0 0; font-size: 12px; }
	
	#select_month {  position: absolute; top: 10px; left: 115px;  width: 120px; z-index: 999; cursor: pointer; }
	#select_month .inner { position: relative;  }
	#select_month .drop { position: absolute; top: 0; right: 0; }
	#select_month ul { position: absolute; top: 20px; left: 0;  z-index: 902; width: 88px; padding: 0 0 5px 0; margin-left: 10px; list-style: none; background: #4ba0c8;  }
	#select_month ul li {  padding: 0 10px 0 0; line-height: 16px; font-size: 12px; text-align: right; }
	#select_month ul li a { color: #fff; text-decoration: none; }
	#select_month p { height: 21px; width: 90px; padding: 0 10px 0 0; background: #4ba0c8 url(../img/newsarchive_bg_select.gif) no-repeat top left; color: #fff; font-size: 12px; line-height: 21px; text-align: right; }
	#select_month.hide ul { display: none; }
	
	#select_year { position: absolute; top: 10px; left: 237px; width: 73px; z-index: 101; cursor: pointer; }
	#select_year .inner { position: relative; }
	#select_year .drop { position: absolute; top: 0; right: 0; }
	#select_year ul { position: absolute; top: 20px; left: 0;  z-index: 102; width: 41px; padding: 0 0 5px 0; margin-left: 10px; list-style: none; background: #4ba0c8;  }
	#select_year ul li {  padding: 0 6px 0 0; line-height: 16px; font-size: 12px; text-align: right; }
	#select_year ul li a { color: #fff; text-decoration: none; }
	#select_year p { height: 21px; width: 48px; padding: 0 10px 0 0; background: #4ba0c8 url(../img/newsarchive_bg_select.gif) no-repeat top left; color: #fff; font-size: 12px; line-height: 21px; text-align: right; }
	#select_year.hide ul { display: none; }
	
	/*
	#select_amount { position: absolute; top: 0; left: 0; width: 53px; z-index: 101; cursor: pointer; }
	#select_amount .inner { position: relative; }
	#select_amount .drop { position: absolute; left: 0; left: 38px; _left: 0; }
	#select_amount ul { position: absolute; top: 20px; left: 0;  z-index: 102; width: 21px; padding: 0 0 5px 0; margin-left: 10px; _margin: -2px 0 0 -22px; list-style: none; background: #4ba0c8;  }
	#select_amount ul li { padding: 0 6px 0 0!important; line-height: 10px; font-size: 12px; text-align: right; }
	#select_amount ul li a { color: #fff; text-decoration: none; }
	#select_amount p { height: 21px; width: 28px!important; padding: 0 10px 0 0; background: #4ba0c8 url(../img/newsarchive_bg_select.gif) no-repeat top left; color: #fff; font-size: 12px; line-height: 21px; text-align: right; }
	#select_amount.hide ul { display: none; }
	*/
	
	#select_amount { position: absolute; top: 0; left: 120px; width: 53px; z-index: 999; cursor: pointer; }
	#select_amount .inner { position: relative;}
	#select_amount .drop { position: absolute; top: 0; left: 38px; _left: 0;}
	#select_amount ul { position: absolute; top: 20px; left: 17px; width: 21px; _margin-left: -44px;  line-height: 0!important; font-size: 0px!important; line-height: 12!important; background: #4ba0c8;  }
	#select_amount ul li { float: left; display: block; clear: both; margin: 0!important; padding: 0!important; width: 21px; line-height: 12px!important; font-size: 12px!important; background: #4ba0c8; }
	#select_amount ul li a { color: #fff;  text-decoration: none; padding: 5px; display: block; height: 100%; width: 21px!important; font-size: 12px!important; margin: 0!important; }
	#select_amount p { height: 21px; width: 28px!important; padding: 0 10px 0 0; background: #4ba0c8 url(../img/newsarchive_bg_select.gif) no-repeat top left; color: #fff!important; font-size: 12px; line-height: 21px; text-align: right; }
	#select_amount.hide ul { display: none; }

	#archive_paging #month { position: absolute; top: 0; left: 0;  width: 120px; background: red; height: 20px; }
	#archive_paging #month:hover ul { display: block; }
	#archive_paging #month ul { display: none; }
	
/*	=STAF
	----------------------------------------------------*/
	#staf { width: 320px; padding: 10px; text-align: left; }
	#staf.noscrpt { padding: 0; }
	#staf h1 { color: #0f82b4; font-size: 14px; margin: 0 0 10px 0; }
	#staf p { font-size: 11px; }
	#staf label { display: block; float: left; width: 114px; height: 20px; color: #003366; font-size: 11px; line-height: 18px; margin: 0 3px 0 0; padding: 0 0 0 10px; background: url(../img/staf_bg_label.gif) no-repeat top left; }
	#staf .clr { margin: 0 0 3px 0; }
	#staf .inpt { background: url(../img/staf_bg_inpt.gif) no-repeat top left; width: 179px; height: 20px; float: left;   }
	#staf .inpt input { border: 0; background: 0; width: 160px; font-size: 11px; color: #006900; padding: 1px 5px 0 5px; line-height: 14px; height: 17px; }
	#staf .txtarea { width: 179px; height: 140px; float: left; background: url(../img/staf_bg_txtarea.gif) no-repeat top left; }
	#staf .txtarea textarea { width: 170px; height: 135px; border: 0; background: 0; font-size: 11px; color: #006900; padding: 2px 5px 0 5px; overflow: auto;  }
	#staf .sbmt { margin: 0 0 0 264px; }
	
/*	=PRINT
	----------------------------------------------------*/
	#print_btn { visibility: hidden; }
	
/*	=ORGANOGRAM
	----------------------------------------------------*/
	#organogram table { border-top: 1px solid #335c85; margin: 5px 0 0 0; }
	#organogram td { font-size: 12px; color: #003366; padding: 0 10px 0 0; }
	#organogram td.hdr { font-weight: bold; }
	#organogram .vsl { margin: 5px 0 0 0; display: block; }
	#organogram .cv { font-size: 11px; display: block; height: 20px; line-height: 16px; color: #003366; background: url(../img/organogram_ico_cv.gif) no-repeat top left; padding: 0 0 0 18px; margin: 3px 0 0 0; }

/*	=ORDER
	----------------------------------------------------*/
	#order { z-index: 100; }
	#order table { border-top: 1px solid #335c85; z-index: 100;  }
	#order td { font-size: 12px; color: #003366; padding: 0 10px 0 0; }
	#order td.hdr { font-weight: bold; }
	
	#order ol { list-style: none; margin: 10px 0 0 0; border-top: 1px solid #335c85; padding: 10px 0 0 0; }
	#order ol li {  margin: 0 0 5px 0; height: 100%; overflow: hidden; font-size: 12px; line-height: 16px; }
	#order ol li p { width: 120px; float: left; font-size: 12px; font-weight: bold; color: #003366; }

	#order ol li div.inpt { background: url(../img/order_bg_inpt.gif) no-repeat top left; width: 310px; float: left; display: inline; height: 20px; }
	#order ol li div.inpt input { width: 300px; border: 0; background: 0; color: #003366; padding: 0 5px 0 5px; height: 18px; }

	#order ol li div.inpt.postcode { background: url(../img/order_bg_inpt_postcode.gif) no-repeat top left; width: 100px;  margin: 0 6px 0 0; }
	#order ol li div.inpt.plaats { background: url(../img/order_bg_inpt_plaats.gif) no-repeat top left; width: 203px; }
	#order ol li div.inpt.postcode input { width: 90px; }
	#order ol li div.inpt.plaats input { width: 183px; }

	#order ol li.check input { float: left; height: 22px; width: 20px; margin-right: 5px; }
	#order ol li select.slct option { padding-right: 10px; font-size: 12px; }
	#order ol li label {  color: #003366; font-size: 12px; float: left; width: 280px; padding-top: 2px;  }
	#order ol li .sub { float: left; width: 320px; font-size: 11px; margin-top: 5px; color: #003366; }
	#order ol li.check { margin-bottom: 4px; }
	#order ol input.sbmt { margin-top: 5px; }
	#order ol li p.error { color: #ff0000; }
	

/*	=EMPLOYEE-DETAIL
	----------------------------------------------------*/
	#employee-detail { padding: 10px 0 30px 0; border-top: 1px solid #335c85; }
	#employee-detail .vsl { float: left; }
	#employee-detail ul { float: left; margin: 0 0 0 15px; }
	#employee-detail ul li { list-style: none; line-height: 15px; font-size: 10px; color: #006600; }
	#employee-detail ul h2 { font-size: 12px; color: #006600; }
	#employee-detail ul h3 { padding: 0 0 20px 0; font-size: 12px; color: #006600; font-style: italic; font-weight: normal; }
	#employee-detail ul a { font-size: 10px; color: #006600; }
	#employee-detail ul a:hover { text-decoration: none; }


/*	=EMPLOYEES
	----------------------------------------------------*/
	#employees h2 { margin: 15px 0 0 0 !important; font-size: 12px; font-weight: bold; color: #003366; border-top: 1px solid #003366; }
	#employees .search { position: relative; padding: 0 0 15px 0; }
	#employees .frm-person { position: absolute; top: 23px; right: 0; }
	#employees .frm-person .txt-wrap { float: left; display: inline; background: url(../img/employees_search_txt_bg.gif) left top no-repeat; }
	#employees .frm-person .txt {  width: 148px; height: 19px; padding: 1px 8px 0 8px; border: none; background: none; }
	#employees .frm-person .sbmt { float: left; margin: 0 0 0 3px; }
	
	#employees .frm-filter { padding: 15px 0 15px 0; }
	#employees .frm-filter ul { float: left; width: 144px; font-size: 0; line-height: 0; }
	#employees .frm-filter ul li { list-style: none; }
	#employees .frm-filter ul li label { padding-top: 3px; padding-bottom: 7px; font-size: 12px; line-height: 15px; color: #003366; }
	#employees .frm-filter ul li label a { text-decoration: none; color: #003366; }
	#employees .overview { width: 620px; overflow: visible; }
	#employees .overview li { position: relative; float: left; margin: 0 9px 9px 0; list-style: none;  font-size: 0; line-height: 0; border: 1px solid #9dc5d7; }
    #employees .overview li.active,
    #employees .overview li:hover { border: 1px solid #0f82b4; }
	#employees .overview li .overlay { display: block; position: absolute; z-index: 99; }
    #employees .overview li .balloon { display: none; position: absolute; top: -62px; right: -55px; z-index: 100; width: 225px; padding: 9px 0 20px 0; font-size: 12px; line-height: 18px; text-decoration: none; text-align: center; color: #fff; background: url(../img/employees_balloon_bg2.png) no-repeat; }
    #employees .overview li.active .overlay { display: none !important; }

/*	=PHOTOALBUM
	----------------------------------------------------*/
	.photoalbum { margin: 25px 0 0 0; }
	.photoalbum ul { overflow: hidden; height: 100%;  padding: 5px 0 0 0; list-style: none; border-top: 1px solid #003366;  }
	.photoalbum ul li { float: left; display: inline; width: 135px; height: 94px; margin: 15px 0 0 17px; background: url(../img/photoalbum_photo_bg.gif) no-repeat top left; }
	.photoalbum ul li.first { margin-left: 0; }
	.photoalbum ul li a { display: block; height: 82px; padding: 6px; }
	
	#nvs_album_image-details { height: 30px; padding: 8px 0 0 0; }
	#nvs_album_image-details * { font-size: 12px; }