* { margin:0; padding:0; outline:0; }
a { text-decoration:none; }
a img { border:0; }
ul { list-style-type:none; }
body { width:980px; margin:0 auto;}

#header { float:left; height:211px; width:980px; }
#header #top { float:left; height:65px; width:964px; padding:5px 0 0 16px; background:url(../images/header-top-bg.png) right no-repeat;}
#header #bottom { float:left; height:140px; width:980px; background:url(../images/header-bottom-bg.jpg) left no-repeat;}
#header #bottom .right { float:right; height:40px; width:512px; padding:100px 47px 0 0; background:url(../images/header-bottom-right-bg.png);}
#header #bottom .right strong { float:right; height:28px; width:295px; background:url(../images/header-bottom-right-strong-bg.png); font-size:0; }

#content { float:left; width:978px; border:1px solid #f0f0f0; border-bottom:0; border-top:12px solid #f0f0f0; background:url(../images/content-bg.gif) repeat-y left; overflow:hidden;}

#content .left { float:left; width:206px; padding:0 1px; overflow:hidden; }
#content .left ul { float:left; width:206px;}
#content .left ul li { float:left; width:206px; }
#content .left ul li a { float:left; border-bottom:1px solid #fff;  background-color:#f47c00; }
#content .left ul li a:hover { background-color:#4fa0ff;}
#content .left ul li a span { float:left; height:19px; width:178px; padding:9px 0 0 28px; font-family:Arial; font-size:14px; color:#f47c00; border-bottom:1px solid #b4b4b4; cursor:pointer; }
#content .left ul li a:hover span { height:18px; width:177px; padding:10px 0 0 29px; text-decoration:none; color:#4fa0ff; border-bottom:1px solid #4fa0ff; }

#content .left ul li ul { float:left; width:206px; border:0; }
#content .left ul li ul li { border:0; }
#content .left ul li ul li a{ float:left; height:23px; width:178px; padding:7px 0 0 28px; background-color:#f9f9f9; border:0; font-family:Arial; font-size:13px; color:#f47c00;}
#content .left ul li ul li a:hover { background-color:#f1f1f1; border:0; color:#4fa0ff; }

#content .left ul li a#home span{ background:url(../images/menu/home.gif);}
#content .left ul li a#over span{ background:url(../images/menu/over.gif);}
#content .left ul li a#diensten span{ background:url(../images/menu/diensten.gif);}
#content .left ul li a#referenties span{ background:url(../images/menu/referenties.gif);}
#content .left ul li a#contact span{ background:url(../images/menu/contact.gif);}

#content .left form { float:left; height:60px; width:195px; margin:17px 0 21px 5px; background:url(../images/content-left-form-bg.png); display:inline; }
#content .left form fieldset { border:0; text-align:center; }
#content .left form fieldset strong { float:left; width:195px; padding:7px 0 7px 0; color:#fff; font-size:12px; font-family:Arial; }
#content .left form fieldset input { display:inline; }
#content .left form fieldset input.text { height:auto; width:115px; }
#content .left form fieldset input.submit {width:50px; height:auto; font-size:12px; }

#content .left img { margin-left:6px; }

#content .mid { float:left; width:494px; margin:0 30px 0 28px;  padding:28px 0 0 0; display:inline; overflow:hidden;}
#content .mid a { text-decoration:underline; }
#content .mid .inline { width:484px; padding:0 0 10px 10px; background-color:#f9f9f9; border-left:1px solid #f0f0f0;}
#content .mid h2 { padding:20px 0 0 0; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#2d56a6; font-weight:normal; }
#content .mid p { width:477px; padding:14px 0 0 0; font-size:11px; color:#555; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:19px; }
#content .mid p strong, #content .mid p span { width:477px; display:block; }
#content .mid p span .span {  width:200px; display:inline-block;}
#content .mid p.referenties span {  padding:2px 0; }
#content .mid ul { width:477px; padding:20px 0 0 0; }
#content .mid ul li { line-height:19px; list-style-type:disc; list-style-position:inside; color:#555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:477px; }
#content .mid form fieldset { border:0; }
#content .mid form fieldset label { display:inline-block; width:477px; font-size:11px; color:#555; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
#content .mid #footer { width:494px; padding:15px 0 15px 0; text-align:center; font-size:11px; color:#555; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content .mid #footer a { color:#555; text-decoration:underline; }

#content .right { float:left; height:500px; width:209px; text-align:center; overflow:hidden; }
#content .right img { margin:15px 0 0 0; }

#copyright { float:left; width:980px; padding:0 0 10px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555;}


