@charset "UTF-8";
body  {
	font: 90%  Arial, Verdana,Helvetica, sans-serif;
	background: #221e1f url(../images/beeld-homepage-nieuw.jpg) no-repeat  fixed 0 -38px;;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #CCC;
}

 body.tapijt {	background: #362c29 url(../images/Tapijt_paars.jpg) no-repeat;}
 body.wandbekleding {	background: #f1f1f1 url(../images/wandbekleding.jpg) no-repeat scroll 0 -60px;}
 body.wiezijnwij {	background: #898272 url(../images/wiezijnwij.jpg) no-repeat scroll 0 -250px;}
 body.zitcomfort {	background: #733e1e url(../images/Zitcomfort.jpg) no-repeat;}
 body.slaapcomfort {	background: #e8e8e8 url(../images/slaapcomfort.jpg) no-repeat scroll 0 -30px;}
 body.raamdecoratie {	background: #9da8a4 url(../images/raamdecoratie.jpg) no-repeat;}
 body.merken {	background: #DDD url(../images/Onze-Merken.jpg) no-repeat;}
 body.karpetten {	background: #DDD url(../images/karpetten.jpg) no-repeat;}
 body.gordijnen {	background: #DDD url(../images/gordijnen.jpg) no-repeat;}
 body.aanbiedingen {	background: #362c29 url(../images/aanbiedingen.jpg) no-repeat;}
 body.projecten {	background: #272823 url(../images/projecten.jpg) no-repeat;} 
 body.contact {	background: #362c29 url(../images/achtergrond-contact.jpg) no-repeat scroll 0 -100px;}
 body.merken {	background: #684f37 url(../images/achtergrond-merken.jpg) no-repeat scroll 0 -60px;}
 
 body.inside {background: #DDD url(../images/bg_vervolg.jpg) no-repeat scroll 0 -60px;}
 
h1{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing:.1em}
h2{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#e37033; font-weight:normal; letter-spacing: .1em}
h3{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
h4{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;} 

a{ color:#FFF;}

 #header { 
	position:relative;
	background: #DDDDDD; 
	height: 80px ; border-bottom:1px solid #CCC;
} 

#header h1 { background:url(../images/logo_03.png) no-repeat;
	margin: 0; 
	padding: 10px 0;
	display:block;
	text-indent:-9000px;
	width:300px;
	height:140px;
	position:absolute;
	margin-left:65px;
}

#header h2 {margin-left:410px; position:absolute; color:#820931; margin-top:40px; font-size:20px; letter-spacing:0.2em;}

/* voorpagina */
.twoColFixRtHdr #header a.acties{ position:absolute; display:block; }
.twoColFixRtHdr #header a.acties img{text-decoration:none; border:none; margin-left:686px;}

/* ----------------------------- CONTAINER ------------------------- -*/
#container { 
	background:url(../images/main_bg_03.png) repeat transparent;
	width: 940px;
	border: 1px solid #332926;
	text-align: left;
	margin-left:40px;
	padding-top:30px;
	padding-bottom:10px;
	margin-bottom:20px;
} 

.twoColFixRtHdr #container{padding-top:72px; }

/* voorpagina  navigatie*/

.twoColFixRtHdr #main_top h1{color:#ddd; margin-left:25px;}
img.logo{ width:100px; margin-right:10px; border:solid 1px #CCCCCC; float:left; padding:5px;}

#main_top { display:block; margin: 30px 0; background:#362C29 ; padding-top:10px; border:1px solid #000; border-left:none; border-right:none}
.twoColFixRtHdr #main_top ul{ padding:0; margin:0 0 0 20px;}
.twoColFixRtHdr #main_top li{float:left; padding:0; margin:0 15px 15px 5px; list-style:none;}

.twoColFixRtHdr #main_top a{background:transparent url(../images/hoverstates_buttons.png) repeat scroll 0 0;display:block;text-indent:-9000px;height:71px;width:282px;}

.twoColFixRtHdr #main_top a.ramen{ background-position: -294px 0}
.twoColFixRtHdr #main_top a.wanden{ background-position:-590px 0}
.twoColFixRtHdr #main_top a.slapen{ background-position: 0 -86px}
.twoColFixRtHdr #main_top a.projecten{ background-position: -294px -86px}
.twoColFixRtHdr #main_top a.zitcomfort{ background-position:-590px -86px}

.twoColFixRtHdr #main_top a:hover{background-position:0 -172px}
.twoColFixRtHdr #main_top a:hover.ramen{ background-position: -294px -172px}
.twoColFixRtHdr #main_top a:hover.wanden{ background-position:-590px -172px}
.twoColFixRtHdr #main_top a:hover.slapen{ background-position: 0 -258px}
.twoColFixRtHdr #main_top a:hover.projecten{ background-position: -294px -258px}
.twoColFixRtHdr #main_top a:hover.zitcomfort{ background-position:-590px -258px}

/* voorpagina  sidebar*/

.twoColFixRtHdr #sidebar1 {	float: right; 	width: 300px; 	background: none; 	padding:20px 32px 15px 15px; width:520px;}

#sidebar1 img{ margin-top:38px}
#sidebar1 a img{ text-decoration:none; border:none;}

#sidebar1 ul#navigation{font-size:120%; margin:50px 0 0 0; padding:0;}
#sidebar1 ul#navigation li{ list-style:none; margin:0; padding:0; margin-bottom:.2em}
#sidebar1 ul#navigation li a{ color:#CCC; text-decoration:none;}
#sidebar1 ul#navigation li a:hover{
	color: #81613A;
}
#sidebar1 ul#navigation li a.active{ color:#e37033}
#sidebar1 ul#navigation li li a.active{ color:#960; font-size:100%}


/*inside link teksten */

#inside { border-bottom:1px solid grey; padding:0 30px 68px;}
#inside a:hover.inside_home{ background:url(../images/inside_16.jpg) scroll 0 0 no-repeat; width:263; height:152;}

#inside p{ margin-bottom: 5px; line-height:1.5em; margin-top:2px;}
#inside h3{ color:#e37033; font-weight:normal;font-size:17px; letter-spacing:.10em;}
#inside h4{ color:#99c23b;font-size:17px;
margin-bottom:0;}
.twoColFixRtHdr #inside a.inside_home{background:url(../images/inside_16.jpg) scroll 0 0 no-repeat; display:block; width:264px; height:152px; text-indent:-10000px; margin-top:10px; float:right; }
.twoColFixRtHdr #inside a:hover.inside_home{background:url(../images/inside_16_rollover.jpg)}

.vervolg #inside a.inside_vervolg{background:url(../images/Inside_vervolg_03.jpg) scroll 0 0 no-repeat; display:block; width:200px; height:116px; text-indent:-10000px; margin-top:10px; }
.vervolg #inside a:hover.inside_vervolg{background:url(../images/Inside_vervolg_rollover.jpg)}





.twoColFixRtHdr #mainContent { 
	margin: 0 550px 0 0; 
	padding: 0 25px; 
} 

#mainContent p{ line-height:1.4em; font-size:13px;}



/*---------------------------------- Portfolio---------------------------------------*/
/* root element for the whole scrollable setup */
div#sliderholder{background:url(../images/TV-schermpje_home.jpg) no-repeat; padding:21px; height:304px;}
div.scrollable {position:relative;	overflow:hidden; width: 487px; height:315px; margin:0 auto; margin-bottom:9px; }
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#project {margin-top 40px;	position:absolute;	width:20000em;clear:both;	}
/* custom positioning for navigational links */
a.prev, a.next {	margin-top:0;}
/* single item */
#project div {	float:left;	width:515px;	height:340px;		cursor:pointer;}
/* style when mouse is over the item */
#project div.hover {	background-color:#444;	}
/* style when element is active (clicked) */
#project div.active {	background-color:#066;	cursor:default;}
#project img{margin-top:0; border:1px solid #666666;}
i {margin: 10px;}
#thumbnails a{ color:#FFFF66}

/*-        ---------------- nieuws */
#nieuws { padding:0 30px; border-bottom:1px solid grey;}
#nieuws h2{margin-bottom:0}
#nieuws h4.date{font-size:11px;
margin-bottom:0;
margin-top:0;}

/*-        ---------------- adresbalk onderaan content */

p.adresBalk{margin-left:30px; color:#FFF;}
	


/* -------------------------------- speciefieke vervolgpagina's */

.vervolg #sidebar1 {float: left; width: 300px; 	background: none; 	padding: 15px 10px 15px 30px;}


.vervolg #mainContent {margin: 10px 0 0 350px; 	padding: 0 70px 0 20px; } 

#mainContent img{ margin-right:10px; margin-top:5px; }


.vervolg #slider img {border:3px solid #ccc; margin-right:10px;}

.inside #mainContent {	margin: 0 60px 0 20px; 	padding: 0 ;}
.inside #mainContent p{ line-height:1.5em;}

iframe{
	margin: 0 0 0 20px;
}

 #footer {
	padding: 30px 40px 6px 40px;
	background:#362c29;
	color:#918e8d;
} 

#footer_container{
	width:900px;
	background:#332926;
	border:1px solid #F60;
	padding:20px 20px 5px;
	position:relative;
}

#footer_container h4{ padding:0; margin:0 0 10px 0; font-size:16px; color:#918e8d; letter-spacing:.1em}
#footer_container img.right{ position:absolute; right:20px; margin-top:20px;}
#footer_container ul{ float:left; margin:0 45px 20px 10px; padding:0;}
#footer_container ul.last{margin-right:0px;}
#footer_container ul li{margin:0 0 0 20px; padding:0; list-style:none; text-indent:none;}
#footer_container ul li a{ color:#918e8d; text-decoration:none;}
#footer_container ul li a:hover{text-decoration:underline;;}

#footer p {
	margin: 0 0 0 225px;
	padding: 10px 0; 
}



/*------------------------------- Webshop --------------------------------------------- */
#winkelwagen a{text-decoration:none; color:#FFFFFF;}

#webshop {padding:10px 0 0;}
#webshop_afhandeling {padding:5px; margin-left:50px;}

a.add_cart{background:transparent url(../images/shopping_cart.png) no-repeat scroll 0 -89px;
display:block;
float:left;
height:0;
overflow:hidden;
padding:42px 0 0;
width:37px;}

#artikellijst ul{ margin:0; padding:0}
#artikellijst h3{margin-top:0}
li.webshop{ list-style:none; height:144px; position:relative;}
h1.winkel{}
.webshop a.titel{color:white; text-decoration:none; padding-left:5px; padding:0}
.webshop a.titel:hover{text-decoration:underline;}
#artikellijst img.winkel_list {float:left; width:80px; margin: 0 15px 15px 0; border:1px solid #aaa}

img.winkel {float:left; width:200px; margin-right:15px; margin-bottom:15px;}
#mainContent img.winkel{margin-right:25px; border: 1px solid #ddd}

h3.prijs { background-color:#CC3300; border:1px solid; display:inline; padding:3px;}
#artikellijst h3.list{ margin: 10px 0 0 122px; position:absolute; left:230px}
#artikellijst { height:355px}

a.qp_prev {background:url(../scrollable_img/scrollable/arrow/vorige_volgende.png) scroll -69px 0 ; display:block; text-indent:-10000px; width:69px; height:19px; float:left; margin-left:10px;}
span.qp_counter{float:left}
a.qp_next{background:url(../scrollable_img/scrollable/arrow/vorige_volgende.png); display:block; text-indent:-10000px; width:69px; height:19px; float:left; margin-right:10px;}
a:hover.qp_next{background-position:0 -23px;}
a:hover.qp_prev{ background-position:-69px -23px;}

a.qp_disabled{display:none;}
span.vorige{ display:inline; float:left;}
span.volgende{ display:inline; float:right;}
span.vorige a { background:url(../scrollable_img/scrollable/arrow/vorige_volgende.png); display:block; text-indent:-10000px; width:69px; height:19px;}
span.vorige a:hover { background-position: 0 -23px}
span.volgende a{ background:url(../scrollable_img/scrollable/arrow/vorige_volgende.png) scroll -69px 0 ; display:block; text-indent:-10000px; width:69px; height:19px;}
span.volgende a:hover { background-position:-69px -23px;}
/* ------------------------- formulier onderdelen WEBSHOP -------------------------- */

#cart p{font-size:1em;
line-height:1.3em;
margin:0 285px 0 20px;
padding-bottom:32px;}

#cart input.field{ float:left}

label{color:#fff;width: 7em;float: left;text-align: left;margin-left: 2.2em;margin-right: 1.0em; }
.error {margin:0; padding:0; float:left; width:auto;  padding-bottom:15px; border:2px solid #CC0000;}
input.error {padding:0}
label.error {border:none; }
label.error img{ padding-left:3px; padding-top:2px; }

.submit input{ margin-top: 20px; padding:3px 10px; color: #000; margin-left:15.5em; background: #ffffff; border: 2px outset #d7b9c9;}

table.winkelwagen_checkout{ width:636px; margin-bottom:20px; }
.winkelwagen_checkout th{ text-align:left; padding:0 5px; }
.winkelwagen_checkout th.aantal{}
.winkelwagen_checkout th.product{}
.winkelwagen_checkout th.omschrijving{}
.winkelwagen_checkout th.prijs{}

.winkelwagen_checkout td{ text-align:left; padding:2px 5px; }
.winkelwagen_checkout td.aantal {width:40px;}
.winkelwagen_checkout td.product {width:100px;}
.winkelwagen_checkout td.omschrijving {}
.winkelwagen_checkout td.prijs {width:60px;}
.winkelwagen_checkout td.totaal{font-weight:bold;}

a.r {background:url(../images/cancelbutton.gif) no-repeat; text-indent:-2000px; display:block; width:14px; height:15px; margin-right:5px;}
a.r:active {background-position:-14px 0}



/* ----------------- Basis formulieren opmaak: ------------------------------ */
form.users {font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; }
 
form.users p{ position:relative;}
  
form.users fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
form.users label {display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 8px 0 0 40px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form.users label.error{width: 12px; margin:0; padding:0; position:absolute; top:0}
form.users input, form.users textarea {display:block; width:auto; margin:5px 0 0 10px}

form.users input{ width:200px; background-color:#ddd;}
form.users input.submit{ width:100px;}
form.users textarea{ width:300px; background-color:#ddd;}


/* ------------------------- overige functies ------------------------ */

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}