@charset "utf-8";
@import url("reset.css");

/** lightbox.css importeren **/
@import url("lightbox.css"); 

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:#595959 url(../images/bodybackground.png) repeat-x;

}

a {color:#0055AA; text-decoration:underline}
a:hover {text-decoration:none}

legend {display:none}

p {line-height:16px}

.clearer {clear:both}

.error {
    display:block;
    color:red;
}

sup{
    color:red;
}   

.selected{ font-weight:bold; }

/*********************************
	Page structure
*********************************/

#container {
	width:987px;
	background:#fff url(../images/content_background.gif) 5px 0px repeat-y;
	border-left:1px solid #797979;
	border-right:1px solid #797979;
	margin:0 auto;
	padding:0 5px;
	overflow:hidden;
}

#backgroundoverlay {background:url(../images/backgroundoverlay.png) no-repeat; position:absolute; width:180px; height:386px; margin:20px 0 0 -186px;}

#header {
	height:215px;
	background:url(../images/header.jpg) no-repeat;
	overflow:hidden
}

#headerWrap {
	height:133px;
	background:url(../images/header_background.gif) repeat-y;
	overflow:hidden
}

#content {
	background:url(../images/content_background.gif) repeat-y;
	overflow:hidden;
}

#contentWrap {
	float:left;
}

#leftContent {
	float:left;
	width:547px;
	margin:0 0 0 1px;
	padding:21px;
}

#rightContent {
	float:left;
	padding:21px 0 0 0;
	width:190px;
	overflow:hidden;
}

#siteStretcher {clear:both; height:20px; background:url(../images/content_background.gif) repeat-y; border-bottom:1px solid #645755;}

#footer {
	border-top:1px solid #FFF;
	height:50px;
	background:#655856;
	padding:23px 35px 0 35px
}

#pagetxtWrap {overflow:hidden}
#pagetxtWrap p {margin:0 0 15px 0;}
#pagetxtWrap ul {clear:both; margin:0 0 15px 25px}
#pagetxtWrap ul  li {margin:0 0 4px 0}

/*********************************
	Top logo
*********************************/

h1 {
	width:160px; 
	height:115px; 
	background:url(../images/logo.gif) no-repeat; 
	margin:0 0 0 40px; 
	float:left
}
	h1 a {display:block; height:100%}
	h1 a span {display:none}

/*********************************
	Top infomenu
*********************************/

ul#infoMenu {
	height:61px; 
	width:220px; 
	background:#E5E5E5; 
	float:right;
	list-style-type:none;
	margin:27px 0 0 0;
	padding:12px 0 0 23px;
}
	ul#infoMenu li {width:105px; float:left; margin:0 0 3px 0;}
	ul#infoMenu li a {color:#666; text-decoration:none; background:url(../images/arrows/arrow_dark_brown.gif) 0px 4px no-repeat; padding:0 0 0 12px}
	ul#infoMenu li a:hover {text-decoration:underline}

/*********************************
	Top Shopping cart
*********************************/

fieldset#topCart {
	background:#fff; 
	float:right; 
	border:1px solid #CECECE; 
	border-top:0px; 
	width:232px;
	height:113px;
	margin:0 25px 0 0;
}
	fieldset#topCart span {font-weight:bold; margin:15px 0 0 16px; display:block;}
	fieldset#topCart table {border:0px; width:210px; margin:12px 0 0 16px;}
	fieldset#topCart table th {width:140px}
	fieldset#topCart table td {height:18px}
	
	#cartButtonsWrap {
		margin:6px 0 0 0;
		padding:8px 0 0 15px;
		height:22px;
		background:#E3E3E3;
		border-right:1px solid #fff;
		border-left:1px solid #fff;
	}
	#cartButtonsWrap a {display:block; float:left; text-decoration:none; font-weight:bold; color:#666; height:16px; padding:0 0 0 25px; margin:0 15px 0 0}
	.orderLink {background:url(../images/icons/icon_bestellen.gif) no-repeat;}
		.orderLink:hover {background:url(../images/icons/icon_bestellen_active.gif) no-repeat;}
	.saveLink {background:url(../images/icons/icon_opslaan.gif) no-repeat;}
		.saveLink:hover {background:url(../images/icons/icon_opslaan_active.gif) no-repeat;}

/*********************************
	Top mainmenu
*********************************/

#menu {
	background:url(../images/menu_background.jpg) repeat-x;
	height:46px;
	border-bottom:1px solid #645755;
	overflow:hidden;
	margin:0 0 0 0;
}

ul#mainMenu {
	height:27px;
}
	ul#mainMenu li {float:left}
	ul#mainMenu li a {display:block; margin:1px 0 0 0; padding:5px 15px 0 15px; background:#877572; height:20px; float:left; border-bottom:1px solid #FFF; border-right:1px solid #FFF; color:#fff; font-weight:bold; text-decoration:none}
	ul#mainMenu li a:hover {background:url(../images/menu_active.jpg) repeat-x; margin:0px; height:21px;}
	ul#mainMenu li a.active {background:url(../images/menu_active.jpg) repeat-x; margin:0px; height:21px;}
	

/*********************************
	Top breadcrumb
*********************************/	

#breadcrumb {
	height:25px;
	background:#E2E2E2 url(../images/pixel_spacer_white.gif) 0px 33px repeat-x;
	border-bottom:1px solid #CCC;
	padding:9px 0 0 222px
}

/*********************************
	Categories column
*********************************/

#categorieColumn {
	width:201px;
	overflow:hidden;
	float:left;
}

ul#catMenu {

}
	ul#catMenu li {border-bottom:1px solid #E2E2E2}
	ul#catMenu li a {color:#333; text-decoration:none; display:block; height:19px; background:#CDCDCD url(../images/arrows/arrow_light_brown.gif) 8px 7px no-repeat; padding:5px 0 0 20px}
	ul#catMenu li a:hover {background-color:#BDBDBD}
	
	ul#catMenu ul {background:#F2F2F2; padding:5px 0; border-left:1px solid #CCC; border-right:1px solid #CCC;}
	ul#catMenu ul li {border-bottom:0px; }
	ul#catMenu ul li a {height:21px; background:#F2F2F2 url(../images/arrows/arrow_grey.gif) 24px 7px no-repeat; padding:3px 0 0 36px; text-decoration:underline; color:#0055AA;}
	ul#catMenu ul li a:hover {text-decoration:none; background-color:#f2f2f2 !important;}
	
#searchBox {
	height:33px;
	background:#BBB;
	padding:10px 0 0 10px;
}
	#searchBox input.txt {border:1px solid #666; width:120px; height:15px; font-size:10px; float:left; padding:2px 2px 0 2px; color:#999}
	#searchBox input.button {border:1px solid #666; background:#fff url(../images/button_background.gif) repeat-x; float:left; font-size:10px; font-weight:bold; color:#686868; height:19px; margin:0 0 0 5px;}
	
#sidebarInfo {
	padding:20px 0 0 15px;
}
	#sidebarInfo h2 {font-weight:bold}

/*********************************
	Promobanner
*********************************/

#promoBanner {
	width:785px;
	height:100px;
	background:#686868;
	float:left;
	margin:0 0 0 1px;
	border-bottom:1px solid #FFF;
}

/*********************************
	Left Content  
*********************************/

#leftContent h2 {
	font-weight:bold;
	color:#0055AA;
	font-size:14px;
	margin:0 0 20px 0;
}
h2#productTitle {margin:0px;}

/* products for frontpage */
.productboxWrap {
	border:1px solid #867977;
	padding:1px;
	width:260px;
	float:left;
	margin:0 0 17px 0;
}
	.marginProduct {margin:0 17px 17px 0;}
	
	.zoom {display:block; height:100%; background:url(../images/icons/icon_zoomin.gif) 170px 130px no-repeat}
	.zoom span {display:none}
	
	.productboxWrap h3 {font-weight:bold; background:#D6CFCF; border-bottom:1px solid #fff;}
	.productboxWrap h3 a {display:block; background:#D6CFCF; padding:8px 10px; text-decoration:none; color:#666; border-top:1px solid #c4c4c4;}
	.productboxWrap h3 a:hover {text-decoration:underline}
	
	.sizeSelect {background:#E0DBDB; border-bottom:1px solid #fff;padding:5px 5px 5px 9px}
	.sizeSelect select {width:245px}
	.sizeSelect a {margin:0 0 0 8px}
	
	.price {width:84px; height:16px; font-weight:bold; color:#556F95; font-size:13px; padding:8px 0px 8px 10px; display:block; border-right:1px solid #fff; background:#DBDBDB; float:left}
	.productboxWrap ul {list-style-type:none; float:left}
	.productboxWrap ul li {float:left}
	.productboxWrap ul li a {display:block; height:22px; color:#666; text-decoration:none;}
	.productboxWrap ul li a.info {padding:10px 0 0 29px; width:39px; background:#e5e5e5 url(../images/icons/icon_info.gif) 8px 10px no-repeat;}
	.productboxWrap ul li a.info:hover {background:#dddddd url(../images/icons/icon_info.gif) 8px 10px no-repeat;}
	.productboxWrap ul li a.order {padding:10px 0 0 31px; width:66px; background:#e5e5e5 url(../images/icons/icon_bestellen.gif) 10px 10px no-repeat;}
	.productboxWrap ul li a.order:hover {background:#dddddd url(../images/icons/icon_bestellen_active.gif) 10px 10px no-repeat;}
	
.productboxImage {
	width:260px;
	height:156px;
	border-bottom:1px solid #fff;
}

/* extra space */
.contentBlock {
	clear:both;
	border-top:1px solid #ccc;
	margin:10px 0 0 0;
	padding:15px 0 0 0;
}
	.contentBlock h3 {color:#0055AA; font-weight:bold; margin:0 0 15px 0;}

#newsBlock {
	width:255px;
	float:left;
	overflow:hidden;
	padding:20px 10px 0 10px;
	border-right:1px solid #ccc;
}
	#newsBlock ul {list-style-type:none}
	#newsBlock ul li {margin:0 0 13px 0;}
	#newsBlock ul li a {background:url(../images/arrows/arrow_light_blue.gif) 0px 2px no-repeat; padding:0 0 0 10px; display:block; margin:0 0 0 0;}

#newsletterBlock {
	width:245px;
	float:left;
	overflow:hidden;
	padding:20px 0 0 15px;
}

/*********************************
	Alert green/red
*********************************/

.greenBox {
	padding:20px;
	background:#D8E2D3;
	border:1px solid #94AF87;
	margin:0 0 15px 0;
}
.redBox {
}

/*info or error*/
.infoBig {	
	width:25px;
	height:25px;
	background:url(../images/icons/icon_info_big.gif) no-repeat;
	float:left;
	margin:0 20px 0 0
}
.alertMessage {
	float:left;
	width:450px
}

/*********************************
	Contentbox
*********************************/

.contentBox {
	border:1px solid #ccc;
	padding:20px;
	background:#E5E5E5;
}
	.contentBox h3 {font-weight:bold; font-size:12px}
	fieldset#loginBox {}
    #loginForm td{ padding:1px; }
    #loginForm td{ height:24px;}
	

/*********************************
	Shopping cart
*********************************/	

#cartItemsWrap {
	margin:0 0 20px 0;
	overflow:hidden;
}	
.cartItem {
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:10px;
	margin:1px 0 0 0;
}
.itemBg {background:#e5e5e5 url(../images/white_dot.gif) bottom repeat-x;}

	.itemThumb {width:100px; height:70px; border:1px solid #ccc; background:#fff; float:left;}
	.itemInfo {width:395px; margin:0 0 0 15px; float:left; padding:2px 0 0 0}	
		.itemInfo h3 a {font-weight:bold}
		.itemInfo span {display:block; margin:5px 0 0 0}
	

/*********************************
	Product page
*********************************/

#productHeader {
	margin:0 0 10px 0;
	overflow:hidden;
}
#productLeftWrap {
	width:264px;
	float:left;
	overflow:hidden;
}
#productRightWrap {
	width:260px;
	margin:0 0 0 20px;
	float:left;
	overflow:hidden;
}	
	#productRightWrap p {margin:0 0 15px 0;}
	
.thumb1 {
	float:left;
	width:262px;
	height:158px;
	border:1px solid #B8B8B8;	
	margin:0 0 6px 0;
}
.thumb2 {
	float:left;
	width:127px;
	height:70px;
	border:1px solid #B8B8B8;
	margin:0 0 6px 0;
}
.thumb3 {
	float:left;
	width:127px;
	height:70px;
	border:1px solid #B8B8B8;
	margin:0 0 6px 6px;	
}
	.zoomtxt {display:block; height:100%; background:url(../images/icons/icon_zoomin.gif) 6px 136px no-repeat;}
	.zoomtxt span {display:none}
	.zoomimg {display:block; height:100%; background:url(../images/icons/icon_zoomin_thumb.gif) 0px 50px no-repeat;}
	.zoomimg span {display:none}

#productOrderWrap {
	border:1px solid #B8B8B8;
	padding:20px 8px;
	margin:0 0 20px 0;
	clear:both;
}
	#productOrderWrap select {width:244px}
	
#productPriceWrap {
	text-align:center;
	margin:0 0 15px 0;
}
#productPriceWrap span {
	text-align:center;
	font-size:21px;
	font-weight:bold;
	color:#666;
}

/*buttons standard use*/
.button {background:#0055AA; height:21px; padding:0px 5px; border:0px; color:#fff; font-weight:bold; cursor:pointer; margin:13px 0 0 0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.buttonBasket {width:142px;}
.buttonOrder {width:78px;}

/*list*/
#productinfoList {list-style-type:none; margin:15px 0 0 0;}
#productinfoList li {background:url(../images/arrows/arrow_dark_blue.gif) 0px 4px no-repeat; margin:0 0 4px 0; padding:0 0 0 12px}

.print {background:url(../images/icons/icon_printer.gif) no-repeat; color:#999; padding:0 0 5px 20px; display:block; margin:0 0 0 15px; text-decoration:none}
.print:hover {text-decoration:underline}

/*********************************
	Right Content  
*********************************/

#rightContent h2 {
	font-weight:bold;
	color:#0055AA;
	font-size:11px;
	margin:0 0 10px 0
}

.infoBox {
	border:1px solid #C5BEB4;
	background:#fff;
	padding:10px;
	margin:0 0 20px 9px;
	width:157px;
}
	.infoBox ul {list-style-type:none;}
	.infoBox ul li {margin:0 0 5px 0}

/*login*/
fieldset#loginSet {
	margin:8px 0 0 0;
}
	fieldset#loginSet label {margin:0 0 3px 0}
	fieldset#loginSet input {margin:0 0 5px 0}
	fieldset#loginSet input.txt {border:1px solid #7F9DB9; width:147px; height:18px; font-size:12px; padding:2px 2px 0 2px; color:#777}
	fieldset#loginSet input.button {background:#0055AA; height:21px; padding:0px 5px; border:0px; color:#fff; font-weight:bold; cursor:pointer; margin:5px 0 0 0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*usp's */
#uspList {
	list-style-type:none;
	margin:15px 0 0 0 !important;
}
	#uspList li {background:url(../images/icons/icon_vinkje.gif) no-repeat; padding:0 0 0 23px; margin:0 0 10px 0;}

/*********************************
	Footer
*********************************/

#footer p {
	color:#fff;
	display:block;
	float:left
}
#footer ul {list-style-type:none; float:right}
#footer ul li {float:left; margin:0 0 0 30px;}
#footer ul li a {text-decoration:none; color:#fff;}
#footer ul li a:hover {text-decoration:underline}


/*********************************
    Additionele styles
*********************************/

/** Aanpassingen voor aantal box bij product **/
.productboxWrap{
    position:relative;
}
.bestelAantal{
    z-index:999999999;
    height:62px;
    width:147px;
    position:absolute;
    right:10px;
    bottom:26px;
    background:url(../images/aantal_background.gif) no-repeat;
    padding:2px 0 0 10px;
    display:none;
	color:#fff;
	font-size:11px
}
.bestelAantalBoxspring{
    z-index:999999999;
    height:102px;
    width:147px;
    position:absolute;
    right:10px;
    bottom:26px;
    background:url(../images/aantal_background_boxspring.gif) no-repeat;
    padding:2px 0 0 10px;
    display:none;
    color:#fff;
    font-size:11px
}

    .bestelAantalBoxspring .txt{
        width:32px;
        height:18px;
        margin:5px 0 0 2px;
        padding:0 4px;
        font-size:11spx;
        border:0px;
    }
    .bestelAantalBoxspring .button{
        border:1px solid #333; 
        background:#fff url(../images/button_background.gif) repeat-x; 
        font-size:10px; 
        font-weight:bold; 
        color:#686868; 
        height:19px; 
        width:65px;
        margin:4px 0 0 46px;
    }
    .bestelAantal .txt{
        width:32px;
        height:18px;
        margin:5px 0 0 2px;
		padding:0 4px;
        font-size:11spx;
		border:0px;
    }
    .bestelAantal .button{
		border:1px solid #333; 
		background:#fff url(../images/button_background.gif) repeat-x; 
		font-size:10px; 
		font-weight:bold; 
		color:#686868; 
		height:19px; 
		width:65px;
		margin:4px 0 0 46px;
    }
    
#returnMsg{
    margin:5px;
}

.registratieForm td{
    padding:2px;
}

/*  Veelgestelde vragen */
div#faqOz .detail {
    display: none;
}

div#faqOz h3 {
    margin: 5px 0;
    font-size:13px;
    font-weight:bold;
}
div#faqOz h4 {
    margin: 5px 0;
}
div#faqOz h4 a{
    text-decoration:none;
}
div.faqItem {
    border-bottom: 1px solid #efefef;
    padding: 5px;
}

/** Bestelgeschiedenis **/

.bestelGeschiedenisItem{
    margin:8px 0 0 4px;
}
    .bestelGeschiedenisItem img{
        border:1px solid;
        padding:1px;
        margin:1px 3px 0 0;
    }
	
/*registreren*/
.itemPriceTotal {margin:0 0 5px 0;}
.itemPriceTotal strong {font-size:13px;	color:#556F95}
.numberWrap {margin:5px 0 0 0; text-align:center}
.numberWrap label {float:left; margin:3px 5px 0 0;}
.numberWrap input {float:left; margin:0 8px 0 0; padding:0 0 0 3px;}

.deleteItem {display:block; width:14px; height:14px; background:url(../images/icons/icon_delete.gif) no-repeat; float:left; margin:2px 0 0 0;}
.deleteItem span {display:none}
	
#paymentMethods img {margin:20px 0 0 -4px;}

/*pagenav*/
.navigatie {
	border:1px solid #C1C1C1;
	padding:5px;
}
	.navigatie a {text-decoration:none; color:#333}
	
#bannertxt {
display:none
}