@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Sebastiaan Smid, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
	=FIXES
	=BOXMODEL
	=NAV-MAIN
	=NAV-META
	=NAV-SUB
	=CRUMBPATH
	=HOME PROJECTEN
	=HOME SPOTLIGHT
	=HOME NEWS
	=NEWS-ITEM
	=ARCHIVE
	=PARTNERS
	=EMPLOYEES
	=CONTENT
	=PHOTO ALBUM
	=PAGING
	=SEARCH-RESULTS
	=WHO 
	=FORM SEARCH
	=FORM CONTACT
	=STANDARD FORM
	=CALL TO ACTION
	=FOOTER
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: "Trebuchet MS",verdana; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }

/*	=BOXMODEL
	----------------------------------------------------*/
	body { text-align: center; font-size: 62.5%;}
	#page-box { position: relative; margin: 0 auto; text-align: left; }	
	#home-topContent-box { display: none; }
	
	.top { height: 21px; }
	.mid { padding: 0 20px; overflow: hidden; height: 100%; }
	.bot { height: 21px;  }
	#content-box .mid { padding: 0; }
	
	#logo {  padding: 18px 0 19px 34px; }
	h1 { color: #669900; font-size: 1.6em; }
	
/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { display: none; }

/*	=NAV-META
	----------------------------------------------------*/
	#nav-meta { display: none; }
	
/*	=NAV-SUB
	----------------------------------------------------*/
	#nav-sub { display: none; }
	
/*	=CRUMBPATH
	----------------------------------------------------*/
	#crumbpath { display: none; } 


/*	=HOME SPOTLIGHT
	----------------------------------------------------*/
	#spotlight, #home-news, #home-about { width: 432px; float: left; margin-bottom: 20px; } 
	#spotlight h2, #home-news h2, #home-about h2 { font-size: 1.6em; color: #669900; padding-bottom: 15px; }
	#spotlight h3 { font-size: 1.4em; margin-top: -5px; padding-bottom: 10px; }
	#spotlight img { float: left; margin: 0 10px 3px 0; }
	#spotlight div.date { font-size: 1.2em; color: #669900;}
	
	#spotlight a.readmore, #home-about a.readmore { font-size: 1.1em; font-weight: bold; color: #000; text-decoration: none; }
/*	=HOME NEWS
	----------------------------------------------------*/
	#home-news { margin: 0; }
	#home-news ul { list-style: none; font-size: 1.2em; color: #669900; }
	#home-news ul li {  padding-bottom: 10px; }
	#home-news ul li a { color: #000; }
	#home-news ul li a:hover { text-decoration: none; }
	
/*	=NEWS-ITEM
	----------------------------------------------------*/	
	#news-items .news-item { overflow: hidden; height: 100%; background: url(../img/dotted_line.gif) repeat-x bottom left; padding: 11px 0 13px 0; }
	#news-items .news-item.first { padding: 0 0 13px 0; }
	#news-items .news-item h2 { font-size: 1.4em; color: #000; }
	#news-items .news-item h2 a { text-decoration: none; color: #000; }
	#news-items .news-item img { float: left; margin: 0 10px 0 0 ; }
	#news-items .news-item div { font-size: 1.2em; margin-top: 0px; } 
	#news-items .news-item div.date { color: #669900;  }	
	#news-items .news-item a.more { color: #669900; font-size: 1.2em; }
	
	.news-nav { display: none; }
	
/*	=ARCHIVE
	----------------------------------------------------*/	
	#frm-archive { display: none; }
	
/*	=PARTNERS
	----------------------------------------------------*/	
	#partners .partner { overflow: hidden; height: 100%; background: url(../img/dotted_line.gif) repeat-x bottom left; padding: 11px 0 13px 0; }
	#partners .partner.first { padding: 0 0 13px 0; }
	#partners .partner h2 { font-size: 1.4em; color: #000; margin-bottom: 2px; }
	#partners .partner h2 a { text-decoration: none; color: #000; }
	#partners .partner img { float: left; margin: 0 10px 0 0 ; }
	#partners .partner div { font-size: 1.2em; margin-top: 0px; } 
	#partners .partner a.more { color: #669900; font-size: 1.2em; }

/*	=EMPLOYEES
	----------------------------------------------------*/	
	#employee { margin-bottom: 13px;}
	#employee h2 { clear: both; font-size: 1.4em; margin-top: -7px; }
	#employee h3 { clear: both; font-size: 1.4em; padding: 0 0 11px 0; margin-bottom: 8px; background: url(../img/dotted_line.gif) repeat-x bottom left; }
	#employee ul { float: left; padding-left: 20px; }
	#employee ul li { list-style: none; font-size: 1.2em; padding: 6px 0 8px 0; background: url(../img/dotted_line.gif) repeat-x top left; }
	#employee ul li.first { background: none; padding: 0 0 8px 0; }
	#employee ul li a { color: #000; text-decoration: none; }
	#employee ul li a:hover { color: #000; text-decoration: underline; }
	#employee .border { margin: 4px 0 0 0; border: 1px solid #b5b5b5; padding: 5px; float: left; }
	
/*	=CONTENT
	----------------------------------------------------*/
	#content { width: 432px; margin: 0 35px 0 35px; }
	#content h1 { margin: 2px 0 6px 0 ; }
	#content h1.album {   padding-left: 0px }
	#content .standard-unit_vsl { margin: 0 0 10px 0; }
	
	#content-footer { display: none; }
	#content-footer #btn_print { display: none; }
	
	#content-album { display: none; }

/*	=PHOTO ALBUM
	----------------------------------------------------*/	
	.photoalbumrow { height: 100%; overflow: hidden; padding: 15px 0; background: url(../img/dotted_line.gif) repeat-x bottom left ; }
	.photo { float: left; width: 138px; margin-left: 9px; }
	.photo.first { margin: 0; }
	.photo div { float: left; background: url(../img/photo_bg_left.gif) no-repeat left top; }
	.photo div a { display: block; background: url(../img/photo_bg_right.gif) no-repeat right top; padding: 5px; }

/*	=PAGING
	----------------------------------------------------*/
	.paging { display: none; }

/*	=SEARCH-RESULTS
	----------------------------------------------------*/	
	#frm-search-results { display: none; }
	#search-results-count { font-size: 1.2em; color: #669900; }
	
	#search-results  .search-result { padding: 10px 0 15px 0; background: url(../img/dotted_line.gif) repeat-x bottom left ; }
	#search-results  .search-result h3 a { font-size: 1.4em; color: #000; text-decoration: none; }
	#search-results  .search-result em {  color: #fff; background: #669900; padding: 0 2px; font-style: normal; } 
	#search-results  .search-result a.url { font-size: 1.2em; color: #669900; }
	#search-results  .search-result div { font-size: 1.2em; }

/*	=WHO PowerWeb AdvancedWeb 0212106941 
	----------------------------------------------------*/	
	#people {  padding: 0; clear: both;  background: #fff url(../img/dotted_line.gif) repeat-x bottom left;  }
	#people div.person {  float: left; padding: 3px; border: 1px solid #b5b5b5; margin: 0 0 9px 9px; }
	#people div.person.first { margin: 0 0 9px 0; }
	#people div.person a { display: block; overflow: hidden; height: 119px; width: 93px; }
	#people div.person a img { vertical-align: bottom; }
	#people div.person a:hover img { margin-top: -119px; }
	#people .tooltip { display: none; position: absolute; z-index: 10000; top: 0px; left: 0px; padding-top: 10px; background:url(../img/tooltip_stem.gif) no-repeat 20px top ;  }
	#people .tooltip div { font-size: 1.1em; color: #fff; background: #5c830e; padding: 6px 10px 7px 10px; }
	#people .tooltip div strong { font-size: 1.182em; }
	#people div.hr { clear: both; height: 1px; margin: 0 0 9px 0; padding: 0; background: #fff url(../img/dotted_line.gif); overflow: hidden; }
	#people div.clr { clear: both; height: 1px; margin: 0; padding: 0; font-size: 0; line-height: 0; }
	
	#people-list li { padding: 6px 0 9px 0; font-size: 1.1em; overflow: hidden; height: 100%; background: url(../img/dotted_line.gif) repeat-x bottom left; }
	#people-list li a { color: #6d6e71; text-decoration: none; }
	#people-list li a:hover { text-decoration: underline; }
	#people-list li a strong { font-size: 1.182em; color: #000; }
	#people-list li img { float: left; margin: 4px 10px 0 0; }
	
	#frm-who { display: none; }
	
/*	=FORM SEARCH
	----------------------------------------------------*/	
	#frm-search { display: none; }

/*	=FORM CONTACT
	----------------------------------------------------*/	
	#frm-contact { margin-top: 12px; }
	#frm-contact .intro { font-size: 1.2em; margin-bottom: 15px; }

/*	=STANDARD FORM
	----------------------------------------------------*/	
	.nvs-form li { list-style: none; padding: 0 0 12px 0; height: 100%; overflow: hidden; }
	.nvs-form fieldset { border: 0; padding: 13px 0 0 0; background: url(../img/dotted_line.gif) repeat-x top left;  }
	.nvs-form li label { display: block; float: left; width: 10.7em; font-size: 1.3em; }
	.nvs-form li input { font-size: 1.1em; }
	.nvs-form li select { font-size: 1.1em; width: 70px; }
	.nvs-form li input.text { width: 270px;}
	.nvs-form li input.textS { width: 197px; margin-top: 10px;}
	.nvs-form li textarea { width: 270px; font-size: 1.1em; }
	.nvs-form li div { width: 28em; float: left;}
	.nvs-form li div span { display: block; margin: 3px 0 0 0; padding: 0 0 0 16px; font-size: 1.1em; font-weight: bold; color: #669900; background: url(../img/frm_error_ico.gif) no-repeat left center; }
	.nvs-form li .cp_image { border: 1px solid #000; }
	

/*	=CALL TO ACTION
	----------------------------------------------------*/
	#cta-box { display: none; }

/*	=FOOTER
	----------------------------------------------------*/
	#footer { display: none; }

/*	USER-CONTENT
	----------------------------------------------------*/
	.user-content { margin: 0 ; padding: 0; font-size: 1.2em; line-height:1.335em; }
	.user-content p { margin: 0; padding: 0; }
	.user-content a, .user-content a:active, .user-content a:visited { color: #000; }
	.user-content a { color: #669900; text-decoration: underline; } 
	.user-content a:hover { color: #669900; text-decoration: underline; }
	.user-content img.imgLeft { float: left; margin-right: 10px; }
	.user-content img.imgRight { float: right; margin-left: 10px; }

	.user-content div.hr { height: 1px; margin: 16px 0 14px 0; padding: 0; background: #fff url(../img/dotted_line.gif); overflow: hidden; }
	
	.user-content ul, .user-content ol { margin: 0 0 14px 0px; }
	.user-content ul { list-style: none; list-style-position: inside;  }
	.user-content ul li { padding: 2px 0 2px 15px; background:url(../img/user-content_li_ico.gif) no-repeat left 0.5em; }
	.user-content ol li { padding: 2px 0 2px 0px; list-style-position: inside; }
	
	.user-content h2 { font-size: 1.335em; color: #669900; margin: 0 0 12px 0; }
	.user-content h3 { font-size: 1.165em; color: #669900; margin: 0 0 12px 0; }
	.user-content h4 { font-size: 1em; color: #669900; margin: 0 0 12px 0; }
	
	.user-content table { width: 99%; margin: 1em 0 1em 1px; border: none; border-collapse: collapse; border-spacing: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
	.user-content tr { }
	.user-content td { padding: 3px ; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
	.user-content td.hdr { background: #f1f1f1; font-weight: bold; }