/*-----------------[RESET]------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, 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; }

/* remember to define focus styles! */
:focus { outline: 0; }

/*-----------------[BASIC STYLES]-----------------*/
body { text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; background: #f0f0f0; color: #757474; min-height: 25px; }

a { text-decoration: none; color: #838446; }
a:hover { text-decoration: underline; }
.clear { clear: both; }

h1, h2, h3, h4 { padding-bottom: 5px; color: #99995b; letter-spacing: -1px; line-height: 1em; font-weight: normal; font-family: Arial, Verdana, sans-serif;}
h1 a, h2 a, h3 a, h4 a { color: #383737; }
h1 { font-size: 24px; }
h2 { font-size: 16px; margin:20px 0px 5px 0px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

p { padding-bottom: 10px; line-height: 18px; }
strong { font-weight: normal; color: #757474; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*---------------[MAIN LAYOUT INFO]---------------*/
#header-top  { background: #fff url(../images/header-top-bg.png) repeat-x bottom left; height: 106px;}
	div.container { text-align: left; width: 960px; margin: 0 auto; position: relative; height: 100%; }
		img#logo { float: left; margin:0px 10px 0px 0px; padding-top: 13px; }
		.hometitle { font-family: Georgia, serif; font-style: italic; color: #6e6e6e; font-size: 14px; letter-spacing: 0px; float: left; padding-top: 27px;}

#content {background: url(../images/content_bg.png) repeat-x; position: relative; }
	#content-top-shadow { background: url(../images/index-top-shadow.png) repeat-x; height: 41px; position: absolute; top: 0px; left: 0px; width: 100%; }
		#from-categories {background:#fff; width:963px; padding-bottom:40px;}	
			.recent-cat.first {background: url(../images/cat-first_bg.png) no-repeat;}
			.recent-cat {background: url(../images/cat_bg.png) no-repeat ; }
			.recent-cat.first, .recent-cat {width: 238px; float: left; padding-left: 2px;}
				.recent-cat.first img, .recent-cat img {margin-left: -1,2px;}
				.recent-cat.last { width:239px; }
				.recent-cat.last .entry { border-right:1px solid #FFFFFF; }
				
				.top {background: url(../images/top_bg.png) repeat-x; }
				.top.last {border-right: 1px solid #a7a6a6; width:239px; }
					p.title {font-size: 12px; padding-top: 6px; }
				.recent-cat .entry {padding-top: 14px; padding-left:19px; padding-right:19px; padding-bottom:39px; position: relative; border-right: 1px solid #d8d8d8; width:201px; border-bottom: 1px solid #d8d8d8;}
						.recent-cat .entry h3 {font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; }
							.recent-cat .entry h3 a { color: #fff; padding: 11px 10px 11px 14px; display: block; }
								.recent-cat .entry h3 a:hover { text-decoration: none; color: #f3f3f3; }
						.recent-cat .entry p.meta-info {font-size: 11px; font-family: Georgia, serif; font-style: italic; color: #c2c1c1; margin-top: -3px; margin-bottom:4px;}
						.recent-cat .entry p {margin-top: -8px; color: #262626; line-height: 18px; }
						.recent-cat .entry a.readmore {background: url(../images/readmore.png) repeat-x; display: block; position: absolute; right: 0px; bottom: 0px; height: 29px;}
							.recent-cat .entry a.readmore span {padding-left: 14px; padding-right: 14px;line-height: 29px; color:#fff; text-shadow: 1px 1px 1px #111;}
							.recent-cat .entry a.readmore:hover span {color: #eee;}
							.recent-cat .entry p.meta-info a {color: #c2c1c1; }
							.recent-cat .entry p.meta-info a:hover { color: #7c7c7c; text-decoration: none; }
					.recent-cat .entry.staalblauw .title { padding-bottom: 10px; position: absolute; top:-212px; left: -10px; background: url(../images/title_staalblauw.png) no-repeat bottom left; z-index: 10;}	
						.recent-cat .entry.staalblauw h3 {background:#5e718e; width: 207px; text-shadow: 1px 1px 1px #435166;}
					.recent-cat .entry.mosgroen .title { padding-bottom: 10px; position: absolute; top:-212px; left: -10px; background: url(../images/title_mosgroen.png) no-repeat bottom left; z-index: 10;}	
						.recent-cat .entry.mosgroen h3 {background:#838446; width: 207px; text-shadow: 1px 1px 1px #646436;}
					.recent-cat .entry.grijs .title { padding-bottom: 10px; position: absolute; top:-212px; left: -10px; background: url(../images/title_grijs.png) no-repeat bottom left; z-index: 10;}	
						.recent-cat .entry.grijs h3 {background:#92989b; width: 207px; text-shadow: 1px 1px 1px #606466;}
					.recent-cat .entry.bruin .title { padding-bottom: 10px; position: absolute; top:-212px; left: -10px; background: url(../images/title_bruin.png) no-repeat bottom left; z-index: 10;}	
						.recent-cat .entry.bruin h3 {background:#9a8967; width: 207px; text-shadow: 1px 1px 1px #675c45;}	
		#main-content-wrap {padding-top:55px; background: url(../images/index-top-bg.png) repeat-x;}
		body#home #main-content-wrap { padding-top: 8px; background: none; }
		
			body#home #main-content {background:url(../images/main_content_bg.png) repeat-y scroll 480px 39px #FFFFFF; }
			#main-content { background:url("../images/main_content_bg2.png") repeat-y scroll 408px 39px #FFFFFF; }
				#recent-posts {width: 637px; background: none; float: left; }
				div#top-shadow { background: url(../images/index-shadow.png) repeat-x; height: 26px; width: 100%; position: absolute; top: 0px; left: 0px; }
								
				body#home #breadcrumbs { background:url("../images/breadcrumb-bg.png") repeat-y scroll 0 0 transparent; height:54px; left:0;
line-height:58px; padding-left:34px; position:absolute; top:0; width:603px; font-family: Georgia, serif; font-size: 14px; font-style: italic; color: #6f6f6f; text-shadow: 1px 1px 1px #ffffff; }
					.fullwidth #breadcrumbs { width: 900px; }
					#main-content.fullwidth { background-image: none; }
					
					
						#breadcrumbs a { color: #6f6f6f; }
							#breadcrumbs a:hover { text-decoration: none; color: #474747; }

#content-bottom { height: 19px; background: url(../images/content-bottom-bg.png) repeat-x; }
	#content-bottom .container { height: 19px; background: url(../images/content-container.png) 636px 0px no-repeat; }
	body#home #content-bottom .container { background: url(../images/content-container-bg.png) 479px 0px no-repeat; }
		
		#content-bottom .nobg, div#top-shadow.nobg { background: none; }
		.fullwidth #recent-posts { width: 960px; }

/*---------------[DROPDOWN MENU]------------------*/
		#cat-nav { bottom:-14px; left:0; position:absolute; width:980px; z-index:100; }	
			#cat-nav-left {background: url(../images/cat-nav-left.png) no-repeat; width: 10px; height: 64px; float: left;}
			#cat-nav-content { background: url(../images/cat-nav-content.png) repeat-x; float: left; height: 64px; width: 941px; }
						.nav li ul {box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); background: url(../images/cat_menu_bg.png) repeat-y; border: 1px solid #606039; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top: none; padding-bottom: 15px; }
				#cat-nav-content ul.nav { float: left; margin-top: 10px; margin-left:18px; }
				
					#cat-nav-content ul.nav li { padding:0 17px 0 0; }
						#cat-nav-content ul.nav li a { font-size: 13px; padding: 8px 4px 21px; }

						#cat-nav-content ul.nav li.sf-ul a { padding: 8px 6px 21px 15px; }		
						
						#cat-nav-content ul.nav > li.sf-ul { background: url(../images/li-hover.png) no-repeat 55px right; }
						#cat-nav-content ul.nav > li.sf-ul > a { background: url(../images/a-hover.png) no-repeat 55px left; }
						
						#cat-nav-content ul.nav > li.sf-ul.sfHover { background: url(../images/li-hover.png) no-repeat top right;  }
							#cat-nav-content ul.nav > li.sf-ul.sfHover > a { background: url(../images/a-hover.png) no-repeat top left; display: block; }
												
						#cat-nav-content ul.nav li li { padding: 0px; }
							#cat-nav-content ul.nav ul ul { border-top: 1px solid #606039; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; }									
						#cat-nav-content ul.nav li li a:hover { color: #767623; }
					#cat-nav-content ul.nav li a {color: #fefefe; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px #0a0a0a; }
						#cat-nav-content ul.nav ul li a { text-shadow: 1px 1px 1px #0a0a0a; }
					#cat-nav-content ul.nav > li > a:hover {  }
							#cat-nav-content ul.nav li li {background: url(../images/bullet.png) no-repeat 16px 17px;}
							#page-menu ul.nav li li { background:url("../images/page-menu-bullet.png") no-repeat scroll 16px 16px transparent; }
								#page-menu ul.nav li a { padding: 8px 9px 16px; }
									#page-menu ul.nav > li > a.sf-with-ul:hover, #page-menu ul.nav > li.sfHover > a { background-color: #232323; }
									#page-menu ul.nav li li a { text-shadow: none; }
									
									#page-menu .nav li:hover ul, #page-menu ul.nav li.sfHover ul { left:0px; top:45px; }
									#page-menu .nav ul li:hover ul, #page-menu ul.nav ul li.sfHover ul { left:191px; top:-2px; }

							#cat-nav-content ul.nav li li a, #page-menu ul.nav li li a {background: url(../images/divider.png) no-repeat bottom left; display: block; width: 156px; z-index: 100; padding: 9px 5px 11px 28px !important; }
							#page-menu ul.nav li li a { background: none; padding: 0px 5px 0px 28px !important; }
							
			#cat-nav-right { background: url(../images/cat-nav-right.png) no-repeat; width: 19px; height: 64px; float: left;}

/*--------------[FEATURED SLIDER]-----------------*/
#featured { border-bottom: 1px solid #ffffff; background: #92989b; height: 300px; overflow: hidden; }
	div.slide { height: 300px; position: relative; }
		div.overlay, div.top-overlay { background:url("../images/dropshadow.png") repeat-x bottom left; bottom:0; height:22px; left:0; position:absolute; width:100%; }
		div.top-overlay { background:url("../images/top-overlay.png") repeat-x bottom left; top: 0px; height: 43px; }
		.slide .description { background:url("../images/overlay.png") no-repeat scroll 0 0 transparent; float:right; height:276px; margin-top:6px; padding:25px 68px 0 20px; width:342px; }
			.description h2.title { font-weight: bold; font-size: 36px; padding-top:3px; }
				.description h2.title a { color: #ffffff; text-shadow: 2px 2px 2px #303018; }
					.description h2.title a:hover { color: #eeeeee; text-decoration: none; }
			.description p.tagline { font-size: 14px; font-family: Georgia, serif; font-style: italic; color: #4f4f4f; padding: 7px 0px 4px; }
				.description p.tagline a { color: #4f4f4f; }
					.description p.tagline a:hover { color: #7c7c7c; text-decoration: none; }
			.description p.sterk { color: #ffffff; }
			.description p.sterk strong { color: #ffffff; }
			.description h2.title { font-weight: bold; font-size: 36px; padding-top:3px; }
			
			.slide a.readmore { background:url(../images/featured-readmore-right.png) no-repeat scroll right bottom; display:block; float:left; height:31px; line-height:32px; padding-right:11px; color: #ffffff; text-shadow: 1px 1px 1px #1e1e0f; margin-top:8px; }
				.slide a.readmore span { background:url(../images/featured-readmore-left.png) no-repeat; display:block; font-weight: bold; padding: 0px 4px 0px 15px; }

a#prevlink, a#nextlink { position:absolute; bottom:-2px; right:0; height: 40px; text-indent: -9999px; display: block; z-index: 1000; }
a#prevlink { right: 80px; background: url(../images/arrow-left.png) no-repeat; width: 81px; }
a#nextlink { width: 80px; background: url(../images/arrow-right.png) no-repeat; }
	
/*---------------------[SUB PAGES]-------------------*/
.breadcrumbs {background: url(../images/top_bg.png) repeat-x; border-left: 1px solid #a7a6a6; border-right: 1px solid #a7a6a6; padding: 13px 0px 6px 25px; font-size:11px; }
#content-pages {background:#fff; width:960px; padding-bottom:40px; }
.content-vervolg {float: left; position: relative; width: 665px; margin	: 20px 0px 0px 25px;}
.content-vervolg li {margin-left:17px; list-style-image: url(../images/listbullit.png);}
.prijzen {float: left; background: #f9f9f9; border: 1px solid #e2e2e3; width:650px; padding: 15px 0px 15px 10px;}
.content-fotos {float: left; position: relative; width: 920px; margin	: 20px 0px 0px 25px;}
.prijzenkolom1 {float: left; width:280px; }
.prijzenkolom2 {float: left; width:340px; }
.contactkolom {float: left; width:420px; }
.prijzenrij2 {float: left; width:640px; margin-top:30px;}
.nav-kolom {float: right; position: relative; width: 226px; margin-top: 12px; }
#subnavigatie {margin:0; padding:0; list-style:none; font: normal 14px Arial, Verdana, Helvetica; }
#subnavigatie li { float:left; display:block; width:226px; height:45px; background: url(../images/butsub-off.png) no-repeat; position:relative; z-index:400;}
#subnavigatie li a {display:block; padding:14px 0 0 37px; height:31px; text-decoration:none; color:#666; }
#subnavigatie li a:hover {background: url(../images/butsub-hover.png) no-repeat; color:#333;}
#subnavigatie li a.selected {background: url(../images/butsub-active.png) no-repeat; color:#fff;}
.nav-end {float:left; position:relative; width:226px; height:23px; background:url(../images/nav-end.png) no-repeat;}
.nav-header {float:left; position:relative; width:206px; height:36px; background:url(../images/nav-header.png) no-repeat; padding:15px 0 0 20px; font-size:16px; color:#fff;}
#fotobalk { position: relative; height:205px; background: #3f3f3f;}
a.foto-box { float: left; width: 149px; height: 149px; margin: 20px 0px 0px 22px; padding: 8px; background: url(../images/foto-box-off.png) no-repeat; }
a.foto-box:hover { background: url(../images/foto-box-on.png) no-repeat; }
.index-box  {	
	float: left;
	width:662px;
	height: 120px;
	margin: 0px 0px 25px 0px;
	padding: 8px 20px 0px 8px;
	background: url(../images/index-box-off.png) no-repeat;
}
.index-box:hover {	
	background: url(../images/index-box-on.png) no-repeat;
}
.index-box h2{	
	font: bold 14px  Arial, Verdana,Helvetica;
	margin: 5px 15px 0px 115px;
	color: #fff;
}
.index-box img {
	float: left;
	bottom: 0px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-style: solid;
	border-right-color: #FFF;
	margin-right: 8px;
}
.index-box p {
	font: normal 12px/17px  Arial, Verdana,Helvetica;
	margin: 10px 15px 5px 15px;
	color: #666;
}
.offerte{ float: right; width: 225px; height: 45px; background-image: url(../images/offerte-button-off.png); margin: 40px 0 30px 0; display: block;}
.offerte:hover{ background-image: url(../images/offerte-button-on.png);}
.information{ float: right; width: 197px; height: 168px; background-image: url(../images/meer-informatie.jpg); padding: 150px 15px 15px 15px; margin: 10px 0 20px 0; display: block;}
.icontext{ padding: 5px 0 0 34px; font-weight: bold; color: #333; }
.icontext2{ padding: 5px 0 0 3px; font-weight: bold; color: #333; }

/*---------------------[FOOTER]-------------------*/
#footer { background: #f0f0f0 url(../images/footer-bg.png) repeat-x; /*min-height: 400px;*/ }
	#footer a { color: #ffffff; }
		#footer a:hover { color: #70713b; text-decoration: none; }
		ul.bottom-nav li {float:left; padding:12px 16px 30px 3px;}	
			ul.bottom-nav li a {color: #ffffff; font-weight: bold;}
		p#copyright {float:right; font-size:11px; padding-top:11px; color:#d8d8a7;}	
		p#copyright a {color:#ffffff;}
	#footer .last { background: none; } 	
	#footer .social-media {left:50%; width:400px; height:75px; color:#838446; letter-spacing: 1px; margin-bottom:40px;}
	#footer .social-media a {color: #76783f;}
	#footer .gerelateerd {left:50%; width:960px; height:75px; color:#color: #757474; letter-spacing: 1px; margin-bottom:20px;}
	#footer .gerelateerd a {color: #76783f;}
	
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
	.nav li ul { width: 191px; }
		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
		.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
	
/*-------------------[PAGE NAVI]------------------*/
a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.js #feat-content, .js div#from-blog div.entries {display: none;} 

.foursixeight { margin: 0px 0px 15px 84px;}

.fullwidth { width: 100% !important; }