﻿*{ margin: 0; padding: 0; }

body { background: #FFF url(../img/bkg.jpg) repeat-x 0 0; color: #222; font: 11px arial, geneva, verdana, tahoma, sans; height: 100%; width:100%; }

#container { height: 100%; margin: 0 auto; min-height: 100%; min-width: 1024px; position: absolute; text-align: left; width: 100%; }
.clear { clear: both; }

h1, h2, h3, h4 { font-size: 110%; font-weight: bold; }
a, a:link, a:visited { color: #00057A; }
a:hover { color: #222; outline: none; text-decoration: none; }
.message { color: #f03; }
p.line { border-bottom: 1px solid #E6E9EA; }
em { color: #56686F; font-style: normal; }

#header{ background: transparent url(../img/lwm-lortye-watermanagement.jpg) no-repeat; height: 75px; padding: 0 20px; }
#header h1 { float: left; height: 70px; text-indent: -5000px; }

#nav { float: right; margin-top: 49px; }
#nav a { background: transparent url(../img/nav-off.jpg); clear: none; display: block; float: left; letter-spacing: 1px; padding: 8px 0 4px 0; text-align: center; text-decoration: none; width: 102px; }
#nav a:hover { background: transparent url(../img/nav-on.jpg); color: #000; }

#headlines { background: transparent url(../img/24uur-service.jpg) no-repeat 0 0; height: 150px; margin: 12px 30px; }
#headlines h2 { background: transparent url(../img/gecertificeerd-vca.jpg) no-repeat; float: right; height: 150px; text-indent: -5000px; width: 568px; }
#headlines p { color: #FFF; line-height: 20px; padding: 10px 0 0 250px; }

#sectie { background-color: #E6E9EA; margin: 25px 20px 0 20px; }
#sectie p { border: 1px solid #D2D6D7; color: #00057A; padding: 3px 3px 3px 7px; }

#content { padding: 0 30px; }
.left {	float: left; padding-top: 15px; width: 220px; }
.left .sub a { background: #E6E9EA url(../img/sub.jpg) no-repeat; display: block; margin-top: 1px; padding: 5px 0 5px 30px; }
.middle { float: left; margin-left: 20px; padding-top: 15px; padding-bottom: 15px; width: 620px; }
.middle p { padding: 10px 30px 0 10px; }

#content img { background: transparent; border: 1px solid #D2D6D7; left: -3px; padding: 2px; top: -3px; }

#content form fieldset { padding: 0 30px 0 30px; border: 0 solid; }
#content form p { position: relative; }
#content label { padding: 0 0 0 5px; display: inline; }
#content form .formtext { border: 1px solid #D2D6D7; color: #00057A; font: 1em/normal Arial, Helvetica, sans-serif; padding: 3px 0 0 5px; margin: 0; width: 100%; }
#content form .formtext:focus { border-color: #00057A; }
.formbutton { text-align: center; }
.button-wrap { padding: 10px; text-align: left; }

#footer { background: transparent url(../img/bottom.jpg) repeat-x 0 0; clear: both; border-top: 1px solid #D2D6D7; bottom: 0; color: #56686F; font-size: 10px; height: 25px; line-height: 25px; width: 100%; }
#footer .menu { float: left; padding-left: 30px; }
#footer .valid { float: right; padding-right: 50px; }
#footer .copyright { float: right; padding-right: 30px; }
#footer .copyright span {display:none;}
#footer .design{text-indent: -9000px;}
