@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; }
	a { color: #1a171a; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=BOX MODEL
	----------------------------------------------------*/
	body { background: #fff; padding: 32px 0 0 0; text-align: center; }
	#page-outer-box {position: relative; width: 960px; margin: 0 auto; text-align: left; } 
	#page-box { position: relative; overflow: hidden; height: 100%; padding: 20px 0 0 0; background: url(../img/page-box_bg.gif); }
	#page-inner-box { position: relative; overflow: hidden; height: 100%; background: url(../img/page-inner-box_bg.gif); }
	
	#col-a, #col-b, #col-c { float: left;}
	#col-a { width: 215px; padding: 130px 0 0 0; }
	#col-b { width: 480px; padding: 0 0; overflow: hidden; height: 100%; }
	#col-c { width: 265px; padding: 130px 0 0 0; }
	
	#flash-logo { margin: 0 50px; width: 380px; height: 90px; }
	
	#gratis-spreekuur-btn { display: block; width: 182px; padding: 5px 0 5px 18px; font-size: 12px; font-weight: bold; color: #393535; text-decoration: none; background: url(/img/gratis-spreekuur-btn_bg.gif) repeat-y #d1d1bd; }

/*	=NAV META
	----------------------------------------------------*/
	#nav-meta {  position: relative; float: right; top: 20px; right: 20px; }
	#nav-meta li { float: left; height: 11px; display: inline; border-left: 1px solid #1a171a; font-size: 11px; color: #878282; line-height: 11px; padding: 0 4px; }
	#nav-meta li.first { border-left: 0; }
	#nav-meta li, #nav-meta li a { font-size: 11px; text-decoration: none; color: #878282; }
	#nav-meta li a:hover { text-decoration: underline; }
	
/*	=NAV MAIN
	----------------------------------------------------*/
	#nav-main { width: 170px; padding: 0 15px; background: #373232; }
	#nav-main li { vertical-align: bottom; list-style: none; border-left: 1px solid #000; overflow: hidden; height: 100%; }
	#nav-main li a { clear: both; float: left; width: 163px; display: block; padding: 0 3px; border-bottom: 1px solid #000;  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 21px; text-decoration: none; color: #f5f5f0; }
	#nav-main li a:hover { border-bottom: 1px solid #fff; }
	#nav-main li.empty { border-bottom: 1px solid #000; }
	#nav-main li.selected { background: #e1e1d7;  }
	#nav-main li.selected a { color: #373232; }
	#nav-main li.selected li a { color: #f5f5f0; }
	#nav-main li.selected li { background: #373232; }
	#nav-main li ul { clear: both; }
	#nav-main li li { border-left: 0; font-weight: normal; }
	#nav-main li li a { font-weight: normal; }
	
	#nav-main li li li a { padding-left: 10px; width: 156px; }
	#nav-main li li li li a { padding-left: 10px; width: 146px; }
	#nav-main li li li li li a { padding-left: 10px; width: 136px; }


/*	=CTA
	----------------------------------------------------*/
	#cta-news { width: 170px; padding: 0 15px; font-size: 11px; line-height: 22px; color: #f5f5f0; background: #4b4844; }
	#cta-news h2 { font-size: 11px; line-height: 22px; color: #d2cdbe; }
	#cta-news div {  border-left: 1px solid #000; padding: 0 3px 21px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  line-height: 22px; }
	#cta-news a { text-decoration: none; color: #f5f5f0; }

/*	=CONTENT
	----------------------------------------------------*/	
	#home-content { position: relative; margin: 0 16px; width: 448px; height: 450px; margin-top:40px; overflow: hidden; }
	#home-content div { width: 458px; height: 450px; top: 450px; left: -5px; position: absolute; line-height: 46px; } 
	#home-content div.first { top: 0px; }
	#home-content blockquote { display: inline; margin: 0; padding: 0; font-family: Times New Roman; font-size: 75px; letter-spacing: -2px; font-weight: bold; line-height: 65px; color: #d2d2be; }
	#home-content cite { display: block; text-align: center; font-family: Times New Roman; font-size: 20px; color: #d2d2be; font-style: normal; }
	
	#content { margin: 40px 50px 20px 50px; width: 380px; min-height: 450px;  }
	#content h1 { font-family: "Times New Roman", Times, serif;  }
	#content h1.news, #content h1.case, #content h1.contact	 { border-top: 1px solid #d2cdbe; }

	#content .user-content { margin-top: 10px; }

/*	=PEOPLE
	----------------------------------------------------*/
	#people { margin: 40px 50px 20px 50px; width: 380px; min-height: 450px;  }
	#people .person { display: block; overflow: hidden; height: 100%; padding: 6px 0 ; border-top: 1px solid #d2cdbe; text-decoration: none; }
	#people .person span { cursor: pointer; display: block; float: left; font-family: "Times New Roman", Times, serif;  }
	#people .person .name { font-size: 26px; color: #1a171a; font-weight: bold; }
	#people .person .function { line-height: 23px; font-size: 21px; color: #6e6e69; width: 340px; }
	#people .person .arrow { line-height: 23px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold; color: #6e6e69; }
	
	#person {  margin: 40px 50px 20px 50px; width: 380px; min-height: 450px; }
	#person .naw { padding: 6px 0 ; margin-bottom: 20px; border-top: 1px solid #d2cdbe; border-bottom: 1px solid #d2cdbe; overflow: hidden; height: 100%; }
	#person .naw span {  float: left; font-family: "Times New Roman", Times, serif;  }
	#person .naw span.name {  font-size: 26px; color: #1a171a; font-weight: bold; display: block; }
	#person .naw span.function { white-space:nowrap; line-height: 23px; font-size: 21px;  color: #6e6e69; clear: left; }
	#person .naw span.phone-mail { white-space:nowrap; clear: left; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6f6d69; }
	#person .naw span.arrow { line-height: 23px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold; color: #6e6e69; }
	#person .user-content { padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #d2cdbe; }
	#person a.back { font-size: 11px; color: #6f6d69; font-weight: bold; text-decoration: none; }

/*	=NEWS
	----------------------------------------------------*/
	#news { margin: 40px 50px 20px 50px; width: 380px; min-height: 450px;  }
	#news .item { overflow: hidden; height: 100%; border-top: 1px solid #d2cdbe; padding: 0 0 15px 0; }
	#news .item h2 a { font-family: "Times New Roman", Times, serif; font-size: 25px; color: #1a171a; text-decoration: none; }
	#news .item .meta {  margin-top: 4px; font-size: 11px; color: #6e6e69; }
	#news .item .user-content { line-height: 18px; margin: 5px 0 0 0;  }
	#news .item .user-content a { text-decoration: none !important; }
	#news .item .meta a { font-weight: bold; color: #1a171a; text-decoration: none; }
	#news-meta { margin-top: 4px; font-size: 12px; color: #6e6e69 }
	#news-meta a { font-weight: bold; color: #1a171a; text-decoration: none; }
	
	#news-archive { margin: 0px 50px 20px 50px; width: 380px; min-height: 450px;   }
	#news-archive h2, #news-archive h2 a { font-size: 12px; line-height: 18px; text-decoration: none; }
	#news-archive h2 span.date { display: block; float: left; width: 70px;  }
	#news-archive .item { padding: 5px 0; border-bottom: 1px solid #d2cdbe; }
	
	#new-archive-pagingbox { margin: 23px 50px 0px 50px; width: 380px; padding-bottom: 2px; border-bottom: 1px solid #d2cdbe;  overflow: hidden; height: 100%; }
	#new-archive-pagingbox div { float: right; font-size: 11px; color: #6f6d69; line-height: 15px; }
	#new-archive-pagingbox div em { font-style: normal; font-weight: bold; color: #1a171a; }

/*	=KLANTEN
	----------------------------------------------------*/
	#klanten { border: 0; border-collapse: collapse; border-spacing: 0; }
	#klanten td { border-top: 1px solid #d2cdbe; padding: 3px;  }

/*	=REFERENTIES
	----------------------------------------------------*/
	#referenties .referentie { border-bottom: 1px solid #d2cdbe; padding: 10px 0 6px 0; }
	#referenties .referentie.first { padding-top: 0; }
	#referenties .referentie h2 a { font-family: "Times New Roman", Times, serif; font-size: 20px; line-height: 18px; color: #1a171a; text-decoration: none; }
	#referenties .referentie div { padding: 4px 0; }
	#referenties .referentie div a { font-size: 11px; color: #6e6e69; text-decoration: none;  } 
	
	#referentie .referentie { border-bottom: 1px solid #d2cdbe; }
	#referentie .referentie h2 a { font-family: "Times New Roman", Times, serif; font-size: 20px; line-height: 18px; color: #1a171a; text-decoration: none; }
	#referentie .referentie div { padding: 6px 0; }
	#referentie .referentie div a { font-size: 12px; color: #6e6e69; text-decoration: none;  } 
	#referentie .user-content { margin-top: 10px !important; }
	
/*	=CASES
	----------------------------------------------------*/
	#cases { margin: 40px 50px 20px 50px; width: 380px; min-height: 450px;  }
	#cases .item { overflow: hidden; height: 100%; border-top: 1px solid #d2cdbe; padding: 0 0 15px 0; }
	#cases .item h2 a { font-family: "Times New Roman", Times, serif; font-size: 25px; color: #1a171a; text-decoration: none; }
	#cases .item .meta {  margin-top: 4px; font-size: 11px; color: #6e6e69; }
	#cases .item .user-content { line-height: 18px; margin: 5px 0 0 0;  }
	#cases .item .user-content a { text-decoration: none !important; }
	#cases .item .meta a { font-weight: bold; color: #1a171a; text-decoration: none; }

	#case-meta { margin-top: 4px; font-size: 12px; color: #6e6e69; }
	#case-meta a { font-weight: bold; color: #1a171a; text-decoration: none; }
	
	#contact { font-size: 11px; color: #6f6d69; line-height: 13px; }
	#contact div { padding: 10px 0 0 6px; }
	#contact form { padding: 5px 0 0 0; }
	#contact table { margin-left: -4px; border-spacing: 4px; width: 100%; }
	#contact td { background: #f5f5f0; color: #6f6d69; padding: 4px; font-size: 11px; }
	#contact td.nobg { background: none;}
	#contact input { background: none; height: 13px; border:0;  }
	#contact input.txt { width: 274px; }
	#contact .error { color: #d46f6f; }
	#contact .error img { vertical-align: middle; }
	#contact label.vrouw { margin-left: 10px; }
	#contact input.radio { margin: 0 4px 0 0; line-height: 13px; vertical-align: middle; }
	#contact input.txt.code, #contact input.submit { width: 86px; }
	#contact input.submit { font-weight: bold; vertical-align: top; height: 15px; }
	#contact textarea {  background: none; width: 368px; border: none; font-size: 11px; color: #6f6d69; line-height: 13px; }

/*	=PAGING
	----------------------------------------------------*/
	.paging { float: left; list-style: none; overflow: hidden; height: 100%; }
	.paging li { float: left; background: url(../img/paging_li_bg.gif) no-repeat left 3px; height: 15px; overflow: hidden; line-height: 15px; }
	.paging li.first { border-left: 0; background: none; }
	.paging li a { padding: 0 4px 0 6px; font-size: 11px; color: #6f6d69; text-decoration: none; line-height: 15px; vertical-align: top; }
	.paging li.selected a { color: #1a171a; font-weight: bold; text-decoration: underline; }

/*	=SCROLLPANE
	----------------------------------------------------*/
	#scrollpane { position: relative; float: right; width: 250px; height: 350px; overflow: hidden; background: #e2e2cc; }
	#scrollpane #line { position: absolute; z-index: 1000; top: 0px; right: 15px; }
	#scrollpane li { display: block; overflow: hidden; height: 100%; list-style: none; width:250px; margin: 0; padding: 0; }
	#scrollpane li img { vertical-align: top; display: block; clear: both; float: left; }
	#scrollpane #scroller { position: absolute; top: 0px; }

	#scroller a { text-decoration: none; }
	#scroller a span { cursor: pointer; }
	#scroller.quotes { padding: 0 25px 0 15px; width: 210px !important; }

	#scroller.quotes li { padding: 15px 0; border-bottom: 1px solid #d2cdbe; width: 210px !important;  }
	#scroller.quotes blockquote { margin-bottom: 10px; font-family: "Times New Roman", Times, serif; font-size: 25px; font-weight: bold; line-height: 23px; }
	#scroller.quotes blockquote a { font-family: "Times New Roman", Times, serif; font-size: 25px; font-weight: bold; line-height: 23px; }
	#scroller.quotes div { font-size: 11px;  }
	#scroller.quotes div span.right { float: right; }
	#scroller.quotes div span.left { float: left; }
	
	#scroller.referenties { padding: 0 25px 0 15px; width: 210px !important; }
	#scroller.referenties li { padding: 15px 0 15px 0; border-bottom: 1px solid #d2cdbe; width: 210px !important;  }
	#scroller.referenties img { margin-bottom: 10px; }
	#scroller.referenties div { font-size: 11px;  }
	#scroller.referenties div span.right { float: right; }
	#scroller.referenties div span.left { float: left; }
	#scroller.referenties a { color: #6e6e69 !important; }
	
	#scroller.case { padding: 0 25px 0 15px; width: 210px !important; }
	#scroller.case li { padding: 15px 0 15px 0; border-bottom: 1px solid #d2cdbe; width: 210px !important;  }
	#scroller.case img { margin-bottom: 10px; }
	#scroller.case div { font-size: 11px; text-align: center; }
	#scroller.case a { color: #6e6e69 !important; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { padding: 20px 10px; }
	#footer, #footer * { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #1a171a; }
	#footer li { float: left; height: 11px; padding: 0 10px 0 10px; border-left: 1px solid #1a171a; color: #858481; list-style: none; }
	#footer li.first { border-left: 0; }
	#footer a { color: #858481; text-decoration: underline; }