/* CSS Document */
		body, div, a, p, table, td, textarea, input, select, ul, li {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 8pt;
			color: #000;
			line-height: 1.5em;
		}
		html {
			margin: 0;
			padding: 0;
		}
		body {
			background-color: #F5F1F0;
			text-align: center;
			margin: 0;
			padding: 0;
		}
		noscript {
			margin: 0;
		}
		h2 {
			margin: 0 0 10px 0;
			font-size: 9pt;
		}
		td {
			vertical-align: top;
		}
		p.small {
			font-size: 7pt;
		}
		#content {
			position: relative;
			margin: auto;
			width: 760px;
			border: 1px solid #C3B6AD;
			height: 444px;
			text-align: left;
			background-color: #FFF;
		}
		#footer {
			text-align: center;
			margin: 0;
		}
		#footer p {
			color: #8A705F;
			margin-top: 5px;
			font-size: 7.5pt;
		}
		#footer a {
			color: #8A705F;
			font-size: 7.5pt;
		}
		#footer .tel a {
			text-decoration: none;
		}
		#footer .tel .type {
			display: none;
		}
		#footer img {
			border: 0;
			vertical-align: middle;
		}
		#footer .fn {
			display: none;
		}
		#left {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 320px;
			height: 384px;
			padding: 30px;
		}
		.welkombg {
			background: transparent url( ../images/background_welkom.gif ) top left no-repeat;
		}
		.wiebg {
			background: transparent url( ../images/background_wie.gif ) top left no-repeat;
		}
		.watbg {
			background: transparent url( ../images/background_wat.gif ) top left no-repeat;
		}
		.werkbg {
			background: transparent url( ../images/background_werk.gif ) top left no-repeat;
		}
		.contactbg {
			background: transparent url( ../images/background_contact.gif ) top left no-repeat;
		}
		.contact_rightbg {
			background: transparent url( ../images/background_contact_right.gif ) top left no-repeat;
		}
		#left a {
			display: block;
			width: 315px;
			height: 22px;
		}
		#left a.welkom {
			background: transparent url( ../images/nav_welkom_off.gif ) center left no-repeat;
		}
		#left a.welkom:hover, #left a.welkomselected {
			background: transparent url( ../images/nav_welkom_on.gif ) center left no-repeat;
		}
		#left a.wie {
			background: transparent url( ../images/nav_wie_off.gif ) center left no-repeat;
		}
		#left a.wie:hover, #left a.wieselected {
			background: transparent url( ../images/nav_wie_on.gif ) center left no-repeat;
		}
		#left a.wat {
			background: transparent url( ../images/nav_wat_off.gif ) center left no-repeat;
		}
		#left a.wat:hover, #left a.watselected {
			background: transparent url( ../images/nav_wat_on.gif ) center left no-repeat;
		}
		#left a.werk {
			background: transparent url( ../images/nav_werk_off.gif ) center left no-repeat;
		}
		#left a.werk:hover, #left a.werkselected {
			background: transparent url( ../images/nav_werk_on.gif ) center left no-repeat;
		}
		#left a.contact {
			background: transparent url( ../images/nav_contact_off.gif ) center left no-repeat;
		}
		#left a.contact:hover, #left a.contactselected {
			background: transparent url( ../images/nav_contact_on.gif ) center left no-repeat;
		}
		#left a img {
			width: 315px;
			height: 20px;
			border: 0;
		}
		#logo {
			text-align: center;
			height: 102px;
		}
		#logo img {
			border: 0;
			margin-top: 13px;
		}
		#right {
			position: absolute;
			top: 0px;
			left: 380px;
			width: 350px;
			height: 384px;
			padding: 30px;
			padding-right: 0;
			background-color: #FFF;
			text-align: left;
		}
		#text {
			margin: 0;
			padding: 0;
			padding-right: 30px;
			height: 384px;
			width: 320px;
			overflow: auto;
			background-color: #FFF;
			text-align: left;
		}
		span.divider {
			color: #87B8C7;
		}
		span.italic {
			font-style: italic;
		}
		
		#testimonial {
			width: 95%;
			border: 0;
			margin-top: 0;
		}
		#testimonial tr td {
			border-top: 1px solid #000;
		}
		#testimonial td.photo img {
			margin: 0px 10px 0 0;
		}
		#testimonial td.quote p {
			margin: 0 0 10px 0;
			text-align: justify;
		}
		#testimonial td.quote p.quoter {
			margin-top: 0px;
			margin-bottom: 0px;
			/*
			font-style: italic;
			*/
			font-weight: bold;
			text-align: left;
		}

		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			/* overflow needed, otherwise horizontal scrollbar appears with margin: 0; */
			overflow: hidden;
		}
		li {
			margin: 0;
			padding-left: 15px;
			background-image: url(../images/bullet.gif);
			background-repeat: no-repeat;
			background-position: 0 0.5em;
		}

		div.werk {
			margin-top: 15px;
		}
		div.werk img {
			float: right;
			margin: 0 0 5px 10px;
			border: 0;
		}
		div.werk div.rij {
			display: block;
			clear: both;
		}
		div.rij span.label {
			/*
			width: 100px;
			float: left;
			*/
			margin-right: 5px;
			font-weight: bold;
			/*
			font-style: italic;
			*/
			overflow: hidden;
		}
		div.rij span.uitwerking {
			display: block;
			width: auto;
		}
		p.project {
			text-align: justify;
			margin: 0 0 0 0;
		}
		p.customer {
			margin: 0;
		}
		
		form {
			margin: 25px 0 0 0;
		}
		input, textarea {
			border: 1px solid #C3B6AD;
			width: 98%;
		}
		input.hidden {
			border: 0;
			}
		label {
			display: block;
			margin: 0 0 5px 0;
		}
		label.radio {
			display: inline;
		}
		label.radio input {
			display: inline;
			width: auto;
			border: 0;
			vertical-align: bottom;
			padding: 0;
		}
		input, textarea {
			display: block;
		}
		div.button {
			width: 98%;
		}
		div.button input {
			float: right;
			margin: 0;
			width: auto;
		}