@import url('forms.css');
* { outline: none;}
body, p, div#header h1, div#header h2, div#header ul, div#nav ul, div#content div h3, ul.aanbiedinglist, div#sidebar h3, div#footer ul { margin: 0; padding: 0;}
body { background: #e5f1de url(../img/page/bg.jpg) repeat-x; font: 0.7em Arial, Helvetica, sans-serif; color: #6f6f6f;}
a { text-decoration: none; color: #53a75b;}
a:hover { text-decoration: underline;}
p { padding-top: 5px; padding-bottom: 5px;}
p, div#content ul li { line-height: 1.5em;}

p.errormsg { color: #FF0000;}
p.okmsg { font-weight: bold; color: #009900;}

div#header ul, div#nav ul, ul.aanbiedinglist, div#footer ul { list-style-type: none;}
div#header h1, div#header h2, div#nav ul li a, div#sidebar h3, div#content div h3 { font-size: 0; line-height: 0; text-indent: -9999px;}

div#sitewrapper { width: 780px; margin: 24px auto 24px auto; position: relative;}

div#animatedgif { position: absolute; top: 0px; left: 536px; width: 146px;}

div#header { /*border: solid 3px #FF0000;*/ float: left;}
div#header a#sitemap { float: right; margin: 13px 16px 0 0; padding-left: 15px; background: url(../img/nav/icon.gif) no-repeat;}
div#header h1, div#header h2 { float: left;}
div#header h1 { background: url(../img/headings/logo.png); width: 77px; height: 77px; margin-top: 0px; margin-right: 300px; margin-left: 26px;}
div#header h2 { background: url(../img/headings/tel.png); width: 104px; height: 30px; margin-top: 16px;}

div#nav { clear: both; background: url(../img/nav/nav_bg.png) no-repeat; float: left; padding: 0 5px 0 5px; width: 770px; height: 58px; margin-top: 11px;}
div#nav ul { margin: 25px 0 0 10px;}
div#nav ul li { float: left; margin-left: 11px;}
div#nav ul li.slash { padding-right: 16px; background: url(../img/nav/slash.png) no-repeat 100% 0%;}
div#nav ul li a { display: block; height: 33px;}

div#nav ul li a#home { width: 31px; background-image: url(../img/nav/home.png);}
div#nav ul li a#home:hover { background-position: 31px;}
div#nav ul li a#services { width: 49px; background-image: url(../img/nav/services.png);}
div#nav ul li a#services:hover { background-position: 49px;}
div#nav ul li a#aanbiedingen { width: 82px; background-image: url(../img/nav/aanbiedingen.png);}
div#nav ul li a#aanbiedingen:hover { background-position: 82px;}
div#nav ul li a#klanten { width: 48px; background-image: url(../img/nav/klanten.png);}
div#nav ul li a#klanten:hover { background-position: 48px;}
div#nav ul li a#contact { width: 51px; background-image: url(../img/nav/contact.png);}
div#nav ul li a#contact:hover { background-position: 51px;}

div#subheader { background: url(../img/page/subheader_bg.png); height: 58px; clear: both;}
div#subheader p { padding: 21px 0 0 21px;}
div#subheader p a { color: #007ee9; font-weight: bold;}

div#contentwrapper { background: url(../img/page/cw_bottom.png) no-repeat 0% 100%; padding: 5px; padding-top: 0; width: 770px; float: left; margin-bottom: 24px;}
div#content { background: url(../img/page/content_bg.png) no-repeat 0% 100%; float: left; width: 514px;}
div#content div { margin-left: 9px; margin-right: 9px; border-top: solid 1px #d9d9d9; padding: 17px 12px 17px 12px;}

div#content div ul.aanbiedinglist { width: 100%; float: left; border-bottom: solid 1px #d9d9d9; margin-bottom: 17px; background: url(../img/page/list_bg.gif) no-repeat 50% 0%; padding-bottom: 17px;}
div#content div ul.aanbiedinglist li { float: left;}
div#content div ul.aanbiedinglist li a { display: block; width: 236px; text-align: center; background: url(../img/page/vergrootg.gif) no-repeat; padding-top: 130px; color: #6f6f6f;}
div#content div ul.aanbiedinglist li a span { color: #007ee9;}
div#content div ul.aanbiedinglist li a:hover { text-decoration: none; }

div#content div h3 { height: 17px; clear: both;}
div#content div h3#h_01 { background: url(../img/headings/content/home.png); width: 37px;}
/*div#content div h3#h_02 { background: url(../img/headings/content/services.png); width: 53px;}*/
div#content div h3#h_021 { background: url(../img/headings/content/mservice.png); width: 133px;}
div#content div h3#h_022 { background: url(../img/headings/content/pservice.png); width: 94px;}
div#content div h3#h_023 { background: url(../img/headings/content/solutions.png); width: 61px;}
div#content div h3#h_024 { background: url(../img/headings/content/webdesign.png); width: 72px;}
div#content div h3#h_03 { background: url(../img/headings/content/aanbiedingen.png); width: 91px;}
div#content div h3#h_04 { background: url(../img/headings/content/klanten.png); width: 49px;}
div#content div h3#h_05 { background: url(../img/headings/content/contact_.png); width: 50px;}
div#content div h3#h_sitemap { background: url(../img/headings/content/sitemap.png); width: 53px;}

div#sidebar { float: right; background: url(../img/page/contact_bg.jpg) no-repeat; width: 235px; color: #a7f8b1; padding-left: 21px; padding-top: 21px;}
div#sidebar a { color: #ffd800;}
div#sidebar p.bordertop { border-top: solid 1px #51b55d;}
div#sidebar p img { margin-top: 5px;}

div#content div h3, div#sidebar h3 { margin-bottom: 17px;}
div#sidebar h3 { height: 13px;}
div#sidebar h3#contactside { width: 50px; background: url(../img/headings/content/contact.png);}

div#footer { clear: both; color: #53a75b;}
div#footer ul { float: right;}
div#footer ul li { float: left; padding-right: 22px;}
div#footer ul li.bg { background: url(../img/sep.gif) no-repeat 100% 0%;}

table#contactform { width: 100%;}
table#contactform td { padding: 3px; vertical-align: top;}