* {
	padding: 0; 
	margin: 0; 
	font-family: arial, helvetica; 
	border: 0px solid black;
}
html { 
	overflow: -moz-scrollbars-vertical;
}

body { 
	text-align: center; 
	color: #333;
	background-color: #fff; 
	font-size: 12px;
	line-height: 18px;
}

textarea, input{
	color: #333;
	border: 1px solid #62adee;
	font-size: 12px;
	width: 104px;	
	border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA;
	border-style:solid;
	border-width:1px;
	line-height:14px;
	padding: 2px;
}

li {
	position: relative;
}

a:link, a:visited {
	color: #014a93;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	/*clear: both;*/
}

a.icon {
	padding-left: 14px;
	background-image: url('../img/p_rechts.gif');
	background-repeat: no-repeat;
	background-position: 0 1px;
}

	a.phone {
		background-image: url('../img/i_phone.gif');
	}
	a.twitter{
		background-image: url('../img/i_twitter.gif');
	}
	a.linkedin {
		background-image: url('../img/i_linkedin.gif');
	}
	a.top{
		background-image: url('../img/i_boven.gif');
	}
	a.pdf {
		background-image: url('../img/document-pdf.png');
		float: right;
		padding: 0 10px 0 18px;
		margin-top: 5px;
	}
	a.magnify {
		background-image: url('../img/magnifier-zoom.png');
		padding: 0 10px 2px 20px;
	}

p {
	font-family: arial, helvetica;
	text-align: left;
	padding-bottom: 15px;
}




.img_space {
	padding: 0 8px 8px 0;
}

.ro_space {
	margin: 8px 12px 8px 0;
	padding: 1px;
	cursor: pointer;
	border: 1px solid #ccc;
}

.hidden {
	display: none;
	height: 0;
	width: 0;
}


.left {
	width: 720px;
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.bluetext{
	color: #0f4e8f;
}


h1 {
	font-family:  arial, helvetica;
	font-size: 20px;
	line-height: 24px;
	color: #014a93;
	padding: 0 0 7px 0;
}
	h1.groen {
		color: #609102;
		font-size: 22px;
		padding: 4px 0 10px 0;
	}
h2 {
	font-family:  arial, helvetica;
	font-size: 16px;
	line-height: 24px;
	color: #609102;
	padding: 0 0 6px 0;
}

h3 {
	font-family:  arial, helvetica;
	font-weight: normal;
	font-size: 15px;
	color: #000;
}

h4 {
	font-family:  arial, helvetica;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	padding: 0 0 12px 0;
}

textarea, input{
	background-color: #f8f8f8;
	border: 1px solid #d8d8d8;
	font-size: 12px;
	width: 104px;
	line-height:14px;
	padding: 2px;
}

ul.dotted_menu {
	border-top: 1px dotted #3d75ac;
	background-color: #edf2f7;
}
	ul.dotted_menu  li{
		_border: 1px solid #edf2f7;
	}
	ul.dotted_menu a {
		display: block;
		border-bottom: 1px dotted #3d75ac;
		background-image: url('../img/p_rechts_blauw.gif');
		background-repeat: no-repeat;
		background-position: left;
		background-position: 3px 7px;
		padding: 3px 24px;
	}
	ul.dotted_menu a.indent {
		background-color: #f5f8ed;
		background-position: 18px 4px;
		padding: 4px 35px;
		font-size: 11px;
		line-height: 16px;
	}
	ul.dotted_menu a.indent:hover, ul.dotted_menu a.indent.active {
		background-color: #dce9ba;
	}

	ul.dotted_menu a:hover, ul.dotted_menu a.active  {
		background-color: #d1dbe4;
		text-decoration: none;
	}
		ul.dotted_menu a.architect {
			background-image: url('../img/user-white.png');
		}
		ul.dotted_menu a.aannemer {
			background-image: url('../img/user-black.png');
		}
		ul.dotted_menu a.ontwikkelaar {
			background-image: url('../img/user-business-boss.png');
		}
		ul.dotted_menu a.vereniging {
			background-image: url('../img/user-female.png');
		}
		ul.dotted_menu a.bestek {
			background-image: url('../img/user.png');
		}
		
ul.product_menu li{
	width: 100px;
	float: left;
	margin: 0 0 9px 0;
}
	ul.product_menu li.space {
		margin-right: 20px;
	}
	ul.product_menu a {
		background-repeat: no-repeat;
		background-color: #014a93;
		display: block;
		color: #fff !important;
		line-height: 15px;
		padding: 75px 0 6px 6px;
	}
	ul.product_menu a:hover {
		text-decoration: none;
		background-color: #609102;
	}
	ul.product_menu a.schermen {
		background-image: url('../img/schermen.jpg');
	}
	ul.product_menu a.hekken {
		background-image: url('../img/hekken.jpg');
	}
	ul.product_menu a.specials {
		background-image: url('../img/specials.jpg');
	}
	ul.product_menu a.leuningen {
		background-image: url('../img/leuningen.jpg');
	}


#container {
	clear: both;
	margin: auto;
	position: relative;
	text-align: left;
}

	#top{
		background-image: url('../img/bg_bar.gif');
		background-repeat: repeat-x;
		background-position: 0 90px;
		height: 130px;
	}

		#header{
			margin: auto;
			position: relative;
			text-align: left;
			width: 940px;
			padding: 0 10px;
		}
			#header #logo {
				position: absolute;
				top: 17px;
			}
			#header #slogan {
				position: absolute;
				left: 185px;
			}
			
			#header #menu {
				position: absolute;
				top: 90px;
			}
			
				#header #menu li {
					position: relative;
					float: left;
					list-style: none;
					background-image: url('../img/menu_divider.gif');
					background-repeat: no-repeat;
				}
				
				#header #menu ul {
					float: left;
					display: block;
					height: 30px;
					color: #fff;
					background-image: url('../img/menu_divider.gif');
					background-repeat: no-repeat;
					background-position: right;
					padding-right: 2px;
				}
				
				#header #menu a {
					float: left;
					display: block;
					height: 20px;
					font-size: 13px;
					padding: 5px 12px;
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					margin-left: 1px;
				}
				#header #menu a:hover, #header #menu a.activated {
					background-image: url('../img/bg_bar_link.gif');
					background-repeat: repeat-x;
				}
				#header #menu a.active {
					background-image: url('../img/bg_bar_active.gif');
					background-repeat: repeat-x;
				}
				
			#header #submenu {
				position: absolute;
				top: 20px;
				left: 610px;
				width: 340px;
				text-align: right;
				line-height: 1.2em;
			}
			
				#header #submenu li {
					float: left;
					list-style: none;
					background-image: url('../img/p_square.gif');
					background-repeat: no-repeat;
					background-position: 10px 0;
					padding-left: 10px;
				}
				
				#header ul {
					float: right;
				}
				
				#header #submenu a {
					padding-left: 15px;
					font-size: 12px;
				}
				
			#header #menu .open_menu {
				z-index: 100;
				background-image: url('../img/open_menu_bg.png');
				position: absolute;
				left: 0;
				top: 30px;
				display: none;
				padding: 7px 14px 3px 14px;
				width: 340px;
			}
			
				#header #menu .open_menu ul {
					background-image: none;
					height: auto;
					margin-bottom: 16px;
					float: none;
				}
			
				#header #menu .open_menu li {
					float: none;
					list-style: none;
					padding-left: 21px;
					background-image: url('../img/p_rechts_wit.gif');
					background-repeat: no-repeat;
					background-position: 0px 1px;
					line-height: 18px;
				}
				
				#header #menu .open_menu a {
					float: none;
					display: inline;
					height: auto;
					font-size: 12px;
					padding: 0;
					font-weight: normal;
					text-decoration: none;
				}
				
				#header #menu .open_menu a:hover {
					background-image: none;
					text-decoration: underline;
				}
				
				#header #menu  .open_menu .item {
					float: left;
					width: 156px;
					overflow: hidden;
				}
				
			#header #zoeken {
				position: absolute;
				top: 45px;
				left: 730px;
				width: 220px;
				border: 0px solid red;
			}
			
				#header #zoeken input {
					float: left;
					width: 158px;
					border-right: 1px solid #f8f8f8;
				}
				#header #zoeken input.submit {
					border: 0px solid #6792be;
					background-color: #6792be;
					color: #fff;
					font-weight: bold;
					text-align: center;
					width: 56px;
					cursor: pointer;
					height: 21px;
				}
				
	#content{
		margin: auto;
		position: relative;
		text-align: left;
		width: 960px;
		clear: both;
	}
		#content .blok {
			float: left;
			width: 220px;
			padding: 10px;
			position: relative;
		}
		
		#content .b160 {
			width: 160px;
		}
		
		#content .b520 {
			width: 520px;
		}
		
		#content .b700 {
			width: 700px;
		}
		
		#content .b940 {
			width: 940px;
		}
		
		#content .klein {
			line-height: 16px;
			font-size: 11px;
		}
		
		#content .rotator {
			width: 700px;
			height: 360px;
			overflow: hidden;
			background-color: #000;
			padding: 0;
		}
		
			#content .rotator .beeld {
				position: absolute;
				left: 0;
				top: 0;
			}
			#content .rotator .wit {
				position: absolute;
				top: 275px;
				z-index: 1;
			}
			#content .rotator .tekst {
				position: absolute;
				top: 275px;
				z-index: 2;
				height: 65px;
				padding: 10px;
				overflow: hidden;
			}
			
			#content .rotator .number {
				position: absolute;
				top: 285px;
				left: 620px;
				z-index: 2;
			}
			#content .rotator .next {
				position: absolute;
				top: 275px;
				left: 570px;
				z-index: 3;
				width: 110px;
				padding: 10px;
				overflow: hidden;
				text-align: right;
			}
			
				#content .rotator .next a{
					display: block;
					width: 0;
					height: 0;
					padding: 6px;
					margin: 4px 2px;
					overflow: hidden;
					background-image: url('../img/p_rechts.gif');
					background-repeat: no-repeat;
					background-position: left top;
					float: right;
				}
			#content .rotator .previous {
				position: absolute;
				top: 275px;
				left: 550px;
				z-index: 3;
				width: 110px;
				padding: 10px;
				overflow: hidden;
				text-align: right;
			}
			
				#content .rotator .previous a{
					display: block;
					width: 0;
					height: 0;
					padding: 6px;
					margin: 4px 2px;
					overflow: hidden;
					background-image: url('../img/p_links.gif');
					background-repeat: no-repeat;
					background-position: left top;
					float: right;
				}
		
		#content .dotted_line {
			width: 100%;
			height: 9px;
			border-top: 1px dotted #3d75ac;
			line-height: 0;
		}
		
		#content .dotted_div {
			padding: 10px;
			border-top: 1px dotted #3d75ac;
			background-color: #edf2f7;
		}
		
			#content .dotted_div a.remove{
				color: #ae0f0f;
			}
		
		#content ul li {
			list-style: none;
			padding-left: 21px;
			background-image: url('../img/p_rechts_blauw.gif');
			background-repeat: no-repeat;
			background-position: 0px 4px;
			line-height: 23px;
		}
		#content ol li {
			margin-left: 20px;
		}
		#content li.star {
			background-image: url('../img/i_star.gif');
		}
		#content li.nieuws_item {
			background-image: url('../img/i_item.gif');
		}
		#content li.nieuws_meer {
			background-image: url('../img/i_meer.gif');
		}
		#content li.nieuws_brief {
			background-image: url('../img/i_brief.gif');
		}
		#content li.none {
			background-image: none;
			padding-left: 0;
		}
		
		#content #breadcrumb {
			font-size: 11px;
			padding: 0 0 0 5px;
		}
		
			#content #breadcrumb li {
				float: left;
				padding: 0 0 0 16px;
			}
			
		#content .projecten_img {
			float: left;
			padding: 2px 10px 6px 0;
		}
		
	#bottom{
		clear: both;
		background-image: url('../img/bg_footer.gif');
		background-repeat: repeat-x;
		overflow: hidden;
		position: relative;
	}
		#bottom #footer {
			margin: auto;
			position: relative;
			text-align: left;
			width: 940px;
			padding: 10px 10px 15px 10px;
			font-size: 11px;
		}