@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../../images/general/brown.jpg);
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #494524;
	line-height: 20px;
	text-align: center;
}

.float_left {
	float: left;	
}

.float_right {
	float: right;	
}

.download_icon {
	float: left;
	margin-right:10px;
}

.spacer10 {
	height: 10px;
	display: block;	
}
.spacer20 {
	height: 20px;
	display: block;	
}
.spacer30 {
	height: 30px;	
	display: block;	
}

a {
	cursor: pointer;
	color: #768d21;
}
a:hover {
	color: #98a85b;
}
a.actueel {
	color: #21668d;
}
a.actueel:hover {
	color: #3f83aa;
}
a.sub {
	color: #bfb8a0;
}
a.sub:hover {
	color: #d1ccba;
}
a.vorigProject {
	background-image: url(../../images/general/drieh_l_green_off.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #768d21;
	padding: 0px 0px 0px 13px;
	display: block;
	float: left;
}
a.vorigProject:hover {
	background-image: url(../../images/general/drieh_l_green_ro.jpg);
	color: #98a85b;
}
a.volgendProject {
	background-image: url(../../images/general/drieh_r_green_off.jpg);
	background-repeat: no-repeat;
	background-position: right 7px;
	color: #768d21;
	padding: 0px 13px 0px 0px;
	display: block;
	float: right;
}
a.volgendProject:hover {
	background-image: url(../../images/general/drieh_r_green_ro.jpg);
	color: #98a85b;
}
a.listedLink {
	background-image: url(../../images/general/drieh_r_green_off.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #768d21;
	padding: 0px 0px 0px 13px;
	display: block;
	float: left;
}
a.listedLink:hover {
	background-image: url(../../images/general/drieh_r_green_ro.jpg);
	color: #98a85b;
}
a.listedLinkActueel {
	background-image: url(../../images/general/drieh_r_blue_off.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #21668d;
	padding: 0px 0px 0px 13px;
	display: block;
	float: left;
}
a.listedLinkActueel:hover {
	background-image: url(../../images/general/drieh_r_blue_ro.jpg);
	color: #3f83aa;
}
a.listedLinkFooter {
	background-image: url(../../images/general/drieh_r_green_on_brown_off.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #768d21;
	padding: 0px 0px 0px 13px;
	display: block;
	float: left;
}
a.listedLinkFooter:hover {
	background-image: url(../../images/general/drieh_r_green_on_brown_ro.jpg);
	color: #98a85b;
}
a.btnSarawinter {
	background-image: url(../../images/general/btn_sarawinter_off.jpg);
	margin: 20px 0px 0px -1px;
	display: block;
	width: 118px;
	height: 22px;
	overflow: hidden;
}
a.btnSarawinter:hover {
	background-image: url(../../images/general/btn_sarawinter_ro.jpg);
}
a.btnNaaractueel {
	background-image: url(../../images/general/btn_naaractueel_off.jpg);
	margin: 20px 0px 0px -1px;
	display: block;
	width: 100px;
	height: 22px;
	overflow: hidden;
}
a.btnNaaractueel:hover {
	background-image: url(../../images/general/btn_naaractueel_ro.jpg);
}
a.btnLeesmeer {
	background-image: url(../../images/general/btn_leesmeer_off.jpg);
	margin: 20px 0px 0px -1px;
	display: block;
	width: 83px;
	height: 22px;
	overflow: hidden;
}
a.btnLeesmeer:hover {
	background-image: url(../../images/general/btn_leesmeer_ro.jpg);
}
a.btnVersturen {
	background-image: url(../../images/general/btn_versturen_off.jpg);
	margin: 0px 0px 0px 0px;
	display: block;
	width: 83px;
	height: 22px;
	overflow: hidden;
	float: right;
}
a.btnVersturen:hover {
	background-image: url(../../images/general/btn_versturen_ro.jpg);
}
a.btnNeemcontactop {
	background-image: url(../../images/general/btn_neemcontactop_off.jpg);
	margin: 20px 0px 0px -1px;
	display: block;
	width: 126px;
	height: 22px;
	overflow: hidden;
}
a.btnNeemcontactop:hover {
	background-image: url(../../images/general/btn_neemcontactop_ro.jpg);
}
a.btnNaarportfolio {
	background-image: url(../../images/general/btn_naarportfolio_off.jpg);
	margin: 20px 0px 0px -1px;
	display: block;
	width: 108px;
	height: 22px;
	overflow: hidden;
}
a.btnNaarportfolio:hover {
	background-image: url(../../images/general/btn_naarportfolio_ro.jpg);
}
a.btnNaarproject {
	background-image: url(../../images/general/btn_naarproject_off.jpg);
	margin: 56px 0px 24px -1px;
	display: block;
	width: 97px;
	height: 22px;
	overflow: hidden;
}
a.btnNaarproject:hover {
	background-image: url(../../images/general/btn_naarproject_ro.jpg);
}
a.btnBekijkproject {
	background-image: url(../../images/general/btn_bekijkproject_off.jpg);
	margin: 56px 0px 24px -1px;
	display: block;
	width: 105px;
	height: 22px;
	overflow: hidden;
}
a.btnBekijkproject:hover {
	background-image: url(../../images/general/btn_bekijkproject_ro.jpg);
}

.btnBekijkprojectSpacer {
	margin: 56px 0px 24px -1px;
	display: block;
	width: 97px;
	height: 22px;
}

a.btnPortfolio {
	background-image: url(../../images/general/btn_portfolio_off.jpg);
	float: right;
	display: block;
	width: 91px;
	height: 34px;
	overflow: hidden;
}
a.btnPortfolio:hover {
	background-image: url(../../images/general/btn_portfolio_ro.jpg);
}
a.btnOverlimoen {
	background-image: url(../../images/general/btn_overlimoen_off.jpg);
	float: right;
	display: block;
	width: 114px;
	height: 34px;
	overflow: hidden;
}
a.btnOverlimoen:hover {
	background-image: url(../../images/general/btn_overlimoen_ro.jpg);
}
a.btnActueel:hover {
	background-image: url(../../images/general/btn_actueel_ro.jpg);
}
a.btnActueel {
	background-image: url(../../images/general/btn_actueel_off.jpg);
	float: right;
	display: block;
	width: 80px;
	height: 34px;
	overflow: hidden;
}
a.btnContact:hover {
	background-image: url(../../images/general/btn_contact_ro.jpg);
}
a.btnContact {
	background-image: url(../../images/general/btn_contact_off.jpg);
	float: right;
	display: block;
	width: 82px;
	height: 34px;
	overflow: hidden;
}
a.imgLogo {
	background-image: url(../../images/general/lightbeige.jpg);
	border: 1px solid #dfdfdf;
	display: inline-block;
	width: 66px;
	height: 66px;
	padding: 4px;
	margin: 14px 10px 0px 0px;
	float: left;
}
a.imgLogo:hover {
	background-image: url(../../images/general/darkbeige.jpg);
}
a.imgThumb {
	background-image: url(../../images/general/lightbeige.jpg);
	border: 1px solid #dfdfdf;
	padding: 4px;
	display: inline-block;
	width: 66px;
	height: 66px;
	margin: 6px 11px 6px 0px;
	float: left;
}
a.imgThumb:hover {
	background-image: url(../../images/general/darkbeige.jpg);
}
a.project {
	background-image: url(../../images/general/lightbeige.jpg);
	border: 1px solid #dfdfdf;
	display: block;
	width: 242px;
	height: 106px;
	padding: 4px;
	margin: 0px 11px 6px -1px;
}
a.project:hover {
	background-image: url(../../images/general/darkbeige.jpg);
}
a.pageNumber {
	background-image: url(../../images/general/bg_pagenumber_off.jpg);
	background-repeat: no-repeat;
	width: 28px;
	height: 21px;
	display: inline-block;
	color: #5a4e28;
	text-decoration: none;
	font-weight: bold;
}
a.pageNumber:hover {
	background-image: url(../../images/general/bg_pagenumber_ro.jpg);
	color: #8b8368;
}
a.pageArrowR {
	background-image: url(../../images/general/bg_pagearrowr_off.jpg);
	background-repeat: no-repeat;
	width: 22px;
	height: 21px;
	display: inline-block;
	text-decoration: none;
}
a.pageArrowR:hover {
	background-image: url(../../images/general/bg_pagearrowr_ro.jpg);
}
a.pageArrowL {
	background-image: url(../../images/general/bg_pagearrowl_off.jpg);
	background-repeat: no-repeat;
	width: 22px;
	height: 21px;
	display: inline-block;
	text-decoration: none;
}
a.pageArrowL:hover {
	background-image: url(../../images/general/bg_pagearrowl_ro.jpg);
}


#projectThumbs {
	height:176px;
}

.imgThumbCurrent {
	background-image: url(../../images/general/huidig_project.jpg);
	background-repeat: no-repeat;
	width: 71px;
	height: 71px;
	padding: 5px 0px 0px 5px;
	margin: 6px 11px 6px 0px;
	float: left;
}
.main #container {
	min-width: 990px;
	margin: 0 auto;
	text-align: left;
}
.main #header {
	background-image: url(../../images/general/bg_header.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	height: 86px;
}
.main #headerHome {
	background-image: url(../../images/general/bg_header_home.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	height: 86px;
}
#headerContent {
	width: 990px;
	height: 86px;
	margin: 0 auto;
}
#headerL {
	height: 86px;
	float: left;
	width: 390px;
}
#headerR {
	height: 61px;
	float: right;
	width: 555px;
	text-align: right;
	padding: 25px 30px 0px 0px;
}

#headerR img {
	float: right;
}

.main #top {
	background-image: url(../../images/general/bg_top.jpg);
	background-position: top center;
	height: 117px;
}
#topContent {
	width: 990px;
	height: 117px;
	margin: 0 auto;
}
.main #topHome {
	background-image: url(../../images/general/bg_top_home.jpg);
	background-position: top center;
	height: 385px;
}
#topContentHome {
	width: 990px;
	height: 385px;
	margin: 0 auto;
}
#featured {
	padding: 0px;
}
#topTL {
	margin-top: 0px;
	padding: 0px 15px 0px 60px;
	float: left;
	width: 250px;
}
#topTC {
	margin-top: 0px;
	padding: 0px 15px 0px 45px;
	float: left;
	width: 250px;
}
#topTR {
	margin-top: 0px;
	padding: 0px 60px 0px 45px;
	float: right;
	width: 250px;
}
#topL {
	height: 94px;
	float: left;
	width: 485px;
	padding: 23px 0px 0px 60px;
}
#topR {
	height: 42px;
	float: right;
	width: 385px;
	text-align: right;
	padding: 75px 60px 0px 0px;
	font-size: 10px;
}
.main #main {
	background: #ffffff;
	overflow: auto;
}
#mainContent {
	width: 990px;
	margin: 0 auto;
}
#mainL {
	padding: 25px 15px 35px 60px;
	float: left;
	width: 560px;
}
#mainR {
	padding: 25px 60px 35px 45px;
	float: right;
	width: 250px;
}

.mainTL, .homeMainTL {
	padding: 25px 15px 0 60px;
	float: left;
	width: 250px;
}
.mainTC, .homeMainTC {
	padding: 25px 15px 0 45px;
	float: left;
	width: 250px;
}
.mainTR, .homeMainTR {
	padding: 25px 60px 0 45px;
	float: right;
	width: 250px;
}

.mainTL2 {
	padding: 0 15px 0 60px;
	float: left;
	width: 250px;
}
.mainTC2 {
	padding: 0 15px 0 45px;
	float: left;
	width: 250px;
}

.mainTR2 {
	padding: 0 60px 0 45px;
	float: right;
	width: 250px;
}

#swpHomeThumbs {
	margin-top:8px;
	height:75px;
}

.main #footerTop {
	background-image: url(../../images/general/bg_footertop.jpg);
	background-position: top center;
	height: 10px;
	overflow: hidden;
}
.main #footer {
	background-image: url(../../images/general/darkbrown.jpg);
	overflow: auto;
}
#footerContent {
	width: 990px;
	margin: 0 auto;
}
#footerL {
	padding: 4px 15px 25px 60px;
	float: left;
	width: 250px;
	color: #d7d3c7;
}
#footerM {
	padding: 4px 15px 25px 45px;
	float: left;
	width: 250px;
	color: #d7d3c7;
}
#footerR {
	padding: 4px 60px 25px 45px;
	float: right;
	width: 250px;
	color: #d7d3c7;
}
.main #footerSubTop {
	background-image: url(../../images/general/bg_footersubtop.jpg);
	background-position: top center;
	height: 5px;
	overflow: hidden;
}
.main #footerSub {
	overflow: auto;
}
#footerSubContent {
	width: 990px;
	margin: 0 auto;
}
#footerSubL {
	padding: 15px 0px 18px 60px;
	float: left;
	width: 475px;
	color: #9b947a;
}
#footerSubR {
	padding: 15px 60px 18px 0px;
	float: right;
	width: 395px;
	color: #9b947a;
	text-align: right;
}
.color40381d {
	color: #40381d;
}
.hrFooter {
	border-top: 1px solid #6f633e;
	overflow: hidden;
	margin: 10px -15px 10px -15px;
}
.hr, .hrNewsRecent {
	border-top: 1px solid #f4efe1;
	overflow: hidden;
	margin: 20px -15px 20px -15px;
}

.hrReplies, .hrReplyForm {
	border-top: 1px solid #f4efe1;
	overflow: hidden;
	margin: 8px -15px 20px -15px;
}

.hrNews {
	border-top: 1px solid #f4efe1;
	overflow: hidden;
	margin: 0px -15px 20px -15px;
}

.imgLarge {
	background-image: url(../../images/general/bg_image.jpg);
	background-repeat: no-repeat;
	width: 557px;
	height: 247px;
	padding: 5px 0px 0px 5px;
	margin: 6px 0px 0px -1px;
	float: left;
	position: relative;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear, .clear_float {
	clear: both;
}
img {
	border: none;
}
.box {
	width: 560px;
	position: relative;
	min-height: 166px;
	margin-bottom: 30px;
}
.davidText {
	background-image: url(../../images/general/beige.jpg);
	width: 398px;
	padding: 17px 147px 15px 15px;
	position: absolute;
	bottom: 0px;
}
.david {
	background-image: url(../../images/general/david.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
	top: 0px;
	left: 423px;
	height: 166px;
	width: 137px;
}
.saraText {
	background-image: url(../../images/general/beige.jpg);
	width: 348px;
	padding: 17px 15px 15px 197px;
	position: absolute;
	bottom: 0px;
}
.sara {
	background-image: url(../../images/general/sara.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
	top: 0px;
	left: -60px;
	height: 172px;
	width: 247px;
}
.list { 
	list-style-image: url(../../images/general/drieh_r_green_off.jpg); 
}
.listActueel { 
	list-style-image: url(../../images/general/drieh_r_blue_off.jpg); 
}
.datum {
	background-image: url(../../images/general/bg_datum.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 6px 7px 3px 0px;
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
}
.pageNav {
	width: 530px;
	text-align: center;
}
.pageNumberOn {
	background-image: url(../../images/general/bg_pagenumber_on.jpg);
	background-repeat: no-repeat;
	width: 28px;
	height: 21px;
	display: inline-block;
	color: #f4efe1;
	text-decoration: none;
	font-weight: bold;
}

.imageMiddle, .imageMiddleLink {
	background-image: url(../../images/general/lightbeige.jpg);
	border: 1px solid #dfdfdf;
	padding: 4px;
	margin: 5px 0px 0px 0px;
}

.imageLeft, .imageLeftLink {
	background-image: url(../../images/general/lightbeige.jpg);
	border: 1px solid #dfdfdf;
	float: left;
	padding: 4px;
	margin: 5px 7px 0px 0px;
}
.imageRight, .imageRightLink {
	background-image: url(../../images/general/lightbeige.jpg);
	border: 1px solid #dfdfdf;
	float: right;
	padding: 4px;
	margin: 5px 0px 0px 7px;
}
.imageLeftLink:hover, .imageRightLink:hover, .imageMiddleLink:hover {
	background-image: url(../../images/general/darkbeige.jpg);
}

.download {
	background-color: #f5efe1;
	height: 47px;
	width: 548px;
	padding: 6px 5px 0px 7px;
	margin: 5px 0px 0px 0px;
}

form {
	margin: 0px;
	padding: 0px;
}
.formLine {
	background-image: url(../../images/general/bg_form_line.jpg);
	background-repeat: no-repeat;
	padding: 5px 4px 0px 4px;
	width: 464px;
	height: 21px;
	border: 0px;
	background-color: transparent;
	color: #5a4e28;
}
.formBox {
	background-image: url(../../images/general/bg_form_box.jpg);
	background-repeat: no-repeat;
	padding: 5px 4px 5px 4px;
	width: 464px;
	height: 136px;
	border: 0px;
	background-color: transparent;
	color: #5a4e28;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.formLeft {
	float: left;
	width: 88px;
	height: 24px;
	padding-top: 2px;
}
.formRight {
	float: right;
	width: 472px;
	overflow: auto;
}
.green {
	color: #758d21;
}
.formSubL {
	float: left;
	width: 200px;
	padding-left: 88px;
}
.volgendeImgLarge {
	position: absolute;
	top: 140px;
	left: 477px;
	width: 80px;
	height: 28px;
	display: none;
	background-image: url(../../images/general/volgende_off.png);
}
.volgendeImgLarge:hover {
	background-image: url(../../images/general/volgende_ro.png);
	cursor: pointer;
}
.vorigeImgLarge {
	position: absolute;
	top: 140px;
	left: 5px;
	width: 80px;
	height: 28px;
	display: none;
	background-image: url(../../images/general/vorige_off.png);
}
.vorigeImgLarge:hover {
	background-image: url(../../images/general/vorige_ro.png);
	cursor: pointer;
}
.imgLargeHolder {
	position: absolute;
	top: 5px;
	left: 5px;
}

.feedback_red {
	border							: 2px solid #ff0033;
	padding							: 5px;
	background-color				: #fefeea;
	color							: #000000;
	margin							: 0 0 20px 0;
	font-size						: 12px;
}

.feedback_green {
	border							: 2px solid #339900;
	padding							: 5px;
	background-color				: #fefeea;
	color							: #000000;
	margin							: 0 0 20px 0;
	font-size						: 12px;
}

.comment {
	margin-bottom					: 30px;
}

.comment_info {
	height							: 55px;
}

.comment_avatar_left {
	float							: left;
	margin-right					: 8px;
}

.comment_avatar_right {
	float							: right;
	margin-left						: 8px;
}

.comment_top_left {
	width: 560px;
	height: 20px;
	background-image: url(../../images/general/comment_top_left.jpg);
}

.comment_top_right {
	width: 560px;
	height: 20px;
	background-image: url(../../images/general/comment_top_right.jpg);
}

.comment_middle {
	padding: 3px 15px 0 15px;
	background-color: #f2ebd9;
}

.comment_bottom {
	width: 560px;
	height: 10px;
	background-image: url(../../images/general/comment_bottom.jpg);
}



#twitter_widget .status {
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #665a36;
}

#twitter_widget .status p {
	padding: 0px;
	margin: 0px;
}

#twitter_widget .status a {
	color: #d7d3c7;
}

#twitter_widget .status a:hover {
	color: #ffffff;
}

#twitter_widget .status a.timestamp {
	color: #322908;
}
#twitter_widget .status a.timestamp:hover {
	color: #44380f;
}


.bluelinks a {
	color: #21668d;
}
.bluelinks a:hover {
	color: #3f83aa;
}

.orangelinks a {
	color: #db790e;
}
.orangelinks a:hover {
	color: #e0923d;
}


/*newsletter signup*/
#newsletter_email {
	background-image: url(../../images/general/bg_signup_newsletter.jpg);
	background-repeat: no-repeat;
	padding: 5px 4px 0px 4px;
	width: 242px;
	height: 21px;
	border: 0px;
	background-color: transparent;
	color: #5a4e28;
	margin-top:5px;
}

a.btnInschrijven {
	background-image: url(../../images/general/btn_inschrijven_off.jpg);
	margin: 6px 0px 0px -1px;
	display: block;
	width: 92px;
	height: 22px;
	overflow: hidden;
}
a.btnInschrijven:hover {
	background-image: url(../../images/general/btn_inschrijven_ro.jpg);
}


.block_right {
	float: right;
	background-image: url(../../images/general/beige.jpg);
	padding: 15px 20px;
	margin: 0 0 15px 20px;
	width: 280px;
	color: #736045;
}

.block_left {
	float: left;
	background-image: url(../../images/general/beige.jpg);
	padding: 15px 20px;
	margin: 0 20px 15px 0;
	width: 280px;
	color: #736045;
}


/* clear fix */
.clearfix {
	display							: inline-block;
}
.clearfix:after {
	display							: block; 
	visibility						: hidden; 
	clear							: both; 
	height							: 0px; 
	content							: ".";
	font-size						: 0px;
}