html {overflow-y: scroll;} /*toont altijd de scroolbar*/
body {
font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #fff; background-color:#393619;}
.Row {display: table-row; float:left }
img { border:none;}
h1 {font-size:14px; color:#000;}
h2 {font-size:12px; color:#000;}
a {font-family: Verdana, Helvetica, sans-serif; font-size: 11px;}
td {font-family: Verdana, Helvetica, sans-serif; font-size: 11px;}
.formLabel { text-align:right; font-weight:bold; color:#000; white-space: nowrap; width:125px; }
.formLabel2 { text-align:right; font-weight:bold; color:#000; white-space: nowrap; width:200px; }
.BlackLineUp {border:solid; border-color:#000; border-width:1px 0px 0px 0px; }
.BlackLine {border:solid; border-color:#000; border-width:0px 0px 1px 0px; }
a.pdf:link, a.pdf:visited { text-decoration: underline; }
a.pdf:hover { text-decoration: none; }
a.pdf { font-weight:bold; background-image:url(images/logo_pdf.gif); background-repeat:no-repeat; padding:0px 0px 0px 20px; color:#000; line-height: 30px;}
.kaderWit { font-weight:bold; display:block; width:100%; border:#fff solid 1px; margin:5px 0px 5px 0px; padding:5px 5px 5px 5px; }
.kaderWitActief { font-weight:bold; display:block; width:100%; border:#000 solid 1px; margin:5px 0px 5px 0px; padding:5px 5px 5px 5px; background-color:#c8ba95; }
.onderlijn { border-bottom:solid; border-bottom-color:#000; border-width:1px; display:block;}
.RedPointerGif { background-image:url(images_layout/RedPointer.gif); background-repeat: no-repeat; background-position:148px 10px ; }
.pixel10 a:hover { text-decoration: none; }
.pixel10 a:link, .pixel10 a: visited { text-decoration: underline; }
.pixel10 a { color: #000; font-weight:bold; }
.pixel10 { margin:0px 10px 10px 10px; }
.pixel10top0 { margin:0px 10px 10px 10px; }
.ContentImage { float: right; margin: 20px 20px 10px 10px; vertical-align: top;}
.CenterButton { text-align:center; clear:both; padding:0px; margin:15px 0px 15px 0px; }
html>body .CenterButton { text-align:center; clear:both; padding:10px 0px 0px 0px; }
.thrColAbsHdr #container { position: relative; width: 1235px; margin: 0 auto; text-align: left; background-repeat:no-repeat; background-position:40% bottom;}
/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/
.thrColAbsHdr #header {
height: 130px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
background-color:#393619;
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#VerwerkerHeader{ height: 130px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
background-color:#393619;
padding:0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */}
.thrColAbsHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#logo_tekst { position:absolute; left:625px; top:46px; width:300px; z-index:23;color: #C8BA95; font-weight: bold; font-size: 11px }
#logo { position:absolute; left:200px; top:10px; width:800px; float:left}
#vlagtaal { position:absolute; left:20px; top:10px;}
#winkelOrg { position:absolute; left:1046px; top:0px; width:165px; background-color:#FFF; text-align:center; background-image:url(images/Logo_thuiswinkel2008_onder.gif); background-repeat:no-repeat; background-position:bottom; padding:0px 0px 8px 0px; }
a.bloknav:link, a.bloknav:visited { color: #000; background-color: #c8ba95; text-decoration:none; }
a.bloknav:hover { color: #fff; background-color: #993300; text-decoration:none; }
.bloknav { color: #fff; background-color: #993300; text-decoration:none; padding: 1px 3px 1px 3px; border: 1px solid #000055; font-weight: bold; line-height:20px; margin-right:5px; }
a.bloknav_nowrap:link, a.bloknav_nowrap:visited { color: #000; background-color: #c8ba95; text-decoration:none; }
a.bloknav_nowrap:hover { color: #fff; background-color: #993300; text-decoration:none; }
.bloknav_nowrap { color: #fff; background-color: #993300; text-decoration:none; padding: 1px 3px 1px 3px; border:#000055 solid 1px ; font-weight: bold; white-space: nowrap; line-height:18px; }
a.linkBold:link, a.linkBold:visited { text-decoration: none;}
a.linkBold:hover { text-decoration: underline; }
a.linkBold { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color:#393619; font-weight:bold; }
a.LinkUnderLine:link, a.LinkUnderLine:visited { text-decoration: underline;}
a.LinkUnderLine:hover { text-decoration: none; }
a.LinkUnderLine { color:#393619; }
/*** topnav ***/
#topnav { position:absolute; left:200px; top:110px; height:27px; z-index:21; font-weight: bold; color: #fff; }
#topnav a { color: #fff; }
#topnav a:visited, #topnav a:link { text-decoration: none; }
#topnav a:hover { text-decoration: underline; }
#topnav2 { position:absolute; left:208px; top:110px; width:800px; height:27px; z-index:21; font-weight: bold; color: #fff; text-align: left; }
#topnav2 a { color: #fff; }
#topnav2 a:visited { text-decoration: none; }
#topnav2 a:link { text-decoration: none; }
#topnav2 a:hover { text-decoration: underline; }
/*- Menu Tabs 2--------------------------- */
#tabs2 { float:left; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #84776B; }
#tabs2 ul { margin:0; padding:10px 10px 0 0px; list-style:none; }
#tabs2 li { display:inline; margin:0; padding:0;}
#tabs2 a { float:left; background:url("images_layout/tableft2.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs2 a:visited { text-decoration:none;}
#tabs2 a span { float:left; display:block; background:url("images_layout/tabright2.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#000; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span { float:none ;} /* End IE5-Mac hack */
#tabs2 a:hover span { color:#000; }
#tabs2 a:hover { background-position:0% -42px; }
#tabs2 a:hover span { background-position:100% -42px; }
#tabs2 #current a { background-position:0% -42px; }
#tabs2 #current a span { background-position:100% -42px; }
/**********************************************************************************************************************/
.thrColAbsHdr #sidebar1 { position: absolute; top: 140px; left: 0; width: 200px; background-color: #393619; padding: 0px; font-weight: bold; }
/*********** #navBar link styles ***********/
.thrColAbsHdr #sidebar1info { position: absolute; top: 170px; left: 0; width: 200px; background-color: #393619; padding: 0px; font-weight: bold; line-height:18px; }
#sidebar1info ul a:link, #sidebar1info ul a:visited { text-decoration:none; padding: 0px 0px 0px 0px; border-bottom: 1px solid #393619; }
#sidebar1info ul a:hover { text-decoration:none; padding: 0px 0px 0px 0px; border-bottom:#fff solid 1px; }
#sidebar1info a { font-size: 12px; color: white; font-weight: bold; display: block; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
#sidebar1info li { list-style-type: none; line-height:8px;}
html>body #sidebar1info li { list-style-type: none; line-height:18px;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*#sidebar1 li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3d3d3d; /*font-weight: bold;*/ /*display: block; margin: 0px; padding: 0px 0px 0px 0px; /*border: 0px none; width: 190px; }
/* fix for browsers that don't need the hack */
/*html>body #sidebar1 li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3d3d3d; /*font-weight: bold;*/ /*display: block; margin: 0px; padding: 0px 0px 0px 0px; border: 0px none; border-bottom: none; }*/
/****************** navigatie pijlen**************/
a.PijlMain { color: #942824; background: url(images_layout/pijl_blanco_on_met_subcat.gif) no-repeat 16px 0px; text-decoration: none; line-height: 40px; display: block; padding: 0px 0px 0px 25px;}
a.PijlMain:hover { text-decoration: underline;}
a.PijlHome { background: url(images_layout/pijl_blanco_on_met_subcat.gif) no-repeat -2px -69px; font-weight:normal; font-size:10px; color: #000; text-decoration: none; margin:-10px 0px -10px 17px; padding:10px 10px 10px 7px; background-color:#c8ba95; display:block; width:120px; line-height:12px;}
a.PijlHome:hover { text-decoration: underline; }
a.PijlSub1 { background:url(images_layout/pijl_blanco_on_met_subcat.gif) no-repeat -2px -69px; font-weight:normal; font-size:10px; color: #000; text-decoration: none; margin:-10px 0px -10px 17px; padding:10px 10px 10px 7px; background-color:#c8ba95; display:block; width:120px; line-height:10px;}
a.PijlSub1:hover { text-decoration: underline; }
a.PijlSubDefault { font-weight:normal; font-size:10px; color:#000; text-decoration: none; margin:-10px 0px -10px 17px; padding:10px 10px 10px 7px; background-color:#c8ba95; display:block; width:120px; line-height:10px;}
a.PijlSubDefault:hover { text-decoration: underline; }
a.PijlBasic { color:#c8ba95; background:url(images_layout/pijl_blanco_off.gif) no-repeat -20px 0px ; text-decoration:none; line-height:40px; display:block; padding:0px 0px 0px 25px; font-weight:bold;}
a.PijlBasic:hover { background:url(images_layout/pijl_blanco_on.gif) no-repeat -20px 0px; color: #942824; }
a.PijlContent { color: #c8ba95; background:url(images_layout/pijl_blanco_off.gif) no-repeat 0px; text-decoration: none; line-height: 40px; display: block; padding: 0px 0px 0px 25px;}
a.PijlContent:hover { background: url(images_layout/pijl_blanco_on.gif) no-repeat 0px; color: #942824; }
a.PijlDefault { color: #942824; background: url(images_layout/pijl_blanco_on.gif) no-repeat left; text-decoration: none; line-height: 40px; display: block; padding: 0px 0px 0px 25px;}
a.PijlDefault:hover { background: url(images_layout/pijl_blanco_off.gif) no-repeat; color: #942824;}
a.PijlDefault_links{color:#942824;background:url(images_layout/pijl_blanco_on_links.gif) no-repeat -5px 10px;text-decoration:none;line-height:40px;display:block;padding:8px 10px 0px 0px;font-weight:bold;text-align:right;width:160px;}
a.PijlDefault_links:hover{background-image:url(images_layout/pijl_blanco_off_links.gif);color:#c8ba95;}
a.navbar_subcat { font-weight:normal; font-size:10px; color:#000; text-decoration:none; margin:-10px 0px -10px 17px; padding:10px 10px 10px 7px; background-color:#c8ba95; display:block; width:120px; line-height:10px;}
a.navbar_subcat:visited { }
a.navbar_subcat:link { }
a.navbar_subcat:hover { text-decoration: underline; }
/**********************************************************************************************************************/
.thrColAbsHdr #sidebar2 {
position: absolute;
top: 130px;
right: -12px;
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background-color: #393619; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0px 0px 0px 0px;/* padding keeps the content of the div away from the edges */
/*border:solid; border-color:#00CC99; border-width:1px;*/
margin-left:20px;
}
#sidebar2 .bovenlijn { border-style:solid; border-color:#FFF; border-width:1px 0px 0px 0px;}
#sidebar2 td { padding: 3px 0px 3px 0px; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#winkelmandfoto { margin-left:auto; margin-right:auto; text-align:center; padding:50px 0px 50px 0px;}
#sidebar2 a.bureau17 { font-weight:normal; color: #FFF; text-decoration: none; }
#sidebar2 a.bureau17:visited { }
#sidebar2 a.bureau17:link { }
#sidebar2 a.bureau17:hover { text-decoration: underline; color:#FFF;}
#LayerKolom3 { float:left; margin-left:10px; margin-top:50px; clear:both;}
/* Homepage *********************************************************************************************************************/
.thrColAbsHdr #HomePageTop { margin: 0px 210px 0px 200px; padding: 0px ; color:#000; border:solid; border-color:#393619; border-width:0px 0px 10px 0px; width:685px; text-align:right; }
#HopageFlashTekst { position:absolute; left:425px; top:346px; z-index:23;color: #C8BA95; font-weight: bold; font-size: 11px }
#HomePageFootBanner { margin: 0px 210px 0px 200px; padding: 20px 0px 20px 0px ; border:solid; border-color:#c8ba95; border-width:1px 0px 1px 0px; width:825px; text-align:center;}
.HomeHeader { color:#c8ba95; margin:0px 0px 0px 10px; }
.AanbiedingHeader { background-color:#993300; font-size:12px; font-weight:bold; text-align:center; height:30px;}
.AanbiedingFoto { padding:10px 0px 0px 0px; height:190px; text-align:center; vertical-align:top; }
.AanbiedingTekst { padding:10px 10px 0px 10px; color:#c8ba95; height:100px; vertical-align:top;}
.AanbiedingTekst a:link, .AanbiedingTekst a:visited { text-decoration: none;}
.AanbiedingTekst a:hover { text-decoration:none; }
.AanbiedingTekst a { color:#FFF; font-weight:bold; font-size:12px; }
.AanbiedingPrijs {padding:10px 0px 10px 10px; color:#c8ba95; vertical-align:top;}
#HomePageContent { margin: 0px 210px 0px 200px; padding:10px 0px 10px 0px ; border:solid; border-color:#c8ba95; border-width:1px 0px 0px 0px; width:825px; }
#HomePageContent p { margin:10px 10px 10px 10px; color:#c8ba95;}
#HomePageContent a:link, #HomePageContent a:visited { text-decoration: underline;}
#HomePageContent a:hover { text-decoration:none; }
#HomePageContent a { color:#c8ba95; }
#HomePageMerken { margin: 0px 210px 0px 200px; padding:10px 0px 10px 0px ; border:solid; border-color:#c8ba95; border-width:1px 0px 0px 0px; width:825px; }
#HomePageMerken table { margin:10px 0px 0px 10px;}
#HomePageMerken td { font-size:11px; color:#c8ba95; }
#footerHomepage { color:#000; margin-left:200px; padding: 20px 0px 60px 0px; width:825px;/* this padding matches the left alignment of the elements in the divs that appear above it. */ }
/* Verwerkers *********************************************************************************************************************/
.VerwerkerListNaw { margin:0px 10px 10px 10px; width:200px;}
/************** nieuw te plaatsen in eko ***************/
#VerwerkerList { margin: 0px 210px 0px 200px; background-color:#FFF; padding: 0px ; color:#000; height:610px;}
html>body #VerwerkerList { height:auto; min-height:610px; }
#VerwerkerContainer { margin: 0px 210px 0px 200px; background-color:#FFF; padding: 0px ; color:#000; border:solid; border-color:#393619; border-width:0px 0px 0px 0px; height:450px; }
html>body #VerwerkerContainer { height:auto; min-height:450px; }
#VerwerkerContent { padding: 10px 10px 10px 10px; width:480px; height:450px; }
html>body #VerwerkerContent { height:auto; min-height:450px; }
#VerwerkerContent a:link, #VerwerkerContent a:visited { text-decoration: none;}
#VerwerkerContent a:hover { text-decoration: underline; }
#VerwerkerContent a { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color:#393619; font-weight:bold; }
#VerwerkerNAW { position: absolute; top:170px; padding: 0px 10px 10px 0px; margin:10px 0px 0px 515px; width:300px; text-align: center; }
#VerwerkerNAW td { text-align:left;}
#VerwerkerSlideShow { text-align:center; clear:both; padding:10px 10px 0px 10px; border:solid; border-width:1px 0px 0px 0px; border-color:#c8ba95; width:805px;}
#VerwerkerReview { color:#000; margin-left:200px; padding:0px 0px 20px 0px; background-color:#c8ba95; width:825px; border:solid; border-color:#c8ba95; border-width:0px 0px 1px 0px; clear:both;}
.VerwerkerReactie { margin:0px 10px 0px 10px; border:solid; border-width:0px 0px 1px 0px ; border-color:#c8ba95; clear:both;}
#VerwerkerList table { float:left;}
.VerwerkerHeader { float:left; background:url("images/cat_links.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; border-bottom:solid; border-color:#393619; border-width:4px;}
.VerwerkerHeader span { float:left; background:url("images/cat_rechts_groot.gif") no-repeat right top; padding:5px 15px 4px 6px; display:block; width:800px; }
#VerwerkerFoto { color:#000; margin-left:200px; padding:0px 0px 20px 0px; background-color:#c8ba95; width:825px; border:solid; border-color:#393619; border-width:0px 0px 10px 0px;}
#VerwerkerFoto p { margin:10px 10px 10px 10px;}
ProductReviewForm { color:#000; margin-left:200px; padding:0px 0px 20px 0px; background-color:#c8ba95; width:825px; border:solid; border-color:#000; border-width:0px 0px 1px 0px;}
#VerwerkerForm { color:#000; margin-left:200px; padding:0px 0px 20px 0px; background-color:#c8ba95; width:825px; height:100px; border:solid; border-color:#000; border-width:0px 0px 1px 0px; clear:both;}
html>body #VerwerkerForm { height:auto; min-height:100px; }
#VerwerkerForm table { float:left;}
/* Results.asp *********************************************************************************************************************/
#ResultsContent { margin: 0px 210px 0px 200px; background-color:#FFF; padding: 0px ; height:680px; color:#000; }
html>body #ResultsContent { height:auto; min-height:680px; }
.ResultHeader { float:left; background:url("images/cat_links.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; border-bottom:solid; border-color:#393619; border-width:4px; }
.ResultHeader span { float:left; background:url("images/cat_rechts_groot.gif") no-repeat right top; padding:5px 15px 4px 6px; display:block; width:800px; }
#ResultsContent table { float:left;}
#ResultsContent td { font-size:11px; color:#000;}
#ResultsContent .SubTekst { font-size:11px; color:#c8ba95; padding:10px 0px 0px 0px; display:block; }
#ResultsNav { position:absolute; left:480px; top:132px; width:521px; height:24px; z-index:22; text-align:right; }
.ResultsNav_pijllinks { margin:0px 5px 0px 0px;}
#ResultsNavOnder { color:#000; margin-left:200px; padding:0px 16px 0px 109px; background-color:#c8ba95; width:700px; border:solid; border-color:#393619; border-width:0px 0px 10px 0px; text-align:right; height: 20px; clear:both;}
html>body #ResultsNavOnder { height:auto; min-height:25px; }
#ResultsMainCat { position:absolute; left:210px; top:180px; width:821px; z-index:23;/* border:solid; border-color:#0066FF; border-width:1px;*/}
#ResultsMainCat a.ResultsMainPijl:link { color: #942824; background-image: url(images_layout/pijl_blanco_on_bg_wit.gif); }
#ResultsMainCat a.ResultsMainPijl:visited {color: #942824; none; background-image: url(images_layout/pijl_blanco_on_bg_wit.gif); }
#ResultsMainCat a.ResultsMainPijl:hover { color: #c8ba95; background-image: url(images_layout/pijl_blanco_off_bg_wit.gif); }
#ResultsMainCat .ResultsMainPijl { padding: 0px 0px 0px 28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: left; line-height: 40px; width:180px; display: block;}
.MainCatNav { float:left; margin:0px 18px 10px 0px;}
.MainCatNavHeader { float:left; background:url("images/shadow_wit_right_top.gif") no-repeat right top; padding:8px 0px 8px 0px; display:block; width:255px; background-color:#393619; text-align:center; font-weight:bold; }
.MainCatNavHeaderGreen { float:left; background:url("images/shadow_wit_right_top.gif") no-repeat right top; padding:8px 0px 8px 0px; display:block; width:255px; background-color:#006600; text-align:center; font-weight:bold; }
.MainCatNavImage { float:left; background:url("images/shadow_wit_right.gif") repeat-y right; padding:0px; display:block; width:254px; border:solid; border-color:#393619; border-width:0px 0px 0px 1px; }
.MainCatNavContent { float:left; background:url("images/shadow_wit_right.gif") repeat-y right top; padding:5px 15px 4px 6px; display:block; width:233px; border:solid; border-color:#393619; border-width:0px 0px 0px 1px; background-color:#c8ba95; color:#000; }
.MainCatNavFoot { float:left; background:url("images/shadow_wit_leftcorner.gif") no-repeat left top; margin:0; padding:0; text-decoration:none; height:10px; }
.MainCatNavFoot span { float:right; background:url("images/shadow_wit_bottom.gif") no-repeat right top; margin:0; padding:0; width:245px; height:10px; }
/*html>body #ResultsMainCat a.ResultsMainPijl:link {
padding: 0px 0px 0px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #942824; font-style: normal; background-image: url(images_layout/pijl_blanco_on_bg_wit.gif); background-repeat: no-repeat; background-position: left; text-decoration: none; line-height: 40px; width: 160px; display: block;}*/
/*html>body #ResultsMainCat a.ResultsMainPijl:visited {
padding: 0px 0px 0px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #942824; text-decoration: none; background-image: url(images_layout/pijl_blanco_on_bg_wit.gif); background-repeat: no-repeat; background-position: left; line-height: 40px; width:160px; display: block;}*/
/*html>body #ResultsMainCat a.ResultsMainPijl:hover {
padding: 0px 0px 0px 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #c8ba95; text-decoration: none; background-image: url(images_layout/pijl_blanco_off_bg_wit.gif); background-repeat: no-repeat; background-position: left; line-height: 40px; width:160px; display: block;}*/
/**********************************************************************************************************************/
.thrColAbsHdr #mainContent { margin: 0 210px 0 200px; background-color:#fff; padding: 0 ; height:445px; }
/**********************************************************************************************************************/
#infoContent { margin: 0px 210px 0px 200px; background-color:#c8ba95; padding: 0px; height:680px; color:#000; }
html>body #infoContent { height:auto; min-height:680px; }
#infoContent table { clear:both; } /* zorgt er voor dat de tables in ff op de juiste plek komt*/
h1.Content { padding:10px 0px 0px 10px;}
#infoContent a:link, #infoContent a:visited { text-decoration: underline;}
#infoContent a:hover { text-decoration:none; }
#infoContent a { color:#000; }
#infoContent td { color:#000; }
#infoContent .FloatPic { float: left; margin: 23px 20px 10px 10px; vertical-align: top;}
.infoHeader { float:left; background:url("images/cat_links.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; border-bottom:solid; border-color:#393619; border-width:4px;}
.infoHeader span { float:left; background:url("images/cat_rechts_groot.gif") no-repeat right top; padding:5px 15px 4px 6px; display:block; width:800px; }
.BetaalWijzeHeader { float:left; background:url("images/cat_links.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; border-bottom:solid; border-color:#393619; border-width:4px;}
.BetaalWijzeHeader span { float:left; background:url("images/cat_rechts_groot.gif") no-repeat right top; padding:5px 15px 4px 6px; display:block; width:800px; }
/**********************************************************************************************************************/
#MagazineCatContent { margin: 0px 210px 0px 200px; background-color:#c8ba95; padding: 0px; height:680px; color:#000; }
html>body #MagazineCatContent { height:auto; min-height:680px; }
#MagazineCatContent a:link, #MagazineCatContent a:visited { text-decoration: underline;}
#MagazineCatContent a:hover { text-decoration:none; }
#MagazineCatContent a { color:#000; }
#MagazineCatContent td { color:#000; }
#MagazineCatContent table { float:left;}
.WeblogFoto { text-align:center; vertical-align:top; width:175px; padding-top:20px; }
.WeblogUnderline { border-style:solid; border-width:0px 0px 1px 0px; border-color:#000; padding:10px 0px 10px 0px; vertical-align:top;}
#WebLogNavOnder { color:#000; margin-left:200px; padding:8px 26px 10px 0px; background-color:#c8ba95; width:799px; text-align:right;}
#MagazineContent{ margin: 0px 210px 10px 200px; background-color:#c8ba95; padding: 0px 0px 10px 0px; color:#000; height:450px; }
html>body #MagazineContent { height:auto; min-height:450px; }
#MagazineContent p { margin:10px 10px 0px 10px;}
#WeblogReview { color:#000; margin:0px 0px 10px 200px; padding:0px; background-color:#c8ba95; width:825px; }
#WeblogReview p { margin:10px 10px 0px 10px;}
#WeblogReview hr { padding:0px;}
#WebLogReviewForm { color:#000; margin-left:200px; padding:0px 0px 20px 0px; background-color:#c8ba95; width:825px; height:200px; border:solid; border-color:#000; border-width:0px 0px 1px 0px;}
html>body #WebLogReviewForm { height:auto; min-height:200px; }
#WebLogReviewForm table { float:left;} /* zorgt er voor dat de tables in ff op de juiste plek komt*/
.FloatImage { float: left; margin: 10px 20px 10px 10px; vertical-align: top;}
/**********************************************************************************************************************/
#NieuwsbriefContent{ margin: 0px 210px 0px 200px; background-color:#c8ba95; padding: 0px ; height:680px; color:#000;}
html>body #NieuwsbriefContent { height:auto; min-height:680px; }
#NieuwsbriefContent a:link, #NieuwsbriefContent a:visited { text-decoration: underline;}
#NieuwsbriefContent a:hover { text-decoration:none; }
#NieuwsbriefContent a { color:#000; }
#NieuwsbriefContent p { margin:10px 10px 10px 10px;}
/**********************************************************************************************************************/
.sitemap_kolom1 { padding:10px 0px 10px 10px; vertical-align:top;}
.sitemap_kolom2 { padding:10px 10px 10px 0px; vertical-align:top;}
.kolom1 { padding:10px 0px 10px 10px; vertical-align:top;}
.kolom2 { padding:10px 10px 10px 10px; vertical-align:top;}
#infoContent .kolom2 p { margin:0px;}
/**********************************************************************************************************************/
.ProductHeader { float:left; background:url("images/cat_links.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; border:solid; border-color:#393619; border-width:4px 0px 4px 0px;}
.ProductHeader span { float:left; background:url("images/cat_rechts_groot.gif") no-repeat right top; padding:5px 15px 4px 6px; display:block; width:800px; }
#ProductFoto { float:left; text-align:center; width:470px; height:355px; padding-top:10px; }
html>body #ProductFoto { height:auto; min-height:350px; }
#ProductActieLabel { position:absolute; top:170px; left:610px; width:66px; z-index:100; height:62px; }
#ProductInformatie { color:#000; float:right; }
#ProductInformatie td { padding:5px 0px 5px 10px;}
.prijs { display: block; background-color: #893733; color:#FFF; display: table-row; }
#ProductTabbladen { color:#000; margin-left:200px; background-color:#c8ba95; width:825px; }
#ProductGerelateerd { color:#000; margin-left:200px; padding:0px 0px 10px 0px; background-color:#c8ba95; width:825px; border:solid; border-color:#393619; border-width:0px 0px 10px 0px; clear:both;}
#ProductGerelateerd table { clear:both;}
#ProductReview { color:#000; margin-left:200px; padding:0px 0px 0px 0px; background-color:#c8ba95; width:825px; border:solid; border-color:#393619; border-width:0px 0px 10px 0px;}
#ProductReview h2 { margin:10px 0px 10px 10px; }
.review_header { margin-left:10px; }
.review_sterren { float:right; margin:0px 5px 0px 0px; }
.review_content { border:solid; border-width:0px 0px 1px 0px; border-color:#000; margin:0px 10px 10px 10px; padding:0px 0px 10px 0px;}
#ProductReviewForm { color:#000; margin-left:200px; padding:0px 0px 20px 0px; background-color:#c8ba95; width:825px; border:solid; border-color:#000; border-width:0px 0px 1px 0px;}
#info_button { position:absolute; margin:415px 0px 0px 480px; color:#000; font-size:9px; }
/**********************************************************************************************************************/
/*.Gerelateerd_ActieLabel { background-color:#990000; float: left; margin:10px 7px 0px 0px; }
.Gerelateerd_foto { float:left; clear:left; width:150px; height:140px; background-color:#FFF; margin:15px 0px 0px 10px; padding:0px ; text-align:center;}
html>body .Gerelateerd_foto {15px 0px 0px 10px }
.Gerelateerd_omschrijving { float:left; width:335px; padding:0px 7px 10px 10px;}
html>body .Gerelateerd_omschrijving {padding:0px 10px 10px 10px;}
.Gerelateerd_omschrijving h1 { margin:7px 0px 10px 0px;}
#ProductGerelateerd table { border-top:solid; border-top-color:#000; border-top-width:2px;}
#ProductGerelateerd td { padding:5px 0px 5px 10px;}
.Gerelateerd_prijs {display: block; background-color: #893733; color:#FFF; display: table-row; }
*/
/********************************* Nieuwe code uit de kluswijzer herleid ************************************************/
.Gerelateerd_container { clear:both; height:100px; padding:10px 0px 0px 10px; }
html>body .Gerelateerd_container { height:auto; min-height:100px; }
.Gerelateerd_ActieLabel { background-color:#990000; float: left; margin:10px 7px 0px 0px; }
.Gerelateerd_foto { float:left; width:155px; height:140px; background-color:#fff; margin:0px 15px 0px 0px; text-align:center; display:block; border:#000 solid 1px;}
.Gerelateerd_foto img { margin-top:20px;}
html>body .Gerelateerd_foto img { margin-top:20%; margin-bottom:20%;}
.Gerelateerd_omschrijving h1 { margin:7px 0px 10px 0px;}
.Gerelateerd_omschrijving { float:left; width:305px; padding:0px 10px 0px 0px; border:solid; border-color:#000; border-width:1px 0px 0px 0px;}
html>body .Gerelateerd_omschrijving { width:315px;}
.Gerelateerd_prijs { float:right; margin-right:10px; border:solid; border-color:#000; border-width:1px 0px 0px 0px; }
.Gerelateerd_prijs td { padding:5px 0px 5px 10px; }
.Gerelateerd_prijs td.rood { color:#FFF; background-color: #893733; }
/************ Gerelateerde artikelen *************/
#Blok_Gerelateerde_artikelen {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
padding: 0px 10px 10px 10px;
margin:10px 15px 0px 0px;
background-color: #FFF; background-image:url(images_layout/basic_top_shade.jpg); background-repeat:repeat-x;}
html>body #Blok_Gerelateerde_artikelen {margin:0px 15px 10px 0px;}
.WinkelmandHeader { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; background-color: #b7ab8a; padding: 0px; }
/**********************************************************************************************************************/
#footer { color:#000; margin-left:200px; padding: 0px 0px 60px 0px; width:825px; border-top:solid; border-color:#393619; border-width:10px; background:url(images/footer_weerspiegeling.gif) repeat-x; clear:both;}
#ondernav { padding:5px; text-align:center; }
#ondernav a:visited { }
#ondernav a:link { }
#ondernav a:hover { text-decoration: underline; color:#fff;}
#ondernav a { font-weight:normal; font-size:10px; color: #000; text-decoration: none; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px;}
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px;}
#ContentDiv { color:#000; float:left; }
.ResultLabel { font-size: 14px; color: Green;}
.ErrorLabel { font-size: 14px; color: Red;}
/***************** Kluswijzer **************************/
#lichtbruinBg { margin:0px 0px 10px 0px; padding:15px 10px 0px 10px; width:805px; border:solid; border-color:#000; border-width:0px 0px 1px 0px; }
html>body #lichtbruinBg { padding:45px 0px 10px 10px;}
#lichtbruinBg a:hover { text-decoration: none; }
#lichtbruinBg a:link, #lichtbruinBg a:visited { text-decoration: underline; }
#lichtbruinBg a { color: #000; font-weight:bold; }
#mainKlusContent { margin: 0px 210px 0px 200px; background-color:#FFF; padding: 0px ; height:350px; color:#000; }
html>body #mainKlusContent{ height:auto; min-height:350px; }
#mainKlusContent a:hover { text-decoration: none; }
#mainKlusContent a:link, #mainKlusContent a: visited { text-decoration: underline; }
#mainKlusContent a { color: #000; font-weight:bold; }
.ArtikelBlok10 { margin:0px 10px 10px 10px; padding:10px 10px 10px 10px; width:785px; border:solid; border-color:#000; border-width:0px 0px 1px 0px; }
#KlusFoto { float:left; margin:8px 5px 5px 5px; padding:0px 10px 0px 0px; border:solid; border-color:#000; border-width:0px 1px 0px 0px; width:590px; float:left;}
html>body #KlusFoto { margin:10px; width:590px;}
#KlusFoto img { float:left; margin:0px 10px 10px 0px;}
#KlusFoto .KlusTools { clear:both;}
#KlusStappen { float:right; margin:8px 5px 5px 0px;}
html>body #KlusStappen { margin:10px 10px 10px 0px;}
.KlusBreadcrum { margin-left:10px; font-style:italic;}
a.bloknav_klusstap:link, a.bloknav_klusstap:visited { color: #000; background-color: #c8ba95; text-decoration:none;}
a.bloknav_klusstap:hover { color: #fff; background-color: #993300; text-decoration:none;}
.bloknav_klusstap { color: #fff; background-color: #993300; text-decoration:none; padding: 5px 3px 5px 3px; margin:0px; border: 1px solid #000055; font-weight: bold; display:block; width:185px; margin-bottom:5px;}
/**************************** Klus TabKolommen styl ******************/
#TabBladFilter { margin:0px 0px 10px 0px; padding:0px 10px 0px 10px; border:solid; border-color:#000; border-width:0px 0px 1px 0px; }
html>body #TabBladFilter { padding:0px 0px 10px 10px;}
#TabBladFilter a:hover { text-decoration: none; }
#TabBladFilter a:link, #TabBladFilter a:visited { text-decoration: underline; }
#TabBladFilter a { color: #000; font-weight:bold; }
a.FilterblokLink { color: #000; font-weight:bold; }
a.FilterblokLink:link, a.FilterblokLink:visited { text-decoration: underline; }
a.FilterblokLink:hover { text-decoration: none; }
.filterblok { /*border:solid; border-color:#00CC99; border-width:1px;*/ width:200px; float:left;}
a.FotoalbumTB { display:block; width:60px; border:solid; border-width:1px; padding:4px; float:left; }
a.FotoalbumTB:link, a.FotoalbumTB:visited { border-color:#000;}
a.FotoalbumTB:hover { background-color:#000; border-color:#FFF; }
.ClearingSpace { clear:both; margin:0px; padding:0px;}
html>body .ClearingSpace { padding:0px 0px 0px 0px;}
.ClearingSpace_10top { clear:both; margin:0px 0px 10px 0px; padding:0px;}
.ClearingSpace_filterpage { clear:both; margin:0px 0px 10px 0px; padding:0px;}
html>body .ClearingSpace_filterpage { padding:0px 0px 0px 0px;}
/************ Pop met transparant bg *************/
#Pop_foto { position: relative; height:99%; z-index:3000; width:100%; margin-left:-100% }
#Pop_foto2 { position: relative; height:99%; z-index:3000; width:100%; visibility: hidden; margin-left:-100% }
#Pop_foto3 { position: relative; height:99%; z-index:3000; width:100%; visibility: hidden; margin-left:-100% }
html>body #Pop_foto{ position: absolute; width:100%; margin-left:auto; margin-right:auto;}
.Pop_transbg{position:absolute;background-color:#000;height:1000px;width:100%;filter:alpha(opacity=50);opacity:0.50;z-index:3001;}
html>body .Pop_transbg{position:absolute;background-color:#000;height:100%;width:100%;filter:alpha(opacity=50);opacity:0.50;z-index:3001;}
.Pop_content{margin-left:auto;margin-right:auto;background-color:transparent;position:absolute;top:20px;width:100%;height:400px;z-index:3002;}
a.Pop_close:visited{color:#000;}
a.Pop_close:hover{color:#FFF;background-color:#993300;}
a.Pop_close{color:#000;background-color:#c8ba95;text-decoration:none;padding:10px 10px 5px 10px;border:solid;border-color:#000;border-width:1px;font-weight:bold;}
a.Pop_close_top:visited{color:#000;}
a.Pop_close_top:hover{color:#FFF;background-color:#993300;}
a.Pop_close_top{color:#000;background-color:#c8ba95;text-decoration:none;padding:10px 10px 5px 10px;border:solid;border-color:#000;border-width:1px;font-weight:bold;}