@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Name, Netvlies
	
	
	Palette-A = clienten		= 259433
	Palette-B = verwijzers		= 749200
	Palette-C = werkenopleiding = 009680
	Palette-D = overgroenhuysen	= 6dac43
				extra			= 515d04
	
	small font	= font-size: 62.5%;
	medium font	= font-size: 72.9%;
	large font	= font-size: 83.3%;
	----------------------------------------------------*/

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

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; }
	img { border: 0; }
	body { background: #fff !important; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 83.3%; line-height: 16px; color: #010101; }
	
	.gmnoprint { display: block !important; }
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }


/*	=BOXMODEL
	----------------------------------------------------*/
	#page-box {text-align: left; }
	#default-box { display: none; }
	#content-box {  width: 469px; }
	#content-box h1 { color: #259433; font-size: 2.2em; line-height: 1.4em; margin-bottom: 0.6em; overflow: hidden; height: 100%; }
	#content-box h1 span { float: left; }
	#content-box h1 span.date { font-size: 0.636em; font-weight: normal; }
	#content-box h1 a.rss { float: right; padding-left: 17px; font-size: 0.545em; font-weight: normal; text-decoration: none; color: #6dac43; background: url(../img/rss_ico.gif) no-repeat left center; }
	#content-box h1 a:hover { text-decoration: underline; }
	
	#landing-vsl { width: 313px; float: left; padding-top: 0; margin-bottom: 24px; }
	#landing-content-box { display: inline; float: left; margin-left: 33px; width: 319px; }
	#landing-content-box h1 { color: #259433; font-size: 2.2em; line-height: 1.4em; margin-bottom: 0.6em; }
	
	#cta-box { display: none; }
	
/*	=HOMEPAGE
	----------------------------------------------------*/
	#home-header { height: 132px; }
	#home-header .logo { display: block; float: left; margin-top: 34px; } 
	
	#home-content { overflow: hidden; height: 100%; }
	#home-content a { display: inline-block; float: left; overflow: hidden; width: 345px; height: 171px; margin-bottom: 3px; }
	#home-content a.clie { background: url(../img/blok_clienten.jpg) no-repeat right top;  }
	#home-content a.verw { background: url(../img/blok_verwijzers.jpg) no-repeat right top; }
	#home-content a.werk { text-align: right; background: url(../img/blok_werk-en-opleiding.jpg) no-repeat left top; }
	#home-content a.over { text-align: right; background: url(../img/blok_over-groenhuysen.jpg) no-repeat left top; }
	#home-content a.first { margin-right: 3px; }
	#home-content a.last { margin-left: 3px; }
	#home-content a:hover { background-position: bottom right; }	
	#home-content a.werk:hover, #home-content a.over:hover { background-position: bottom left; }
	
/*	=HEADER
	----------------------------------------------------*/
	#header { padding: 0 0 20px 0; }
	#header .logo { display: block; margin-top: 18px; } 
	#header h1 { display: none; }

/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { display: none; }
	
	/*	=NAV TARGET */
	#nav-target { display: none; }
	
	/*	=NAV META */
	#nav-meta { display: none; }
	
	/*	=NAV SUB */
	#nav-placeholder { display: none; }
	#nav-sub { display: none; }
	
/*	=CRUMPATH
	----------------------------------------------------*/
	#crumbpath { overflow: hidden; height: 100%; margin-bottom: 1.1em; }
	#crumbpath li { display: inline; font-size: 1.1em; color: #999;  }
	#crumbpath a { color: #999; text-decoration: none; }

/*	=FORM SEARCH
	----------------------------------------------------*/
	#frm_search { display: none; }

/*	=NEWS 
	----------------------------------------------------*/
	#frm-news-filter { display: none; }

	#news .news-item { overflow: hidden; height: 100%; margin-bottom: 20px; }
	#news .news-item img { border: 1px solid #6dac43; float: left; margin-right: 12px; }
	#news .news-item h2 { font-size: 1.2em; font-weight: normal; color: #6dac43; }
	#news .news-item h2 a { color: #6dac43; text-decoration: none; }
	#news .news-item h2 a strong { text-decoration: underline; }
	#news-categories { margin: 1em 0; }
	#news-categories a { color: #6dac43;  }
	#news-nav { display: none; }
	#news-categories a:hover, #news-nav a:hover { text-decoration: none; }

/*	=LOCATIES
	----------------------------------------------------*/
	#frm-locaties  { padding: 1.2em 0 0 0; }
	#frm-locaties-select-all { font-size: 1.2em; color: #6dac43; }
	#frm-locaties ul { margin-top: 1.2em; overflow: hidden; height: 100%; }
	#frm-locaties li { font-size: 1.2em; padding: 2px 0; display: block; float: left; width: 49%; overflow: hidden; height: 100%; }
	#frm-locaties li input.radio { margin-right: 5px; }
	#frm-locaties input.submit { font-size: 1.2em; font-weight: bold; padding:  0; margin:1em 0 0  0; color: #999; background: 0; border: 1px solid #999; }
	#gMap { height: 300px; width: 467px; border: 1px solid #999;  }
	
	.locaties { overflow: hidden; height: 100%; margin-top: 24px; }
	.locaties ul { width: 49%; float: left; }
	.locaties li { list-style: none; }
	.locaties li h3 { font-size: 1.2em; }
	.locaties li a { font-size: 1.2em; color: #6dac43; text-decoration: underline; }
	.locaties li a:hover { text-decoration: none; }
	
	#location-naw { overflow: hidden; height: 100%; } 
	#location-description { margin-top: 24px; }
	#carousel { position: relative; width: 207px; float: left; margin-right: 10px; }
	#carousel #bigpicture { border: 1px solid #6dac43; margin-bottom: 5px; }
	#carousel .next, #carousel .prev { }
	#carousel .prev { position: absolute; bottom: 0px; left: 0px; }
	#carousel .next { position: absolute; bottom: 0px; right: 0px; }
	#carousel .carousel { margin-left: 21px; width: 165px; }
	#carousel .carousel li { width: 43px; height: 43px; padding: 1px; background: #6dac43; margin: 0 5px; }
	
/*	=SEARCH RESULTS
	----------------------------------------------------*/
	#search-results { }
	#search-results .search-result { overflow: hidden; height: 100%; margin-bottom: 20px; }
	#search-results .search-result h2 { font-size: 1.2em; color: #6dac43; }
	#search-results .search-result h2 a { color: #6dac43; text-decoration: none; }
	#search-results .search-result strong { color: #6dac43; }
	#search-results .search-result a.link { font-size: 1.2em; color: #6dac43;  }

	#frm-search { margin-bottom: 24px; }
	#frm-search.user-form li {  padding: 0 0 0 0;  }
	#frm-search.user-form fieldset {   }
	#frm-search.user-form li input.text  { width: 220px !important; margin: 0 0 0.6em 0; }
	#frm-search.user-form li input.submit { vertical-align: top; font-size: 1em;  font-weight: bold; padding: 0 0 1px 0; margin: 0 0 0.6em 0; color: #999; background: 0; border: 1px solid #999; }
	#frm-search.user-form li select { vertical-align: top; font-size: 1em; width: 140px; padding: 1px 0; margin: 0 0 1em 0 ; background: 0; border: 1px solid #999; }

/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap { margin: 0;font-size: 1.2em;  }
	#sitemap * { color: #3c3c3c;  }
	#sitemap a { color: #3c3c3c; text-decoration: none; } 
	#sitemap a:hover { text-decoration: underline; }
	#sitemap a.bold { font-weight: bold; }
	#sitemap li { padding: 0 0 0 24px; margin: 0; list-style-type: none; line-height: 1.8em;  }
	#sitemap li { background: url(../img/extm.gif) no-repeat 0% 0%; }
	#sitemap li.last { background: url(../img/exlm.gif) no-repeat 0% 0%; }
	#sitemap ul { padding: 0 0 0 35px; margin: 0 0 0 -24px; list-style-type: none; }
	#sitemap ul { background: url(../img/exim.gif) repeat-y 0% 0%; }
	#sitemap ul.last { background-image: none; }


/*	=FOOTER
	----------------------------------------------------*/
	#footer { display: none; }
	#footer-meta { display: none; }
	
/*	=PAGING
	----------------------------------------------------*/
	.paging { display: none; }	
	
	.user-form { margin: 24px 0 0 0; padding: 0; font-size: 1.2em; line-height: 1.5em; }
	.user-form fieldset { border: 0; padding: 0 0 0 0; }
	.user-form li { list-style: none; padding: 0 0 12px 0; height: 100%; overflow: hidden; }
	.user-form li label { display: block; float: left; width: 150px; }
	.user-form li div { float: left; width: 317px;}
	.user-form li div label { display: inline; float: none;vertical-align: middle; }
	.user-form li div span.error { display: block; margin: 3px 0 0 0; padding: 0 0 0 16px;  font-weight: bold; color: #d02929; background: url(../img/frm_error_ico.gif) no-repeat left center; }
	.user-form li input { margin: 0; padding: 1px 0; }
	.user-form li input.text { width: 315px; border: 1px solid #999; }
	.user-form li input.submit { font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 1px 0; color: #999; background: 0; border: 1px solid #999; }

	.user-form li img.code { float: left; margin-bottom: 5px; border: 1px solid #999; }
	.user-form li input.code { width: 151px; float: right; border: 1px solid #999; }
	.user-form li.error input.text { border: 1px solid #d02929; }
	.user-form li input.submit { }
	.user-form li textarea { width: 315px; line-height: 1.1em; height: 5.6em; }
	

/*	NETVLIES CMS STYLES
	Author:	Sebastiaan Smid, Netvlies
	----------------------------------------------------*/
	.user-content { margin: 0 ; padding: 0; font-size: 1.2em; line-height: 1.33em; font-family: Arial, Helvetica, sans-serif; }
	.user-content h2 { font-size: 1em; line-height: 1.33em; color: #259433; margin: 0; }
	.user-content h3 { font-size: 1em; line-height: 1.33em; color: #259433; margin: 0; }
	.user-content h4 { font-size: 1em; line-height: 1.33em; color: #259433; margin: 0; }

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

	.user-content ul, .user-content ol { margin: 0 0 14px 14px; }
	.user-content ul li { padding: 2px 0 2px 0px; margin: 0; list-style: square; }
	.user-content ol li { padding: 2px 0 2px 0px; margin: 0; list-style-position: inside; }

	.user-content a, .user-content a:active, .user-content a:visited { color: #259433; }
	.user-content a { color: #259433; text-decoration: underline; } 
	.user-content a:hover { color: #259433; text-decoration: underline; }
	.user-content img.imgLeft { float: left; margin-right: 10px; }
	.user-content img.imgRight { float: right; margin-left: 10px; }

	.user-content table { width: 99%; margin: 1em 0 1em 1px; border: none; border-collapse: collapse; border-spacing: 0; border-left: 1px solid #999; border-top: 1px solid #999; }
	.user-content tr { }
	.user-content td { padding: 3px ; border-bottom: 1px solid #999; border-right: 1px solid #999; }
	.user-content td.hdr { background: #e9e9e9; font-weight: bold; }
	
	.user-content table.no_table_border { border-left: 0; border-top: 0; }
	.user-content table.no_table_border td { border-bottom: 0; border-right: 0; }