﻿* {	margin: 0; 	padding: 0; }
* td { padding: 3px; vertical-align: top; }
html { width:100%; body:100%; }

/* **************** Volledig document Kleur tekst en achtergrond tekst */
body { width:100%; body:100%; font-family: Tahoma; font-size: 9pt; color: #000; background-color: #fff; color: #000; }

/* **************** Kleur hyperlinken */
A:link { color: #0000FF; }
A:visited { color: #0000FF; }
A:active { color: #0000FF; }




/* structure  */
#dvWrapper { min-width: 100%; width: auto; width: 100%; }
#dvCenter { width: 1000px; margin: 0 auto; }
#dvInnerWrapper { width: 100%; margin-bottom: 10px; }
#dvHeader { width: 700px; height: 150px; }

/* **************** Kleur hoofdmenu achtergrond */
#dvMenuHoofd { width: 1000px; padding: 5px 0px 5px 0px; background-color: #025090; margin-bottom: 10px; }
/* **************** Kleur main achtergrond */
#dvMain { width:1000px; background-color: #E6E4E4; }

.dvMainLeft { float: left; width: 150px; }
.dvMainCenter { float: left; width: 700px; }
#dvMainCenterMargin { margin: 7px 10px 10px 10px; }
.dvMainRight { float: right; width: 150px; }
#dvClearer { clear: both; }

/* **************** Kleur footer achtergrond */
#dvFooter { background-color: #025090; height: 20px; }
.dvBreadCrumb { padding-bottom: 5px; margin-bottom: 10px; border-bottom: solid 1px #000; }
.dvBreadCrumb a { text-decoration: none; padding-right: 5px; }
#dvHeaderTaalWrap { position: relative; }
#dvHeaderNL { position: absolute; right: -298px; top: 10px; }
#dvHeaderFR { position: absolute; right: -298px; top: 34px; }
#dvHeaderNL #dvNL { width: 114px; height: 26px; background-image: url(../img/NL.png); background-repeat: no-repeat; }
#dvHeaderFR #dvFR { width: 114px; height: 26px; background-image: url(../img/FR.png); background-repeat: no-repeat; }
#dvHeaderNL #dvNL:hover { width: 114px; height: 26px; background-image: url(../img/NLsub.png); background-repeat: no-repeat; }
#dvHeaderFR #dvFR:hover { width: 114px; height: 26px; background-image: url(../img/FRsub.png); background-repeat: no-repeat; }
#dvHeaderTaalWrap a { display: block; height: 26px; text-decoration: none; }
.dvTitle { margin-bottom: 10px; }
.dvAddSpace { height: 10px; }




/* Menu hoofd */
#dvMenuHoofd li { list-style: none; display: inline; border-right: solid 1px #000; padding-left: 5px; }

/* **************** Kleur menu item tekst */
#dvMenuHoofd a { text-decoration: none; font-size: 11pt; color: #FFF; font-weight: bold; padding: 5px 10px 5px 10px; }

/* **************** Kleur menu item hover */
#dvMenuHoofd a:hover { text-decoration: underline; padding-top:5px; background-color: #2A333D; }




/* Menu left */
/* **************** Kleur menu links achtergrond */
.dvMainLeft ul { background-color: #7b7d7c; }
/* **************** Kleur menu links titel */
.dvMainLeft #liTitle { list-style: none; padding: 5px 5px 5px 5px; font-size: 10pt; font-weight: bold; background-color: #025090; color: #fff; }
.dvMainLeft li { list-style: none; }
/* **************** Kleur menu links item tekst */
.dvMainLeft a { text-decoration: none; display: block; padding: 5px 0px 5px 9px; font-size: 9pt; color: #fff; border-bottom: solid 1px #2A333D; }
/* **************** Kleur menu links item hover */
.dvMainLeft a:hover{ background-color: #cac6c6; text-decoration: underline; color: #000; }




/* Content right */
/* **************** Kleur rechts Promoties, bestseller, winkelmandje achtergrond */
.dvPromotie, .dvBestseller, .dvWinkelMandje { background-color: #7b7d7c; }
/* **************** Kleur rechts Promoties, bestseller, winkelmandje titel */
.dvPromotie h3, .dvBestseller h3, .dvWinkelMandje h3 { padding: 5px 5px 5px 5px; font-size: 10pt; font-weight: bold; background-color: #e62d28; color: #fff; }
.dvPromotie td, .dvBestseller td { padding: 3px; font-size: 10pt; }
.dvPromotie a, .dvBestseller a, .dvWinkelMandje a  { text-decoration: none; }
.dvPromotie #dtImg, .dvBestseller #dtImg { padding: 5px 0px 5px 0px; }
.dvWinkelMandje .rowHeader { font-weight: bold; }
.dvWinkelMandje td { padding: 2px 0px 2px 5px; }
.hypLeftMneHead { color: #FFF; font-size: 10pt; text-decoration: none; font-weight: bold; }




/* home */
/* **************** Kleur Home Promoties, bestseller achtergrond */
.dvPromotieHome, .dvBestsellerHome { margin-bottom: 10px; margin-right: 10px; background-color: #cac6c6; float: left; width: 405px; }
/* **************** Kleur Home Promoties, bestseller titel */
.dvPromotieHome h3, .dvBestsellerHome h3 { padding: 5px 5px 5px 5px; font-size: 10pt; font-weight: bold; background-color: #e62d28; color: #fff; }
.dvPromotieHome td, .dvBestsellerHome td { padding: 3px; font-size: 10pt; }
.dvPromotieHome table, .dvBestsellerHome table { margin-left: 2px; }
.dvPromotieHome a, .dvBestsellerHome a { text-decoration: none; }
.dvPromotieHome #dtImg, .dvBestsellerHome #dtImg { padding: 5px 3px 5px 3px; }




/* Web Part Body */
.ms-WPBody { font-size:8pt; font-family:verdana,arial,helvetica,sans-serif; text-align: justify; width:100%; margin-bottom: 10px; }
.ms-WPBody TABLE,.ms-TPBody TABLE { font-size:1em; }
.ms-WPBody A:link,.ms-WPBody A:visited { color:#003399; text-decoration:none; }
.ms-WPBody A:hover { color:#000000; text-decoration:underline; }
.ms-WPBody th { font-weight:bold; }
.ms-WPBody td { font-size:8pt; font-family:verdana,arial,helvetica,sans-serif; }
.ms-WPBody h1 { font-weight:bold; font-size:200%; margin-bottom: 10px; }
.ms-WPBody h2 { font-weight:bold; font-size:150%; }
.ms-WPBody h3 { font-weight:bold; font-size:120%; }
.ms-WPBody h4 { font-weight:bold; font-size:100%; }
.ms-WPBody h5 { font-weight:bold; font-size:80%; }
.ms-WPBody h6 { font-weight:bold; font-size:65%; }
.ms-WPBody UL { padding-left: 3em; }
.ms-WPBody LI { margin-left: 3em; }
.ms-WPBody P { margin-bottom: 10px; } 




/* Artikel Box */
.dvArtikelBox {	padding: 10px; border-bottom: solid 1px #000000; }
.dvArtikelBox a { text-decoration: none; }
.dvArtikelBox a:hover { text-decoration: underline; }
.dvArtikelBox h3 { margin: 5px 0px 5px 0px; font-size: 12pt; font-weight: normal; }
/* **************** Kleur Artikel prijs */
.dvArtikelBox .hypPrijs { font-size: 11pt; color: Red; font-weight: bold; }




/* Artikel detail */
.dvArtikel { margin-top: 10px; }
.dvArtikel .trHeaderRow td { font-weight: bold; vertical-align: bottom; }
.dvArtikel td { padding: 3px 0px; font-size: 8pt; }
/* **************** Kleur artikel detail stap */
.dvStep { color: Red; margin-top: 10px; }




/* Varia */
/* **************** Kleur knop */
.button { color: #000; border: rigde 1px #2A333D; background-color: #cac6c6; padding: 2px 10px 2px 10px; }
/* **************** Kleur knop hover */
.button:hover { background-color: #586772; color: #FFF; }
.ZoekRblLst td { padding: 2px; width: 135px; }
.ZoekRblLst input { padding-right: 5px; }
.ZoekRblLst label { padding-left: 5px; }
/* **************** Kleur label prijs */
.lblPrijs { color: #a01c34; }
.aImgPrevFB { color: #FFF; background-color: #FFF; border-style: none; text-decoration: none; }
img { color: #FFF; border-style: none; text-decoration: none; }
.jquery-corner { position: relative; }
.dvInhuizingTrapTypeImg { position: relative; float: left; width: 250px; padding: 5px; }
.dvInhuizingTrapTypeImg span { margin-left: 3px; }
.dvInhuizingTrapTypeImg img { margin-left: 20px; margin-top: 5px; }
/* **************** Kleur popup info */
.dvPopupInfo { background-color: #E6E4E4; padding: 10px; border: solid 1px #000; }
.ArticleHeadInnerHtmlContent { font-family: verdana; font-size: 8pt; }
.dvPopupInfo { width: 500px; }
/* **************** Ogone form - betalingspagina */
.dvOgoneForm { width:100%; text-align: right; background-color: #E6E4E4; height: 250px; }
/* **************** Artikel cell kleur prijs */
.ArticleCellPriceColor { color: Red; }
.dvImgKortingImg { position: absolute; left: 90px; top: -10px; }
/* **************** Img korting tekstkleur */
.dvImgKortingLabel { position: absolute; left: 92px; width: 48px; top: 7px; text-align: center; color: #FFF;}

/* WinkelMandje */
.dvWinkelMandjeItem { padding: 5px 0px 5px 0px; border-bottom: solid 1px #000; margin-top: 5px; }
.dvWinkelMandjeItem .trHeaderRow td { font-weight: bold; vertical-align: bottom; }
.dvWinkelMandjeItem .rowArtikel td { font-size: 8pt; }
.dvWinkelMandjeItem h3 { font-size: 12pt; font-weight: normal; }
.tblAantalPrijs td { padding-right: 3px; }
/* **************** Kleur Winkelmandje prijs */
.tblAantalPrijs .lblPrijs { font-size: 11pt; color: Red; font-weight: bold; }




/* zoek */
/* **************** Kleur Zoeken titel box */
.dvZoekItemTitle { display:block; width: 100%; padding: 5px; background-color: #cac6c6; }
.dvZoekItems { padding: 10px; }
.dvUitgebreidZoeken { margin-right: 10px; }




/* filters */
.dvFilter { position: relative; width: 100%; margin-bottom: 2px; }
.dvFilter1 { position: absolute; right: 0px; margin-bottom: 3px; }
