@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Name, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #606060; }
	img { border: 0; }
	h1 { font-size: 20px; margin: 0 0 8px 0;  color: #f69f2e;  }
	h2 { font-size: 20px; margin: 0 0 8px 0;  color: #f69f2e;  }
	h3 { font-size: 18px; margin-bottom: 10px; color: #f69f2e; }
	h4, h4 * { font-size: 12px; color: #782691; }
	a { text-decoration: none; }
	a:hover { text-decoration: underline; }
	a.more { float: right; color: #782691; font-style: italic; font-weight: bold; text-decoration: none; background: url(../img/arrow.gif) no-repeat right; padding: 0 20px 0 0; }
	a.more:hover { text-decoration: underline; }
	a.skype { display: block; float: left; padding: 2px 0 2px 22px;  background:url(../img/skype_ico.gif) no-repeat left center; }
	
	ul { list-style: none; padding: 0 0 12px 0; }
	ul li { overflow: hidden; height: 100%;  padding: 3px 0 0 0px; }
	ul li a, ul li a * { cursor: pointer; color: #782691; text-decoration: none; }
	ul li a strong { display: block; width: 80%; float: left; }
	ul li a span.date { display: block; float: right; margin-right: 5px; color: #606060; font-style: italic; }
	ul li a:hover * { text-decoration: underline;  }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }

/*	=BOX MODEL
	----------------------------------------------------*/
	#page-box { position: relative; width: 942px; margin: 0 auto; text-align: left; }
	#flash { display: none; }
	#logo  { position: relative; }
	#col-a { position: absolute; top: 110px; left: 0px; width: 380px; z-index: 1000; }
	#col-a.home { top: 406px; }
	#col-b { width: 368px; margin-top: 25px; }
	#col-c { display: none; }
	#col-c div.banner { margin-bottom: 8px; }
	
	#content-outerbox { width: 600px; padding: 25px 0 0 0; }
	#content-innerbox { padding: 23px 33px; }
	
	.box538 { width: 538px; overflow: hidden; height: 100%; }
	.box538top { margin: 0 15px; background:url(../img/box-538_top.gif) no-repeat top left; padding: 9px 0 0 0; }
	.box538bot { background:url(../img/box-538_bot.gif) no-repeat bottom left; padding: 0 0 9px 0; }
	.box538mid { background:url(../img/box-538_mid.gif); }
	
	.box525 { width: 525px; overflow: hidden; height: 100%; }
	.box525top { margin: 0 15px; background:url(../img/box-525_top.gif) no-repeat top left; padding: 9px 0 0 0; }
	.box525bot { background:url(../img/box-525_bot.gif) no-repeat bottom left; padding: 0 0 9px 0; }
	.box525mid { background:url(../img/box-525_mid.gif); }
	
	.box173 { width: 173px; overflow: hidden; height: 100%; }
	.box173top { margin: 0 6px 10px 3px; background:url(../img/box-173_top.gif) no-repeat top left; padding: 9px 0 0 0; }
	.box173bot { margin: 0; background:url(../img/box-173_bot.gif) no-repeat bottom left; padding: 0 0 9px 0; }
	.box173mid { margin: 0; width: 153px; line-height: 18px; background:url(../img/box-173_mid.gif); padding: 0 10px; }
	.box173mid.nopad { width: 173px; padding: 0; }
	
	.box340 { width: 340px; float: left; display: inline; margin: 0 15px; }
	.box185 { width: 185px; }
	
	.content-vsl { margin: 0 10px 20px 10px; }

/*	=LANGUAGE
	----------------------------------------------------*/
	#lang_en { position: absolute; top: 0px; right: 0px; }
	
/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main_bg, #nav-main-preview, #nav-main, #meta-nav, .paging, #frm-search, #footer { display: none; }

/*	=CRUMB PATH
	----------------------------------------------------*/
	#crumbpath { margin: 0 0 0 45px; padding: 8px 0 0 0; }
	#crumbpath li { list-style: none; display: inline; margin-right: 5px; }
	#crumbpath li, #crumbpath li a { font-family: Delicious; font-weight: bold; font-size: 15px; text-decoration: none; color: #bfbfbf; }
	#crumbpath li a { background:url(../img/crumpath_ico.gif) no-repeat right 3px; padding: 0 10px 0 0; }
	#crumbpath li a:hover { text-decoration: underline; }
	
	#standardtext { margin: 0 10px; }
	
/*	=NEWS
	----------------------------------------------------*/
	#news { margin-bottom: 26px; }
	#news h2 { margin: 8px 20px; }
	#news .user-content { margin: 0 20px 15px 20px !important;   }
	#news-more { margin: 0 15px; }	
	#news-more h2 { margin: 0 0 4px 0; }

/*	=THEMES
	----------------------------------------------------*/
	#themes { margin: 0 20px 0 20px; }
	#themes .user-content { margin: 0 0 25px 0 !important; }
	#themes h2 { margin: 0 0 30px 0; }
	#themes ul li { cursor: pointer; float: left; background: none; padding: 0; margin: 0 8px 10px 0; width: 250px; overflow: hidden; height: 100%;}
	#themes ul li img { display: block; float: left; vertical-align: middle; }
	#themes ul li a.txt { display: block; float: left; width: 157px; margin: 20px 0 0 10px; padding: 0 0 0 15px; background: url(../img/arrow.gif) no-repeat left 4px; }
	
	#theme-detail .theme-news h2 { margin: 20px 0 2px 0; }
	
/*	=MENSEN
	----------------------------------------------------*/	
	#person { margin-bottom: 60px; }
	#person .role { padding-left: 10px; font-weight: bold; color: #f69f2e;  }
	#person-vsl { margin-bottom: 8px; }
	#person-blogs { overflow: hidden; height: 100%; margin-bottom: 20px; }
	#person-blogs .blogpost { float: right; background: url(../img/tweet-bubble_bg.gif); width: 250px; height: 60px; overflow: hidden; padding: 16px 37px 20px 17px; }
	#person-blogs .blogpost h4 { margin-bottom: 5px; line-height: 16px; height: 16px; overflow: hidden; }
	#person-blogs .blogpost div { font-size: 10px; line-height: 12px; height: 36px; overflow: hidden; }
	#person-publications ul li a strong { width: 100%; }

	#know-how {  }
	#know-how .previous-issues { margin-top: 25px; }
	#know-how .previous-issues h2 { margin-bottom: 20px; }
	#know-how .previous-issues div { height: 100%; overflow: hidden; padding-bottom: 0; margin-bottom: 25px; }
	#know-how .previous-issues div img { float: left; margin-right: 15px; }
	#know-how .previous-issues div h3 { font-family: Arial; font-size: 12px; }
	#know-how .previous-issues div a.more { margin-top: 15px; }

	#frm_knowhow { margin: 10px 0 0 0; }
	#frm_knowhow label { display: block; margin: 0 0 7px 0; width: 153px; height: 21px; background: url(../img/frm_label_153.gif) no-repeat left top; }
	#frm_knowhow label input {  color: #bebebe; height: 14px; width: 133px; margin: 3px 10px; border: 0; }
	#frm_knowhow label.error input { color: #ff0000; }

/*	=CALL TO ACTIONS
	----------------------------------------------------*/	
	.cta-expert img { margin: 0 6px; }
	.cta-expert div { padding: 0 10px; }
	
	.tweetbubble { float: right; background: url(../img/tweet-bubble_bg.gif); margin-bottom: 8px; width: 250px; height: 60px; overflow: hidden; padding: 16px 37px 20px 17px; }
	.tweetbubble h4 { margin-bottom: 5px; line-height: 16px; height: 16px; overflow: hidden; }
	.tweetbubble div { font-size: 10px; line-height: 12px; height: 36px; overflow: hidden; }

/*	=STANDARD TEXT MEDIA 
	----------------------------------------------------*/	
	#media { margin-top: 20px; overflow: hidden; height: 100%; }
	#media a { display: block; float: left; width: 174px; height: 115px; margin: 0 10px 10px 0; }
	#media a img { display: block; float: left;}

	#nvs_album_image-description { font-weight: bold; font-size: 14px; padding: 4px 0 0 0; }
	#staf_frm { height: 382px; }
	#staf_frm_intro { height: 76px; overflow: hidden; }
	#staf_frm label { display: block; color: #782691; padding: 10px 0 5px 0; }
	#staf_frm fieldset { border: 0; }
	#staf_frm fieldset div { width: 157px; height: 19px; padding: 2px 10px 0 10px; background: url(../img/frm_staf_input_bg.png); }
	#staf_frm fieldset div input { border: 0; }
	#staf_frm #staf_send, #staf_frm #staf_close { position: absolute; bottom: 32px; cursor: pointer; margin-top: 17px; }
	#staf_frm #staf_send { left: 0; float: left; border: 0; text-indent: -1000px; width: 89px; height: 20px; background: url(../img/frm_staf_btn_submit.png);  }
	#staf_frm #staf_close { right: 0; float: right; border: 0; text-indent: -10000px; width: 73px; height: 20px; background: url(../img/frm_staf_btn_close.png); }
	
	.select_container  { position: relative; float: left; display: block; width: 121px; height: 21px; }
	.select_container .select_body { z-index: 1000; position: absolute;  float: left; display: block; width: 121px; height: 21px; background: url(../img/frm_select_container_bg.gif) no-repeat}
	.select_container .select_body span { display: block; width: 81px; height: 14px; line-height: 14px; padding: 3px 8px 3px 8px; overflow: hidden; }
	.select_container .select_body span a { display: block; position: absolute;  width: 85px; height: 14px; overflow: hidden; }
	.select_container .select_body .btn { height: 21px; width: 24px;  }
	.select_container .flyout { display: none; position: absolute; width: 121px; top: 9px; left: 0px; padding: 18px 0 0 0; z-index: 900; background: white url(../img/frm_flyout_bg.gif) repeat-y; border-bottom: 1px solid #bfbfbf; }
	.select_container .flyout ul li { cursor:  pointer; background: none; padding: 2px 9px; margin: 0 1px; }

	.select_container .flyout ul li.focus { background: #ad71b6; color: #fff; }
	.select_container a:focus, .select_container a:active  { outline: thin dotted; }

		
/*	=HOME
	----------------------------------------------------*/
	#col-b .home-banner { margin-bottom: 10px; }
	
	.speechbubble-box { position: relative; overflow: hidden; height: 100%; margin-bottom: 11px; }
	.speechbubble-box img { float: left; }
	.speechbubble-box a { text-decoration: none; }
	.speechbubble-box .speechbubble { position: absolute; left: 73px; width: 250px; height: 73px; padding: 12px 12px 0 33px; overflow: hidden; background: url(../img/speechbubble_bg.png) no-repeat left top; }
	.speechbubble-box .speechbubble h2 { height: 17px; margin-bottom: 4px; overflow: hidden; line-height: 17px; color: #782691;  }
	.speechbubble-box .speechbubble h2 a { color: #782691; font-size: 14px; }
	.speechbubble-box .speechbubble .content { display: block; height: 36px; overflow: hidden; font-size: 10px; line-height: 12px; color: #000; }

/*	=SEARCH-RESULTS
	----------------------------------------------------*/
	#search-results .frm-search { width: 525px; height: 66px; padding: 25px 0 0 25px; background: url(../img/search-results_frm-search_bg.gif) no-repeat; }
	#search-results .frm-search label { float: left; margin: 0 20px 0 0; font-weight: bold; color: #606060; }
	#search-results .frm-search .keyword-wrap { display: block; float: left; margin: 0 10px 0 0;  background: url(../img/search-results_frm-search_txt_bg.gif) no-repeat; }
	#search-results .frm-search .keyword-wrap input { width: 151px; height: 18px; padding: 3px 5px 0 5px; border: none; background: none; }
	#search-results .frm-search select { float: left; width: 119px; margin: 0 10px 0 0;  }
	#search-results .frm-search .sbmt { float: left; width: 56px; height: 19px; font-size: 0; line-height: 0; color: #fff; border: none; background: url(../img/search-results_frm-search_sbmt_btn.gif) no-repeat; }
	#search-results .results { width: 538px; margin: 0 0 20px 5px; }
	#search-results .results th { padding: 10px 0; font-weight: normal; color: #7a7a7a; }
	#search-results .results th.title { padding: 0; }
	#search-results .results th img { margin: 0 8px 0 0; }
	#search-results .results td { padding: 3px 0; }
	#search-results .results a { color: #803498; }
	#search-results .results .relevance { width: 91px; height: 9px; padding: 1px 1px 0 4px; background: url(../img/search-results_relevance_bg.gif) no-repeat; }
	#search-results .results .relevance div { float: left; min-width: 4px; height: 8px; background: url(../img/search-results_relevance-bar_bg.png) right top no-repeat; }
	#search-results .popular.box538top { margin-left: 5px; }
	#search-results .popular.box538mid { padding: 0 10px; }
	#search-results .popular.box538mid li { float: left; width: 45%; }
	
	
	
/*	NETVLIES CMS STYLES
	----------------------------------------------------*/
	.user-content { margin: 0 ; padding: 0; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; }
	.user-content h2 { font-size: 18px; color: #ff7901; margin: 0 0 15px 0; }
	.user-content h3 { font-size: 14px; color: #ff7901; margin: 0 0 15px 0; }
	.user-content h4 { font-size: 11px; color: #ff7901; margin: 0 0 15px 0; }

	.user-content p { margin: 0; padding: 0; }
	.user-content blockquote { padding-left: 30px; }

	.user-content ul, .user-content ol { margin: 20px 0 20px 30px; }
	.user-content ul li { font-weight: bold; padding: 2px 0 2px 20px; background: url(../img/user-content_li_ico.gif) no-repeat left 0.5em; }
	.user-content ol li {font-weight: bold; padding: 2px 0 2px 0px; list-style-position: inside; }

	.user-content a, .user-content a *, .user-content a:active, .user-content a:visited { color: #782691;  font-weight: bold;  }
	.user-content a { text-decoration: none; } 
	.user-content a:hover { text-decoration: underline; }
	.user-content img.imgLeft { float: left; margin-right: 10px; }
	.user-content img.imgRight { float: right; margin-left: 10px; }

	.user-content .table-box { margin: 20px 0 20px 0; background: #fff url(../img/user-content_table_top.gif) no-repeat top left; padding: 10px 0 0 0; }
	.user-content .table-innerbox { background: #fff url(../img/user-content_table_bot.gif) no-repeat bottom left; padding: 0 10px 10px 10px; }
	.user-content h3.table-hdr { margin: 0 0 5px 0; background: #f69f2e url(../img/user-content_table_hdr_top.gif) no-repeat top left; }
	.user-content h3.table-hdr span { color: #fff; padding: 0 12px; display: block; line-height: 27px; background: url(../img/user-content_table_hdr_bot.gif) no-repeat bottom left; }
	.user-content table { width: 100%; margin: 0 9px; border: none; border-collapse: collapse; border-spacing: 0;}
	.user-content tr { }
	.user-content td { padding: 3px ;  }
	.user-content td.hdr { background: #fcc089; font-weight: bold; }