* { margin: 0; }

body {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 30px 0 0 0;
	line-height: 20px;
	}

h1, h2, h3, h4 { font-weight: normal; text-transform: uppercase; line-height: normal; }
h1 { color: #000; font-size: 24px; margin: 0 0 10px 0; font-style: italic; }
h2 { color: #fff; }
h3 { color: #000; font-size: 12px; font-weight: bold; }
h4 { font-size: 17px; font-style: italic; margin: 0 0 10px 0; }
a { color: #6dae16; }
a:hover { color: #000; }
p { margin: 0 0 20px 0; }
input, textarea, button, select { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
img { border: 0; }

#container {
	width: 937px;
	margin: 0 auto;
	}

#left {
	width: 322px;
	float: left;
	}
	#left #logo { width: 285px; height: 265px; display: block; background: url(../img/bg/logo.gif); margin: 0 0 30px 0; text-indent: -9999px; }
	#left #mainmenu { padding: 0; list-style: none; }
	#left #mainmenu li { margin: 0 0 5px 0; }
	#left #mainmenu li a { width: 236px; height: 31px; display: block; text-indent: -9999px; }
	#left #mainmenu li ul { padding: 5px 0 0 0; list-style: none; }
	#left #mainmenu li ul li { margin: 0 0 2px 0; }
	#left #mainmenu li ul li a { width: 216px; background: none; text-indent: 0; color: #000; height: auto; text-decoration: none; padding: 5px 5px 5px 15px; }
	#left #mainmenu li ul li a:hover { background: #eee; border-right: 5px solid #ccc; padding: 5px 0 5px 15px; }
	.home a { background: url(../img/menu/home-up.gif); }
	.home a:hover { background: url(../img/menu/home-over.gif); }
	.over a { background: url(../img/menu/over-tekstzinnig-up.gif); }
	.over a:hover { background: url(../img/menu/over-tekstzinnig-over.gif); }
	.diensten a { background: url(../img/menu/diensten-up.gif); }
	.diensten a:hover { background: url(../img/menu/diensten-over.gif); }
	.portfolio a { background: url(../img/menu/portfolio-up.gif); }
	.portfolio a:hover { background: url(../img/menu/portfolio-over.gif); }
	.partners a { background: url(../img/menu/partners-up.gif); }
	.partners a:hover { background: url(../img/menu/partners-over.gif); }
	.contact a { background: url(../img/menu/contact-up.gif); }
	.contact a:hover { background: url(../img/menu/contact-over.gif); }

#right {
	width: 615px;
	float: left;
	border-bottom: 2px solid #8cc63f;
	}
	/* IE bulletpoint fix */
	#right ul { padding-left: 40px;}
	
	.emptybox a { background: url(../img/bg/box-leeg.gif) bottom; }
	.emptybox a:hover { background: url(../img/bg/box-leeg.gif); }
	.contactbox a { background: url(../img/bg/box-contact.gif); }
	.gevondenbox a { background: url(../img/bg/box-gevonden.gif) bottom; }
	.gezochtbox a { background: url(../img/bg/box-gezocht.gif) bottom; }
	.gevondenbox a:hover { background: url(../img/bg/box-gevonden.gif); }
	.gezochtbox a:hover { background: url(../img/bg/box-gezocht.gif); }
	
#top {
	width: 575px;
	margin: 0 0 10px 0;
	}

#maincontent {
	width: 405px;
	border-top: 2px solid #8cc63f;
	margin: 0 11px 0 0;
	padding: 10px 0 0 0;
	float: left;
	}

#rightcontent {
	width: 199px;
	border-top: 2px solid #000;
	padding: 10px 0 0 0;
	float: left;
	}
	#rightcontent a img { margin: 0 0 20px 0; }
	#rightcontent ul { padding: 0 0 0 7px; list-style: none; }
	#rightcontent li { padding: 0 0 10px 0; }
	#rightcontent li a { width: 155px; height: 119px; padding: 15px; display: block; text-decoration: none; color: #000; }
	
.bnrhome { height: 40px; background: url(../img/bg/bnr-home.gif); padding: 20px 20px 0 20px; }
.bnrgroot { height: 115px; background: url(../img/bg/banner-002.gif); padding: 0 20px; }
.bnrdiensten { height: 40px; background: url(../img/bg/bnr-diensten.gif); padding: 20px 20px 0 20px; }
.bnrportfolio { height: 40px; background: url(../img/bg/bnr-portfolio.gif); padding: 20px 20px 0 20px; }
.bnrcontact { height: 40px; background: url(../img/bg/bnr-contact.gif); padding: 20px 20px 0 20px; }

.horlist { width: 615px; list-style: none; padding: 0; float: right; margin: 20px 0 0 0; border-bottom: 2px solid #8cc63f; }
.horlist li { padding: 0 20px 20px 0; float: left; }
.horlist li a { width: 155px; height: 119px; padding: 15px; display: block; text-decoration: none; float: left; color: #000; }

.imgl { float: left; margin: 0 10px 0 0; }
.contactr { float: right; width: 220px }
.mb20 { margin: 0 0 20px 0; }

.btnlist { padding: 0; list-style: none; float: right; }
.btnlist li { height: 11px; margin: 0 0 20px 10px; float: left; overflow: hidden; }
.volgende { width: 74px; background: url(../img/bg/btn-volgende.gif); }
.vorige { width: 54px; background: url(../img/bg/btn-vorige.gif); }
.download { width: 120px; background: url(../img/bg/btn-download-tekst.gif); }
.ganaar { width: 94px; background: url(../img/bg/btn-ga-naar-site.gif); }

form label { float: left; height: 22px; text-indent: -9999px; }
form input, form textarea { float: left; border: 2px solid #8cc63f; padding: 1px 3px 1px 3px; margin: 0 0 5px 0; }
form textarea { margin: 0 0 20px 0; width: 394px; height: 150px; }
form .naam { width: 51px; background: url(../img/bg/label-naam.gif); }
form .email { width: 54px; background: url(../img/bg/label-email.gif); }
form .telefoon { width: 121px; background: url(../img/bg/label-telefoonnummer.gif); }
form .onderwerp { width: 82px; background: url(../img/bg/label-onderwerp.gif); }
form .bericht { width: 65px; background: url(../img/bg/label-bericht.gif); }
form .inputnaam { width: 343px; }
form .inputemail { width: 340px; }
form .inputtelefoon { width: 273px; }
form .inputonderwerp { width: 312px; }
form p { float: left; clear: both; width: 200px; }
form .reset { width: 84px; height: 23px; float: right; border: 0; background: url(../img/bg/btn-reset.gif); margin: 0 10px 0 0; cursor: pointer; }
form .submit { width: 80px; height: 23px; float: right; border: 0; background: url(../img/bg/btn-submit.gif); cursor: pointer; }