html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

a img{border:0;}

html {
	height: 100%;
}

body {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #111;
	line-height: 1.7em;
	text-align: center;
	margin:0; padding:0;
	height: 100%;
	padding: .01em;
}


a:link, a:visited, a:active { color: #0464BB; text-decoration:none; }
a:hover { text-decoration: underline; }
a.external { padding-right: 16px; background: url(/img/external-link.gif) no-repeat right; }

p { margin-bottom: 8pt; }

h1 {
	color: #6c2e00;
	font-size: 20pt;
	border-bottom: 1px solid #6f655e;
	padding-bottom: 6px;
	margin-bottom: 8px;
	font-weight: normal;
	letter-spacing: .1em;
}

#pageWrapper {
	background: url(/img/bg-top.png) repeat-x center top;
	height: 100%;
}

#headerWrapper .mainWrapper,
#contentWrapper .mainWrapper,
#footerWrapper .mainWrapper {
	margin: auto;
	width: 600px;
	text-align: left;
}

#headerWrapper {
	height: 200px;
}
	#headerWrapper .logo {
		padding-top: 24px;
		margin-bottom: 20px;
	}
	#headerWrapper .menu {
		text-align: left;
	}
	#headerWrapper .menu ul li {
		display: inline;
	}
		#headerWrapper .menu ul li.portfolio, #headerWrapper .menu ul li.techniek { margin-left: 140px; }
		#headerWrapper .menu ul li.contact { float: right; }
	#headerWrapper a {
		color: #fff;
	}
		#headerWrapper a.active {
			text-decoration: underline;
		}

#contentWrapper {
	margin-bottom: 30px;
}

#footerWrapper {
	background: url(/img/bg-footer.gif) repeat-x;
	padding-top: 20px;
	padding-bottom: 50px;
}
	#footerWrapper .mainWrapper {
		text-align: center;
		font-size: 90%;
		color: #666;
	}
	#footerWrapper a {
	}

.portfolioWrapper {
	float: left;
}
	.portfolioWrapper .itemWrapper {
		margin-bottom: 60px;
		float: left;
	}
	.portfolioWrapper .imageWrapper {
		width: 232px;
		height: 144px;
		overflow: hidden;
		margin-top: 27px;
		float: left;
	}
	.portfolioWrapper .textWrapper {
		float: right;
		width: 320px;
		overflow: hidden;
		margin-left: 48px;
		float: left;
	}
		.portfolioWrapper .textWrapper h2 {
			color: #6c2e00;
			font-size: 14pt;
			border-bottom: 1px solid #6f655e;
			padding-bottom: 6px;
			margin-bottom: 8px;
			font-weight: normal;
			letter-spacing: .1em;
		}
		.portfolioWrapper .textWrapper a.to-top {
			float: right;
			font-size: 80%;
			color: #999;
			background: url(/img/back-to-top-icon.png) no-repeat center;
			width: 14px;
			height: 14px;
			overflow: hidden;
		}
		.portfolioWrapper .textWrapper div.external {
			margin-top: 15px;
		}

.contactWrapper {
	background: url(/img/email.png) no-repeat 25px;
	min-height: 265px;
}
	.contactWrapper .textWrapper {
		margin-left: 350px;
		width: 240px;
	}
		.contactWrapper .textWrapper h2 {
			color: #6c2e00;
			font-size: 9pt;
			margin-bottom: 2px;
			letter-spacing: .1em;
			font-weight: bold;
		}

.techniekWrapper ul {
	list-style: disc;
	padding-left: 20px;
}
.homeWrapper {
	background: url(/img/logo-home-3.jpg) no-repeat left center;
	background: url(/img/goudvis.jpg) no-repeat left bottom;
	min-height: 250px;
	margin-bottom: 60px;
}
	.homeWrapper h1 {
		color: #333;
		font-size: 13pt;
		padding: 0;
		margin-bottom: 4px;
		border: none;
	}
	.homeWrapper h2 {
		color: #000;
		font-size: 90%;
		font-style: italic;
		font-weight: normal;
		margin-bottom: 18px;
	}
	.homeWrapper .textWrapper {
		width: 280px;
		margin-left: 320px;
		padding-top: 0px;
	}