* {margin: 0; padding: 0;}
body	{background: #e8e8e5; font-family: arial; font-size: 0.75em;}
#wrapper {width: 923px; min-height: 101%; padding: 0 30px 20px 20px; min-height: 700px; background: #FFF url(../img/bg.gif) repeat-y 0 0;  margin: 0 auto; } /*  */

body{
scrollbar-face-color:#FFF;
scrollbar-base-color:#FFF;
scrollbar-arrow-color:black;
scrollbar-track-color:#CCC;
scrollbar-shadow-color:#CCC;
scrollbar-highlight-color:#FFF;
scrollbar-3dlight-color:#CCC;
scrollbar-darkshadow-Color:#DDD;
}
|

h4 { font-size: 100%;}

#logobox  {width: 251px; height: 125px; margin-top: 8px; margin-left: -22px; float: left; background: transparent url(../img/logobox.gif) no-repeat 0 0; text-indent: -2000px; overflow: hidden;}
#logobox a {display: block; height: 123px; }

#header {float: left; width: 689px; }
.headersplitter { background: transparent url(../img/header_fade.jpg) no-repeat 0px 0px; height: 98px; margin: 0; overflow: hidden;}

#menu	 {height: 20px; line-height: 20px; font-size: 75%; padding-top: 10px; background: transparent url(../img/topmenubg.gif) repeat-x 0 10px;}

#menu a:hover, #submenubox a:hover {color: #d01479;}
#menu a.active {color: #d01479;}

#menu	ul {list-style: none; background: transparent url(../img/topmenubgfade.gif) no-repeat 100% 0; height: 21px;  padding-left: 10px;}
#menu	ul li {float: left; }

#topmenu_home a {border-left: 1px solid #000; }

#menu	ul li a {text-decoration: none; color: #7a756d; text-transform: uppercase; padding-left: 12px; padding-right: 16px; border-right: 1px solid #f13f9a;}
#menu	ul li.active  a {color: #d01479;}

#submenubox { font-size: 85%; height: 1px; overflow: hidden;}
#submenubox ul {list-style: none; padding: 4px 0; margin: 0;  border: 1px solid #CCC;  background: #FFF;}
#submenubox li {  padding: 0.25em 1.7em; margin: 0;}
#submenubox a {text-decoration: none; color: #7a756d;}

#submenu {  width: 192px;}
#submenu ul {list-style: none; padding: 4px 0; margin: 0; background: #FFF; min-height: 120px;}

#submenu	li {padding-left: 18px; margin-left: 0.5em;  line-height: 1.8em; }
#submenu	li.active {background: transparent url(../img/arrow.gif) no-repeat 0 3px;}
#submenu a {text-decoration: none; color: #7a756d; display: block;}
#submenu	li.active a {color: #d01479;}

#introlinks {list-style: none; height: 21px; font-size: 90%; float: left; margin-top: 1em;}
#introlinks li {float: left; padding-right: 0.8em; }
#introlinks li a {text-decoration: none; }
#introlinks li.active a {color: #7a756d;}

#aanvraag input, .full {background: #fff; border: 1px solid #c0bcb6; color: #333; padding: 2px; margin: 0.5em 0; }
#aanvraag input.submit {background: #FFF url(../img/balloon-pink.gif) no-repeat 0 50%;  padding: 2px; padding-left: 20px; border: 0; color: #7a756d; font-weight: bold;  margin: 0.5em 0; cursor: pointer;}

.fixedVal {background: #FFF; border: 1px solid #c0bcb6; color: #333; padding: 2px; margin: 0.5em 0; width: 115px; float: left;}

#sidebar {width: 216px; min-height: 614px; float: left; margin: -37px 0; padding: 40px 0 0 13px;  background: transparent url(../img/bg_sidebar.gif) no-repeat 0 0;}
#sidebar .hdr {width: 192px; padding-top: 33px; background-repeat: no-repeat; margin: 20px 0 0 0;}
#sidebar .boxftr {width: 192px; height: 16px; background: transparent url(../img/bg_sidebarboxftr.gif) no-repeat 0 0; margin-bottom: 10px;}
#sidebar .sidebarbox {padding: 0.8em 1.4em; }

#sidebar #topsection .hdr {margin-top: 0;}


#sidebar {color: #807a72; }
#sidebar a:hover, #sidebar a.active {color: #d01479;}
#sidebar a.arrowed {background: transparent url(../img/arrow.gif) no-repeat 2px 0; padding-left: 16px; line-height: 16px; text-transform: uppercase; font-size: 80%; display: block; text-decoration: none; color: #7a756d; margin: 0.5em 0;}

#sidebar input {background: #fff; border: 1px solid #bdbdad; color: #807a72; padding: 2px; margin: 0.5em 0; float: left; width: 130px;}
#sidebar input.button {background: transparent; border: 0; float: left; margin: 5px 0 0 4px; padding: 0; width: 19px;}

#shopmenu	 {margin-top: 5px; padding: 12px 14px 0 14px; height: 24px; width: 661px; background: #625451 url(../img/bg_top.gif) no-repeat 0px 0px;}
#shopmenu	ul {list-style: none;}
#shopmenu	ul li {float: left; margin-right: 3px;}
#shopmenu	ul li.end {margin-right: 0;}
#shopmenu	ul li a {text-decoration: none; color: #FFF; text-transform: uppercase; background-repeat: no-repeat;  width: 163px; height: 23px; text-indent: -2000px; overflow: hidden; display: block;}

#shopmenu	ul li a.badgoed {background-image: url(../img/tabs/badgoed.png);}
#shopmenu	ul li a.bedgoed {background-image: url(../img/tabs/bedgoed.png);}
#shopmenu	ul li a.keukengoed {background-image: url(../img/tabs/keukengoed.png);}
#shopmenu	ul li a.tafelgoed {background-image: url(../img/tabs/tafelgoed.png);}

#shopmenu	ul li a.badgoed1 {background-image: url(../img/tabs/badgoed1.png);}
#shopmenu	ul li a.bedgoed1 {background-image: url(../img/tabs/bedgoed1.png);}
#shopmenu	ul li a.keukengoed1 {background-image: url(../img/tabs/keukengoed1.png);}
#shopmenu	ul li a.tafelgoed1 {background-image: url(../img/tabs/tafelgoed1.png);}

.subtab {width: 192px; height: 27px; display: block; text-indent: -200px; overflow: hidden; background-repeat: no-repeat; color: #d01479;}
#sub {background-image: url(../img/tabs/subnav/sub.gif); text-indent: 20px; line-height: 32px; text-decoration: none;}
#sub_badgoed {background-image: url(../img/tabs/subnav/badgoed.gif);}
#sub_bedgoed {background-image: url(../img/tabs/subnav/bedgoed.gif);}
#sub_keukengoed {background-image: url(../img/tabs/subnav/keukengoed.gif);}
#sub_tafelgoed {background-image: url(../img/tabs/subnav/tafelgoed.gif);}

#box_aanbiedingen, box_vestigingen, #box_nieuwsbrief {padding-top: 24px;}
.sidebarbox, .sidebarimagebox	{background: #FFF; padding: 2em; font-size: 90%;}
.sidebarimagebox	{ padding: 0em; text-align: center;}

#slideshowbox {text-alignment: center; height: 220px; overflow: hidden;}
#slideshowbox img {margin: 10px;}


#sidebar #box_aanbiedingen {background-image: url(../img/boxes/hdr_aanbiedingen.gif); } 
#sidebar #box_nieuwsbrief {background-image: url(../img/boxes/hdr_nieuwsbrief.gif);}
#sidebar #box_nieuwsbrief .sidebarbox {min-height: 80px; }
#sidebar #box_vestigingen {background-image: url(../img/boxes/hdr_vestigingen.gif); }

#sidebar a.brightlink 	{margin: 0.5em 0; color: #d01479; text-decoration: none;}

.mainclose {width: 689px; float: left;  background: #625451 url(../img/bg_bottom.gif) no-repeat 0 100%; padding-bottom: 5px; }
#main {padding: 2px 10px;}
#content, #contentaddon {color: #807a72; background: #FFF url(../img/bg_contenttop.gif) no-repeat 0 0 ; }

.contentclose {background: #FFF url(../img/bg_contentbottom.gif) no-repeat 0 100%; padding-bottom: 5px; margin: 8px 2px ;}

.collectionclose {background: #D32080 url(../img/bg_collectionbottom.gif) no-repeat 0 100%; padding-bottom: 8px; margin: 8px 2px ;  width: 662px;}

#contentaddon {min-height: 400px;}

#content a, #contentaddon a, #visualbox a {color: #d01479; text-decoration: none;}
#content a:hover, #contentaddon a:hover, #visualbox a:hover {text-decoration: underline;}


#content	ul {padding-left: 18px;}
.contentmain {min-height: 547px; overflow: auto;  overflow-x: hidden;}
.contenthome {min-height: 125px;}
.contentcollection {min-height: 260px;}
.contentvestiging {min-height: 345px}
.contentproddetails {min-height: 569px}
.contentcollectie {min-height: 260px;}

#bodycode {}
#content h1, #collectieintrobox h1, #merkenintrobox h1 {margin: 0.5em 0; font-size: 150%; color: #d01479;}
#content h2 {margin: 0.25em 0; font-size: 110%; }
#content h3 {font-weight: normal; margin: 0.25em 0; font-size: 110%; color: #d01479;}
#content h4 {margin: 0.25em 0; font-size: 100%; }
#content .contentbox, #contentaddon .contentbox  {padding: 8px 18px; letter-spacing: 0.1em; font-size: 90%; line-height: 1.6em;}

p  {padding: 0.75em 0; }
.centerpiece {text-align: center; font-style: italic;}

#collectieintrobox {width: 492px; height: 190px; color: #807a72;  float: left; border: 1px solid #d9d7d4; margin-left: 2px; background: #FFF; overflow: auto; overflow-x: hidden;}
#merkenintrobox {width: 660px; height: 190px; color: #807a72;  border: 1px solid #d9d7d4; margin-left: 2px; background: #FFF;}
#collectieintrobox .contentbox, #merkenintrobox .contentbox  {padding: 1em 2.2em; letter-spacing: 0.1em; font-size: 90%;}

#visualbox {height: 193px;}
#visualbox .shopvisual {width: 162px; height: 190px; background-repeat: no-repeat;  border: 1px solid #d9d7d4; float: left; margin: 0 1px;}

#visualbox #bedgoed {background-image: url(../img/visuals/bedgoed.jpg); }
#visualbox #badgoed {background-image: url(../img/visuals/badgoed.jpg); }
#visualbox #keukengoed {background-image: url(../img/visuals/keukengoed.jpg); }
#visualbox #tafelgoed {background-image: url(../img/visuals/tafelgoed.jpg); }

.footer	 {background: #FFF url(../img/bg_footer.gif) repeat-x 0 1px; font-size: 90%; padding-top: 10px;  margin-top: 10px; }

.footerscroller	 { width: 694px;  float: right;}
.footerscrollerlong	 { width: 913px; clear: both;}

#motioncontainer {margin-left: 4px; height: 38px; position: relative; overflow: hidden; text-align: center;} 
#motioncontainer	a {text-decoration: none; color: #BBB; filter:alpha(opacity=50); opacity: 0.5; margin: 0 2em;}
#motioncontainer	a:hover {text-decoration: none; color: #d01479; filter:alpha(opacity=80); opacity: 0.8; }



#footerlinks {background: #FFF; height: 60px; padding: 10px;}
#footerlinks a {text-decoration: none; color: #7a756d; margin: 10px;}
#footerlinks a:hover {text-decoration: none; color: #d01479;}

#menu	ul li.active {background: transparent url(../img/arrowpushed.gif) no-repeat 0 3px;}
#menu	ul li.active  a {color: #d01479;}

#carousel {width: 664px; height: 402px; overflow: hidden; margin-left: 3px;}

.productContainer {cursor: pointer;}
.productContainer strong {display: block;}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 662px; 
	height: 265px;
	overflow: hidden;
	border:0;
	}
div.scroller div.scrollercontent {
	width: 20000px;
	}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	 background: transparent url(../img/pink.gif) repeat-x 0 0; 
	width: 664px; 
	height: 265px;
	overflow:hidden;
	float:left;
	margin: 0;
	padding: 0;
	}

.scrollernavigation {filter:alpha(opacity=75); opacity: .75; z-index: 5; width: 24px; height: 43px;}				
#scroller_back { margin-top: -140px;}
#scroller_next {margin-top: -50px; float: right;}				

.productContainer {width: 165px; border-right: 1px solid #d9d7d4; height: 265px; float: left; overflow: hidden;}
.productImage {width: 166px; height: 194px; border: 0;}
.productImageHolder {width: 165px; height: 194px; border: 0; margin-bottom: -3px; overflow: hidden;}
h3.productOverlay {height: 90px; filter:alpha(opacity=95); opacity: .95; padding: 0.4em; text-align: center; font-weight: normal;}
h3.productOverlay span { font-size: 85%; color: #FFF; }
a.contra {color: #FFF;}


#productDetails	{width: 318px; float: left;}
#productVisual {width: 318px; float: right; margin-right:  10px;}
#productVisual .holder	{margin-top:  32px; height: 365px;  background: #FCFCFC;}
#productVisual .holder	img	{width: 313px; height: 365px;}

#productOrderBox	{width: 318px; float: right;margin-top: 12px;  margin-right: 10px;  border: 1px solid #CCC;}
#productOrderBox .holder	{height: 390px; }

#productOrderBox label, #productOrderBox .labeldiv {width: 140px; font-size: 90%; float: left; line-height: 18px;}
#label_comments {height: 20px; line-height: 18px;}
#productOrderSection #pricetag {border: 0; background: #FFF; color: #d01479; font-weight: bold;}
#productOrderSection .bigger {font-size: 120%; line-height: 28px; margin-top: 0.8em;}

.inputbox {width: 270px;background: #FFF; border: 1px solid #eee; color: #333; padding: 4px 2px; margin: 0.5em 0; }

#zipcodebox {background: #FFF; border: 1px solid #eee; color: #333; padding: 4px 2px;}


.formrow  {line-height: 12px;}
.formrow input, .formrow .valuediv {width: 270px;}

.valuediv {background: #FFF; border: 1px solid #eee; color: #333; padding: 4px 2px; margin: 0.5em 0; }

.elementhalf {width: 140px; float: left;}
.elementhalf label, .elementhalf input, .elementhalf select, .inputhalf, .elementhalf .valuediv {width: 130px;}

#productOrderSection .elementhalf {width: 140px; float: left;}
#productOrderSection .elementhalf label, #productOrderSection .elementhalf select {width: 130px;}

.elementquart, label.quart {width: 80px; float: left;}
.elementquart label,.elementquart .labeldiv, label.quart, .elementquart input, input.quart, .elementquart .valuediv {width: 70px;}

.element3quarts {width: 200px; float: left;}
.element3quarts label,.element3quarts .labeldiv, .element3quarts input, input.input3quarts, .element3quarts .valuediv {width: 190px;}

#productOrderBox label.email, #productOrderBox div.email {width: 80px; float: left;}
#productOrderBox input, #productSelectBox input, #productSelectBox select, #productSelectBox textarea { border: 1px solid #c0bcb6; color: #333; padding: 2px; } /* background: #bdbdad; */

#productOrderBox label.geslacht, #productOrderBox div.geslacht {width: 80px; float: left;}
#productOrderBox label.nieuwsbrief , #productOrderBox div.nieuwsbrief {width: 255px; float: left; clear: none;}
#productOrderBox #geslacht_man, #productOrderBox #geslacht_vrouw, #productOrderBox #nieuwsbrief {width: 24px; background: #FFF; border: 0;}
#productOrderBox #nieuwsbrief {float: left; margin-right: 1em;}
#productOrderBox #geslacht_man_label, #productOrderBox #geslacht_vrouw_label { width: 80px; float: none;}
#productOrderBox #geslacht_vrouw_label { margin-right; 24px;}
#winkel {width: 270px;}
#comments {width: 263px; height: 50px;}

.formlink {background: #FFF url(../img/plus-sign.gif) no-repeat 0 50%;  padding: 2px; padding-left: 20px; border: 0; color: #7a756d; }
#productOrderBox .formbutton { width: 275px; background: #d01479; color: #FFF;}

#productOrderSection	, #productOtherDetails	{border: 1px solid #CCC; color: #d01479; padding: 0.6em 1em;}
#productOrderSection	{height: 100px; margin-bottom: 1em;}
#productOtherDetails	{height: 148px;}
#productPersDetailSection {color: #d01479; padding: 1em 0 1em 1em;}

#productOrderSection h3, #productPersDetailSection h3, #productOtherDetails h3 {margin: 0;  margin-bottom: 0.6em; font-size: 15px; color: #666;}


#productThumbImage {width: 80px; float: right;}

.geslachtselect {background: #fff;}
#productOrderBox input.hilite, #winkel .hilite, #productOrderBox textarea.hilite, div.hilite {border: 2px solid #000;}
div.hilite {width: 270px; padding-top: 2px;}
.showAll  {color: #d01479; font-weight: bold;}

.confirmbox {background: #d01479; text-align: center; font-weight: bold; color: #fff; padding: 0.2em;}

.brandbox {display: block; margin: 0.5em 0;}
#brandbox {text-align: center; line-height: 40px;}
#brandbox .menulabel {text-align: left; font-weight: bold; color: #d01479; margin-top: 2em;}

#brandbox img { margin: 1em 3em;}

.pricetag {background: #d01479; color: #FFF; padding: 2px 3px; margin: 10px 0; font-size: 120%;}
div.pricetag {color: #d01479; background: #FFF; font-size: 110%; margin: 0; float: right; text-align: right;}
p.pricetag {margin-bottom: 10px; display: inline;}
.pricetag strike { filter:alpha(opacity=75); opacity: .75; }

a.shoplink {background: #FFF url(../img/plus-sign.gif) no-repeat 0 50%;  padding: 2px; padding-left: 20px; border: 0; color: #7a756d; font-weight: bold;  margin: 0.5em 0; cursor: pointer; font-size: 120%;}

/* Sitemap */

#sitemap {}
#sitemap menu { list-style: none; }
#sitemap menu li {background: transparent url(../img/arrow.gif) no-repeat 0 3px; padding-left: 12px; }


/* Vestigingen */

.shopvisual {float: right; border: 1px solid ##333; margin-top: -36px;}
#map_header, #map_intro {padding: 0.5em 0; }
#map_header  {clear: both;}
#map_footer {padding: 0.6em 0; line-height: 100%; font-size: 80%; }
#map_header div {line-height: 21px;}
#zoekwinkelform .button {width: 24px; height: 20px;  margin: 0; border: 0; cursor: pointer;}
#map_header h4 {width: 105px; line-height: 24px; font-size: 95%; width: 160px; line-height: 20px; float: left;}
#map_header form {float: left;}
#map_intro h4 {width: 170px; line-height: 20px; float: left;}

#map_intro div.left {width: 500px; height: 24px; float: left;}
#map_intro div.right {line-height: 24px; text-align: right; float: right;}

#zoekwinkelform input {width:150px; height:14px; font-weight: bold; text-align: left; font-size: 0.9em;}
 
.topvisual {margin: 8px 2px;}
.vest_name	{font-weight: bold; line-height: 24px;}
.vest_zipcode	{width: 15%; display: inline;}
.vest_address	{width: 40%; display: inline;}
.vest_zipcode	a , .vest_address	a {color: #000; font-weight: normal;}
.vest_phone	{width: 20%; display: inline;}

#map_canvas {width: 628px; height: 400px; border: 1px solid #ccc8c3; }

ul.dealerlist	{margin: 20px 0 0 0; padding: 0; }

li.dealerrow {list-style: none; margin-bottom: 1em;}
li.headerrow {list-style: none; font-weight: bold;  border-bottom: 1px solid #f7aad2; padding-top: 18px; line-height: 18px; color: #000; }
li.clear	{visibility: hidden; height: 1px;}
li.headerrow	a {text-decoration: none; display: block; color: #d01479;}
li.dealerrow	a, li.dealerrow	a:hover {text-decoration: none; display: block;}
li.dealerrow div	{float: left;  }

.dealerlist li span a:hover , .dealerlist a:hover, .dealerlist li a:hover  {text-decoration: none;}

#vestigingsaddress {color: #777068; }
#vestigingsaddress div { }
#vestigingsaddress a {text-decoration: none; }
#vestigingsaddress a:hover {text-decoration: underline; }
#vestigingshours {width: 370px; color: #333; margin: 2em 0;}
div.dealerday	{line-height: 18px; margin-top: 1em;}
.vest_day	{width: 80px; float: left;}
.vest_fromtime	{width: 60px; float: left;}
.vest_totime	{width: 170px; float: left; }
.vest_time	{width: 75%; display: inline;}

.detailshopfooter {width: 480px; margin-top: 2em; clear: left;}

/* FAQ */
.collapsetitle{ cursor: pointer; font-weight:normal; font-size: 1em;}
.collapsetitleactive{  font-size: 1em; margin-top: 0.5em; font-weight:normal;  cursor: pointer; color: #d01479;  padding: 1px; }
.collapsebox{ padding: 2em 32px; }


#vestigingstext	{margin: 60px 20px 0 0; text-align: left; float: right; width: 180px; font-size: 110%; color: #777068; }
.bqstart, .bqend { margin-top: -30px; padding-top: 30px; font-size: 200%;  color: #CCC;}
.bqstart { float: left; height: 45px;  margin-bottom: -30px; margin-right: 5px;}
.bqend { float: right; height: 35px;  margin-top: -30px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
a.clean {text-decoration: none;}
a.toon {text-decoration: none; color: gray; }

.bottomline {border-bottom: 1px solid #f7aad2; padding-bottom: 3px; margin-bottom: 3px; font-size: 90%;}
.balloon {min-height: 180px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}