html, body { margin: 0; padding: 0; font-family: arial, freesans, helvetica, sans-serif; font-size: 11px;  }
form { margin: 0; padding: 0; }
body { background: #fff url("img/bodybag.gif") no-repeat 50% 13px; padding: 0 30px 0 45px; }
ul, li { margin: 0; padding: 0; list-style-type: none; }
a { text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; }
p { margin: 0; padding: 0; }
#container { width: 919px; margin: 13px auto; background: #fff url("img/bodybag.gif") no-repeat 50% 0; }

#header {  height: 284px; }

/**
 * header images. Defaults to rabo.png
 */
#header { position:relative;/*background: url("img/headers/rabo2.png") bottom right no-repeat;*/ }
#header #flashcontainer { position: absolute; bottom: 0; right: 0; width: 518px; height: 202px; margin:0; background: url("http://www.jaarsma-deboer.nl/style/img/headers_v1/default.jpg") bottom right no-repeat;}
/*#header { background: url("http://www.jaarsma-deboer.nl/style/img/headers/rabo2.png") bottom right no-repeat; }*/

.vacatures #header, .schouwburgplein #header { background: url("http://www.jaarsma-deboer.nl/style/img/headers_v1/default.jpg") bottom right no-repeat; }
.over_ons #header { background: url("http://www.jaarsma-deboer.nl/style/img/headers_v1/over-ons.jpg") bottom right no-repeat; }
.contact #header, .default #header { background: url("http://www.jaarsma-deboer.nl/style/img/headers_v1/contact.jpg") bottom right no-repeat; }
.producten #header { background: url("http://www.jaarsma-deboer.nl/style/img/headers_v1/diensten.jpg") bottom right no-repeat; }


/** END header images **/
#header ul { height: 40px; float: left; margin: -183px 0 0 330px; }
#header ul li { float: left; padding: 0 35px 0 0; margin-top: 5px; line-height: 30px; }
#header ul li a { color: #FFF; background: #06213c; }
#header ul#extranav { margin-left: 674px; }
#header ul#extranav li a { color: #06213c; background: #cfef1f; }

#header h1 { position: relative; margin: 0 0 1px -50px; padding: 0 0 0 0; line-height: 30px; color: #FFF; background: #06213c; width: 353px; font-size: 26px; font-family: "Trebuchet MS", freesans, sans-serif; font-weight: normal; }
#header h1 img { vertical-align: middle; margin0- }

#header div { width: 401px; height: 153px; margin-right: 30px; background: rgb(106,122,138) url("http://www.jaarsma-deboer.nl/style/img/desright.gif") no-repeat top left; color: #FFF; }
#header div h2 { padding: 13px 0px 7px 30px; margin: 0; color: #cfef1f; font-size: 17px; }
#header div p { padding: 0 0 0 30px; margin: 0; line-height: 22px;  }
#header div p a { color: #FFF; text-decoration: none; font-weight: bold;  }
#header div p a:hover { text-decoration: underline; }

#content { float: left; width: 431px; margin-top: -40px; }
#content.intro { margin-top: -35px; }
#content h2 { margin: 0; padding: 0 0 0 26px; background: #fff url("http://www.jaarsma-deboer.nl/style/img/blarrow.gif") no-repeat 5px 50%; line-height: 40px; font-size: 14px; }
#content .boxmodelcorrection { border: 3px solid #fff; padding: 10px; background: #FFF; }

#content a { font-weight: bold; text-decoration: none; color: rgb(5,32,59); }
#content a:hover { text-decoration: underline; }

#content h3, #diensten_producten dt  { font-weight: bold; font-size: 12px; line-height: 18px; margin: 0; padding: 0; }
#diensten_producten { margin: 0; padding: 0; }
#content .boxmodelcorrection p, #diensten_producten dd {margin: 0; padding: 0 0 6px 0; line-height: 16px; }

#content address { font-style: normal; }

#infoboxes { width: 201px; float: left; margin: 0 0 0 11px; }
#infoboxes h2.klantlogin { background: rgb(5,32,59) url("http://www.jaarsma-deboer.nl/style/img/infboxtop.gif"); margin: 0 0 8px 0; font-size: 14px; padding: 0 36px; height: 40px; line-height: 40px; color: #FFF; }

#infoboxes div { padding: 18px 0 0 0; margin: 8px 0; background: transparent url("http://www.jaarsma-deboer.nl/style/img/inltop.gif") no-repeat top left;}
#infoboxes div#submenu ul { padding: 0 18px 18px 18px; background: rgb(207,239,31) url("http://www.jaarsma-deboer.nl/style/img/inlbot.gif") no-repeat bottom left; }
#infoboxes form { display: block; padding: 0 18px 18px 18px; margin: 0; background: rgb(207,239,31) url("http://www.jaarsma-deboer.nl/style/img/inlbot.gif") no-repeat bottom left; }
#infoboxes form p { margin: 0; padding: 0 }
#infoboxes label { display: block; padding: 1px;}

#infoboxes div#domaincheck { color: #FFF; background: rgb(225, 228, 232) url("http://www.jaarsma-deboer.nl/style/img/dmtop.gif") no-repeat top left; }
#infoboxes div#domaincheck h2 { font-size: 14px; margin: 0; padding: 0 0 0 18px; line-height: 22px; background: url("http://www.jaarsma-deboer.nl/style/img/gdownarrow.gif") no-repeat left center; }
#infoboxes div#domaincheck form { background: rgb(106, 122, 138) url("http://www.jaarsma-deboer.nl/style/img/dmbot.gif") no-repeat bottom left; }

#infoboxes div#address { background: rgb(5,32,59) url("http://www.jaarsma-deboer.nl/style/img/adtop.gif") no-repeat top left; }
#infoboxes div address { font-style: normal; padding: 0 18px 18px 18px; background: rgb(5,32,59) url("http://www.jaarsma-deboer.nl/style/img/adbot.gif") no-repeat bottom left; color: #FFF; }
#infoboxes div address a { color: #FFF; }
form .submit { margin: 5px 0; border: 2px solid #000;  }

.home #goodies h2 {display:none;}
.home #goodies {margin:0px;}
#goodies { width: 265px; float: right; margin: -40px 0 0 0; color: rgb(5,32,59); position:relative; }
#goodies h2 { margin: 0; padding: 0 0 0 26px; background: url("http://www.jaarsma-deboer.nl/style/img/blarrow.gif") no-repeat 5px 50%; line-height: 40px; font-size: 14px; }
#goodies li.reference { background: #FFF bottom left repeat-x; padding: 3px 3px 9px 3px; }
#goodies li.reference h3 { margin: 0; padding: 0; line-height: 25px; font-size: 14px; }
#goodies li.reference a.more, #news li a.more { display: block; font-weight: bold; color: rgb(5,32,59); line-height: 25px; padding-left: 16px; background: url("http://www.jaarsma-deboer.nl/style/img/grarrow.gif") no-repeat left center; }
#goodies li.reference a img { margin: 0; padding: 0; border: none;  }

.copyright { display: block; text-align: right; clear: both; padding: 25px 0 5px 0; }

#submenu a { display: block; line-height: 25px; background: red; padding: 0 18px; margin: 0 -18px; color: rgb(5,32,59); background: rgb(207,239,31); }
#submenu a:hover { background: rgb(106, 122, 138); color: #FFF; text-decoration: none; }


/** anti spam form field **/
#contactinformatie #site { display: none; }
.contact #contactinformatie input { width: 200px; }
.contact #contactinformatie #street { width: 150px; }
.contact #contactinformatie #house { width: 42px; margin-left: 3px; }
.contact #contactinformatie #phone, .contact #contactinformatie #postal { width: 120px; }