* {
	margin: 0pt;
	padding: 0pt;
}
html, body { 
	height:100%; 
	font-size:80%;
	font-family: Arial;
	text-align:center;
}
img {
	margin: 10px 0px;
}
#container {
	width: 870px;
	margin: 0pt auto;
}
#top {
	width:870px;
	height: 140px;
}
#special {
	width: 870px;
	height: 20px;
	background: url('../images/topshade.png') repeat-x top left #ffffff;
	padding: 8px 0px 0px;
}
#content {
	width: 870px;
	height: 100%;
	text-align: left;
	float: left;
	line-height: 1.6em;
}
div.nocolumn {
	background: #d9bcda;
}
div.tricolumn {
	background: url('../images/bg-content-3.png') repeat;
}
div.duocolumn {
	background: url('../images/bg-content-2.png') repeat;
}
div.duocolumn2 {
	background: url('../images/bg-content-2a.png') repeat;
}
#firstcolumn, #secondcolumn, #thirdcolumn {
	
}
.tricolumn #firstcolumn, .duocolumn #firstcolumn, .duocolumn2 #firstcolumn {
/*  border-right: #a2238e 1px solid; */
	width: 285px;
	float: left;
}
.even, .odd {
	padding: 10px;
}
.tricolumn #firstcolumn .even {
	
}
.tricolumn #firstcolumn .odd {
	background: #f5eef6;
}
.tricolumn #secondcolumn {
/*	border-left: #a2238e 1px solid;
	border-right: #a2238e 1px solid; */
	width: 320px;
	float: left;
}
.duocolumn #firstcolumn .even {
	background: #;
}
.duocolumn #secondcolumn, .duocolumn2 #secondcolumn {
	width: 585px;
	float: right;
}
.tricolumn #secondcolumn .even {

}
.tricolumn #secondcolumn .odd {
	background: #e0c8e1;
}
.tricolumn #thirdcolumn {
/*	border-left: #a2238e 1px solid;*/
	width: 265px;
	float: right;
}
#submenu {
	height: 25px;
	width: 850px;
	background: #bf7cb5;
	padding: 10px 10px 0px 10px;
	text-align: left;
	float: left;
}
#submenu .naw {
	text-align: left;
	color: #ede0ef;
	font-size: 13px;
	float: left;
}
#submenu .naw a {
	color: #ede0ef;
	text-decoration:none;
}
#submenu .menu2 {
	float:right;
	text-align: right;
	color: #ede0ef;
	font-size: 13px;
}
#yells {
	height: 25px;
	background: url('../images/shadebottom.png') repeat-x top left #a2238e;
	float: left;
	width: 850px;
	padding: 5px 10px 3px;
}
p.yell {
	color: #e0c8e1;
	font-size: 1.4em;
}
#bottom {

}
input.nieuwsbrief {
	margin-bottom: 20px;
	border: 0px;
	padding: 3px;
	width: 80%;
}
.employee {
	clear: both;
	margin: 15px 0px;
}
.employee img {
	float: left;
	margin: 0px 15px 15px 0px;
}
.employee p {
	margin-bottom: 0px;
}
#products {
	width: 850px;
}
#flash-producten {
	height: 170px;
	padding: 10px;
}
.productfotos {
	float: left;
	width: 212px;
	height: 175px;
}
#product-algemeen {
	padding: 10px;
	width: 415px;
	float: left;
}
#product-brochures {
	padding: 10px;
	width: 415px;
	float: left;
}

.productview {
	float: left;
	height: 100%;
	width: 850px;
}
.product-info {
	float: left;
	width: 500px;
	position: relative;
}
.product-extra {
	float: right;
	width: 330px;
	margin-left: 20px;
}
#flash-projecten {
	width: 870px;
	height: 175px;
	margin-bottom: 5px;
}
#project-overview {
	width: 220px;
	float: left;
	padding: 10px;
}
#search {
	width: 860px;
	height: 18px;
	padding: 5px;
}
#projectsearch {
	margin-right: 23px;
}
#vindproject {
/*	float:right;*/
}
#projectlist {
	width: 855px;
	padding: 0px 10px 10px 5px;
	background: #d9bcda;
}
#project-detail {
	width: 850px;
	float: right;
	padding: 10px;
	background: url('../images/projectheader.png') repeat-x bottom left;
}
#projectdetail {
  
}
#project-detail .firstcolumn, #project-detail .secondcolumn {
	width: 50%;
	float: left;
}
#project-detail img {
	margin: 10px;
}
#projectheader {
	width: 848px;
	height: 18px;
}
#cloud {
	background: #bf7cb5;
	width: 100%;
/*height: 185px;
	border-right: #6e005f 2px solid;
	border-left: #6e005f 2px solid;
	border-bottom: #6e005f 2px solid;
*/
}
#search {
	background:#ede0ef;
}
#tags {
/*	height: 175px;
	overflow: auto;
	position: relative;
	*/
}
.projectimage img {
 margin: 0px 10px 5px 0px;
}
.project-detail {
	width: 100%;
	clear: both;
}
.projectlisting {
	width: 100%;
	clear: both;
}
#submenu #nieuwsbrief, #submenu #colofon, #submenu #links, #submenu #contact {
	height: 250px;width: 250px; background: #bf7cb5; position: absolute;z-index: 10000; padding: 0px 10px;
}
#submenu #popup-shade {
	 height: 250px; width: 23px; background: url('../images/shade-popover.png'); position: absolute; z-index: 10001;
}
#submenu #colofon {
	height: 250px;width: 250px; background: #bf7cb5; position: absolute;z-index: 10001;
}
.sendmsg {
	cursor: pointer;
}
#mail-form-marianne, #mail-form-matthias, #mail-form-danielle, #mail-form-astrid, #actie {
height:300px;
padding:10px;
width:400px;
}
#actie {
height:auto;
}
#order-form {
	height: 395px;
	padding: 10px;
	width: 400px;
}
#mail-form-marianne p, #mail-form-matthias p, #mail-form-danielle p, #mail-form-astrid p, #order-form p, #actie p {
	margin-top: 10px;
}
#close-mail-form {
float:right;
margin:-23px 10px;
}
#commentsForm input, #commentsForm textarea, #commentsForm2 input, #commentsForm2 textarea, #commentsForm3 input, #commentsForm3 textarea {
	padding: 2px 1px;
	width: 200px;
}
#commentsForm4 input, #commentsForm textarea {
	padding: 2px 1px;
	width: 80%;
}
#mail-form-marianne h5, #mail-form-matthias h5, #mail-form-danielle h5, #mail-form-astrid h5, #order-form h5{
	width: 80%;
	margin-top: 0px;
}
.item p {
	margin: 0px;
}
.item {
	margin-bottom: 15px;
}
#persitem {
	padding: 10px;
}
#persimages img {
	margin: 0px;
}
div.half {
	width: 50%;
	float: left;
}
form .row {
	margin: 7px 0px;
}
div.customform {
	padding-top: 3px;
}
form.donateur input {
	width: 80%;
}