html,body, table, tr, td, th {
	margin: 0px;
	font-size: 11px;
	font-family: verdana;
	color:#000000;
}
html, body {
	margin: 0px;
	padding: 0px;
	min-height: 100%; 
   	height: 100%; /* ie underscore hack */
	background-color:#f6f6f6;
}

img
{
	border: none;	
}

a {
	color:#000000;
	border: none;
}
a:hover {
	color:#000000;
}

/* DIVS */
div.all {
	height:100%;
	width:100%;
	
}
div.website {
	margin:0 auto;
	width:908px;
}
div.container {
	width:908px;

	position:relative;
	float:left;
	background-image:url(/images/brd.bottom1.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
div.page {
	width:888px;
	height:100%;
	
	background-color:#FFFFFF;
	float:left;
}

div.side {
	width:10px;
	height:100%;
	
	float:left;
}

div.borderright {
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(/images/brd.right.bottom.png);
}

div.bottom {
	height:40px;
	clear:both;
}

div.logo {
	width:888px;
	text-align:right;
	float:left;
}

div.menu {
	width:234px;
	height:166px;
	padding:34px 0;
	margin:0;
	background-image:url(/images/bg.menu.gif);
	z-index:10;
	position:absolute;
	/*float:left;*/
}
div#menuhider {
	z-index:10000;
	position:relative;
	width:234px;
	height:234px;
	float:left;
}
div#menuslider {
	position:absolute;
	/*left:-234px;*/
	left:0px;
	top:0;
	z-index:5;
	display:none;
}
div.sub {
	height:234px;
	width:234px;
	position:absolute;
	left:0;
	top:0;
}
div.achtergrond {
	background-color:#FFFFFF;
	z-index:200;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
div.submenu {
	z-index:210;
}
div.video {
	float:left;
	position:relative;
	width:654px;
	
	z-index:1;
	
}
div.film {
	position:absolute;
	z-index:0;
}

div.copyright {
	float:left;
	margin:0 0 0 10px;
	
	color:#9b9b9b;
}
div.bottommenu {
	text-align:right;
	float:right;
	
	margin:0 10px 0 0;
}
div.pagina {
	float:left;
}
div.adres {
	clear:both;
	width:794px;
	height:11px;
	
	margin:0 34px 22px 34px;
	padding:13px;
	
	color:#797979;
	
	background-color:#f2f2f2;
	
	text-align:center;
}
div.adres a, div.adres a:hover {
	color:#797979;
	text-decoration:none
}
div.inhoud {
	float:left;
	width:821px;
	padding:0;
	margin:0 34px 22px 34px;
	_margin:0 10px 20px 17px;
	background-image:url(/images/hr.vert.gif);
}
div.koppen {
	float:left;
	width:820px;
	
	background-color:#FFFFFF;
}
div.kop1 {
	float:left;
	height:11px;
	
	padding:15px 0;
	font-weight:bold;
}
div.kop2 {
	margin-left:430px;
	float:left;
	height:11px;	
	padding:15px 0;	
}


div.left {
	width:400px;
	float:left;
}
div.midden {
	width:67px;
	float:left;
}
div.right {
	width:354px;
	float:left;
}
div.geheel {
	width:821px;
	float:left;
	background-color:#FFFFFF;
}

div.hr {
	background-color:#d9d9d9;
	height:1px;
	padding:0;
	border:none;
	text-align: left;
	display:block;
}
div.tekst {
	padding:20px 0;
}
div.googlemaps {
	width:400px;
	height:400px;
}


/* SPAN */
span.pipe {
	padding:0 10px;
}
span.form_error input, span.form_error textarea {
	border:1px solid #CC0000;
	background-color:#FFCCCC;
}

/* INPUT */
input, textarea {
	border: 1px solid #d9d9d9;
}

/* MENU */
div.menu div.hr {
	background-color:#cecece;
	width:166px;
	height:1px;
	padding:0;
	border:none;
	text-align: left;
	display:block;
	
}
div.hrtop {
	margin:0 0 6px 34px;
	padding:0;
}
div.hrbottom {
	margin:10px 0 0 34px;
}
div.hr hr {
	display:none;
}
div.hrcontent hr {
	width:100%;
}

div.menu ul {
	padding:0 7px;
	margin:0;
	list-style:none;
	
	line-height:24px;
}
div.menu ul a {
	padding:0 0 0 27px;
	color:#000000;
	text-decoration:none;
}
div.menu ul li a:hover, div.menu ul li a.hover, div.menu ul li a.hover:hover {
	color:#f39300;
	text-decoration:none;
	
	background-image:url(/images/pijl.over.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
}

/* SUBMENU */
div.submenu {
	
}
div.submenu ul {
	padding:0;
	margin:41px 0;
	
	list-style:none;
	line-height:24px;
}
div.submenu ul a {
	padding:0 0 0 27px;
	color:#ffffff;
	text-decoration:none;
}
div.submenu ul li a:hover, div.submenu ul li a.hover, div.submenu ul li a.hover:hover  {
	color:#000000;
	text-decoration:none;
	
	background-image:url(/images/pijl.png);
	background-position:1px 3px;
	background-repeat:no-repeat;
}

div.zwart div ul li a {
	color:#000000;
}

/* bottommenu */
div.bottommenu a {
	color:#000000;
	text-decoration:none;
}
div.bottommenu a:hover {
	color:#f39300;
	text-decoration:none;
}

/* nieuws */

div.nieuws {
	padding:20px;
	background-color:#f2f2f2;
}
div.nieuwsitem {
	padding:13px 0;
}
div.nieuwsitem table tr td.datum {
	width:70px;
	height:100%;
	float:left;
}
div.nieuwstitel {
	width:284px;
	
	padding:0 20px 0 0;
	
	background-image:url(/images/pijl.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	
	cursor:pointer;
}
div.nieuwstitel:hover, div.nieuwstitelhover, div.nieuwstitelhover:hover {
	width:284px;
	
	padding:0 20px 0 0;
	background-image:url(/images/pijl.over.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	cursor:pointer;
}
div.nieuwstitel a {
	color:#000000;
	text-decoration:none;
}
div.nieuwstitel a:hover, div.nieuwstitel:hover a, div.nieuwstitelhover a,div.nieuwstitelhover a:hover {
	color:#f39300;
	text-decoration:none;
}
div.hrnieuws {
	background-color:#919191;
}

/* projecten */
table.project {
	width:354px;
	margin: 19px 0;
}
table.project tr td.image {
	width:160px;
	vertical-align:top;
}
table.project tr td.projectitem {
	width:220px;
	
	padding:0 20px 0 0;
	background-image:url(/images/pijl.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	
	cursor:pointer;
	vertical-align:top;
}
table.project tr td.projectitem:hover {
	background-image:url(/images/pijl.over.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}
div.hrproject {
	width:100%;
}

/* portfolio */
table.portfolio {
	margin:13px 0;
}
table.portfolio tr td {
	width: 205px;
	height:200px;
	
	cursor:pointer;
}
div.portfoliotitel {
	height:45px;
}
div.afbeeldingitem {
	text-align: center;
	float:left;
	width:200px;
	height:150px;
}
div.afbeeldingen {
	padding:20px 0;
}
div.afbeelding {
	text-align:center;
	padding:20px 0;
}

div.productafbeelding {
	padding:10px;
	text-align:center;
}

/* product */
div.producttitel {
	width:320px;
	
	padding:0 20px 0 0;
	
	background-image:url(/images/pijl.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	
	cursor:pointer;
}
div.producttitel:hover, div.producttitelhover, div.producttitelhover:hover {
	width:320px;
	
	padding:0 20px 0 0;
	background-image:url(/images/pijl.over.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	cursor:pointer;
}
div.producttitel a:hover, div.producttitel:hover a, div.producttitelhover a,div.producttitelhover a:hover {
	color:#f39300;
	text-decoration:none;
}
div.producttitel a {
	color:#000000;
	text-decoration:none;
}
table.project tr td.projectitem:hover {
	background-image:url(/images/pijl.over.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div.productitem {
	padding:13px 0;
}


/* header */
h1 {
	margin:0;
	padding:10px 0 10px 0;
	
	line-height:20px;
	
	font-size:11px;
	font-weight:bold;
	
	color:#f39300;
}
h2 {
	margin:0;
	padding:0 0 10px 0;
	
	line-height:20px;
	
	font-size:11px;
	font-weight:bold;
	
	color:#f39300;
}
h2 a, h2 a:hover {
	color:#f39300;
	text-decoration:none;
}
div.kop2 {
	float:left;
	height:11px;
	
	padding:15px 0;
	font-weight:bold;
}
div.kop3 {
	margin-left:430px;
	float:left;
	height:11px;	
	padding:15px 0;	
}
div.left2 {
	width:800px;
	float:left;
	background-color:#FFFFFF;
}

div.right1 {
	width:404px;
	float:left;
}


/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: none;
	border: 0;
	cursor: pointer;
	
	
}




	div.calendar caption a {
		cursor: pointer;
		
	}
	

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(calendar-valid.gif) 0 100%;
		color: #000;
		cursor: pointer;
	}