@charset "utf-8";

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

/*	Table of contents
	=IDEAL
	=RESETS
	=FIXES
	=GLOBALS
	=WRAPPERS
	=HEADER
	=TYPOGRAPHY
	=NAVIGATION
	=SEARCH
	=TICKERTAPE
	=CALLS TO ACTION
	=LAWYERS
	=BLOG
	=PAGING
	=QUESTION FORM
	=EXPOSITION
	=SEARCH-RESULTS
	=CLIENTS
	=SITEMAP
	=FOOTER
	=NVS ALBUM STYLES
 	----------------------------------------------------*/
 	
/* =IDEAL
	----------------------------------------------------*/
	#ideal button.iDEALeasy { background-color: #FFFFFF; }
	#ideal ul.overzicht {}
	#ideal ul.overzicht li{ overflow:hidden; height:100%; list-style-type:none; font-size: 12px; color: #7c6358; }
	#ideal ul.overzicht li p { margin-top: 2px; font-weight: bold; }
	#ideal ul.overzicht li div.value { float:left; width:285px; }
	#ideal ul.overzicht li div.amouth { float:right; #008ca8 font-weight: bold; }
	
	#ideal ul li.total { font-size: 12px; color: #008ca8; border-top: 3px double #008ca8; }
	#ideal ul li.total span { font-size: 14px; font-weight: bold; }
	
	#ideal #paging { position: relative; text-align: center; width: 100%; margin: 22px 0 0 0; }
	#ideal #paging li { position: relative; display: inline; padding: 0 2px; line-height: 24px; }
	#ideal #paging li button { font-size: 12px; color: #008ca8; font-weight: bold; }
	#ideal #paging li.prev { position: absolute; top: 0; left: 0; width: 97px; height: 25px; }
	#ideal #paging li.prev a { 
		display: block; 
		height: 100px; 
		padding: 0 0 0 30px; 
		background: url(../img/paging_btn_prev.gif) no-repeat top left; 
		color: #7c6358; 
		text-decoration: none; 
		text-align: left; 
	}
	#ideal #paging li.prev button { 
		display: block; 
		min-width:100px;
		height:25px; 
		padding: 1px 7px 3px 27px; 
		background: url(../img/paging_btn_prev.gif) no-repeat top left; 
		color: #7c6358;
		text-decoration: none; 
		text-align: left;
		border:0px;
	}
	#ideal #paging li.next { position: absolute; top: 0; right: 0; width: 97px; height: 25px; }
	#ideal #paging li.next button { 
		display: block; 
		min-width:100px;
		height:25px; 
		padding: 1px 27px 3px 7px; 
		background: url(../img/paging_btn_next.gif) no-repeat top right; 
		color: #7c6358;
		text-decoration: none; 
		text-align: right;
		border:0px;
	}
	
/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=GLOBALS
	----------------------------------------------------*/
	.typeface-js { font-family: "Serifa BQ", Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; }
	.sbmt-replaced { cursor: pointer; float: left; height: 25px; padding: 0 30px 0 10px; line-height: 25px; background: #eaebeb url(/img/sbmt-replaced_btn.gif) no-repeat center right; font-size: 12px; color: #7c6358!important; font-weight: bold; text-decoration: none;  }
	#h-pot { display:none; }

/*	=WRAPPERS
	----------------------------------------------------*/
	#page-wrapper { position: relative; width: 973px; margin: 0 auto; }
	
	#col-a { float: left; width: 123px; padding: 0 0 20px 0; }
	#col-b { position: relative; float: left; width: 358px; padding: 115px 0 20px 0; overflow: hidden; }
	#col-c { float: right; width: 477px; margin: 45px 0 0 0; padding: 0 0 20px 0; }
	
/*	=HEADER
	----------------------------------------------------*/
	#header { margin: 0 0 25px 0; }
	#logo { float: left; margin: 20px 0 0 0; }
	
/*	=TYPOGRAPHY
	----------------------------------------------------*/
	h1 { position: absolute; top: 45px; left: 0; width: 358px; font-size: 18px; color: #008ca8; font-family: "Serifa BQ", Arial, Helvetica, sans-serif; font-weight: bold; }

/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { list-style: none; }
	#nav-main li { font-size: 12px; color: #7c6358; line-height: 12px; }
	#nav-main li a { font-size: 12px; color: #7c6358; text-decoration: none; }
	#nav-main li a:hover { color: #008ca8; }
	#nav-main li ul { margin: 0 0 10px 0; }
	#nav-main li ul li a { font-size: 12px; font-weight: normal; }
	#nav-main li ul li ul { margin-bottom:0px; padding-left:10px; }
	#nav-main li ul li ul li a { font-size: 10px; font-weight: normal; }
	#nav-main li ul li ul li { list-style-type: none; }
		
	#nav-meta { float: right; margin: 25px 0 0 0; list-style: none; }
	#nav-meta li { float: left; display: inline; margin: 0 0 0 15px; padding: 4px 0 0 0; width: 108px; color: #7c6358; font-size: 12px; line-height: 20px; border-top: 1px dotted #7c6358; }
	#nav-meta li a { color: #7c6358; text-decoration: none; font-weight: bold; }
	#nav-meta li.lang img { margin: 0 4px 0 0; }
	
	#crumbpath { position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; list-style: none; }
	#crumbpath li { float: left; font-size: 12px; color: #7c6358; line-height: 12px; }
	#crumbpath li a { color: #7c6358; text-decoration: none; }
	#crumbpath li.level1, #crumbpath li.level1 a { color: #d5c6bf; }
	#crumbpath li.level2, #crumbpath li.level2 a { color: #ac9991; }
	#crumbpath li.level3, #crumbpath li.level3 a { color: #7c6358; }

/*	=SEARCH
	----------------------------------------------------*/
	#frm-search { float: left; height: 25px; margin: 0 0 11px 0; padding: 0 0 0 60px; background: #eef1d1 url(../img/search_label_zoek.gif) no-repeat center left; }
	#frm-search * { vertical-align: middle; }
	#frm-search .inpt { padding: 0 0 1px 0; background: 0; border: 0; font-size: 14px; color: #7b6358; }
	
/*	=TICKERTAPE
	----------------------------------------------------*/
	#tickertape { clear: both; height: 25px; margin: 0 0 11px 0; background: #7c6358; }
	#tickertape div { height: 25px; color: #fff; text-decoration: none; line-height: 24px; display:inline-block; }
	#tickertape a { color: #fff; text-decoration: none; line-height: 24px; }

/*	=CALLS TO ACTION
	----------------------------------------------------*/
	#calls-to-action { width: 488px; list-style: none; margin:-11px; }
	#calls-to-action li { float: left; display: inline; width: 111px; height: 111px; margin: 11px 0 0 11px; background: #ebebeb; }
	#calls-to-action li.first-col { margin-left: 0; }
	#calls-to-action li.first-row { margin-top: 0; }
	#calls-to-action li h3 { height: 111px; line-height: 14px; }
	#calls-to-action li a { position: relative; z-index: 2; display: block; overflow: hidden; height: 100%; font-size: 16px; color: #fff; text-decoration: none; }
	#calls-to-action li i { display: block; position: absolute; top: 4px; left: 4px; z-index: 2; font-size: 16px; color: #fff; text-decoration: none; cursor: pointer; }
	#calls-to-action li b { display: block; font-size: 12px; }
	#calls-to-action li img { position: absolute; top: 0; left: 0; z-index: 1; }
	#calls-to-action li.width-a { width: 111px; }
	#calls-to-action li.width-b { width: 233px; }
	#calls-to-action li.color-a { background: #008ca8; }
	#calls-to-action li.color-b { background: #ed174f; }
	#calls-to-action li.color-c { background: #c2ce24; }
	#calls-to-action li.color-d { background: #78278b; }
	#calls-to-action li.color-e { background: #f78e1e; }
	
/*	=LAWYERS
	----------------------------------------------------*/
	#lawyers .lawyer { margin: 0 0 11px 0; }
	#lawyers .lawyer .info { float: right; width: 240px; }
	#lawyers .lawyer img { float: left; }
	#lawyers .lawyer h2 { font-size: 12px; color: #008ca8; }
	#lawyers .lawyer h3 { margin: 0 0 5px 0; font-size: 12px; color: #7c6358; }
	#lawyers .lawyer h3 a { color: #7c6358; text-decoration: none; }
	#lawyers .lawyer ul { margin: 0 0 2px 0; list-style: none; }
	#lawyers .lawyer ul li { line-height: 16px; }
	#lawyers .lawyer ul li a { font-size: 12px; color: #008ca8; }
	#lawyers .lawyer ul li a:hover { text-decoration: none; }
	#lawyers .lawyer ul li.profile { margin: 0 0 5px 0; }
	
	#lawyers-profile .info { float: left; width: 126px; }
	#lawyers-profile .info .werkgebied a{ color: #7C6358; text-decoration: none; }
	#lawyers-profile .info.profile { width: 226px; }
	#lawyers-profile .user-content { float: right; width: 230px; }
	#lawyers-profile img { float: left; padding: 0 10px 10px 0; }
	#lawyers-profile h2 { margin: 0 0 0 0; font-size: 12px; color: #008ca8; }
	#lawyers-profile h3 { margin: 0 0 5px 0; font-size: 12px; color: #7c6358; }
	#lawyers-profile ul { margin: 0 0 2px 0; list-style: none; }
	#lawyers-profile ul li { line-height: 16px; }
	#lawyers-profile ul li a { font-size: 12px; color: #008ca8; }
	#lawyers-profile ul li a:hover { text-decoration: none; }
	#lawyers-profile ul li.profile { margin: 0 0 10px 0; }
	#lawyers-profile ul li.back { margin: 10px 0 0 0; }
	
/*	=BLOG
	----------------------------------------------------*/
	#blog .item { margin: 0 0 11px 0; }
	#blog .item h2 { font-size: 16px; color: #7c6358; }
	#blog .item h2 a { color: #7c6358; text-decoration: none; }
	#blog .item p.dt { margin: 2px 0 10px 0; font-size: 12px; color: #7c6358; }
	#blog .item a.more { color: #008ca8; font-size: 12px; font-weight: bold; }
	#blog .item a.more:hover { text-decoration: none; }
	
	#blog #archive_select { overflow: hidden; height: 100%; margin: 0 0 15px 0; padding: 10px; background: #ebebeb; font-size: 12px; color: #7c6358; }
	#blog #archive_select * { vertical-align: middle; }
	#blog #archive_select div { float: left; display: inline; margin: 0 10px 0 0; }
	#blog #archive_select div .hdr { display: block; margin: 0 0 5px 0; font-weight: bold; }
	
	#blog #archive_select .type { float: none; display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dad7d5; }
	#blog #archive_select .type label { padding: 0 10px 0 0; color: #7c6358; font-weight: bold; }
		
/*	=LAWYERS-PROFILE
	----------------------------------------------------*/
	#lawyers-profile .item { margin: 0 0 11px 0; }
	#lawyers-profile .item h2 { font-size: 16px; color: #7c6358; }
	#lawyers-profile .item p.dt { margin: 2px 0 10px 0; font-size: 12px; color: #7c6358; font-weight:bold; }
	#lawyers-profile .item h2 { color: #7c6358; text-decoration: none; }
	#lawyers-profile .item a.more { color: #008ca8; font-size: 12px; font-weight: bold; }
	#lawyers-profile .item a.more:hover { text-decoration: none; }
	#lawyers-profile .item .user-content { float: none; width:auto; }
	
/*	=PAGING
	----------------------------------------------------*/
	#paging { position: relative; text-align: center; width: 100%; margin: 22px 0 0 0; }
	#paging li { position: relative; display: inline; padding: 0 2px; line-height: 24px; }
	#paging li a { font-size: 12px; color: #008ca8; font-weight: bold; }
	#paging li.active a { color: #7c6358; }
	#paging li a:hover { text-decoration: none; }
	#paging li.prev { position: absolute; top: 0; left: 0; width: 97px; height: 25px; }
	#paging li.prev a { display: block; height: 100px; padding: 0 0 0 30px; background: url(../img/paging_btn_prev.gif) no-repeat top left; color: #7c6358; text-decoration: none; text-align: left; }
	#paging li.next { position: absolute; top: 0; right: 0; width: 97px; height: 25px; }
	#paging li.next a { display: block; height: 100px; padding: 0 30px 0 0; background: url(../img/paging_btn_next.gif) no-repeat top left; color: #7c6358; text-decoration: none; text-align: right; }
	
/*	=QUESTION FORM
	----------------------------------------------------*/
	#question form { margin: 11px 0 0 0; }
	#question form h2 { margin: 15px 0 0 0; font-size: 14px; color: #7c6358; }
	#question form ol { list-style: none; }
	#question form ol li { margin: 11px 0 0 0; border-top: 1px solid #7b6358; }
	#question form ol li p { float: left; display: inline; width: 100px; margin: 2px 10px 0 0; font-size: 12px; color: #7c6358; font-weight: bold; }
	#question form ol li a { color: #008ca8; }
	#question form ol li a:hover { text-decoration: none; }
	#question form ol li .inpt { float: right; width: 228px; background: #eaeaeb; border: 0; font-size: 12px; padding: 5px 10px; color: #7c6358; }
	#question form ol li textarea { overflow: auto; float: right; width: 238px; background: #eaeaeb; border: 0; font-size: 12px; padding: 5px 5px; color: #7c6358; }
	#question form ol li.required, #question form ol li.sbmt { border: 0; }
	#question form ol li.required p { width: 238px; margin: 0 0 0 100px; }
	#question form ol li.workarea { padding: 2px 0 0 0; }
	#question form ol li.workarea label { width: 220px; font-size: 12px; color: #7c6358; }
	#question form ol li.workarea .rd {  float: none; margin: 0 5px 0 0; }
	#question form ol li.workarea * { vertical-align: middle; }
	#question form ol li .fr { float: right; width: 248px; padding: 2px 0 2px 0; }
	#question form ol li.error { border-top: 1px solid #ff0000; }
	#question form ol li.hidden { display:none; }
	#question form ol li.av { border: 0; font-size: 12px;  color: #7c6358; line-height: 18px; }
	#question form ol li.av input { margin: 0 10px 0 0; }
	#question form ol li.total { font-size: 12px; color: #008ca8; border-top: 1px solid #008ca8; }
	#question form ol li.total div { margin: 1px 0 0 0; border-top: 1px solid #008ca8; }
	#question form ol li.total span { font-size: 14px; font-weight: bold; }
	#question form input.file { width: 200px; }
	#question .status { margin: 11px 0 0 0; padding: 5px; border: 1px solid #ff0000; color: #ff0000; font-size: 12px; font-weight: bold; }
	#question .status li { list-style-type:none ; }
	#question #files .file .delete { background-image:url('../img/bin_empty.png'); height:16px; width:16px; } 
	
/*	=EXPOSITION
	----------------------------------------------------*/
	#exposition #expolist { margin: 11px 0 0 0; list-style: none; }
	#exposition #expolist li { float: left; display: inline; width: 111px; height: 111px; margin: 0 0 7px 7px; border: 1px solid #fff; }
	#exposition #expolist li:hover { border: 1px solid #7c6359; }
	#exposition #expolist li.first { margin-left: 0; }
	
/*	=SEARCH-RESULTS
	----------------------------------------------------*/
	#search-results h2 { margin: 15px 0 0 0; font-size: 16px; color: #7c6358; }
	#search-results h2 { font-size: 16px; color: #7c6358; }
	#search-results h2 a { color: #7c6358; text-decoration: none; }
	#search-results p { font-size: 12px; }
	#search-results p a { color: #008ca8; display: block;  }
	#search-results p a:hover { text-decoration: none; }
	#search-results h2 .highlight { color: #008ca8; }
	#search-results p .highlight { color: #008ca8; font-style: italic; }
	
/*	=CLIENTS
	----------------------------------------------------*/
	#clients .client { margin: 0 0 11px 0; }
	#clients .client .info { float: right; width: 240px; }
	#clients .client img { float: left; }
	#clients .client h2 { font-size: 12px; color: #008ca8; }
	#clients .client h3 a { color: #7c6358; text-decoration: none; }
	#clients .client p { margin: 10px 0 0 0; font-size: 12px; color: #7c6358; }
	#clients .client p .more { margin: 10px 0 0 0; clear: both; color: #008ca8; text-decoration: none; border-bottom: 1px solid #008ca8; }
	#clients .client p .more:hover { border: 0; }
	#clients .client ul li.profile { margin: 0 0 5px 0; }
	
/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap { list-style: none; margin: 0; padding: 0; } 
	#sitemap * { font-size: 12px; line-height: 16px; margin: 0; padding: 0; }
	#sitemap li { list-style: none; padding-bottom: 8px; background: url(../img/sitemap_li_bg.gif) repeat-y; }
	#sitemap ul { margin: 0; padding: 0 0 0 20px; }
	#sitemap ul.first { padding-left: 0; }
	#sitemap li a {  font-weight: bold; color: #008ca8; text-decoration: none; padding-left: 20px; background: url(../img/sitemap_a_bg.gif) no-repeat 0 8px; }
	#sitemap li li { padding-bottom: 0; }
	#sitemap li li a { font-weight: normal; color: #7b6358; }
	#sitemap li li a:hover { text-decoration: underline; }
	#sitemap li.last { background: url(../img/sitemap_li_last_bg.gif) no-repeat 0 0; }
	#sitemap li.last a { background: 0; }
	#sitemap li.title { color: #7b6358; background: 0; padding-bottom: 0; margin: 0 0 5px 0; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { position: relative; bottom: 0; left: 0; width: 100%;  }
	#footer ul { width: 973px; margin: 0 auto; list-style: none; background: #e8e3e1; }
	#footer ul li { float: left; height: 45px; width: 227px; padding: 5px; font-size: 11px; line-height: 12px; color: #7c6358; border-left: 10px solid #fff; }
	#footer ul li.first { border-left: 0; }
	#footer ul li.sitemap { width: 223px; }
	#footer ul li.disclaimer { width: 223px; }
	#footer ul li a { color: #7c6358; }
	#footer li a { text-decoration: none; display:block; }
	#footer li.first a { display:inline; }
	#footer li a.mailto{ display:inline; }
	#footer li a:hover { color: #008ca8; }
	
/*	=NVS ALBUM STYLES
	----------------------------------------------------*/
	#nav_album_image-details { padding: 5px; }
	#nvs_album_image-description { color: #fff; font-size: 14px; }
	#nvs_album_image-numbers { color: #fff; font-size: 12px; }