* { margin: 0; }

body {
	font: 13px Trebuchet MS, Verdana, Arial;
	color: #595959;
	background: #00819D;
	}

h1 { color: #006176; font-size: 28px; border-bottom: 1px dotted #bfbfbf; margin-bottom: 20px; font-weight: normal; letter-spacing: -2px; line-height: normal; clear: both; }
h2 { color: #000; font-size: 20px; font-weight: normal; margin-bottom: 10px; clear: both; }
h2 span { font-size: 13px; color: #00819d; }
a { text-decoration: none; color: #006176; }
a:hover { color: #000; }
p, ul { margin-bottom: 20px; }
form { overflow: hidden; }
img { border: 0; }

label { float: left; width: 90px; clear: both; font-weight: bold; }
input, textarea { font: 13px Trebuchet MS, Verdana, Arial; padding: 2px; float: left; margin-bottom: 4px; color: #595959; }

#wrapper {
	width: 100%;
	background: url(../img/bg/wrapper.gif) repeat-x top #fff;
	overflow: hidden;
	}

#container {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	}

#header {
	width: 980px;
	height: 245px;
	background: url(../img/bg/header.jpg);
	margin-bottom: 20px;
	}
	#header p { color: #006176; padding: 10px; margin: 0; }
	#header span { color: #008fca; }

#home { position: absolute; margin: 40px 0 0 40px; }

#mainmenu { 
	padding: 0;
	list-style: none;
	padding: 157px 0 0 0;
	}
	#mainmenu li { display: inline; }
	#mainmenu a { color: #c5e9f1; padding: 16px 10px; display: block; float: left; }
	#mainmenu a:hover { color: #006176; background: #fff; border-top: 4px solid #98f0bd; padding: 12px 10px 16px 10px; }

#contentleft {
	width: 503px;
	float: left;
	padding-right: 50px;
	line-height: 20px;
	}
	#contentleft a { border-bottom: 1px dotted #006176; }
	#contentleft img, #contentright img { border: 1px solid #bfbfbf; padding: 2px; }

#producten {
	list-style: none;
	padding: 0;
	margin-bottom: 20px;
	overflow: hidden;
	}
	#producten ul { list-style: none; padding: 0; margin: 0; }
	#producten a { display: block; border: 0; }
	#producten li { margin-top: 2px; }
	#producten li ul li { }

#contentright {
	width: 427px;
	float: left;
	line-height: 20px;
	}

#footerspan { width: 100%; background: url(../img/bg/footer.gif) repeat-x #00819D; }
#footer {
	width: 960px;
	margin: 0 auto;
	color: #6dc2d4;
	padding: 15px 0;
	}
	#footer a { color: #c5e9f1; }
	#footer a:hover { color: #fff; }
	#footer p { margin: 0; }

.referentie { border-bottom: 1px dotted #bfbfbf; margin-bottom: 20px; }
.referentie p { margin-bottom: 10px; color: #006176; }
.referentie img { margin-bottom: 10px; border: 1px solid #bfbfbf; padding: 2px; }
.referentie img:hover { background: #bfbfbf; }
.referentie span { color: #008fca; font-style: italic; }

#contactform input { border: 1px solid #999; width: 150px; }
#contactform input:focus { border: 1px solid #006176; }
#contactform textarea { border: 1px solid #999; width: 320px; height: 150px; }
#contactform textarea:focus { border: 1px solid #006176; }
#contactform .submitbutton { float: left; clear: both; margin: 15px 0 20px 90px; width: auto; }

.optie { width: 130px; float: left; clear: both; font-weight: bold; }
.floatleft { float: left; }
.floatright { float: right; }
.imgleft { float: left; margin-right: 20px; }
.imgright { float: right; margin-left: 20px; }
.strong { font-weight: bold; }
.mb20 { margin-bottom: 20px; }
.cb { clear: both; }