@import "reset.css";
@import "default.css";
@import "navigation.css";

html { background: #fff; /*height: 100%;*/ }
body { font-family: Arial; font-size: 11px; width: 900px; margin: 0 auto; overflow-x: hidden; /*height: 97%;*/ background: #e6e7e8; font-style: normal; }

#header { border-bottom: 8px solid #fff; padding: 0; margin: 0; height: 162px; width: 900px; }

#content { border-bottom: 8px solid #fff; line-height: 1.5em; overflow: hidden; background: #fff; }

#leftPanel { width: 207px; color: #fff; padding: 10px 10px 10px 25px; float:left; }
#leftPanel dl { margin-bottom: 12px; }
#leftPanel a { color: #9FA0A0; text-decoration: none; }

#rightPanelFirst,
#rightPanelLast { width: 617px; float: right; background: #d1d3d4; padding: 12px 12px 12px 20px;}
#rightPanelFirst { margin-bottom: 8px; }
#rightPanelFirst h1 { font-weight: normal; }

#rightPanelLast dl {float:left; width: 112px; margin-right:2px;}
#rightPanelLast dl dt {}
#rightPanelLast dl dd { float: left; height: 100%;  /*width: 480px;*/ margin-left: 5px; }
#rightPanelLast { color: #fff; }
#rightPanelLast h3 { color: #9FA0A0; text-transform: uppercase; }
#rightPanelLast a { color: #9FA0A0; text-decoration: none; }

#content h1 { text-transform: uppercase; }

#footer { text-align: center; overflow: hidden; background: #e6e7e8; text-transform: uppercase; height: 33px; position: relative; background: url(img/address.png) 0 0 no-repeat; }
#footer a { text-decoration: none; font-size: 1.4em; color: #222; }
#footer a#contactLink { position: absolute; top: 5px; left: 30px; background: url(img/contact.png) -10px 0 no-repeat; width: 112px; height: 25px;  }
#footer a#contactLink span { display: none; }
#footer a#emailLink { float: right; width: 120px; height: 33px; display: block; margin-right: 20px; }
#footer address { text-indent: -9999px; width: 100%; height: 33px;}
#footer address a { color: #666; font-size: 1em; float: none; }

body.home #content { background: url(img/content_bg.gif); }
body.producten #content { background: url(img/content_bg.gif); }
body.news #content { background: url(img/content_bg.gif); }
body.contact #content { background: url(img/content_bg.gif); }
body.particulier #content { background: url(img/content_bg.gif); }
body.fabrikanten #content { background: url(img/content_bg.gif); }
body.links #content { background: url(img/content_bg.gif); }
body.onderhoud #content { background: url(img/content_bg.gif); }
body.productdesc #content { background: url(img/content_bg.gif); }