/* CSS Document */

/*----------clearfix----------*/
/* fixes containers with floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix, #main {display: block;}
/* End hide from IE-mac */
/*--------end clearfix--------*/



body { background:#f3fbff url(/style2/bg.gif) repeat-x center top;font-family:"Lucida Sans", "Trebuchet MS", arial,helvetica,clean,sans-serif;}
#wrapper1 {background:url(/style2/bg2.gif) repeat-y center;}
#wrapper2 {background:transparent url(/style2/bg-head.gif) no-repeat center top;}
#wrapper3 {background:transparent url(/style2/bgfooter.gif) no-repeat center bottom;}

select, input, textarea {font-family:"Lucida Grande", "Lucida Sans", arial,helvetica,clean,sans-serif;}

.hidden {position:absolute; left:-9999em; top:-9999em;}

strong { font-weight:bold;}
li {list-style:none;}


/* text */
h1 {color:#c60; font-size:20px; font-weight:bold; line-height:24px; margin:30px 0 15px 15px;}
h2, h2 a {color:#c60;font-size:14px;font-weight:bold;line-height:18px;margin:0 0 15px 15px;text-decoration:none;}
h2 a {margin-left:0;text-decoration:underline;}
h3, h3 a {color:#630; font-size:14px; font-weight:bold; line-height:18px;padding:0px 0 5px 15px;text-decoration:none;}
p.crumb {color:#000;margin-left:25px;}
p.crumb a {color:#c60; text-decoration:underline;}
p.crumb a:hover {color:#630;}
p.crumb strong {color:#630;font-size:14px;}
p { margin-bottom:15px;}




/* Grids*/
#doc {background:transparent;width:750px;}
.yui-t3 #yui-main {margin-left:-305px;/* IE: preserve layout at narrow widths */ }
.yui-t3 .yui-b {width:305px;}
.yui-t3 #yui-main .yui-b {margin-left:320px;}

.yui-t6 #yui-main {margin-right:-445px;/* IE: preserve layout at narrow widths */ }
.yui-t6 .yui-b {width:430px;margin-top:65px;}
.yui-t6 #yui-main .yui-b {margin-right:445px;margin-top:0;}





/* header */
#hd { height:175px; position:relative;margin-bottom:15px;}

/* logo */
#logo { width:325px; height:135px; float:right; clear:left; margin-right:2em; background:url(/style2/logo.gif) no-repeat; }
#logo a { display:block; width:325px; height:135px; }
#logo a:hover { background:url(/style2/logo-h.gif) no-repeat; }
#logo a strong { position:absolute; left:-9999em; top:-9999em; }



/* mainnav */
#mainnav { clear:both;height:40px;text-align:center;}
#mainnav li {display:inline;}
#mainnav li a {color:#fff; text-decoration:none; line-height:40px;font-weight:bold;padding:0 20px;font-size:16px;}
#mainnav li a:hover {color:#630;}

/* servicenav */
#servicenav { position:relative;top:100px; left:30px; height:35px;width:245px;}
#servicenav ul {background:none;padding:10px 15px 0; text-align:center;}
#servicenav li { display:inline;padding:0px 5px 0;}
#servicenav a { color:#c60; text-decoration:none;font-size:14px;font-weight:bold;}
#servicenav a:hover { color:#fff;}

.paypal {position:absolute; top:15px;left:70px;border:1px solid #fff;}


/* footer */
#ft {clear:both;height:125px; padding-top:10px; color:#fff;font-size:107%;}
#ft a {color:#fff;}
#ft a:hover {color:#c9fb32;text-decoration:none;}
#ft #primarycontact {margin-top:35px;float:right; text-align:right;}
#ft #copyprivacy {margin-top:35px;float:left;}
#ft #copyprivacy p+p {padding-left:15px;}
#ft #copyprivacy p {margin-bottom:0;}


/* main */
#bd {padding:0;background:none;}
#bd2 {padding:0;background:none;}
#bd3 {padding:0;background:none;}

/* subnav */
#subnav { background:none;height:566px;padding-top:0px;}
#subnav .item { background:url(/style2/bg-subnav.gif) no-repeat; height:100px; margin:0 0 10px 0;padding-left:15px;}
#subnav .item dl { color:#630;margin:0 5px 0 0;padding-left:90px;height:100px;}
#subnav .item dt { margin-bottom:3px;padding-top:10px;}
#subnav .item a { color:#630;}
#subnav .item a:hover { color:#c60;}
#subnav .item dd a { font-size:14px;}
#subnav .item dt a { color:#630;text-decoration:none; font-weight:bold;font-size:16px;}
#subnav .item img { width:80px;height:80px;float:left; margin-right:10px;margin-top:5px;}

#onthaal #subnav {padding-top:31px;}
#subnav #meubelensub dl {background:url(/style2/sn-m.jpg) no-repeat 0 5px;}
#subnav #kukerasub dl {background:url(/style2/sn-kk.jpg) no-repeat 0 5px;}
#subnav #verlichtingsub dl {background:url(/style2/sn-v.jpg) no-repeat 0 5px;}
#subnav #objectensub dl {background:url(/style2/sn-og.jpg) no-repeat 0 5px;}
#subnav #behangsub dl {background:url(/style2/sn-deco.jpg) no-repeat 0 5px;}


/* Inleiding */
#inleiding p {font-size:16px;line-height:1.4em;margin:0 30px 0 15px;color:#630;}
#inleiding p strong {color:630;}

/* promo */
#promo {padding-top:30px;}
#promo .yui-content { border:0px solid #8ADBFF; height:375px; width:430px;}
#promo .yui-content div.promoitem { background-color:#fff; position:absolute;}
#promo .yui-content div.promoitem img {width:430px;}
#promo .yui-content div.promoitem p { margin:0;}
#promo.yui-navset .yui-nav { width:auto;padding-left:15px;}
#promo.yui-navset .yui-nav li { background:url(/style2/promotab_groot-ns-2.gif) no-repeat right top;margin:0 1px 0 0}
#promo.yui-navset .yui-nav li a { background:url(/style2/promotab_klein-ns-2.gif) no-repeat left top;color:#f93; text-decoration:none;font-weight:bold;padding:0 5px;}
#promo.yui-navset .yui-nav li a:hover { color:#c60;}
#promo.yui-navset .yui-nav li.selected { background:url(/style2/promotab_groot-2.gif) no-repeat right top;}
#promo.yui-navset .yui-nav li.selected a { background:url(/style2/promotab-klein-2.gif) no-repeat left top;color:#fff;cursor:default;}

#promo .promodesc { background:url(/style2/bg-promo-desc-2.jpg) no-repeat bottom;height:50px; padding:10px;color:#fff;position:relative;top:-3px;line-height:125%;}
#promo .promodesc a { display:block;margin-top:5px;color:#fff;text-align:right;padding-right:5px;}
#promo .promodesc .promoprice {float:left; width:105px;padding:0 5px;margin-right:10px;position:relative;top:-5px;}
#promo .promodesc .promoprice span {display:block;font-size:24px;line-height:28px;font-weight:bold;color:#c60;text-align:center;}


#waarden { background:url(/style2/bg_waarden.jpg) no-repeat;width:241px;height:225px;color:#c60;}
#waarden h2 {font-weight:bold; padding:30px 0px 5px 0;font-size:100%; color:#c60;margin-left:10px;}
#waarden ul, #links ul {margin-left:35px; margin-bottom:30px;}
#waarden ul li, #links ul li {padding-left:15px;background:url(/style2/bullet-waarden.jpg) no-repeat left 60%;margin-bottom:5px;}
#waarden ul li a, #links ul li a {color:#630;}
#waarden ul li a:hover, #links ul li a:hover { text-decoration:none;color:#c60;}




#list .listitem { width:430px; background:url(/style2/bg_listitem-2.gif) no-repeat top;margin-bottom:15px;position:relative;}
#list .listitem img{ width:120px;height:120px; float:left;margin:10px 10px 10px 10px;}
#list .listitem .link {padding-top:5px;}
#list .listitem .link a {color:#c60;text-decoration:underline;}
#list .listitem .link a:hover {color:#630;}
#list .listitem .listtext {margin-left:140px;}
#list .listitem p {margin-right:10px;color:#fff;margin-bottom:5px;}
#list .listitem p a {color:#630;text-decoration:none;}
#list .listitem p a:hover {color:#c60;}
#list .listitem h2 {color:#630;font-size:14px;font-weight:bold;line-height:18px;padding:15px 0 0 0;margin:0 0 5px 0;}
#list .listitem h2 a {color:#630;margin-left:0;text-decoration:none;}
#list .listitem h2 a:hover {color:#c60;}
#list .listitem .pricing {background:url(/style2/bg-pricing.gif) no-repeat;float:left;clear:left;margin:0 10px;width:120px;height:30px;color:#fff;text-align:center;font-size:15px; line-height:30px;font-weight:bold;}
#list .listitem .pricing span {padding:0 5px;}
#list .listitem .bottom {background:url(/style2/bg_listitem-2.gif) no-repeat bottom;clear:both;height:10px;}
#list .listitem .inoptie, #list .listitem .verkocht, #list .listitem .solden {position:absolute; left:11px;top:11px;margin:0;width:auto;height:auto;}

.listpage #bd3 {padding-bottom:0;}


/* detailpage */
.detailpage h1 {font-size:24px;margin:30px 0 30px 0;}
.detailpage h2 {margin:15px 0 5px 0;}
.detailpage p {margin-left:0;font-size:14px;line-height:18px;}
.detailpage p.crumb {margin-left:25px;font-size:13px;}
.detailpage .pricing {float:left;color:#fff;background:#fff url(bg-pricing2.gif) no-repeat;font-size:15px;text-align:center;line-height:60px;text-align:center;margin:0 10px 0 0;height:60px; width:80px; }
.detailpage .pricing.small {font-size:15px;line-height:15px;padding-top:14px;height:46px;}

.detailpage .vertaling {font-style:italic;} 
.detailpage .vertaling p {font-style:italic;font-size:12px;} 

.kenmerken {margin:10px 0;padding:10px 5px; background:#f7e8d9;font-size:11px;clear:both;}
.kenmerken .label {display:block; width:75px;text-align:right;margin-right:10px;float:left;font-weight:bold;}



/* gallery */
#gallery {margin:25px 0 25px;background:#c60 url(/style2/bg-gallery-bt.gif) no-repeat bottom;padding-bottom:1px;}
#gallery div {background:url(/style2/bg-gallery-top.gif) no-repeat top; padding:15px 0 0}
#gallery img {display:block;margin:0 auto 15px;border:1px solid #fff;}







/* text */
.textpage h1 { margin-bottom:1em;}
.textpage h2 { margin-left:15px;}
.textpage .yui-b p {margin:0 0 15px 15px}


/* contactspace */
---------------------------------------------------*/
form#contactspace {clear:both;display:block;margin-top:2em;padding-top:2em;border-top:2px solid #c60;}
.detailpage #contactspace h2 {padding:25px 0 0;margin:0 0 5px;}
#contactspace p {margin-bottom:10px; font-size:12px;}
#contactspace input {width:190px;}
#contactspace input.bttn {width:100px;text-align:center;}
#contactspace textarea {width:190px; height:4em; font-size:0.9em;}
#contactspace #newsyes, #contactspace .rad {width:1em;}
#contactspace #newsyeslabel {display:inline;float:none;clear:none;}
#contactspace h2 { margin-bottom:1.2em;}
#submit {border-top:0.1em solid #c60;padding-top:1.0em;margin-top:1.0em;}
form#contactspace p .label { display:block; float:left; clear:left; width:6em; text-align:right; margin-right:0.8em;font-size:11px;color:#c60}
label.inlabel {display:inline; color:#000; width:3em; text-align:left;margin:0;font-size:12px;clerar:none;float:none;}
#gebruiksvoorwaarden p .label {display:block; float:left; clear:left; width:12em; text-align:right; margin-right:0.8em;font-size:11px;color:#c60}


/* levering */
#levering {background:#cc6600; color:#fff;font-size:14px;padding:1em;margin:1em 0;}

.english {background:url(en.gif) no-repeat left top;font-style:italic;text-indent:30px;}