/* CSS Reset browser style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; } 
/* End Reset */

body { font-family: Tahoma, sans-serif; color: #666; font-size: 16px; line-height: 21px; }

	a { color: #666; }
		a:hover { color: #000; }
	
	#page { width: 100%; }
	
		#header { background: #d8ddc3; }
		
		#logo { margin: 10px; }
		
			#header h1,
			#header #site-title,
			#info-links,
			#search,
			#navigation,
			#carousel,
			#category-articles,
			#secondary,
			#wp_page_numbers,
			.related-articles,
			.system-header,
			#comments form { display: none; }
			
			
		#body { width: 100%; }

				#body.homepage { border-top: solid 4px #54abcc; }
				#body.verbouwen { border-top: solid 4px #54abcc; }
				#body.duurzaam-wonen { border-top: solid 4px #969f78; }
				#body.energie { border-top: solid 4px #9e6d61; }
				#body.water { border-top: solid 4px #8db7b3; }
				#body.lifestyle { border-top: solid 4px #94b151; }
				#body.financieel { border-top: solid 4px #b4bdc0; }
				
				#body.blogs { border-top: solid 4px #54abcc; }
					 

		#main {  }
		
		#article { }
		
		#index { }
		
		#category { }
		
			#article #main-content { }
			
				#main-text { padding: 20px;}
				
				#main-text.category-intro { }
		
			#main-text h1 { font-size: 28px; font-weight: normal; margin: 11px 0 22px 0; line-height: 28px; }
				
				#main-text blockquote { padding: 0 10px; margin: 12px 0 12px 12px; border-left: solid 2px #ecac42; color: #969f78; }
				
				.verbouwen #main-text h1,
				.verbouwen #main-text h2,
				.verbouwen .category-header { color: #54abcc; }
				.duurzaam-wonen #main-text h1,
				.duurzaam-wonen #main-text h2,
				.duurzaam-wonen .category-header { color: #969f78; }
				.energie #main-text h1,
				.energie #main-text h2,
				.energie .category-header { color: #9e6d61; }
				.water #main-text h1,
				.water #main-text h2,
				.water .category-header { color: #8db7b3; }
				.lifestyle #main-text h1,
				.lifestyle #main-text h2,
				.lifestyle .category-header  { color: #94b151; }
				.financieel #main-text h1,
				.financieel #main-text h2,
				.financieel .category-header { color: #99a0a3; }
								
			#main-text h2 { font-size: 16px; font-weight: normal; margin: 18px 0 18px 0; }
			
				.meta,
				.meta a { font-size: 10px; color: #aaa; }
					.meta a:hover { color: #666; }
					
				#main-text .meta { margin: 0 0 5px 0; }
			
				#main-text p { margin: 0 0 18px 0; }
				
				#main-text ul { margin: 0 0 18px 0;  }
					#main-text ul li { background: url(../images/arrow.png) no-repeat -103px -4px; padding: 0 0 6px 14px; display: block; }
					#main-text ul a { color: #666; }
					#main-text ul a:hover { color: #000; }
					
				#main-text ol { margin: 18px; list-style-type: decimal; }
					#main-text ol li { padding: 0 0 6px 0; }
					
				.related-articles { padding: 0 12px 0 12px; margin: 0 0 0 -12px; float: left; border-top: solid 1px #eeeae6; width: 606px; }
					
			.system-header { padding: 18px 12px 12px 12px; width: 606px; float: left; font-size: 16px; }
			
			.divider { border-bottom: solid 1px #eeeae6; }
			
			#comments { margin: 0 0 32px 0; float: left; border-top: solid 2px #ccc; font-size: 14px; }
				.comment { padding: 18px 12px 12px 12px; width: 606px; float: left; border-bottom: solid 1px #eeeae6; }
					.comment-name { font-size: 18px; }
					.comment-meta { color: #94b151; margin: 2px 0 0 0;  }
					.comment-content { margin: 18px 0 0 0;  }
						.comment-content p { margin: 0 0 18px 0; }

				#comments form { width: 606px; margin: 4px 12px; float: left; }
					#comments form label { display: block; padding: 4px 0; }
					#comments form .input { width: 260px; }
					
					#comments textarea { width: 600px; height: 113px; margin: 9px 0 0 0; padding: 9px; background: url(../images/comment-field-bg.png) no-repeat; border: 0; }
					
					#comments .button { width: 133px; margin: 4px 0 0 0; }
			
				#contact-form {  width: 432px; height: 416px; padding: 18px; margin: 8px 0 0 0; }
					#contact-form fieldset { border:0; }
					#contact-form legend { font-weight: bold; }
					#contact-form h3 { margin: 0 0 7px 0; }
					#spam-trap { display: none;  }
					#contact-form .form-element { clear: both; margin: 0 0 6px 0; overflow: hidden; }
					#contact-form label { display: block; width: 75px; float: left; font-size: 12px; padding: 2px 0 0 0; }
					#contact-form .text-box { border: solid 1px #d7d7d7; padding: 4px; float: left; display: block; color: #343434; font-family: Arial, sans-serif; font-size: 12px; } 
					#contact-form input { width: 215px; }
					#contact-form textarea { height: 230px; width: 347px; }
					#contact-form #contact-form-submit { margin: 0 0 0 75px;  width: auto; }
					
				#error-message { color: #c00; font-weight: bold; }
			
			.alignleft { float: left; margin: 0 10px 10px 0; }
			.alignright { float: right; margin: 0 0 10px 10px; }
			.alignnone { float: none; margin: 0 0 10px 0; }
			
				#latest-articles { margin: 30px 0 0 10px; float: left; width: 640px; }
				
				#related-posts { margin: 0 0 32px 0; }
				
				.article-excerpt { clear: both; padding: 0 20px 0 0; }
					#latest-articles .article-excerpt { }

					.image1 { width: 608px; height: 280px; }
					.image2 { width: 85px; height: 88px; }
					.image3 { width: 235px; height: 253px; }
					
					.category-header { font-size: 15px; font-weight: normal; }
						.category-header a { color: #54abcc; }
					.article-excerpt h3 { font-size: 12px; font-weight: bold; line-height: 18px; }
						.article-excerpt h3 a { color: #444; text-decoration: none; }
							.article-excerpt h3 a:hover { text-decoration: underline; }
						
				.smallbox { width: 300px; display: inline-block; *display: inline; vertical-align: top; margin: 0 8px 10px 0; background: url(../images/smallbox-bg.png) no-repeat -300px 100%; float: left; }
					.smallbox h2 { background: url(../images/smallbox-bg.png) no-repeat; padding: 8px 13px 11px 13px; line-height: 15px; font-size: 16px; float: left; width: 274px; }
						
						.smallbox h3 a {  text-decoration: none; }
						
						.smallbox h2 span { width: 267px; padding: 0 0 0 17px; display: block; clear: both; background-image: url(../images/header-arrows.png); background-repeat: no-repeat; }
							.smallbox h2.duurzaam-wonen span { color: #54abcc; background-position: 0 2px; }
							.smallbox h2.energie span { color: #9e6d61; background-position: 0 -16px; }
							.smallbox h2.er-op-uit span { color: #c7ceac; background-position: 0 -52px; }
							.smallbox h2.lifestyle span { color: #94b151; background-position: 0 -34px; }

						.smallbox-content { padding: 12px 0 12px 0; line-height: 16px; }
						.smallbox-content img { border: solid 1px #e5e5e5; margin: 0 0 0 -68px; clear: left; float: left; }
						
					#partners { margin-top: 12px; }
						.partner { position: relative; top: 0; left: 0; padding: 16px 30px 16px 80px; float: left; background: url(../images/smallbox-bg.png) no-repeat 0 -50px; border-bottom: solid 1px #eeeae6; }
						.partner-link { text-decoration: none; position: absolute; display: block; top: 0px; left: 0; width: 300px; }
						
						.smallbox .last { border: 0; }
						
				.box { width: 630px; display: inline-block; *display: inline; vertical-align: top; margin: 0 8px 10px 0; background: url(../images/box-bg.png) no-repeat -630px 100%; float: left; }
					.box h2 { background: url(../images/box-bg.png) no-repeat; padding: 8px 13px 11px 13px; line-height: 15px; font-size: 16px; float: left; width: 604px; }
						.box h2 a { text-decoration: none; }
							.box h2 a:hover { text-decoration: underline; }
						
						.box h3 a {}

						.box h2 a { width: 267px; padding: 0 0 0 17px; display: block; clear: both; background-image: url(../images/header-arrows.png); background-repeat: no-repeat; }
						
						/* TOODOOO */
							.box h2.duurzaam-wonen a { color: #54abcc; background-position: 0 2px; }
							.box h2.energie a { color: #9e6d61; background-position: 0 -16px; }
							.box h2.water a { color: #c7ceac; background-position: 0 -52px; }
							.box h2.lifestyle a { color: #94b151; background-position: 0 -34px; }
							.box h2.financieel a { color: #c7ceac; background-position: 0 -52px; }

						.box-content { padding: 12px 0 12px 117px; border-top: solid 1px #eeeae6; float: left; }
							.noimage { padding: 12px 0 12px 12px !important; }
						    .first { border-top: none !important; }
							.box .last { border: 0; }
						.box-content img { border: solid 1px #e5e5e5;  margin: 0 0 0 -106px; clear: left; }

				
			 	.article-excerpt .article-excerpt-navigation { display: block; float: left; margin: 1em 0; position: relative; top: 0; left: -8px; padding: 0; }
					.article-excerpt .article-excerpt-navigation li { display: block; width: 96px; line-height: 29px; height: 29px; float: left; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: -96px 0; padding: 0; }
					.article-excerpt .article-excerpt-navigation li:hover { background-position: 0 0; }
					.article-excerpt .article-excerpt-navigation a { color: #ffa800; font-weight: bold; text-decoration: none; display: block; height: 29px; padding: 0 0 0 18px; }
				    
			.article-highlight { margin: 23px 20px 0 22px; float: left; padding: 0 0 0 235px; width: 352px; }
			#index .article-highlight { margin: 13px 10px 18px 12px; }
				.article-highlight h2 { font-size: 24px; font-weight: normal; line-height: 28px; margin: 0 0 18px -235px; }
					.article-highlight h2 a { text-decoration: none; color: #54abcc; }
					.article-highlight h2 a:hover { text-decoration: underline; }
					
			.article-highlight img {  margin: 0 15px 12px -235px; }
					
				.article-highlight-list { float: left; width: 337px; }
					.article-highlight-list li { background: url(../images/arrow.png) no-repeat -103px -4px; padding: 0 0 0 14px; display: block; }
					.article-highlight-list a { color: #666; }
					.article-highlight-list a:hover { color: #000; }
					
				.article-highlight { }
			
		#secondary { float: left; width: 310px; }
		
		#secondary.category { float: right; width: 300px; margin: 0 0 0 10px; }
		
			#about { background: url(../images/quote-bg.png) no-repeat; width: 300px;  float: left; padding: 18px 0 0 0; margin: 10px 0 0 0; }
				#about blockquote { font-style: italic; background: url(../images/quote-bg.png) no-repeat -300px 100%; padding: 0 16px 13px 28px; float: left; line-height: 16px;}
				
			#top5 { clear: both; width: 300px; margin: 20px 0 0 0; float: left; }
				#top5 h2 { font-size: 15px; font-weight: normal; color: #54abcc; padding: 0 0 4px 17px; display: block; clear: both; background: url(../images/header-arrows.png) no-repeat 0 4px; border-bottom: solid 1px #eeeae6; margin: 0 0 9px 0; }
				#top5 ol { padding: 9px 0 0 20px; margin: 0 0 0 10px; }
					#top5 li { color: #54abcc; list-style-type: decimal; font-size: 15px; padding: 0 0 10px 0; }
						#top5 li a { font-size: 12px; }
				
			.rectangle { margin: 10px 0; float: left; }
			
			#subcategories { margin: 10px 0 0 0; float: left; width: 300px; }
			    #breadcrumbs { float: left;background: url(../images/subcategories.png) no-repeat -300px 0; height: 34px; overflow: hidden; width: 100%; }
			        #breadcrumbs li { display: inline; background: url(../images/arrow-black.png) no-repeat 0 3px; padding: 0 3px 0 11px; line-height: 34px;  }
			            #breadcrumbs li.root { background: none; padding: 0 3px 0 18px; }
			            #breadcrumbs strong{ font-weight: normal; }
		        
		        #subcategories h2 { border-bottom: solid 1px #dfeef5; font-size: 16px; line-height: 21px; font-weight: normal; padding: 14px 18px; background: #eef7fa; float: left; width: 264px; }
		            #subcategories h2 strong { white-space: nowrap; font-weight: normal; }
			        #subcategories-content { width: 290px; padding: 0 0 0 10px; float: left; background: #eff6fa url(../images/subcategories.png) no-repeat 0 100%; }
			            #subcategories-content ul { margin: 8px 0 12px 0; padding: 0; }
			                #subcategories-content ul.multiple { width: 130px; float: left; }
		 					#subcategories-content ul.list-2 { width: 150px; }
			                #subcategories-content li { display: block; padding: 4px 0 4px 18px; height: 16px; line-height: 16px; font-size: 12px; background: url(../images/arrow.png) no-repeat -98px -1px; }
		
	#footer { clear: both; background: #d7dcc1; margin: 19px 0 0 0; }
	
		#credits { padding: 20px; overflow: hidden; font-size: 11px; }
			#credits img { display: none; }
			.credits-section { width: 100px; float: left; }
				.credits-section h3 { font-size: 12px; }
		
		#sitemap { width: 960px; margin: 0 auto; padding: 65px 0 30px 0; overflow: hidden; background: url(../images/page-footer-bg.png) no-repeat center top; position: relative; top: -28px; }
		
			.sitemap-section { display: block; float: left; vertical-align: top; margin: 0 30px 0 0; }
				.sitemap-section h2 { font-size: 16px; line-height: 16px; font-weight: normal; margin: 0 0 6px 0; }
				.sitemap-section ul { display: block; float: left;vertical-align: top;  }
					.sitemap-section li { background: url(../images/arrow.png) no-repeat -103px -4px; padding: 0 0 0 12px; }
				.sitemap-section a { color: #666; text-decoration: none; }
					.sitemap-section a:hover { text-decoration: underline; }
				 
				.sitemap-secondary { border-left: solid 1px #e7ead8; margin: 0 0 0 13px; padding: 0 0 0 15px; }
		
		
			
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { background: white; padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0px; font-variant: normal; text-align: left; line-height: 12px; letter-spacing: 0px; word-spacing: 0px;	font-size: 11px; font-family: Arial; }

#wp_page_numbers { margin-top: 10px; width: 100%; background: white; margin-bottom: 22px; }
	#wp_page_numbers ul { width: 100%; }
	#wp_page_numbers li { float: left; display: block; margin-bottom: 2px; }
	#wp_page_numbers a { padding: 5px; padding-left: 9px; padding-right: 9px; margin-left: 2px; margin-right: 2px; display: block; color: #666; border: 1px solid #EEEAE6; }

	#wp_page_numbers li a:hover { border-color: #666; }
	#wp_page_numbers li.space { padding: 6px; padding-left: 2px; padding-right: 2px; }

	#wp_page_numbers li.first_last_page { font-style: italic; }

	#wp_page_numbers li.active_page a { border-color: #FFA800; }
	#wp_page_numbers li.active_page a:hover  { color: #666; /* IE fix */ text-decoration: underline; border-color: #666; }

	#wp_page_numbers li.page_info { float: left; display: block; padding: 7px; padding-left: 5px; padding-right: 5px; margin-right: 2px; color: #666; font-size: 11px; border: 1px solid #bfbfbf; border: 0; }