@import url(dynamenu.css);

HTML { height: 100%; margin-bottom: 1px; }
BODY { background: #000 url(../images/layout/background_menubg.jpg) no-repeat center top; margin: 0; padding: 0; color: #D6CBB1; }
BODY, INPUT, SELECT, TEXTAREA, PRE { font-size: 11px; font-weight: normal; font-family: Verdana, Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT { border: none; padding: 5px; }
SELECT { border: none; }
TEXTAREA { border: none; padding: 5px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H1, h2.big  { margin: 0 0 15px; padding: 0; color: #d6cbb1; font-size: 36px; font-weight: bold; text-transform: uppercase; }
h2  { margin: 10px 0; color: #D6CBB1; font-size: 28px; }
h3  { margin: 10px 0; color: #D6CBB1; }
h4  { margin: 5px 0; font-size: 11px; color: #D6CBB1; }
h4 span { font-weight: normal; }
P { margin: 10px 0; }
OL, UL { margin-top: 15px; margin-bottom: 15px; }
li, dt, dd  { padding: 3px 0; }
A { color: #c26d41; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }


/* LAYOUT */
#page { position: relative; width: 925px; margin: 0 auto; }

#container { width: 100%; overflow: hidden; }
#container #columnLeft { float: left; width: 204px; color: #000; /*padding: 30px 15px 15px;*/ }
#container #contentRight { position: relative; float: right; width: 706px; line-height: 16px; }

#containerWLC {  }
#containerWLC #contentLeft { float: left; width: 310px; color: #000; line-height: 16px; }
#containerWLC #contentRight { float: right; width: 589px; line-height: 16px; }

#columnLeft H2.OnlineShop { background: url(../images/titles/OnlineShop.gif) no-repeat; margin: 0; padding: 0; height: 25px; text-indent: -5000px; }
#columnLeft H2.Catalogus { background: url(../images/titles/Catalogus.gif) no-repeat; margin: 0; padding: 0; height: 25px; text-indent: -5000px; }

#bedrukkenL { float: left; width: 687px; line-height: 16px; }
#bedrukkenR { float: right; width: 206px; line-height: 16px; }

.contentPad { padding-right: 16px; }


/* HEADER */
#header { height: 222px; padding-top: 3px; }
#header H1 { margin: 0; padding: 0 0 0 30px; width: 238px; float: left; }
#header H1 A { display: block; width: 238px; height: 110px; text-indent: -5000px; }
#header a.lnkPrivatLabel { display: block; width: 100px; height: 60px; text-indent: -5000px; font-size: 0; position: absolute; top: 25px; right: 34px; }


/* MENU */
#menuTop { float: left; }
#menuTop UL { margin: 0; padding: 95px 0 0 35px; list-style: none; }
#menuTop LI { float: left; padding: 5px 15px 0; }
#menuTop A { display: block; float: left; height: 8px; background-repeat: no-repeat; background-position: 0 0; font-size: 12px; line-height: 12px; color: #fff; text-transform: uppercase; text-decoration: none; }
#menuTop A:hover, #menuTop LI.active a { color: #d6cbb1; }

#menuLeft { margin: 0 0 25px; }
#menuLeft UL { margin: 10px 5px; padding: 0; list-style: none; }
#menuLeft LI { list-style: none; }
#menuLeft LI { margin-bottom: 2px; }
#menuLeft A { color: #000; font-weight: bold; text-decoration: none; }
#menuLeft A:hover { color: #0f76d2; }
#menuLeft UL UL { margin: 0 0 5px 15px; }


/* PANEL */
#panelTop { clear: both; float: right; padding: 22px 5px 0 0; font-size: 10px; white-space: nowrap; height: 1%; }
#panelTop LABEL { /*float: left;*/ color: #fff; font-weight: bold; float: left; }
#panelTop INPUT { width: 130px; padding: 1px 3px 2px; margin: 0 3px; border: 1px solid #422719; float: left; }
#panelTop .search  { background: #422719 !important; color: #fff; width: auto; color: #fff !important; text-transform: uppercase; }
/*#panelTop A { text-decoration: none; color: #fff; font-size: 10px; }
#panelTop A:hover { text-decoration: underline; }
#panelTop .separator { width: 25px; }*/


/* BLOCK */
.winkelwagen, .nieuwsbrief, .klantenservice { width: 100%; color: #fff; }
.winkelwagen H3 { position: relative; }
.winkelwagen H3, .nieuwsbrief H3, .klantenservice H3 { margin: 0; padding: 4px 0 6px 30px; font-size: 10px; font-weight: bold; }

.winkelwagen H3 { background: #0f76d2 url(../images/icoWinkelwagen.gif) no-repeat; }
.winkelwagen H3 A { position: absolute; top: 5px; right: 10px; display: block; background: url(../images/btnArrows.gif) no-repeat; width: 12px; height: 12px; text-indent: -5000px; }
.winkelwagen .wContent { padding: 10px; }
.winkelwagen .wTotal { background-color: #0f76d2; height: 16px; font-size: 10px; font-weight: bold; padding: 4px 10px 0; }

.nieuwsbrief H3 { background: #0f76d2 url(../images/icoNieuwsbrief.gif) no-repeat; }
.nieuwsbrief .nContent { padding: 5px 10px; }
.nieuwsbrief INPUT { width: 94%; margin-bottom: 3px; }
.NS { float: right; width: 163px; margin-top: 15px; }
.NS INPUT { margin-top: 9px; }

.klantenservice { }
.klantenservice H3 { background: #0f76d2 url(../images/icoKlantenservice.gif) no-repeat; }
.klantenservice .phone { padding: 10px 10px 0; color: #000; }
.klantenservice .kContent { padding: 5px 10px; }
.klantenservice UL { margin: 0; padding: 0; list-style: none; }
.klantenservice LI { background: url(../images/mark1.gif) no-repeat; background-position: 0 4px; margin-bottom: 2px; padding-left: 10px; }
.klantenservice LI A { color: #fff; text-decoration: none; }
.klantenservice LI A:hover { text-decoration: underline; }

.product { position: relative; float: left; width: 161px; height: 230px; margin-bottom: 25px; padding-right: 16px; color: #d6cbb1; }
.product a.prodImg { display: block; width: 161px; height: 149px; background-image: url(../images/block/productBg.gif); background-repeat: no-repeat; background-position: 0 0; margin-bottom: 3px; padding: 6px 0; text-align: center; }
.product a.prodImg:hover { background-position: -161px 0; }
.product strong { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.product A.meer { position: absolute; left: 0; bottom: 0px; display: block; width: 117px; height: 23px; padding: 8px 35px 0 10px; background: url(../images/layout/more_info.gif) no-repeat; font-size: 16px; color: #73594e; line-height: 16px; text-transform: uppercase; text-decoration: none; text-align: center; color: #422719; }
.product A.meer:hover   { color: #2b1910; }

.productContainer { float: left; width: 380px;}
.productB { float: left; width: 380px; text-align: center; }
.productPrijs {  }
.productB IMG { width: 284px; height: 336px; }
.productDsc { float: right; width: 300px; margin-right: 16px; }
.productDsc .desc { min-height: 106px; padding: 15px 23px; //border-bottom: 3px solid #f3f3f3; 
}
.productDsc .colors { padding-left: 5px; border-bottom: 0px solid #f3f3f3; }
.productDsc .colors IMG { border: 1px solid #000; margin: 6px 4px; }
.productDsc .colorsquare { display: block; width: 15px; height: 15px; border: 1px solid #000; font-size: 0; text-indent: -5000px; }
DIV.terug { height: 30px; padding: 6px 10px 0 0; }
DIV.terug A.terug { float: right; line-height: 20px; }

.productS { float: left; width: 130px; background: url(../images/block/productSBg.gif) no-repeat; margin-bottom: 20px; padding-right: 10px; }
.productS IMG { width: 118px; height: 118px; margin: 6px 6px 16px; }
.productS P { margin: 0; padding: 0 3px; }

.productSS {  }
.productSS .imgList {  }
.imgList IMG { width: 90px; height: 90px; margin: 3px 2px; }

.blkTL { width: 100%; background: #fff url(../images/block/cornerTL.gif) no-repeat left top; }
.blkTR { background: url(../images/block/cornerTR.gif) no-repeat right top; }
.blkT { height: 8px; font-size: 0; }
.blkBL { width: 100%; background: #fff url(../images/block/cornerBL.gif) no-repeat left bottom; margin-bottom: 10px; }
.blkBR { background: url(../images/block/cornerBR.gif) no-repeat right bottom; }
.blkB { height: 8px; font-size: 0; }
.blkBLbl { background: #d6cbb1 url(../images/block/cornerBLbl.gif) no-repeat left bottom; }
.blkBRbl { background: url(../images/block/cornerBRbl.gif) no-repeat right bottom; }
.blkBbl { margin: 0 7px; height: 7px; font-size: 0; }
.blk { background: #fff; padding: 3px 7px; text-align: center; }
H3.blk  { margin: 0; padding: 10px 0 3px; background-color: #d6cbb1; color: #fff; font-size: 12px; font-weight: bold; text-align: center; color: #23160e; }

.blkLeft { float: left; width: 50%; }
.blkLeft IMG { float: left; }
.blkLeft P { float: left; width: 145px; padding-left: 5px; padding-right: 5px; }
.blkRight { float: right; width: 50%; }
.blkRight IMG { float: right; padding-left: 5px; padding-right: 5px; }
.blkRight P { float: right; width: 145px; }

.ptfL { position: relative; float: left; width: 360px; margin-bottom: 24px; }
.ptfR { float: right; }

.contactForm { float: left; width: 430px; }
.contactForm LABEL { float: left; clear: left; width: 130px; margin-top: 5px; }
.contactForm LABEL SPAN { font-size: 9px; }
.contactForm LABEL.mar { margin-top: -1px; }
.contactForm INPUT { width: 262px; margin-bottom: 7px; }
.contactForm TEXTAREA { width: 393px; margin-top: 5px; }
.contactInfo { float: right; width: 460px; }
.contactInfo .adres { display: block; float: left; clear: left; width: 65px; }

.blkGray { background-color: #e5e5e5; /*padding: 8px 12px;*/ }
.realisatie { clear: both; background-color: #fff1b7; padding: 7px 12px; color: #0f76d2; }

.bnr { margin: 0 0 15px; }

.roundCorBLeft  { background: #e5e5e5 url(../images/block/round_cor_bleft.gif) no-repeat bottom left; margin-bottom: 20px; }
.roundCorBRight { background: url(../images/block/round_cor_bright.gif) no-repeat bottom right; padding: 9px 10px; color: #000; height: 1%; }
.roundCorTLeft  { background: #e5e5e5 url(../images/block/round_cor_tleft.gif) no-repeat; margin-bottom: 10px; height: 1%; }
.roundCorTRight { background: url(../images/block/round_cor_tright.gif) no-repeat top right; }
.roundCorTLeft .roundCorBLeft   { background-color: transparent; }
.roundCorTLeft .roundCorBLeft   { margin-bottom: 0; }
.roundCorBRight h2, .roundCorBRight, h3, .roundCorBRight h4 { color: #000; }
#bedrukkenL .roundCorBRight  { padding: 20px; }
.roundCorBRight dd  { margin: 10px 0; }

.privateLabelBlk    { width: 534px; height: 121px; padding: 55px 0 12px 12px; margin-bottom: 15px; background: url(../images/promo/promo07_2_new.jpg) no-repeat; cursor: pointer; color: #000; overflow: hidden; }
.privateLabelBlk h2 { font-size: 33px; margin: 0; color: #422719; }
.privateLabelBlk p  { width: 290px; margin: 10px 0; line-height: 14px; }

table.index { border-collapse: collapse; padding: 0; margin: 10px 0pt; } 
table.index td { border:1px solid #000000; padding:3px; font-size: 9px; font-weight: bold; }

.bigPhone   { font-size: 30px; }
a.next      { background: url(../images/layout/arrow_next.gif) no-repeat 100% 5px; padding: 2px 30px 5px 0; font-size: 18px; color: #73594e; line-height: 18px; text-decoration: none; }
a.next:hover    { color: #422719; }
a.brownBut  { display: block; float: left; background: url(../images/layout/brown_but_left.gif) no-repeat; text-decoration: none; }
a.brownBut span { display: block; float: left; height: 23px; background: url(../images/layout/brown_but_right.gif) no-repeat 100% 0; padding: 6px 40px 0 14px; color: #d6cbb1; font-size: 17px; line-height: 17px; }
a.downloadPdf   { display: block; padding: 20px 0 30px 70px; background: url(../images/download_pdf.gif) no-repeat; color: #000; }


/* TITLES */
#titleLevel00, #titleLevel01, #titleLevel02 { background-color: #fff; }  

.subTitleL { width: 100%; background: #d6cbb1 url(../images/block/titleL.gif) no-repeat left top; clear: both; border-bottom: 1px solid #d5d4d3; }
.subTitleR { background: url(../images/block/titleR.gif) no-repeat right top; }
.subTitleRW{ background: url(../images/block/titleR_welcome.gif) no-repeat right top; }
.subTitleC, .subTitleCW { margin: 0 10px; padding: 0 0 6px; }
.subTitleCW { margin: 0 32px 0 10px; }
.subTitleC H2, .subTitleCW h2 { margin: 0; padding: 10px 0 0; font-size: 23px; font-weight: bold; line-height: 24px; color: #422719; }
.subTitleBtn { position: relative; }
.subTitleBtn A { position: absolute; top: 7px; right: 10px; }

.note { color: #0f76d2; font-weight: bold; text-transform: uppercase; padding: 23px 20px 0 0; }
.contactTbl input, .contactTbl span   { float: left; margin-right: 5px; }
.contactTbl span    { margin-top: 2px; }


/* BUTTONS */
.btnY, .btnG { float: left; display: block; padding: 3px 5px; font-size: 10px; font-weight: bold; text-decoration: none; }
.btnY { background: #ffcf00 url(../images/btnY_bg.gif) no-repeat; color: #000 !important; }
.btnG { background: #797979 url(../images/btnG_bg.gif) no-repeat; color: #bcbcbc !important; }
A.terug { display: block; background: url(../images/btnArrowL.gif) no-repeat left top; height: 22px; line-height: 22px; padding-left: 27px; color: #000; text-decoration: none; }
A.arrowYL { display: block; background: url(../images/btnArrowYL.gif) no-repeat left top; width: 22px; height: 22px; text-decoration: none; text-indent: -5000px; }
A.arrowRB { display: block; background: url(../images/btnArrowRB.gif) no-repeat; width: 29px; height: 29px; }
A.btnB { float: right; display: block; width: 85px; height: 17px; line-height: 18px; background: url(../images/btnB_bg.gif); color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; }
.btnPanel { background-color: #b5b5b5; padding: 6px 15px; border-top: 1px solid #fff; }


/* FOOTER */
#clearfooter { clear: both; height: 30px; }
#container #clearfooter { height: 70px; }
#container #footer { position: absolute; right: 12px; bottom: 20px; }
#footer { background: url(../images/layout/footer_border.gif) repeat-x; padding: 15px 0; }
#footer P   { margin: 0; padding: 3px 5px; font-size: 10px; color: #bebab5; text-align: center; }
#container #footer P { width: 682px; text-align: right; }



.fleft { float: left !important; }
.fright { float: right !important; }
.nofloat { clear: both; font-size: 0; line-height: 0; }
.greyF  { color: #bebab5;; }