html {
	height: 100%;
	overflow: -moz-scrollbars-vertical; 
}

body {
	background:	#999 url("../images/bg.jpg") repeat-x scroll 0 0;
	font:	normal 75%/150% Lucida Grande, Helvetica, Sans-serif, Arial;
	margin: 0;
	color: #333;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

img {border: 0;}

select, input, textarea {
	font: normal 100% Lucida Grande, Helvetica, Sans-serif, Arial;
}

input.textfield {
	border: solid 1px #666;
	padding: 1px 2px;
}

a, a:visited {color: #333;}
#list {margin:0 0 0 15px;}

/* -- basic layout elements ---------------------------------------------------------------------------- */
.wrapper {overflow:hidden;	width:100%;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.rel {position:relative;}
.abs {position:absolute;}

.col1-left {
	width: 520px;	
	float:left;
}
.col1-right {
	width: 350px; 
	float:right;
}

/* -- index (image and text) -- */
.index {display:block; padding:20px 0; clear:both;}
.index img {float: left; margin-right:10px;}
.index div { display:table; zoom:1; /*IE*/}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}

h1 {
	font-size: 1.8em;
	line-height: 160%;
}
h2 {
	font-size: 1.4em;
	line-height: 140%;
}
h3 {
	font-size: 1.2em;
	line-height: 120%;
}
/* container */
#container {
	width: 928px;
	border-right: solid 5px #666;
	background-color:	#fff;
	margin: 20px auto 0 auto; 
	text-align: left;
}
/* header */
#header {
	overflow: hidden;
	width :100%;
}
#header #logo {
	float: left;
}
/* header subpages */
.sub {
	background: transparent url("../images/bg_header-sub.gif") repeat-x bottom left;
	padding: 0 0 40px 0;
}

/* navigation */
#nav {
	list-style-type: none;
	float: right;
	font-size: 1.4em;
	height: 64px;
	padding: 30px 0 0 0;
}
#nav li {
	float: left;
}
#nav a, #nav a:visited {
	text-decoration: none;
	margin: 0 15px 0 0;
	padding: 5px 10px;
	display: block;
	color: #333;
	border: solid 1px #fff;
}
#nav a:hover, #nav a:active {
	color: #000;
}
#nav a.true {
	background-color: #edf0e8;
	border: solid 1px #999;
}
#subnav-home {
	padding: 15px 0 0 0;
	list-style-type: none;
	margin: 0;
}
#subnav-home li {
	float:left;
}

/* homepage proces box */
#procesbox-home {
	background:	#80919b url("../images/bg_procesbox-home.jpg") repeat-x scroll 0 0;
	height: 208px;/*278*/
	padding: 35px 40px;
	color: #fff;
	font-size: 1.4em;
}
#procesbox-home h1 {
	font-weight: normal;
}
#procesimage {
	padding: 0px 0 0 0;
}
#voornaimage {
	float: right;
}
/* main */
#main {
	padding: 20px;
}
#bg-wrapper {
	overflow: hidden;
	width: 100%;
	background: transparent url("../images/bg_wrapper-home.gif") repeat-y scroll 0 0;
}
#bg-wrapper-sub {
	overflow: hidden;
	width: 100%;
	background: transparent url("../images/bg_wrapper-sub.gif") repeat-y scroll 0 0;
}
#bg-wrapper-contact {
	overflow: hidden;
	width: 100%;
	background: transparent url("../images/bg_wrapper-contact.gif") repeat-y scroll right 0;
}

/* welcome */
#welcome {
	width: 440px;/*520*/
	float:left;
	background-color: #f2f4ee;
	padding: 15px 60px 20px 20px;
}
#welcome h1 {
	display: inline;
	vertical-align: baseline; 
	line-height: 120%;
	margin-right: 3px;
	color: #639D02;
}
#welcome p {
	display: inline;
	font-size: 1.4em;
	line-height: 140%; 
}
#welcome h2 {
	margin: 20px 0 0 0;
	font-weight: normal;
}
#welcome ul {
	font-size: 1.3em;
	list-style-type: none;
}
#welcome li {
	background: transparent url("../images/bg_ul_welcome.gif") no-repeat left center;
	padding: 4px 0 4px 22px;
}
#welcome a.link, #workedfor a.link, #dw8is a.link, #content a.link {
	background: transparent url("../images/bg_link.gif") no-repeat right center;
	padding: 0 10px 0 0;
	margin: 10px 0 0 0;
	font-size: 100%;
	text-decoration: underline;
	text-align: right;
	display: block;
	font-weight: bold;
	color: #000000;
}

/* worked for */
#workedfor {
	width: 310px;/*350*/
	float:right;
	background-color: #f2f4ee;
	padding: 18px 20px 20px 20px;
}
#workedfor h2 {
	color: #e25310;
}
#workedfor ul {
	list-style-type: none;
	margin: 5px 30px 0 0;
}
#workedfor img.top {
	margin: -20px -20px 10px -20px;
}

/* dw8 is */
#dw8is {
	border-top: solid 20px #fff;
	width: 310px;/*350*/
	float:right;
	background-color: #999;
	color: #fff;
	padding: 20px;
	margin: 0;
}
#dw8is a.link {
	background: transparent url("../images/bg_link2.gif") no-repeat right center;
	color: #fff;
}
#dw8is img {
	float: right;
}
#dw8is a {
	color: #fff;
}
#dw8is h3 {
	padding-top: 10px;
}

/* subpages -----------------------------------------------------*/
/* technieken */
#technieken {
	width: 310px;/*350*/
	float:right;
	background-color: #f2f4ee;
	padding: 20px;
	color: #666;
}
#technieken ul {
	margin: 10px 30px 0 15px;
}
#technieken hr {
	border:0;
	height: 0;
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 1px #999;
}
#technieken p {
	padding: 5px 0;
}
/* content */
#content {
	float: left;
	width: 520px;
}
#content h1 {
	display: inline;
	vertical-align: baseline;
	font-size: 2.4em;
	background:	transparent url("../images/bg_h1-sub.gif") no-repeat scroll center right;
	padding: 0 20px 0 0;
}
#content h2 {
	display: inline;
	vertical-align: baseline;
	font-size: 2em;
	font-weight: lighter;
	padding: 0 0 0 7px;
}
#content h3 {
	padding-top: 10px;
}
#content h3.next {
	clear:both;
}
#content .left {padding-right: 10px;}
#content .right {padding-left: 10px;}
#content #list {
	font-size: 1.2em;
}
/* sub navigatie */
#subnav {
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	margin: 10px 0;
}
#subnav li {
	float: left;
}
#subnav a {
	float: left;
	display: block;
	background:	transparent url("../images/bg_subnav_false.gif") no-repeat scroll 0 0;
	height: 40px;
	line-height: 40px;
	width: 65px;
	padding: 0 10px;
	margin: 0;
	font-weight: bold;
}
#subnav a.true {
	background:	transparent url("../images/bg_subnav_true.gif") no-repeat scroll 0 0;
	color: #fff;
}
#subnav li.first a {
	background:	transparent url("../images/bg_subnavfirst_false.gif") no-repeat scroll 0 0;
}
#subnav li.first a.true {
	background:	transparent url("../images/bg_subnavfirst_true.gif") no-repeat scroll 0 0;
}
.intro {font-weight: bold;padding: 10px 0;}
.index div a {
	background: transparent url("../images/bg_link.gif") no-repeat right center;
	color: #385f7e;
	padding: 0 10px 0 0;
}
.index div h3 a {
	color: #333;
}
h1#nn {
	background: none;
}

/* footer */
#footer {
	background:	transparent url("../images/bg_footer.gif") no-repeat scroll 0 0;
	width: 935px;
	color: #333;
	margin: 0 auto 20px auto;
	padding: 35px 0 0 0;
	text-align: center;
	font-size: 0.95em;
}

#footer ul {
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	
}
#footer li {
	display: inline;
}

#footer a {
	color: #333;
}
#footer ul a {
	padding: 5px;
	border-right: solid 1px #333;
}
#footer ul a.last {
	border: none;
}
#footer p {
	width: 320px;
	text-align: left;
	margin: 10px auto;
}
#footer p img {
	float: left;
	margin: 0 8px 0 0;
	vertical-align: middle;
}