h1,h2,h3 {font-size:1em;font-weight:normal;outline:none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,button,html,p,blockquote,fieldset,input {margin:0; padding:0}
fieldset {border:0}
ul,li {list-style:none}
address {font-style:normal}
a img,:link img,:visited img {border:none}
:link,:visited {text-decoration:none}

html, body {
	overflow-x: hidden;	
}

body#main, html {
	background:#2b2b2b url(../images/body-bg.png) repeat-x;
	color:#797979;
	font:12px Arial, Helvetica, sans-serif;
}

body#sub {
	background:#2b2b2b url(../images/body-bg-sub.png) repeat-x;
	color:#797979;
	font:12px Arial, Helvetica, sans-serif;
}

#wrapper {
	width:1000px;
	margin:0 auto;
}

#main #header {
	background:url(../images/header-bg.png);
	height:436px;
	padding:0 109px;
	position:relative
}

#sub #header {
	background:url(../images/header-bg-sub.png);
	height:156px;
	padding:0 109px;
	position:relative
}

#header #rowAbove {
	height:98px
}

#header h1 {
	position:absolute;
	top:28px;
	left:109px;
}

#header ul#nav {
	position:absolute;
	top:0;
	right:32px;
}

#header ul#nav li {float:left}

#header ul#nav a {
	color:#82acc3;
	display:block;
	font-size:18px;
	margin:4px 0 0;
	padding:30px 9px 42px;
	text-transform:uppercase;
}

#header ul#nav li.active a, #header ul#nav li a:hover {
	color:#fff;
	margin:0;
	border-top:4px solid #fff
}

#header ul#nav a span {padding:0 12px;}

#header ul#nav a:hover {font-weight:bold}
#header ul#nav li.active a:hover span {background:none}

#main #header .links {
	float:left;
	line-height:22px;
	padding:0 22px 0 0;
	width:287px;
	height:312px;
	position:relative;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}

#sub #header .links {
	float:left;
	line-height:22px;
	padding:0 22px 0 0;
	width:287px;
	height:32px;
	position:relative;
}

#header p {
	color:#fff;
	text-align: justify;
}

#main #header h2 {
	color:#fffefe;
	font-size:36px;
	margin:0 0 32px;
}

#sub #header h2 {
	color:#fffefe;
	font-size:26px;
	margin:0 0 32px;
}

#header #zie-hier {
	position:absolute;
	bottom:14px;
	left:0;
	display:block;
	background:url(../images/header-zie-het-hier.png);
	height:51px;
	width:172px;
	text-indent:-3000em;
	outline:none;
}

#header #slideshow {
	background:url(../images/header-slideshow-bg.png);
	width:456px;
	height:312px;
	float:left;
	left: 28px;
}

#slideshow li {
	position:relative;
	margin:4px 0 0 4px;
	width:445px;
	height:299px;
}

#slideshow img {
	position:relative;
	z-index:1;
	top: 1px;
}

#slideshow p {
	position:absolute;
	bottom:-1px;
	left:0;
	width:445px;
	height:30px;
	z-index:2;
}

#slideshow p a {
	background:url(../images/slideshow-hover-bg.png);
	background-position:left bottom;
	display:block;
	color:#fff;
	font-size:12px;
	padding:8px 0 0 8px;
	height:22px;
}

a#prev, a#next {
	display:block;
	width:51px;
	height:70px;
	position:absolute;
	text-indent:-3000em;
	outline:none;
	top:200px;
}

a#prev {background:url(../images/arrow-prev1.png);left:20px}

a#next {background:url(../images/arrow-next1.png);right:20px}

#main #container {
	margin:0 auto;
	width:780px;
}

#sub #container {
	margin:15px auto 0 auto;
	width:780px;
}
	
.column {
	float:left;
	width:235px;
	padding:0 32px 0 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
.column.right {
	float:left;
	width:502px !important;
	padding:0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
.column.middle {
	float:left;
	width:769px !important;
	padding:0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
.column.recent, .column.last {
	padding:0;
}

.column h2 {
	background:url(../images/column-title-bg.png) no-repeat left bottom;
	color:#007dc3;
	font-size:20px;
	padding:0 0 24px;
	margin:0 0 18px;
}

.column.recent h2 {
	background:none;
	padding:0 0 20px;
	margin:0;
}

.column p {margin:0 0 1.67em;line-height:1.67em;text-align:justify;}

.column p.lees-meer a {
	background:url(../images/lees-meer-bg.png);
	display:inline-block;
	padding:3px 7px;
	color:#fff;
	-moz-border-radius: 4px 4px 4px 4px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
	text-decoration: none;
}

.column p a {
	color:#797979;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.column p a:hover {
	text-decoration: none;
}

/** Portfolio **/
.column.portfolio h2 {
	font-size: 16px;
	padding:0 0 15px;
}

.column.portfolio img {
	margin: 0 0 10px 0;
}
/**           **/

ul.recent li {position:relative;margin:0 0 18px}
ul.recent li img {position:relative;z-index:1}

ul.recent li a {
	position:absolute;
	top:0;
	left:0;
	outline:none;
	z-index:2;
	display:block;
	height:92px;
	width:253px;
	text-indent:-3000em;
	background:url(../images/recent-werk-meer.png) no-repeat 217px 30px;
}


#bottomContent {background:#e3e3e3;clear:both}

#bottomContent .column {background:url(../images/bottomcontent-column-bg.png) no-repeat 295px top; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);}
#bottomContent .column.last {background:none}

#bottomContent > .inner {
	width:782px;
	padding:27px 0px 50px;
	overflow:auto;
	margin:0 auto;
}

#bottomContent .inner h2 {
	background:none;
	color:#007dc3;
	font-size:20px;
	padding:0;
	margin:0 0 18px;
}

ul.adres {float:left;width:117px;margin:0;padding:0;}
ul.adres li {line-height:1.67em}

#bottomContent a {color:#797979;text-decoration:underline}

#bottomContent a:hover {text-decoration:none}

#bottomContent .formulier {
	background:url(../images/input-bg.png) no-repeat;
	float:left;
	padding:3px;
}

#bottomContent .formulier input {
	border:none;
	width:203px;
	height:26px;
	background:none;
}


#bottomContent form button {
	background:url(../images/input-submit.png);
	border:0;
	width:31px;
	height:32px;
	display:inline-block;
	text-indent:-3000em;
	cursor:pointer;
}

#bottomContent form p {width:31px;margin:0;float:left;display:block;}


#footer {background:#124b6a;height:35px}
#footer .inner {width:940px;margin:0 auto}
#footer p {color:#fff;line-height:34px;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);}
#footer span {margin:0 7px}
#footer p {float:left}
#footer p.right {float:right}
#footer p a {color:#fff}
#footer p a:hover {text-decoration:underline}

label { display: inline-block; float: left; margin: 0 20px 10px 0; }
input, textarea { font:12px Arial, Helvetica, sans-serif; border: 0; background-color: #343434; padding: 3px; color: #FFFFFF; }
select { font:12px Arial, Helvetica, sans-serif; border: 0; background-color: #343434; padding: 2px; color: #FFFFFF; }

input[type=submit], input[type=button] {
	background:url(../images/lees-meer-bg.png);
	color:#fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;	
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
	cursor: pointer;
}