body{
	padding:0;
	margin:0;
	font-family:"Trebuchet MS";
	font-size:11px;
	background:#fff url('../images/bg_body.png') repeat-x;
	color:#cccccc;
	line-height:20px;
}
a {
	outline:none;
}
ul{
	padding:0 0 0 40px;
	}
	ul li{
		list-style-type:disc;
	}

#wrap{
	width:932px;
	height:auto;
	margin:0 auto;
}
	#top {
		width:932px;
		height:406px;
		float:left;
	}
		#navigatie {
			width:932px;
			height:36px;
			float:left;
			position:relative;
		}
			#navigatie ul {
				margin:0;
				padding:0;
			}
			#navigatie li{
				float:left;
				list-style:none;
				position:relative;
			}
			.navItem a, .navItemActive a{
				padding:0 20px 0 20px;
				display:block;
				text-decoration:none;
				color:#999999;
				font-size:13px;
				line-height:36px;
			}
			.navItem a:hover {
				background:url('../images/navItemHover.png') repeat-x;
				color:#fff;
			}
		.dropNav {
			background:#fff url('../images/dropNav.png') repeat-x;
			background-position:bottom;
			width:240px;
			height:auto;
			display:none;
			position:absolute;
			right:0;
			z-index:2000;
		}
		.dropNav ul {
			margin:0;
			padding:0;
		}
		.dropNav li{
			width:132px;
		}
		.dropNavItem a{
			line-height:26px;
			display:block;
			font-size:12px;
			color:#999999;
			width:200px;
			font-weight:normal;
		}
		.dropNavItem a:hover {
			color:#4a6e32;
			background:none;
			border-bottom:1px solid #b8c1b3;
			height:25px;
			font-weight:bold;
		}
		#logo {
			width:180px;
			height:60px;
			float:left;
			margin:18px 0 0 0;
		}
		#logo img {
			border:0;
		}
		#offerte {
			width:201px;
			height:62px;
			float:right;
			background:#fff;
			border:1px solid #cccccc;
			margin:16px 0 0 0;
			padding:0 0 0 10px;
			color:#999999;
		}
		.groen {
			color:#4a6e32;
		}
		#slideshowContainer {
			width:932px;
			height:242px;
			background:#fff;
			position:relative;
			float:left;
			margin:18px 0 0 0;
		}
		.slideshow {
			margin:15px 0 0 15px;
		}
		#schaduw {
			width:933px;
			height:30px;
			float:left;
			background:url('../images/schaduw.png') no-repeat;
		}
	#blackBlock {
		width:932px;
		height:auto;
		float:left;
		min-height:375px;
	}
		#blackLeft {
			width:390px;
			height:auto;
			float:left;
			position:relative;
			padding:20px 0 20px 0;
		}
		#blackLeftMain {
			width:212px;
			height:auto;
			float:left;
			position:relative;
		}
			#subNav {
				width:212px;
				height:auto;
				float:left;
				margin:20px 0 0 0;
			}
				#subNav ul {
					margin:0;
					padding:0;
				}
				#subNav li {
					list-style:none;
				}
				.subNavItem a, .subNavItemActive a{
					color:#afbda5;
					display:block;
					line-height:26px;
					text-decoration:none;
					padding:0 0 0 20px;
					font-size:12px;
				}
				.subNavItem a:hover, .subNavItemActive a {
					color:#fff;
					border-bottom:1px solid #adadad;
					line-height:25px;
				}
			.sloganSmall {
				width:211px;
				height:82px;
				position:absolute;
				top:367px;
				left:0;
				background:url('../images/slogansmall.png') no-repeat;
			}
		#blackRightMain  {
			width:645px;
			height:auto;
			min-height:360px;
			border:1px solid #cccccc;
			float:right;
			background:#fff;
			margin:33px 0 0 0;
			padding:20px;
		}
		.text {
			position:relative;
			color:#666666;
		}
		.text img {
			border:0;
		}

			.text a{
			line-height:26px;
			display:block;
			font-size:12px;
			color:#999999;
			
			
		}
		.text a:hover {
			color:#4a6e32;
			background:none;
			
			
			
			
		}
		#blackRight {
			width:502px;
			height:auto;
			float:right;
		}
			#blackRight ul {
				margin:0;
				padding:0;
			}
			#blackRight li {
				list-style:none;
				float:left;
			}
			.bottomItem {
				width:251px;
				height:161px;
				background:url('../images/homeItem.png') no-repeat;
				margin:20px 0 0 0;
			}
			.homeImage {
				margin:25px 0 0 30px;
			}
			.homeImage img {
				border:0;
			}
			.pageTitle a{
				color:#cccccc;
				float:right;
				text-decoration:none;
				padding:0 20px 0 0;
				margin:3px 30px 0 0;
				font-size:12px;
				background:url('../images/pijl.png') no-repeat;
				background-position:right center;
			}
			.pageTitle a:hover {
				text-decoration:underline;
			}
	#whiteBlock {
		width:932px;
		height:auto;
		min-height:165px;
		float:left;
	}
		#whiteLeft {
			width:680px;
			height:auto;
			float:left;
			position:relative;
		}
			#collectie {
				float:left;
				margin:33px 0 0 0;
			}
			.collectieItemLeft {
				width:213px;
				height:132px;
				border:1px solid #cccccc;
				float:left;
				margin:0 10px 0 0;
			}
			.collectieItemRight {
				width:213px;
				height:132px;
				border:1px solid #cccccc;
				float:left;
				margin:0 10px 0 0;
			}
			.collectieImage {
				margin:8px 0 0 8px;
				border:1px solid #cccccc;
				width:193px;
			}
			.collectieTitle a{
				color:#999999;
				float:right;
				text-decoration:none;
				padding:0 20px 0 0;
				margin:15px 20px 0 0;
				font-size:12px;
				background:url('../images/collectiePijl.png') no-repeat;
				background-position:right center;
			}
			.collectieTitle a:hover {
				text-decoration:underline;
			}
		#whiteRight {
			width:240px;
			height:auto;
			float:right;
			position:relative;
		}
			.slogan {
				width:407px;
				height:99px;
				position:absolute;
				background:url('../images/slogan.png') no-repeat;
				top:-66px;
				left:-20px;
			}
			.nieuwsBlock {
				width:245px;
				height:auto;
				float:right;
				position:relative;
				margin:45px 0 0 0;
				color:#999999;
				line-height:16px;
			}
			.nieuwsBlock a{
				color:#4a6e32;
				text-decoration:none;
			}
#footer {
	width:100%;
	height:auto;
	min-height:300px;
	background:url('../images/footer.png') repeat-x;
	float:left;
	border-top:1px solid #a6afa0;
	margin:30px 0 0 0;
}
	#footerBlock {
		width:932px;
		height:auto;
		margin:0 auto;
	}
		#footerLeft {
			width:180px;
			height:auto;
			float:left;
			padding:10px 0 0 0;
		}
			#footerLeft ul {
				margin:0;
				padding:0;
			}
			#footerLeft li{
				list-style:none;
			}
			.footerItem a, .footerItemActive a{
				color:#999999;
				text-decoration:none;
			}
			.footerItem a:hover, .footerItemActive a {
				text-decoration:underline;
			}
			h2, h1 {
				font-size:16px;
				color:#4a6e32;
				font-family: 'Ovo', serif;
			}
		#footerMidLeft {
			width:160px;
			height:auto;
			float:left;
			position:relative;
			padding:10px 0 0 0;
			color:#999999;
		}
			#footerMidLeft a{
				color:#999999;
				text-decoration:none;
			}
			#footerMidLeft a:hover {
				text-decoration:underline;
			}
		#footerMidRight {
			width:300px;
			height:auto;
			float:left;
			padding:10px 0 0 0;
			color:#999999;
		}
			.textInput {
				width:256px;
				height:22px;
				border:1px solid #c8c9c8;
				font-size:11px;
				color:#999999;
				padding:0 0 0 10px;
				margin:10px 0 0 0;
				line-height:20px;
			}
			.textareaInput {
				width:256px;
				height:115px;
				font-family:"Arial";
				border:1px solid #c8c9c8;
				font-size:11px;
				color:#999999;
				margin:10px 0 0 0;
				padding:5px 0 0 10px;
			}
			.submit, .formButton {
				border:0;
				background:url('../images/pijlGroen.png') no-repeat;
				background-position:right center;
				color:#4a6e32;
				float:right;
				margin:5px 0 0 157px;
				width:112px;
				height:21px;
				cursor:pointer;
				font-size:11px;
				font-family:"Trebuchet MS";
			}
		#footerRight {
			width:250px;
			height:auto;
			float:right;
			padding:10px 0 0 0;
		}
			.showroomImage {
				width:223px;
				height:125px;
				background:#fff;
				border:1px solid #c1c2c1;
				padding:11px 0 0 11px;
			}
			.showroomTitle a{
				color:#4a6e32;
				float:right;
				text-decoration:none;
				padding:0 20px 0 0;
				margin:11px 20px 0 0;
				font-size:12px;
				background:url('../images/pijlGroen.png') no-repeat;
				background-position:right center;
			}
#loadingProjects {
	margin:150px 0 0 335px;
}
#containerProjecten {
	display:none;
}

.projectLinkImage{
	border:0;
	max-width:200px;
	max-height:140px;
	margin:0 20px 0 0;
}
.projectCategoryLinkImage{
	border:0;
	max-width:180px;
	max-height:120px;

}
.projectImage{
	vertical-align:top;
}
.projectCategoryImage{
	vertical-align:top;
	text-align:center;
}
.projectCategoryName{
	font-weight:bold;
	border:1px #cccccc solid;
	text-align:center;
}
.projectName{
	font-weight:bold;
	padding:5px 0 0 0;
	color:#336633;
}
.projectCity{
	height:24px;
	padding:0 0 5px 0;
}
.projectCatTd{
	width:180px;
}
.projectCatTd table{
	width:180px;
	margin:0 0 0 5px;
}
div#largeProjectImage{
	float:left;
	width:530px;
	text-align:center;
}
div#largeProjectImage img{
	max-width:530px;
}

div#projectImageWrap{
	float:right;
	width:210px;
	height:353px;
	overflow:hidden;
	position:relative;
}
div#projectImageScroller{
	float:left;
	width:180px;
	position:absolute;
	top:0;
}
div.smallProjectImage img{
	width:180px;
}
div#arrowUp{
	width:24px;
	position:absolute;
	right:0;
	top:0;
}
div#arrowDown{
	width:24px;
	position:absolute;
	right:0;
	bottom:0;
}
#projectInfo div#innerInfo {
    font-family: "Arial";
    font-size: 11px;
    height: 415px;
    margin: 10px;
    width: 220px;
}
#projectSliderWrap {
    border: 1px solid #666666;
    height: 415px;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 622px;
}
#projectSlider {
    height: 415px;
    width: 622px;
}
#projectInfo div#innerInfo {
    font-family: "Arial";
    font-size: 11px;
    height: 415px;
    margin: 10px;
    width: 220px;
}
#projectInfo div#innerInfo {
    font-family: "Arial";
    font-size: 11px;
    height: 415px;
    margin: 10px;
    width: 220px;
}
.sliderImage {
    left: 10px;
    position: absolute;
    top: 10px;
    width: 622px;
}

