/*** Standaard opmaak van de pagina ***/
body, html { margin: 0px; padding: 0px; height: 100%; }
body { background: #FFFFFF url(../gfx/products/bodyBG.jpg) repeat-y; color: #666; font: normal normal 62.5%/1.5 Verdana, Tahoma, Arial, "Times New Roman", sans-serif; width: 100%; }
body.overview { background: #f2f4f3 url(../gfx/products/bodyBG.jpg) repeat-y; }

/*** Standaard html elementen ***/
a { color: #666; text-decoration: underline; font-size: 11pt; }
a img { border: 0px; }

p { font-size: 11pt; margin-top: 0em; text-align: left; }
p a { font-size: 1em; }

img { margin: 0px; }

#middleColumn ul { font-size:11pt; margin: 0px; text-align: left; margin-left: 17px; }
ul { font-size: 1.1em; margin: 0px; }
ul ul { font-size: 1em; margin: 0px; }
ul a { font-size: 1em; }

h1, h2, h3 { text-align: left; font-weight: normal; color: #000; }
h1 { font-size: 1.9em; border-bottom: 1px solid #d4d4d4; margin: 0px 0px 20px 0px; }
h2 { font-size: 1.6em; margin-top: 0px; }
h3 { font-size: 1.4em; margin-top: 0px; border-bottom: 1px solid #d4d4d4; }

form { margin: 0px; padding: 0px; border: 0px; }
input { font-size: 11pt; border: 1px solid #666; padding: 0px; }

/*** opmaak en plaatsing van de verschillende divjes ***/

#page { min-height: 100%; background: url(../gfx/products/bodyBGRight.jpg) repeat-y right; }
body.home #page { background: url(../gfx/products/bodyBGRightHome.jpg) repeat-y right; }
body.overview #page { background: url(../gfx/products/bodyBGRightOverview.jpg) repeat-y right; }

/*** Alle kolommen - height 
#leftColumnWrapper, #middleColumnWrapper, #rightColumnWrapper { min-height:100%; height: 100%; } ***/

/*** Header ***/
#header { position: relative; height: 113px; width: 100%; z-index: 10; background: #0e9dd9; }
#header #logo { float: left; }
#header #logo.print { display: none; }
#header #topRight { float: right; }

/*** Middelste kolom ***/
#middleColumnWrapper { float: left; width: 100%; margin-top: -156px; }
#middleColumnWrapper #IE6opvuller { height: 113px; background: #0e9dd9; display: none; }
#middleColumnWrapper #middleColumn { padding: 36px 5% 0px 20px; text-align: center; }
#middleColumnWrapper #middleColumn #breadcrumb { text-align: left; margin: -32px 0px 15px 0px; color: #000; }
#middleColumnWrapper #middleColumn #breadcrumb a { color: #868686; text-decoration: none; font-size: 1.1em; }
#middleColumnWrapper #middleColumn img { margin: 20px 0px; }
body.home #middleColumnWrapper #middleColumn, body.overview #middleColumnWrapper #middleColumn { margin: 113px 351px 0px 164px; }

body.companyprofile #middleColumnWrapper #middleColumn, body.products #middleColumnWrapper #middleColumn { margin: 113px 210px 0px 164px; }

body #middleColumnWrapper #middleColumn #topButtons { float: right; width: 284px; margin-top: 7px; }
body #middleColumnWrapper #middleColumn #topButtons img { margin: 0px; padding: 0px; }
body #middleColumnWrapper #middleColumn #topButtons div{ float: left; height: 21px; border-top: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; float: right; }
body #middleColumnWrapper #middleColumn #topButtons #btnOverview { border-left: 1px solid #D4D4D4; }
body #middleColumnWrapper #middleColumn #topButtons #btnDownloadBrochure { border: none; border-top: 1px solid #D4D4D4; }
body #middleColumnWrapper #middleColumn #topButtons #btnPrint { border: none; }

body.products #middleColumnWrapper #middleColumn h2 { margin-top: -20px; }
body.products #middleColumnWrapper #middleColumn #product { width: 566px;  text-align: left; margin-bottom: 34px; }
body.products #middleColumnWrapper #middleColumn #product img { margin: 0px; }
body.products #middleColumnWrapper #middleColumn #product #foto { float: left; border: 1px solid #000; width: 121px; height: 122px; overflow: hidden; }
body.products #middleColumnWrapper #middleColumn #product #title1, body.products #middleColumnWrapper #middleColumn #product #title2 {  float: left; line-height: 24px; color: #FFF; border-top: 1px solid #000; }
body.products #middleColumnWrapper #middleColumn #product #title1 p, body.products #middleColumnWrapper #middleColumn #product #title2 p, body.products #middleColumnWrapper #middleColumn #product #description p { font-size: 1.1em; padding: 0px 12px; margin: 0px; }
body.products #middleColumnWrapper #middleColumn #product #title1 { width: 102px; background: #0e9dd9; font-weight: bold; }
body.products #middleColumnWrapper #middleColumn #product #title2 { width: 327px; background: #007db2; border-right: 1px solid #000; }
body.products #middleColumnWrapper #middleColumn #product #description { float: left; background: #d4d4d4; color: #000; width: 429px; height: 98px; border-right: 1px solid #000; border-bottom: 1px solid #000; }
body.products #middleColumnWrapper #middleColumn #product #description p.kop { padding-top: 6px; font-weight: bold; }
body.products #middleColumnWrapper #middleColumn #product #prijs p, body.products #middleColumnWrapper #middleColumn #product #amount p { font-size: 1.1em; padding: 0px 12px; margin: 0px; }
body.products #middleColumnWrapper #middleColumn #product #prijs { margin-left: 122px; float: left; width: 139px; border-left: 1px solid black; border-bottom: 1px solid black; line-height: 22px; color: #818181; }
body.products #middleColumnWrapper #middleColumn #product #amount { float: left; width: 101px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; line-height: 22px; color: #818181; }
body.products #middleColumnWrapper #middleColumn #product #amount p{ float: left; padding: 0px 5px 0px 12px; }
body.products #middleColumnWrapper #middleColumn #product #amount input.orderNumber{ width: 27px; text-align: center; float: left; margin-top: 1px; }
body.products #middleColumnWrapper #middleColumn #product #addToCart { float: left; }

body.overview #middleColumnWrapper {  }
body.overview #middleColumnWrapper #middleColumn table { width: 100%; text-align: left; }
body.overview #middleColumnWrapper #middleColumn table .firstTd { border-left: 1px solid #dcdedd; }
body.overview #middleColumnWrapper #middleColumn table .secondTd { width: 68px; }
body.overview #middleColumnWrapper #middleColumn table .thirdTd { width: 92px; }
body.overview #middleColumnWrapper #middleColumn table .fourthTd { width: 112px; }
body.overview #middleColumnWrapper #middleColumn table .noborder { border: 0px; }
body.overview #middleColumnWrapper #middleColumn table .borderright { border: 0px; border-right: 1px solid #dcdedd; }
body.overview #middleColumnWrapper #middleColumn table td.fourthTd { font-weight: bold; }
body.overview #middleColumnWrapper #middleColumn table th { background: #dcdedd; font-weight: normal; padding-left: 12px; line-height: 18px; }
body.overview #middleColumnWrapper #middleColumn table td { line-height: 26px; padding-left: 12px; border-bottom: 1px solid #dcdedd; border-right: 1px solid #dcdedd; color: #000; }
body.overview #middleColumnWrapper #middleColumn input { width: 230px; }
body.overview #middleColumnWrapper #middleColumn p.floatleft { float: left; width: 150px; }
body.overview #middleColumnWrapper #middleColumn #frmButtons { float: left; width: 385px; }
body.overview #middleColumnWrapper #middleColumn #frmButtons #btnBack { float: left; }
body.overview #middleColumnWrapper #middleColumn #frmButtons #btnOrder { margin: 20px 0px; float: right; }
body.overview #middleColumnWrapper #middleColumn #frmButtons #btnOrder input { cursor:pointer; background: #f2f4f3 url(../gfx/products/overviewOrdernow.gif) no-repeat; border: 0px; width: 92px; height: 24px; }

#error { padding: 6px; margin-bottom: 20px; border: 1px solid red; color: red; width: 368px; }
#error label { display: block; }

/*** Rechter kolom ***/
#rightColumnWrapper { float: left; margin-top: -156px; }
#rightColumnWrapper #rightColumn { margin-top: 96px; }
body.home #rightColumnWrapper { width: 351px; margin-left: -351px; background: #0e9dd9; }
body.home #rightColumnWrapper #rightColumn { background: url(../gfx/products/rightBG.jpg) no-repeat; min-height: 478px; }
body.home #rightColumnWrapper #rightColumn h1 { padding: 36px 0px 0px 14px; color: #FFF; border: 0px; margin-bottom: 9px; width: 300px; }
body.home #rightColumnWrapper #rightColumn #rightItem { border: 1px solid #1591c5; border-right: 0px; background: url(../gfx/products/rightNewsBg.gif); padding: 9px 14px; color: #FFF; margin-bottom: 5px; }
body.home #rightColumnWrapper #rightColumn #rightItem #rightNewsItemReadMore { float:right; height: 20px; }
body.home #rightColumnWrapper #rightColumn #rightItem p { font-size: 11pt; margin: 0px; }
body.home #rightColumnWrapper #rightColumn #rightItem p.date { font-size: 0.9em; margin-top: 6px; float: left; }
body.home #rightColumnWrapper #rightColumn #RightNewsReadAllNews { float: right; margin-right: 10px; }

body.companyprofile #rightColumnWrapper { width: 210px; margin-left: -210px; background: #f0f2f1 url(../gfx/products/rightCPBg.gif) repeat-y; }
body.companyprofile #rightColumnWrapper #rightColumn{ padding: 60px 12px 0px 12px; }

body.products #rightColumnWrapper { width: 210px; margin-left: -210px; background: #f2f4f3 url(../gfx/products/rightCPBg.gif) repeat-y; }
body.products #rightColumnWrapper #rightColumn { padding: 25px 0px 0px 0px; }
body.products #rightColumnWrapper #rightColumn #overviewHead { line-height: 62px; padding: 0px 12px 0px 12px; background: #dcdedd url(../gfx/products/rightProductBg.gif) repeat-y; }
body.products #rightColumnWrapper #rightColumn #overviewHead h1 { border: 0px; color: #747474; font-size: 1.6em; margin: 0px; }
body.products #rightColumnWrapper #rightColumn table { width: 100%; }
body.products #rightColumnWrapper #rightColumn table#articleList { height: 10px; }
body.products #rightColumnWrapper #rightColumn table th.firstTd, body.products #rightColumnWrapper #rightColumn table td.firstTd { width: 86px; border-right: 1px solid #dcdedd; }
body.products #rightColumnWrapper #rightColumn table th.secondTd, body.products #rightColumnWrapper #rightColumn table td.secondTd { width: 56px; border-right: 1px solid #dcdedd; text-align: center; padding: 0px; }
body.products #rightColumnWrapper #rightColumn table th.thirdTd, body.products #rightColumnWrapper #rightColumn table td.thirdTd { width: 66px; }
body.products #rightColumnWrapper #rightColumn table th { line-height: 28px; border-bottom: 1px solid #dcdedd; font-weight: normal; text-align: left; padding-left: 12px; }
body.products #rightColumnWrapper #rightColumn table td { color: #000; padding: 5px 0px 5px 12px; }
body.products #rightColumnWrapper #rightColumn table td.firstTd { font-weight: bold; }
body.products #rightColumnWrapper #rightColumn table td.filler { height: 50px; }
body.products #rightColumnWrapper #rightColumn table td.total1, body.products #rightColumnWrapper #rightColumn table td.total2 { border-top: 1px solid #dcdedd; font-size: 0.9em; color: #747474; border-bottom: 1px solid #dcdedd; }
body.products #rightColumnWrapper #rightColumn table td.total1 { width: 76px; }
body.products #rightColumnWrapper #rightColumn table td.total2 { width: 50px; }
body.products #rightColumnWrapper #rightColumn table td.totalPrice { border-top: 1px solid #dcdedd; font-size: 0.9em; border-bottom: 1px solid #dcdedd; font-weight: bold; }
body.products #rightColumnWrapper #rightColumn input.orderNumber{ width: 20px; text-align: center; }
body.products #rightColumnWrapper #rightColumn #orderButton { margin-left: 17px; margin-top: 20px; }
body.products #rightColumnWrapper #rightColumn #orderButton #orderOverview { position: relative; float: left; margin-top: -29px; }
body.products #rightColumnWrapper #rightColumn #orderButton #orderNow { position: relative; float: right; margin-right: 30px; }
body.products #rightColumnWrapper #rightColumn #disclaimer { padding: 0px 12px; margin-top: 20px; font-size: 0.8em; clear: both; }
body.products #rightColumnWrapper #rightColumn #disclaimer p { font-size: 1.1em; }

/*** Linker kolom ***/
#leftColumnWrapper { float: left; margin-left: -100%; margin-top: -156px; background: #0e9dd9; }
#leftColumnWrapper { width: 164px; }
#leftColumnWrapper #leftColumn { margin-top: 113px; }
#leftColumnWrapper #leftColumn ul { border-top: 1px solid #87abba; list-style-type: none; list-style-position: outside; color: #FFF; line-height: 22px; }
#leftColumnWrapper #leftColumn ul li { background: #014d6d url(../gfx/products/menuArrow.jpg) no-repeat left center; border-bottom: 1px solid #87abba; padding: 0px; margin-left: -40px; padding-left: 20px; }
#leftColumnWrapper #leftColumn ul li.active { background: #014d6d url(../gfx/products/menuActiveMain.jpg) no-repeat; font-weight: bold; }
#leftColumnWrapper #leftColumn ul li.childs { background: #014d6d url(../gfx/products/menuActiveMainChild.jpg) no-repeat; border-bottom: 0px; }
#leftColumnWrapper #leftColumn ul li a { color: #FFF; text-decoration: none; }
#leftColumnWrapper #leftColumn ul li a:hover { text-decoration: underline; }
#leftColumnWrapper #leftColumn ul li.active ul { padding: 0px; margin-left: -20px; padding-left: 40px; }
#leftColumnWrapper #leftColumn ul li.active ul li { background: #0977ae; font-weight: normal; }
#leftColumnWrapper #leftColumn ul li.active ul li.active { background: url(../gfx/products/menuActiveChild.jpg); }
#leftColumnWrapper #addressFooter { margin: 20px 8px; }
#leftColumnWrapper #addressFooter p { font-size: 0.9em; color: #FFF; margin: 0px; padding: 0px; }
#leftColumnWrapper #addressFooter p a { color: #FFF; }

/*** standaard footer div ***/
#footer { clear: both; }