* {
	margin: 0px;
	padding: 0px;
}


body {
	background: #FFFFFF;
	font-family: Palatino, Verdana;
}

#container {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	background: #FFFFFF;
	font-size: 12px;
}


#header{
	position: relative;
	top:0px;
	margin:20px 0px 0px 0px;
	padding:0;
	left:0px;
	height: 66px;
	width:100%;
	background: #FFFFFF;
	border: solid 0px #FF0000;
	z-index:200;
}

#header a img {
	border: 0px;	
}

#logo {
	float: left;
}

#menu {
	float: right;
	margin-top: 32px;
	font-weight:normal;
	z-index:10;
}
#menu ul {
	list-style: none;
	z-index:10;
}

#menu li a {
	color: #252d40;
	text-decoration: none;
	display: block;
	/* width: 100px; */
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	z-index:10;
}

#menu ul.d2 {
	background: #ffffff;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	position: absolute;
	z-index: 200;
	left: auto;
	display:none;
	border: 0px solid #000;
	margin-top:-6px;
	line-height: 18px;
	/*z-index:10;*/
}

#menu ul li:hover ul {
	left: auto;	
	display:block;
	z-index:200;
}

#menu li.d1 {
	float: left;
}
#menu li.d1 a {
	line-height: 40px;
	padding: 0px 15px;
}
#menu li.d2 a {
	line-height: 2.5em;
	width: 145px;
	font-size: 12px;
	font-weight: normal;
}
#menu li.d2 a:hover {
	color: #8ba7bb;
}
#menu li.d2 ul {
	list-style: disc;
	margin-left:40px;
	padding:0px;
	
}
#menu li.d3 a {
	width: 140px;
	padding-left: 0px;
	font-weight: normal;
}
		
#content {
	position: relative;
	top:0px;
	left:0px;
	font-size: 12px;
	line-height: 20px;
	height: 598px;
	border: solid 0px #FF0000;
	letter-spacing: 1px;
}
#blok1 {
	position: absolute;
	top:0px;
	left:0px;
	width:591px;
	height:597px;
	background-color:#7999b0;
}
#blok2 {
	position: absolute;
	top:0px;
	left:595px;
	width:364px;
	height:365px;
	background-color:#6c7578;
}
#blok3 {
	position: absolute;
	top:369px;
	left:736px;
	width:224px;
	height:228px;
	background-color:#8c7676;
}
#blok4 {
	position: absolute;
	top:460px;
	left:595px;
	width:137px;
	height:137px;
	background-color:#5e9594;
}
#blok5 {
	position: absolute;
	top:369px;
	left:595px;
	width:84px;
	height:87px;
	background-color:#aec8d9;
}
#blok6 {
	position: absolute;
	top:369px;
	left:683px;
	width:49px;
	height:87px;
	background-color:#252d40;
}
#circlehome {
	position: absolute;
	top:0px;
	left:0px;
	width:960px;
	height: 598px;
	background-image:url("/images/homecircle.png");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#kindbg {
	position: absolute;
	top:0px;
	left:0px;
	width:960px;
	height: 598px;
	background-image:url("/images/hetkind.jpg");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#dialoogbg {
	position: absolute;
	top:0px;
	left:0px;
	width:960px;
	height: 598px;
	background-image:url("/images/dialoog.jpg");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#expertisebg {
	position: absolute;
	top:0px;
	left:0px;
	width:960px;
	height: 598px;
	background-image:url("/images/expertise.jpg");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#helderheidbg {
	position: absolute;
	top:0px;
	left:0px;
	width:960px;
	height: 598px;
	background-image:url("/images/helderheid.jpg");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#bouwstenenbg {
	position: absolute;
	top:0px;
	left:0px;
	width:960px;
	height: 598px;
	background-image:url("/images/bouwstenen.jpg");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#verdiepingbg {
	position: absolute;
	top:0px;
	left:0px;
	width:960px;
	height: 598px;
	background-image:url("/images/verdieping.jpg");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#circle1 {
	position: absolute;
	top:160px;
	left:120px;
	width:90px;
	height:100px;
	display:block;
}
#circle2 {
	position: absolute;
	top:40px;
	left:775px;
	width:90px;
	height:90px;
	display:block;
}
#circle3 {
	position: absolute;
	top:430px;
	left:878px;
	width:80px;
	height:110px;
	display:block;
}
#circle4 {
	position: absolute;
	top:503px;
	left:601px;
	width:90px;
	height:90px;
	display:block;
}
#circle5 {
	position: absolute;
	top:370px;
	left:598px;
	width:70px;
	height:85px;
	display:block;
}
#circle6 {
	position: absolute;
	top:370px;
	left:687px;
	width:44px;
	height:85px;
	display:block;
}

#startscroll {
	position: absolute;
	top:311px;
	left:145px;
	width:356px;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
	font-size:12px
}
#contentscroll {
	position: absolute;
	top:60px;
	left:64px;
	width:585px;
	height:362px;
	overflow:auto;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
}
#crumpath {
	position: absolute;
	top:33px;
	left:70px;
	color:#FFF;
}
#content #crumpath a {
	color:#FFF;
	text-decoration:none;
}
#kindtitle {
	position: absolute;
	left:80px;
	top:117px;
	color:#FFF;
}
#kindscroll {
	position: absolute;
	left:72px;
	top:143px;
	width:309px;
	min-height:50px;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
}
#dialoogtitle {
	position: absolute;
	left:571px;
	top:14px;
	line-height:26px;
	color:#FFF;
}
#dialoogscroll {
	position: absolute;
	left:563px;
	top:43px;
	width:332px;
	min-height:50px;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
}
#expertisetitle {
	position: absolute;
	left:756px;
	top:250px;
	color:#FFF;
	line-height:26px;
}
#expertisescroll {
	position: absolute;
	left:748px;
	top:280px;
	width:190px;
	min-height:50px;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
}
#helderheidtitle {
	position: absolute;
	left:235px;
	top:455px;
	color:#FFF;
}
#helderheidscroll {
	position: absolute;
	left:227px;
	top:480px;
	width:480px;
	min-height:50px;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
}
#bouwstenentitle {
	position: absolute;
	left:332px;
	top:240px;
	color:#FFF;
}
#bouwstenenscroll {
	position: absolute;
	left:324px;
	top:266px;
	width:350px;
	min-height:50px;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
}
#verdiepingtitle {
	position: absolute;
	left:678px;
	top:168px;
	color:#FFF;
	line-height:26px;
}
#verdiepingscroll {
	position: absolute;
	left:670px;
	top:199px;
	width:210px;
	min-height:50px;
	-moz-box-shadow: 5px 5px 7px #3a3a3a;
	-webkit-box-shadow: 5px 5px 7px #3a3a3a;
	box-shadow: 5px 5px 7px  #3a3a3a;
	background-color:#FFF;
	padding:5px;
}
#leftcolumn {
	font-size: 12px;
	line-height: 22px;
	padding: 20px 50px;
	width: 60%;
	float: left;
	min-height: 300px;
	background: #cccccc;
}
	#content p {
		margin-bottom: 10px;
	}
	
	#content a {
		text-decoration: underline;
		color: #000000;
	}
	
	#content a:hover {
		text-decoration: underline;
	}
	
	#content h2 {
		margin-bottom: 10px;
		font-weight: bold;
	}
	
	#content h3 {
		margin-bottom: 10px;	
	}
	
	#content ol {
		margin-left: 50px;
	}
	
	#content ul {
		margin-left: 50px;
	}

	#content img {
	}

	
	/* SHOWROOM */
	
	#content .productgroup {
		border: 1px solid #bbbbbb;
		width: 200px;
		float: left;
		margin-left: 10px;	
	}
	
	#content .productgroup img {
	
	}
	
	#content .productgroup:hover {
		cursor:	pointer;
	}
	
	#content .productgroup h2 {
		color: #333333;
	}

	#content .product {
		border: 1px solid #bbbbbb;
		width: 200px;
		float: left;
		margin-left: 10px;
	}
	
	#content .product img {
	
	}
	
	#content .product:hover {
		cursor:	pointer;
	}
	
	#content .product h2 {
		color: #333333;	
	}
	
	#content #productOverview a {
		clear: both;
		padding: 4px;
		padding-top: 60px;
	}
	
#rightcolumn {
	margin-top: 50px;
	padding: 20px 30px 20px 10px;
	width: 25%;
	float: right;
	min-height: 300px;
	background: #dddddd;
	
	font-size: 12px;
	line-height: 22px;	
}

#rightcolumn .sideimage {
	max-width: 100%;
}


#footer {
	height: 52px;
	width: 100%;
	margin: 0 auto;
	color: #7999b0;
	text-align: left;
	font-size: 12px;
	padding:0px;
	border: solid 0px #FF0000;
	letter-spacing: 1px;
}

	#footer a {
		text-decoration: none;
		color: #7999b0;
		line-height: 28px;
		
	}
	
	#footer a:hover {
		text-decoration: underline;
	}

.clear {
	clear: both;
}