/* Stylesheet voor spinderdesign.nl. (c) Spinder Design - Furniture and More. Alle rechten voorbehouden. */

body
{
  background:#000 url(/interface/images/bg.jpg) no-repeat center top;
  margin:0;
  padding:0;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size:12px;
  color:#E9E9E9;
  line-height:17px;
}
html,body
{
  height:100%;
}
form
{
  margin:0;
  padding:0;
}
a img
{
  border:0;
}
a
{
  color:#FFF;
}
.blok_content_top a
{
  color:#7F7F7F;
}

p {
  margin: 0px 0px 20px 0px;
}

#top
{
  position:absolute;
  top:0px;
  left:0px;
  height:85px;
  width:100%;
  z-index:55;
}
#logo
{
  position:absolute;
  top:26px;
  left:28px;
  width: 262px;
  height: 38px;
}
#top_inner
{
  position:relative;
  height:85px;
  width:100%;
}
#menu
{
  position:absolute;
}
#taalmenu
{
  position:absolute;
}
#middle
{
  margin-top:180px;
  position:relative;
  width:100%;
  min-height:400px;
  clear:both;
  float:left; 
}

#middle ul {
  margin: 0px 0px 19px 0px;
  padding: 0px;
  list-style: none;
}

#middle li {
  padding: 0px 0px 0px 16px;
  margin: 0 0px 6px 0px;
  background: url(/interface/images/bullet.gif) no-repeat 0px 7px;
}

.clearfix
{
  clear:both;
  height:0px;
  overflow:hidden;
}
#home
{
  position:absolute;
  top:6px;
  width:960px;
  height:268px;
  background-image:url(/interface/images/home_bg.jpg);
}
#home_inner
{
  position:relative;
}
#home_images
{
  position:absolute;
  height:242px;
  width:458px;
  left:12px;
  top:10px;
}
#home_knoppen
{
  position:absolute;
  left:19px;
  top:184px;
  width:20px;
  height:60px;
  z-index:30;
  overflow:hidden;
}
#home_knoppen a
{
  width:20px;
  height:20px;
  overflow:hidden;
  clear:both;
  display:block;
  text-decoration:none;
  cursor:pointer;
  float:left;
  background-image:url(/interface/images/trans.gif);
}
#home_titel
{
  position:absolute;
  left:490px;
  top:11px;
  width:459px;
  height:79px;
}
#home_titel img
{
  margin-left:28px;
  margin-top:15px;
}
#home_tekst
{
  position:absolute;
  left:522px;
  top:107px;
  width:400px;
  height:105px;
  overflow:hidden;
  color:#444444;
}
#home_meer
{
  position:absolute;
  right:60px;
  top:224px;
  display:block;
  overflow:hidden;
  background:#000;
}
#home_meer img
{
  border:8px solid #000;
}
#zcontainer .blok
{
  width:380px;
  position:relative;
  margin-top:48px;
  margin-bottom:30px;
}
#zcontainer .header
{
  top:0px;
  left:0px;
  height:10px;
  width:760px;
  position:absolute;
  background-color:blue;
  overflow:hidden;
}
#zcontainer .footer
{
  bottom:0px;
  left:0px;
  height:10px;
  width:760px;
  position:absolute;
  background-color:yellow;
  overflow:hidden;
}
#zcontainer .background
{
  top:10px;
  bottom:10px;
  width:760px;
  position:absolute;
  _bottom:;
  height:expression((parentNode.offsetHeight-20)+"px");
  z-index:1;
}
#zcontainer .content
{
  z-index:45;
  position:relative;
  background-color:white;
  width:751px;
}

#zcontainer
{
  width:960px;
  height:100%;
  _height: expression(this.parentNode.offsetHeight +"px");
  margin:0 auto;
}
#wrapper
{
  width:960px;
  min-height:100%;
  _height: 100%;
  position:relative;
  margin:0 auto -359px auto;
  z-index:1;
}
#footer
{
  height:359px;
  width:960px;
  position:relative;
  z-index:2;
  margin:0 auto;
}
#footer_background
{
  background-image:url(/interface/images/footer_bg.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/footer_bg.png',sizingMethod='scale');
  width:960px;
  height:359px;
  position:relative;
}

#footer_tekst
{
  position:absolute;
  top:250px;
  left:30px;
  width:875px;
  height:75px;
  overflow:hidden;  
  color:#343434;
}
#footer_tekst a
{
  color:#343434;
}

#footer_copyright
{
  position:absolute;
  top:334px;
  left:30px;
  width:600px;
  color:#343434;
}
#footer_balk
{
  position:absolute;
  top:334px;
  right:30px;
  width:300px;
  text-align:right;
  color:#333331;
}
#footer_balk a
{
  color:#333331;
  text-decoration:none;
}
#footer_balk a:hover
{
  text-decoration:underline;
}
#page
{
  padding-left:240px;
  padding-top:7px;
  padding-bottom:400px;
  width: 720px;
}
#page .blok
{
  width:479px;
  padding-top:1px;
}
#page .blok_bg_header{
  background:url(/interface/images/content_bovenkant_pagina.jpg) no-repeat bottom;
}
#page .blok_content_top_background{
  background-image:url(/interface/images/content_wit_pagina.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_wit_pagina.png',sizingMethod='scale');
}
#page .blok_content_footer_background{
  background-image:url(/interface/images/content_zwart_pagina.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_zwart_pagina.png',sizingMethod='scale');
}
#page .blok_bg_footer{
  background-image:url(/interface/images/content_onderkant_pagina.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_onderkant_pagina.png',sizingMethod='scale');
}

#assortiment
{
  padding-left:121px;
  padding-top:7px;
  padding-bottom:400px;
}
#assortiment .blok
{
  width:718px;
  padding-top:1px;
}
#assortiment .blok_bg_header{
  background:url(/interface/images/content_bovenkant_assortiment.jpg) no-repeat bottom;
}
#assortiment .blok_content_top_background{
  background-image:url(/interface/images/content_wit_assortiment.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_wit_assortiment.png',sizingMethod='scale');
}
#assortiment .blok_content_footer_background{
  background-image:url(/interface/images/content_zwart_assortiment.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_zwart_assortiment.png',sizingMethod='scale');
}
#assortiment .blok_bg_footer{
  background-image:url(/interface/images/content_onderkant_assortiment.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_onderkant_assortiment.png',sizingMethod='scale');
}

.blok_bg_header{
  width:100%;
  height:90px;
  background-image:url(/interface/images/content_bovenkant_pagina.jpg);
  position:relative;
}
.blok_bg_header img{
  position:absolute;
  top:41px;
  left:41px;
}
.blok_inner{
  width: 100%;
}
.blok_content_top{
  position:relative;
  width: 100%;
}

#navcontenttekst {
  width: 100%;
}

.blok_content_top_content{
  position:relative;
  z-index:25;
  padding:20px 44px 38px 44px;
  color:#424242;
}

#page .blok_content_top_content{
  width: 391px;
}

#assortiment .blok_content_top_content {
  width: 630px;
}

.blok_content_top_content_knoppen
{
  position:absolute;
  left:43px;
  bottom:0px;
  _bottom: -1px;
  height:32px;
}
.blok_content_top_background{
  background-image:url(/interface/images/content_wit_pagina.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_wit_pagina.png',sizingMethod='scale');
  height:100%;
  _height: expression(this.parentNode.offsetHeight +"px");
  position:absolute;
  width:100%;
  top:0px;
  left:0px;
}
.blok_content_footer{
  position:relative;
  width: 100%;
}
.blok_content_footer_content{
  position:relative;
  z-index:25;
  padding:20px 44px;
  color:#E9E9E9;
}

#page .blok_content_footer_content{
  width: 391px;
}

#assortiment .blok_content_footer_content{
  width: 630px;
}

.blok_content_footer_content_breadcrumb
{
  margin-bottom:20px;
}
.blok_content_footer_content_breadcrumb a
{
  color:#FFF;
  text-decoration:none;
}
.blok_content_footer_background {
  background-image:url(/interface/images/content_zwart_pagina.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_zwart_pagina.png',sizingMethod='scale');
  height:100%;
  _height: expression(this.parentNode.offsetHeight +"px");
  position:absolute;
  width:100%;
  top:0px;
  left:0px;
  z-index: 1;
}     
.blok_bg_footer{
  width:100%;
  height:18px;
  overflow:hidden;
  background-image:url(/interface/images/content_onderkant_pagina.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/content_onderkant_pagina.png',sizingMethod='scale');
}

#menu
{
  margin:0;
  padding:0;
  position:absolute;
  right:3px;
  top:27px;
  z-index:60;
  _behavior: url(/scriptlibrary/csshover.htc);
}
#menu a
{
  display:block;
  padding: 0px 8px;
  height:58px;
}

#menu a img
{
  display:block;
}

#menu li li a
{
  margin-left:9px;
  width:134px;
  height: auto;
  padding:6px 10px 6px 10px;
  margin-bottom:1px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  text-align:center;
}
#menu li
{
  float:left;
  list-style-type:none;
  height:58px;
  display:inline;
  background: none;
}

#menu li.active,
#menu li.childActive
{
  background:url(/interface/images/nav_pijl.gif) no-repeat center bottom;
}
#menu li:hover
{
  background:url(/interface/images/nav_pijlhover.gif) no-repeat center bottom;
}
#nav li.childActive li,
#nav li:hover li
{
  background-image:none;
}

#menu ul
{
  clear:both;
  position:absolute;
  margin:0;
  margin-left:-25px;
  padding:0 0 9px 0;
  top:58px;
  left:-9999px;
  background: url(/interface/images/subnav_bg.png) no-repeat center bottom;
  _background-image: url(/interface/images/subnav_bg.gif);
  width:172px;
}
#menu li.last ul
{
  margin-left:-100px;
}


#menu li:hover ul
{
  left:auto;
}

#menu li li,
#menu li:hover li,
#menu li.active li,
#menu li.childActive li
{
  clear:both;
  height:auto;
  background:url(/interface/images/subnavitem_bg.gif) no-repeat center bottom;
  display:block;
  padding: 0px;
}
#menu li li a:hover
{
  background-color:#FFF;
}
#menu li li.last
{
  background:none;
}
#menu li li.last a
{
  background-image:none;
}
#footer_sitemap
{
  position:absolute;
  left:30px;
  top:32px;
  list-style:none;
  margin: 0px;
  padding: 0px;
  line-height: 17px;
  width: 925px;
  overflow: hidden;
}
#footer_sitemap ul
{
  margin: 0px;
  padding: 0px;
  list-style:none;
}
#footer_sitemap li
{
  float:left;
  margin-right:30px;
  padding: 0px;
  width:200px;
  list-style-type:none;
  background: none;
}
#footer_sitemap li a
{
  display: block;
  margin-bottom: 8px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
}
#footer_sitemap li li
{
  float:none;
  margin-right:0px;
}
#footer_sitemap li li a
{
  margin: 0px;
  font-weight:normal;
  font-size:12px;
  color: #9d9d9c;
}

#footer_sitemap li li a:hover
{
  margin: 0px;
  font-weight:normal;
  font-size:12px;
  color: #ffffff;
}

#productoverzicht
{
  float: right;
  width: 429px;
  margin-right: -34px;
}

#productoverzicht.breed{
  width:665px;
  margin-top:10px;
}
#menu_links
{
  float:left;
  width: 187px;
  text-align: justify;
}

#menu_links p {
  margin: 20px 0px;
}
#menu_links a,
#assortiment a.knopgrijs
{
  color:#000000;
  text-decoration:none;
  display:block;
  width:175px;
  height:26px;
  background-color:#888687;
  padding-left:12px;
  padding-top:4px;
  margin-bottom:10px;
  overflow: hidden;
}
#menu_links a.active
{
  background-color:#FFFFFF;
}
.blok_content_top_content_knoppen img
{
  border:6px solid #656565;
  border-width: 6px 10px;
  margin-right:1px;
}

.blok_content_top_content_knoppen .active img
{
  border-color: #000000;
}
#taalmenu
{
  position:absolute;
  top:0px;
  right:10px;
}
#taalmenu a
{
  display:block;
  float:left;
  width:20px;
  height:20px;
}
#taalmenu a.active
{
  background-position:center bottom;
}
#profiel
{
  position:absolute;
  right:130px;
  top:0px;
}

#profiel .knopzwart img
{
  border: 5px solid #808080;
  border-width: 0px 5px;
}

#winkelwagen
{
  position:absolute;
  top:-100px;
  left:100px;
  background-color:#000;
  border:2px solid #FFF;
  padding:20px;
  width:460px;
  display:none;
}
#winkelwagen_inner
{
  position:relative;
}
#productoverzicht .item
{
  width:180px;
  height:215px;
  margin: 0px 34px 33px 0px;
  overflow: hidden;
  float:left;
}

#menu_zoek input{
  float:left;
}

#menu_zoek a.zoekknop{
  background-color:#888687;
  color:#000000;
  margin:0px 0px 0px 5px;
  padding:2px 20px 3px;
  text-decoration:none;
  float:left;
  display:block;
}

#productoverzicht.breed .item{
  margin: 0px 41px 33px 0px;
}

#productoverzicht .item a{
  text-decoration:none;
}

#productoverzicht .item a:hover{
  text-decoration:underline;
}

#productoverzicht .item a img{
  display:block;
}

#productoverzicht .item .popup {
  display: none;
}

#productoverzicht .item .productinfo_onder {
  height: 58px;
  overflow: hidden;
}

#productoverzicht .item .productinfo_onder .prijs {
  padding: 8px 0px 9px 0px;
  text-align: right;
  height: 17px;
  overflow: hidden;
}

#productoverzicht .item .productinfo_onder .knopwit {
  float: left;
  background: #d0d0d0;
  padding: 0px 11px 0px 12px;
  margin-top:-22px;
}

h2 {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  line-height: normal;
  font-size: 18px;
  font-weight: normal;
  width: 100%;
}

.nieuws_item
{
  display:block;
  text-decoration:none;
  margin-bottom:10px;
  clear:both;
  margin-bottom: 13px;
  padding-bottom: 15px;
  border-bottom: 1px solid #555555;
}
.nieuws_item .nieuwstitel
{
  clear:both;
  display:block;
  font-weight:bold;
  font-size:12px;
  margin-bottom: 3px;
}

.nieuws_item:hover .nieuwstitel
{
  text-decoration: underline;
}

.nieuws_item .nieuwstitel span
{
  color: #aaaaaa;
}

.link_lees_meer {
  text-decoration: underline;
}

.afbeelding_rechts {
  float: right;
  clear: right;
  margin: 0px 0px 10px 10px;
}

.afbeeldingen_onder {
  clear: both;
  overflow: hidden;
  width: 401px;
  margin: 15px -10px 15px 0px;
}

.afbeeldingen_onder a {
  float: left;
  margin: 0px 10px 10px 0px;
}

.afbeeldingen_onder a img{
}

/*.afbeeldingen_onder a {
  float: left;
  width:123px;
  height:95px;
  margin: 0px 10px 10px 0px;
}

.afbeeldingen_onder a img{
  margin:auto;
  display:block;
}*/

/* ---------- Stijlen: Verkoop detailpagina ---------- */

.fotoblok {
  float: right;
  width: 416px;
  margin-right: -20px;
  padding-top: 312px;
  position:relative;
}

.detailfoto_klein {
  float: left;
  margin: 0px 19px 19px 0px;
}

.fotoblok a{
  position:relative;
  width:119px;
  height:85px;
  float:left;
}

.fotoblok a img{
  display:block;
  margin:auto;
  float:none;
}

.fotoblok a.eerste{
  position:absolute;
  width:396px;
  height:290px;
  top:0px;
  left:0px;
  display:block;
}

.fotoblok a.hidden{
  display:none;
}

#assortiment #contenttekst {
  float: left;
  width: 187px;
  text-align: justify;
}

#assortiment #contenttekst h2 {
  font-size: 12px;
  margin: 0px 0px 5px 0px
}

#assortiment #contenttekst .prijs {
  font-weight: bold;
  margin-bottom: 10px;
}

#assortiment .knopwit {
  float: left;
  clear: left;
  padding: 0px 6px;
  margin-bottom: 10px;
  background: #cdcdcd;
}

/*#assortiment .knopgrijs {
  float: left;
  clear: left;
  padding: 0px 6px;
  background: #888786;
}*/

/* --- Stijlen: Formulieren ----------------- */

#formulier {
  width: 100%;
  overflow: hidden;
}

#formulier .regel {
  width: 100%;
  overflow: hidden;
  margin-bottom: 8px;
}

#formulier .regel .fielddescription {
  width:150px;
  float:left;
  padding: 2px 10px 2px 0px;
}

#formulier .veld input,
#formulier .wachtwoord input,
#formulier .textarea textarea {
  width: 217px;
  padding: 2px 5px;
  border: 2px solid #666666;
}

#formulier .textarea textarea {
  height: 90px;
}

#formulier .regel table {
  float: left;
  width: 227px;
}

#formulier .knop_grijs_rechts {
  float: right;
  padding: 0px 6px;
  background: #656565;
}

.formbox {
  margin-bottom: 13px;
  padding-bottom: 8px;
  border-bottom: 1px solid #555555;
  position: relative;
}

.link_gegevens_overnemen {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
}

h3 {
  font-size: 12px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#formulier .fingevuld input {
  border-color: #aa0000;
}


/* --- Stijlen: Winkelwagen ----------------- */

.winkelwagen {
  width: 100%;
  margin-bottom: 15px;
}

.winkelwagen th {
  font-weight: bold;
  text-align: right;
  padding: 0px 7px 5px 0px;
  border-bottom: 1px solid #555555;
}

.winkelwagen .product td {
  padding: 5px 7px 5px 0px;
  border-bottom: 1px solid #555555;
}

.winkelwagen .td_thumb {
  width: 40px;
}

.winkelwagen .td_info {
  width: 178px;
}

.winkelwagen .td_info .titel {
  font-weight: bold;
  margin-bottom: 3px;
}

.winkelwagen .td_aantal {
  width: 30px;
}

.winkelwagen .td_aantal input {
  width: 20px;
  padding: 2px 3px;
  border: 2px solid #666666;
  font-size: 11px;
  text-align: right;
}

.winkelwagen .td_verwijderen {
  width: 35px;
}

.winkelwagen td.td_aantal,
.winkelwagen td.td_verwijderen {
  text-align: center;
}

.winkelwagen .td_totalen,
.winkelwagen .product .td_totalen {
  width: 70px;
  text-align: right;
  padding-right: 0px;
}

.winkelwagen #totaalprijs {
  font-weight: bold;
}

#winkelwagenmelding {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.knop {
  float: left;
  padding: 0px 6px;
  background: #888786;
}

#fbtnLink.knop {
  padding: 0px;
  background: none;
}

#winkelwagenmelding .knop_rechts {
  float: right;
  background: #cccccc;
}