@charset "UTF-8";
/* CSS Document */

* {
	margin: 0; padding: 0;
}

body {
	text-align: center;
	color: #7e7e7e;
	font: 13px Verdana, Geneva, sans-serif;
}

html, body {
	height: 100%;	
}

img { 
border: 0px;
margin: 0px;
}

.wrapper {
	position: relative;
	width: 828px;
	height: 500px;
	margin: 0 auto;
	text-align: center;
}

H1 {
	color: #bf0c1d;
	font-weight: bold;
	font-size: 13px;
	font: Verdana, Geneva, sans-serif;
}

a {
		color: #bf0c1d;
}

#portfolio {
	background: url(img/portfolioimage01.jpg);
	margin: 0 auto;
	width: 828px;
	height: 580px;
	position: relative;
	text-align: left;
}

#portfolio-vervolg {
	background: url(img/portfolioimage02.jpg);
	margin: 0 auto;
	width: 828px;
	height: 580px;
	position: absolute;
	text-align: left;
}

#button {
	color: #bf0c1d;
	font-weight: bold;
	width: 220px;
	height: 40px;
	text-align: center;
	position: relative;
	top: 525px;
	left: 28px;
}

#button a{
	color: #bf0c1d;
	font-weight: bold;
	text-decoration: none;
}

#button a:hover {
	text-decoration: underline;
}

#titel {
	color: #bf0c1d;
	font-weight: bold;
	width: 220px;
	height: 40px;
	text-align: right;
	position: relative;
	top: 155px;
	left: 585px;
	font-size: 18px;
	font: Verdana, Geneva, sans-serif;
}

#titel2 {
	color: #bf0c1d;
	font-weight: bold;
	width: 220px;
	height: 40px;
	text-align: right;
	position: absolute;
	top: 10px;
	left: 585px;
	font-size: 18px;
	font: Verdana, Geneva, sans-serif;
	z-index: 2;
}

#titelcontact {
	color: #FFF;
	font-weight: bold;
	width: 220px;
	height: 40px;
	text-align: right;
	position: relative;
	top: 155px;
	left: 585px;
	font-size: 18px;
	font: Verdana, Geneva, sans-serif;
}

#thumbs {
	width: 520px;
	height: 312px;
	position: relative;
	top: 165px;
	left: 284px;
}

.thumb {
	padding: 0;
	width: 104px;
	height: 104px;
	position: relative;
	float: left;
}

#portfolio-item {
	width: 511px;
	height: 440px;
	position: relative;
	top: 20px;
	left: 284px;
}

#tekst {
	width: 202px;
	height: 230px;
	position: absolute;
	left: 38px;
	top: 250px;
}

#portfoliotekst {
	width: 511px;
	height: 40px;
	position: absolute;
	top: 525px;
	left: 284px;
}

#formulier {
	width: 511px;
	height: 303px;
	position: relative;
	top: 170px;
	left: 284px;
	line-height: 17px;
}

#contact {
	background: url(img/contactimage01.jpg);
	margin: 0 auto;
	width: 828px;
	height: 580px;
	position: absolute;
	text-align: left;
}

.input {
	position: absolute;
	left: 100px;
	background-color: #CCC;
	height: 20px;
	width: 250px;
}

.textarea {
	position: absolute;
	left: 100px;
	background-color: #CCC;
	width: 250px;
}

#sendbutton {
	position: absolute;
	left: 380px;
	top: 240px; 
	width: 117px;
	height: 36px;
}

#footer {
	float: left;
	position: relative;
	width: 828px;
	height: 10px;
	text-align: center;
	top: 10px;
	left: 0px;
}

#footer a {
		color: #bf0c1d;
		text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#teksthome {
	position: absolute;
	width: 530px;
	left: 0px;
	top: 410px;
	text-align:left;
}