html, body {margin: 0; border: 0; padding: 0; width:100%; height: 100%; font-family: "Tahoma","Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; color: black; font-size: 12px; background: url(../gfx/frontend/BgMain.jpg) repeat-x white;}
img {border: 0;}
p {margin: 5px 0 12px 0px; padding-top: 0px;}
h1 {margin: 0; border-bottom: 1px solid #CCCCCC; padding: 5px 20px 5px 30px; display: inline-block; font-size: 25px; font-weight: bold; font-style: italic; color: #f26122; font-family: "Trebuchet MS";}
h2 {margin:0; padding: 0; color: #404040; font-size: 14px;}
.clear {clear: both; height: 0px; line-height: 0px; font-size: 0px;}
#containerMain {margin: 0 auto; padding: 0; width: 995px; height: auto; text-align: left;}
#contentContainer {margin: 0; padding: 0; width: 995px; position: relative;}
#header {margin: 0; padding: 0; width: 995px; height: 218px; background: url(../gfx/frontend/BgHeader.jpg) no-repeat; position: relative;}
h1.ondertitel {margin: 0 0 0 0; border: none; padding: 85px 0 0 80px; font-family: "Trebuchet MS"; font-size: 24px; color: #666; float: left;}
#flash {margin: 30px 10px 0 0; padding: 0; width: 146px; height: 146px; float: left;}
#adres {margin: 0; padding: 0; width: 300px; text-align: center; position: absolute; top: 50px; right: 0px}
#adres p {margin: 0; padding: 0;}
#adres h2 {margin: 0px; padding: 0px; font-size: 12px;}
#navigation {margin: 0; padding: 0; list-style:none; color: black; position:absolute; top: 142px; left: 150px;}
#navigation li {margin: 0; padding: 0; float: left; font-size: 14px; font-family: "Trebuchet MS";}
#navigation li {margin: 0; padding: 0 33px 10px 33px; background: url(../gfx/frontend/BgNavItem.jpg) no-repeat top right;}
#navigation li a {margin: 0; padding: 12px 0 0 0; text-decoration: none; color: black; display:block; }
#navigation li a:hover {margin: 0; border-top: 2px solid #f26122; padding: 10px 0 0 0; color: #4b4b4b; text-decoration: none;}
#navigation li.first {margin: 0; padding: 0 33px 10px 15px; background: url(../gfx/frontend/BgNavItem.jpg) no-repeat top right;}
#navigation li.active a {margin: 0; border-top: 2px solid #f26122; padding: 10px 0 0 0; color: #4b4b4b;}
#navigation li.last {background: none;}
#content {margin: 0; padding: 0; width: 995px; background: url(../gfx/frontend/dot.jpg) repeat-y 708px 0px; }
#rightColumn {margin: 0 26px 0 0; padding: 0; width: 233px; float: right;}
.box {margin: 0 0 20px 0; padding: 0; width: 233px;}
.box p {margin: 0; padding: 0;}
.boxHead {margin: 0; padding: 0; width: 233px; height:27px; background: url(../gfx/frontend/BgBox.jpg);}
.boxHead h2 {margin: 0; padding: 5px 0px 0px 10px; font-size: 13px; font-weight: bold; color: white;}
.boxImage {margin: 0; padding: 0; width: 233px;}
.boxContent {margin: 0; border-bottom: 6px solid #f26122; padding: 5px; width: 223px; }
.boxContent a {margin: 5px 0 5px 140px; padding: 0; color: #f26122; font-weight: bold; display: block; text-decoration: underline;}
.boxContent a:hover {text-decoration: none;}
#update { margin: 0px; padding: 0px; color: #666; font-size: 12px;}
#leftColumn {margin:0 0 0 10px; padding: 10px 10px 60px 35px; width: 640px; background: url(../gfx/frontend/BgContent.jpg) repeat-y; font-size: 13px;}
#leftColumn a {color: #F26122; text-decoration: none;}
#leftColumn a:hover {text-decoration: underline;}
#leftColumn h1 {margin: 0 0 10px 0;}
.portfolioItem {margin: 0 0 15px 0; padding: 0px; width: 632px; height: 162px; background: url(../gfx/frontend/BgPortfolio.gif); position: relative;}
.portfolioImage {margin: 0px; padding: 0; position: absolute; top: 20px; right: 20px; }
.portfolioItem h2 {padding: 17px 0px 13px 17px; margin: 0; width: 350px; font-size: 22px; font-weight: bold; font-style: italic; font-family: "Trebuchet MS";}
.portfolioOmschrijving {margin: 0 0 0 15px; padding: 0; width: 350px; height:70px; float: left;}
.portfolioOmschrijving a.goTo {margin: 0; padding: 0; text-decoration: underline; font-weight: bold; font-size: 13px; position: absolute; top: 130px; left: 220px; z-index: 20;}
.portfolioOmschrijving a.goTo:hover {text-decoration: none;}
.portfolioOmschrijving p {margin: 0 0 10px 0;}
#footer {margin:0 0 0 11px; padding: 10px 0; width: 698px; height: 40px; position: relative; left: 0; bottom: 60px; background: url(../gfx/frontend/BgFooter.jpg) repeat-y;}
#footerContent {font-size: 11px; color: #666; text-align: center;}
/* ## OFFERTE TABLE ## */
.tableOfferteGegevens {margin: 15px 0 20px 15px; padding: 0; font-size: 12px;}
.tdGegevens {margin: 0; padding: 2px 0; width: 150px;}
.tdGegevens input {margin: 0; padding: 0; width: 200px;}
.tableOfferte {margin: 10px 10px 20px 10px; border-bottom: 6px solid #f26122; padding: 0px; width: 500px; font-size: 12px; font-family: "Tahoma";}
.trHead {margin: 0; padding: 0; height: 26px; color: white; font-weight: bold; }
.tdCheckHead {margin: 0; padding: 0 0 0 5px; width: 25px; background: url(../gfx/frontend/BgTableHeadLeft.jpg) left no-repeat #f26122;}
.tdProductHead {margin: 0; padding: 0 0 0 5px; width: 270px; background: #f26122;}
.tdKostenHead {margin: 0; padding: 0 0 0 5px; width: 95px; background: #f26122;}
.tdMaandelijksHead {margin: 0; padding: 0 0 0 5px; width: 95px; background: url(../gfx/frontend/BgTableHeadRight.jpg) right no-repeat #f26122;}
.trLight {margin: 0; padding: 0; height: 25px;}
.tdCheck {margin: 0; padding: 0; width: 25px;}
.tdProduct {margin: 0; padding: 0 0 0 5px;}
.tdKosten {margin: 0; padding: 0 0 0 5px; background: #eee;}
.tdMaandelijks {margin: 0; padding: 00 0 0 5px;}
.trDark {margin: 0; padding: 0; height: 25px; background: #eee;}
.trDark td.price {background: #ccc;}
.doorgaan {margin: 10px 0 0 15px; padding: 0; font-size: 14px; font-family: "Trebuchet MS";}
#offerform {margin: 0 0 60px 0;}