/* standard styles */
body {
  font:78.2% Georgia,Arial;
  color:#005772;
	line-height:140%;
}
img {
  border:0;
  display:block;
}
h1{
  font-size:190%;
	line-height:120%;
  margin:6px 0 13px 0;
  padding:0;
  display:block;
  font-style:italic;
}
h2{
  font-size:110%;
	margin:0 0 0.1em 0;
	line-height:120%;
}
h3{
  font-size:120%;
	margin:0 0 0.2em -4px;
	line-height:120%;
  letter-spacing:1px;
}
p{
	margin:0 0 1.2em 0;
}
.screen-reader {
  position:absolute;
  left:-999em;
}
#skip {
  min-height:17px;
  display:block;
  line-height:140%;
  padding:0;
  margin:0;
}
.text-small {
	font-size:90%;
}
a {
 color:#2D8A25;
}
a:hover {
 color:#41CA35;
}

#content ul,
#content ol { 
  margin:0 0 1.2em 0;
  padding:0;
  list-style-position:inside;
}


#content li {
  margin-bottom:0.3em;
} 





/* framework */
html {
  background:url(../_images/html-bg-roses.gif) 50% 1px #F7BECC;
  min-width:950px;
}
body {
	margin:0;
  background:url(../_images/body-bg-white-sheet-top.gif) 50% 1px no-repeat;
  padding-top:45px;
  text-align:center;
}
#framework {
	margin:auto auto;
	width:910px;
	position:relative;
  padding-bottom:20px;
  padding-top:1px;
  background:url(../_images/framework-bg-white-sheet.gif) 0 -40px repeat-y;
  min-height:500px;
}
#framework-footer {
  background:url(../_images/framework-bg-white-sheet-bottom.png) -1px 0 no-repeat;
	margin:auto auto;
	width:910px;
  height:61px;
  
}
#framework-footer a {
  font-size:92%;
  float:right;
  position:relative;
  margin:8px 63px 0 0 ;
}
#framework-header-visual {
  height:205px;
  width:100%;
  margin-top:-13px;
  left:0;
  top:0;
  background:url(../_images/framework-header-visual.gif) 40px 0 no-repeat;
  position:absolute;
}
#logo {
  width:292px;
  height:227px;
  background:url(../_images/logo.gif) 0 0 no-repeat;
  position:absolute;
  left:0;
  top:-30px;
  left:-43px;
}
#logo a{
  position:absolute;
  left:52px;
  top:10px;
  width:240px;
  height:130px;
}
#logo img {
  display:none;
}
#content-framework {
  padding-top:1px;
	text-align:left;
  position:relative;
  z-index:100;
  margin:117px 60px 0 60px;
}
#content {
	clear:both;
  margin:0 200px 0 200px;
}


/* h1 + h2 image elements*/
#page-about h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-over-christels.gif) no-repeat;
}
#page-links h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-links.gif) no-repeat;
}
#page-contact h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-contact.gif) no-repeat;
}
#page-terms h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-algemene-voorwaarden.gif) no-repeat;
}
#page-woninginrichting h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-woninginrichting.gif) no-repeat;
}
#page-servies h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-servies.gif) no-repeat;
}
#page-lampen h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-lampen.gif) no-repeat;
}
#page-kleinmeubelen h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-kleinmeubelen.gif) no-repeat;
}
#page-order h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-uw-bestelling.gif) no-repeat;
}
#page-order-step2 h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-betaling-en-aflevering.gif) no-repeat;
}
h2#h2-overzicht-van-uw-bestelling,
h2#h2-uw-gegevens {
  text-indent:-999em;
  margin:35px 0 7px 0;
  height:35px;
}
h2#h2-overzicht-van-uw-bestelling {
  background:url(../_images/h2-overzicht-van-uw-bestelling.gif) no-repeat;
}
h2#h2-uw-gegevens {
  background:url(../_images/h2-uw-gegevens.gif) no-repeat;
}
#page-order-step3 h1{
  margin:0 0 7px 0;
  text-indent:-999em;
  height:40px;
  background:url(../_images/h1-bedankt-voor-de-bestelling.gif) no-repeat;
}
#page-home h1,
#page-home h2#h2-aanbieding {
  text-indent:-999em;
  margin:2px 0 7px 0;
  height:35px;
}
#page-home h1{
  background:url(../_images/h1-welkom-bij.gif) no-repeat;
}
#page-home h2#h2-aanbieding{
  background:url(../_images/h2-aanbieding.gif) no-repeat;
}

/* page order overview */
#order-overview {
  border-collapse:collapse;
  background:#E5F5FA;
  border:1px solid #CCECF6;
}
#order-overview th{
  text-align:left;
  font-weight:normal;
  width:1%;
  padding:6px 5px; 
  text-align:center;
}
#order-overview th.product{
  width:99%;
  text-align:left;
}
#order-overview th.price {
  padding:4px 18px; 
}

#order-overview th.price-total{
  font-weight:bold;
  text-align:left;
}
#order-overview td {
  padding:12px 5px 8px 5px;
  text-align:center;
  vertical-align:top;
  border-top:1px solid #CCECF6;
}
#order-overview td.product{
  text-align:left;
  width:99%;
}
#order-overview td.number {
  padding-top:10px;
}
#order-overview td.delete{
  text-align:left;
  padding:8px 0px 8px 2px;
}

td.right {
  float:none;
  text-align:right !important;
}
#order-overview .all-prices-text {
  text-align:right !important;
  padding-right:28px;
}
#order-overview .all-prices-total {
  text-align:left;position:relative;
}
#order-overview .price-label-medium {
  position:absolute;
  margin-left:-20px;
}

#form-order-overview .button-container{
  position:relative;
  margin:1.4em 0 2em 0;
  height:39px;
}
#form-order-overview .button-bestel-nu,
#form-order-overview .button-bestel-nu-hover {
  position:absolute;
  top:0;
  right:-2px;
}

p.footnote {
  clear:both;
  font-size:90%;
  text-indent:-0.5em;
  margin-left:0.5em;
}


/* page order overview */
#order-confirmed-overview{
  border-collapse:collapse;
  background:url(../_images/hor-line-blue-dashed.gif) 0 100% repeat-x;
}
#order-confirmed-overview thead {
  display:none;
}
#order-confirmed-overview td {
  padding:2px 5px 2px 0px;
  text-align:right;
  vertical-align:top;
}
#order-confirmed-overview td.product{
  text-align:left;
  width:99%;
}
#order-confirmed-overview td.product{
  background:url(../_images/bullet-blue.gif) 0 8px no-repeat;
  padding-left:10px;
}
#order-confirmed-overview td.price-total {
  padding-right:0;
}
#order-confirmed-overview tfoot tr {
  background:url(../_images/hor-line-blue-dashed.gif) 0 8px repeat-x;
}
#order-confirmed-overview tfoot td {
  padding:18px 5px 10px 0px;
  text-align:left;
  
}
#order-confirmed-overview tfoot td.all-prices-total {
  padding-right:0;
  text-align:right;
}
/*

*/






/* page products */
.page-products #content,
.page-product #content,
#page-order #content{
  margin-right:0;
}

div.product {
  border:1px solid #CCECF6;
  background:#E5F5FA;
  padding:1.2em 7px 1.1em 207px;
  position:relative;
  min-height:14em;
  margin-bottom:0.8em;
}
div.product h2 a{
  color:#005772;
  text-decoration:none;
}
div.product h2 a:hover{
  color:#005772;
  text-decoration:underline;
}
.product .icon-nieuw {
  position:absolute;
  right:-16px;
  top:-30px;
  width:61px;
  height:63px;
  background:url(../_images/icon-nieuw.png);
  text-indent:-999em;
}
.product p{
  margin-right:25px;
}
.product .image-container {
  position:absolute;
  top:8px;
  left:9px;
  padding:0;
}
.product .image-container .button-previous {
  margin-left:51px;
}

.product .image-container ul{
  display:inline;
  list-style:none;
}
.product .image-container li{
  display:none;
}
.product .image-container li.active{
  display:inline;
}

.product .frame-small{
  background:url(../_images/image-frame-small-bg-blue.jpg) no-repeat;
  margin-bottom:5px;
}
.product .frame-medium{
  background:url(../_images/image-frame-medium-bg-blue.jpg) no-repeat;
}
div.products .product {
  min-height:9.6em;
  padding:0.75em 7px 1.1em 143px;
}

.price-container strong{
  display:block;
}
.products .price-container strong{
  display:inline;
}
.price-label-small {
  display:block;
  position:relative;
  float:left;
  background:url(../_images/price-label-small.gif) no-repeat;
  color:#FFF;
  width:55px;
  padding:3px 0 0 0;
  min-height:24px;
  text-align:center;
  margin:-3px 5px 0 -3px;
}
.price-label-medium {
  display:block;
  position:relative;
  float:left;
  background:url(../_images/price-label-medium.gif) no-repeat;
  color:#FFF;
  width:73px;
  padding:6px 0 0 0;
  min-height:32px;
  text-align:center;
  margin:0 7px 0 -6px;
  font-size:130%;
}
.price-container {
  margin-right:160px;
}

.button-container {
  float:right;
  width:102px;
  position:relative;
  margin:-1px 0 0 0;
}

.products .button-container {
  width:152px;
  margin:-5px 0 0 0;
}
  
.button-container a{
  float:right;
}

/* more info */
.more-info {
  border:1px solid #CCECF6;
  background:#E5F5FA;
  padding: 0px 0px 8px;
  position:relative;
  list-style:none;
}
.more-info:after {
	content: "."; 
	display: block; 
	height: 0;
	visibility:hidden;
	clear: both;
}
.more-info li{
  float:left;
  width:125px;
  margin-top:0.5em;
  padding:0.4em 0 0.7em 65px;
}
.package-size {
  padding-left:73px !important;
  background:url(../_images/icon-package-size.jpg) 8px 0 no-repeat;
}
.transport-costs {
  background:url(../_images/icon-transport-costs.jpg) 5px 0 no-repeat;
}
.email {
  background:url(../_images/icon-email.jpg) no-repeat;
}



/* buttons */
.button-vergroot {
  padding:4px 0 5px 28px;
  display:block;
  font-size:90%;
  background:url(../_images/button-vergroot.gif) 0 0 no-repeat;
  overflow:hidden;
}
.button-vergroot:hover {
  background-position:0 -26px;
}
.button-close {
  padding:4px 0 5px 28px;
  display:block;
  font-size:90%;
  background:url(../_images/button-cross.gif) 0 0 no-repeat;
  overflow:hidden;
}
.button-close:hover {
  background-position:0 -26px;
}
.button-delete {
  width:25px;
  height:26px;
  text-indent:-999em;
  display:block;
  font-size:90%;
  background:url(../_images/button-cross.gif) 0 0 no-repeat;
  overflow:hidden;
  border:0;
}
.button-delete:hover {
  background-position:0 -26px;
}

.button-previous {
  width:25px;
  height:26px;
  display:block;
  text-indent:-999em;
  background:url(../_images/button-previous.gif) 0 0 no-repeat;
  overflow:hidden;
}
a.button-previous:hover {
  background-position:0 -25px;
}
span.button-previous{
  background-position:0 -50px;
}
.image-container .button-previous{
  background-image:url(../_images/button-previous-bg-blue.gif);
}

.button-next {
  width:25px;
  height:26px;
  display:block;
  text-indent:-999em;
  background:url(../_images/button-next.gif) 0 0 no-repeat;
  overflow:hidden;
}
a.button-next:hover {
  background-position:0 -25px;
}
span.button-next{
  background-position:0 -50px;
}
.image-container .button-next {
  background-image:url(../_images/button-next-bg-blue.gif);
}

.button-meer-info {
  display:block;
  text-indent:-999em;
  width:86px;
  height:30px;
  background:url(../_images/button-meer-info.gif) 0 0 no-repeat;
  overflow:hidden;
}
.button-meer-info:hover {
  background-position:0 -30px;
}
.button-bestel {
  display:block;
  text-indent:-999em;
  width:66px;
  height:30px;
  background:url(../_images/button-bestel.gif) 0 0 no-repeat;
  overflow:hidden;
}
.button-bestel:hover {
  background-position:0 -30px;
}
.button-bestel-snel {
  display:block;
  text-indent:-999em;
  width:98px;
  height:39px;
  background:url(../_images/button-bestel-snel.gif) 0 0 no-repeat;
  overflow:hidden;
}
.button-bestel-snel:hover {
  background-position:0 -39px;
}
.button-bestel-nu,
.button-bestel-nu-hover {
  display:block;
  text-indent:-999em;
  width:91px;
  height:39px;
  background:url(../_images/button-bestel-nu.gif) 0 0 no-repeat;
  overflow:hidden;
  border:0;
}
.button-bestel-nu:hover,
.button-bestel-nu-hover {
  background-position:0 -39px !important;
}
.button-verstuur-bestelling,
.button-verstuur-bestelling-hover {
  display:block;
  text-indent:-999em;
  width:151px;
  height:39px;
  background:url(../_images/button-verstuur-bestelling.gif) 0 0 no-repeat;
  overflow:hidden;
  border:0;
}
.button-verstuur-bestelling:hover,
.button-verstuur-bestelling-hover {
  background-position:0 -39px !important;
}
.button-uw-bestelling {
  display:block;
  text-indent:-999em;
  width:108px;
  height:30px;
  background:url(../_images/button-uw-bestelling.gif) 0 0 no-repeat;
  overflow:hidden;
}
.button-uw-bestelling:hover {
  background-position:0 -30px;
}
.button-verder-met-winkelen {
  display:block;
  text-indent:-999em;
  width:145px;
  height:30px;
  background:url(../_images/button-verder-met-winkelen.gif) 0 0 no-repeat;
  overflow:hidden;
}
.button-verder-met-winkelen:hover {
  background-position:0 -30px;
}



/* pager */
.pager {
  display:block;
  font-size:120%;
  text-align:center;
  margin:1em 0 0 0;
}
.pager ul{
  margin:auto auto;
  list-style:none;
  display:block;
}
.pager ul li {
  position:relative;
  display:inline;
  padding:0 10px;
}
.pager .button-previous,
.pager .button-next {
  position:absolute;
  display:inline;
}
.pager .button-previous {
  margin-left:-21px;
}
.pager .button-next {
  margin-left:-2px;
}


#page-terms ol { 
  font-weight:bold;
  font-size:120%;
}
#page-terms ol li span{ 
  font-weight:normal;
  font-size:83.3%;
}
#page-terms ol li {
  margin-bottom:1em;
}

.left {
  float:left;
}
.right {
  float:right;
}

img.left {
  margin:2px 8px 5px 0;
  float:left;
}
img.right {
  margin:2px 0 5px 2px;
  float:right;
}
img.frame-small {
  background:url(../_images/image-frame-small.jpg) no-repeat;
  padding:7px 7px 18px 17px;
  width:96px;
  height:72px;
}
img.frame-medium {
  background:url(../_images/image-frame-medium.jpg) no-repeat;
  padding:10px 10px 31px 29px;
  width:147px;
  height:110px;
}

#nav {
  position:absolute;
	width:606px;
  height:46px;
  background:url(../_images/nav-bg.gif) no-repeat;
	left:250px;
	top:30px;
	text-align:left;
}
#nav ul {
  display:block;
  padding:0;
  margin:0 0 0 5px;
  list-style:none;
}
#nav li {
  display:inline;
}
#nav a,#nav span{
  display:block;
  margin:4px 8px 0 0;
  height:32px;
  float:left;
  background:url(../_images/nav-bg.gif) no-repeat;
  text-indent:-999em;
  overflow:hidden;
}

#nav-home a{
  width:59px;
  background-position:-5px -4px;
}
#nav-home a:hover,
#nav-home.active a{
  background-position:-5px -50px;
}
#nav-woninginrichting a{
  width:133px;
  background-position:-72px -4px;
}
#nav-woninginrichting a:hover,
#nav-woninginrichting.active a{
  background-position:-72px -50px;
}
#nav-servies a{
  width:62px;
  background-position:-213px -4px;
}
#nav-servies a:hover,
#nav-servies.active a{
  background-position:-213px -50px;
}
#nav-lampen a{
  width:74px;
  background-position:-283px -4px;
}
#nav-lampen a:hover,
#nav-lampen.active a{
  background-position:-283px -50px;
}
#nav-kleinmeubelen a{
  width:117px;
  background-position:-365px -4px;
}
#nav-kleinmeubelen a:hover,
#nav-kleinmeubelen.active a{
  background-position:-365px -50px;
}
#nav-order a,
#nav-order span{
  width:110px;
  background-position:-490px -4px;
  margin-right:0;
}
#nav-order a:hover,
#nav-order.active a{
  background-position:-490px -50px;
}
#nav-order span{
  background-position:-490px -96px;
}

#nav-previous {
  position:absolute;
  left:58px;
  top:156px;
  height:42px;
  padding:10px 0 0 54px;
  width:100px;
  z-index:100;
  background:url(../_images/nav-previous-bg-arrow.gif) no-repeat;
}

/* nav generic */
#nav-generic {
  font-size:92%;
  position:absolute;
	right:63px;
  width:300px;
	top:0px;
	text-align:right;
}
#nav-generic ul{
  display:block;
  margin:0;
  padding:0;
  list-style:none;
}
#nav-generic li{
  display:inline;
  padding:0 0 0 15px;
}
#skip {
	min-height:17px;
}

.autograph {
  width:208px;
  height:48px;
  background:url(../_images/autograph-christel.gif) no-repeat;
  text-indent:-999em;
  margin-left:15px;
}


#page-home #content {
  margin:0px 10px 0 0px;
  width:390px;
  float:left;
}
#page-home #content-secondary {
  margin:0px 0 0 0px;
  width:390px;
  float:right;
}

#page-home #content-framework:after {
	content: "."; 
	display: block; 
	height: 0;
	visibility:hidden;
	clear: both;
}
/*
#content-framework {
  padding-top:1px;
	text-align:left;
  position:relative;
  z-index:100;
  margin:117px 60px 0 60px;
}
#content {
	clear:both;
  margin:0 200px 0 200px;
}
*/
/* logo */

/*form*/


form {
  display:inline;
}
.error {
  color:#E30739;
  font-weight:bold;
  font-size:85%;
  margin-left:134px;
}
.item .error {
  display:block;
  clear:both;
}
#number-container .error{
  position:relative;
  height:1em;
}
#number-container .error span{
  position:absolute;
  width:200px;
  display:block;
}
#agree-container .error{
  margin-left:25px;
}

input, select {
  font:100% Georgia,Arial;
  color:#005772;
  padding:2px 2px;
  background:#CCECF6;
  border:1px solid #005772;
}
fieldset {
  display:block;
  padding:0 0 15px 0;
  margin:0 0 0 0;
  border:0;
}
legend {
  display:none;
}
form .item {
  clear:both;
  margin-bottom:5px;
}

.item label {
  font-size:100%;
  font-weight:bold;
  width:124px;
  margin-right:10px;
  padding:3px 0 0 0;
  float:left;
}


.item input,
.item select {
  width:250px;
}
.item input.medium {
  width:100px;
}
.item input.small {
  width:60px;
}
.item input.tiny {
  width:30px;
}
.item .explanation {
  color:#7FABB8;
  /*
  vertical-align:0px;*/
  margin-left:2px;
  
}
.checkbox {
  clear:both;
}
.checkbox input {
  width:auto;
  background:none;
  border:0;
  display:inline;
  float:none;
}
.checkbox label {
  width:auto;
  display:inline;
  float:none;
}

form #number-container {
  float:left;
  width:210px;
}
form #number-addon-container {
  clear:none;
  float:left;
  width:180px;
}
form #number-addon-container label {
  width:70px;
}
#form-address .button-container {
  margin:0 45px 0 0 !important;
  padding:0;
}
.mandatory-explanation {
  clear:both;
  font-size:90%;
}

#overlay {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:100;
  display:none;
}
#overlay .mask{
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:#01222C;
  opacity:0.85;
  position:relative;
}
#overlay .image-container{
  width:690px;
  height:560px;
  position:absolute;
  left:50%;
  margin-left:-345px;
  top:22px;
  background:url(../_images/image-frame-large.jpg) no-repeat #E5F5FA;
}
#overlay .image-container .button-container {
  position:absolute;
  right:30px;
  bottom:15px;
  float:none;
  width:300px;
}
#overlay .image-container .button-container a {
  float:right;
}
#overlay .image-container .button-container a.button-close{
  margin-right:20px;
}
#overlay .image-container ul{
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}
#overlay .image-container li{
  display:none;
}
#overlay .image-container li.active{
  display:inline;
}
#overlay .image-container li img{
  margin:47px 0 0 93px;
  width:544px;
  height:407px;
  display:block;
}
input.number {
  width:18px;
  background:#FFF;
  text-align:center;
  font-weight:bold;
  padding:0px 2px 2px 2px;
  font-size:120%;
}

.dialog {
  top:145px;
  position:absolute;
  width:270px;
  left:50%;
  margin-left:-135px;
  background:#E5F5FA;
  padding:10px 15px 10px 15px;
  text-align:left;
}
.dialog .button-container {
  width:auto;
}
#dialog-product-added h3{
  background:url(../_images/h3-product-is-toegevoegd.gif) no-repeat;
  text-indent:-999em;
  margin:0px 0 7px 0;
  height:35px;
}