.clear{
	clear:both;
}
.displaynone{
	display: none;
}
.pointer{
	cursor: pointer;
}
/*
html{
	overflow-y: auto;
}
*/
.error{
	color:red;
}
.small{
	font-size: 11px;
	font-weight: normal;
}
a{
	outline: none;
}
body{
	text-align: center;
	background-image: url(../img/choco-back.gif);
	background-repeat: repeat-x;
	background-color: #354787;
}
#wrap{
	position: relative;
	width: 976px;
	margin: 20px auto;
	text-align: left;
}
#card{
	width: 256px;
	height: 210px;
	background-image: url(../img/quality-cocoa-better-life.png);
	position: absolute;
	z-index: 1px;
	top: 45px;
	margin-left: 778px;
}
#card a{
	display: block;
	width: 200px;
	height: 120px;
	margin-top: 50px;
}
#topbar{
	height: 48px;
	background-color: #986A39;
	background-image: url(../img/choco-menu-top.jpg);
}
#imagebar{
	height: 220px;
	background-color: #666;
}

#infoPopUp {
	position: absolute;
	z-index: 200;
	top: 300px;
	left: 50%;
	margin: -175px 0 0 -300px;
	width: 600px;
	height: 340px;
	background: #fff;
	border: 2px #000 solid;
	display: none;
}

#infoPopUp #close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 101;
}

#infoPopUp #content {
	position: relative;
	padding: 10px;
	float: left;
	width: 270px;
}

#infoPopUp #image {
	position: relative;
	float: left;
	margin: 30px 0 0 0;
	
	width: 300px;
}

#infoPopUp h3 {
	margin: 10px 0 0 0;
	line-height: normal;
	font-size: 13px;
	color: #000;
	text-transform:uppercase;	
}

#logo{
	text-align: center;
	position: absolute;
	z-index: 5;
}
#logo a{
	display: block;
	width: 294px;
	height: 220px;
	margin-left: 346px;
	background-image: url(../img/chocoladeworkshops-de-lelie.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#imagebar .imageholder{
}
#quotebar{
	background-color: #fff;
	background-image: url(../img/quotebar-shade.gif);
	background-repeat: repeat-x;
}
#quotebar h2{
	padding: 10px 20px 10px 20px; 
}

#afdrukken{
	text-align: right;
	background-color: #f2f2f2;	
}
#afdrukken a{
	color: #343A88;
	cursor: pointer;
	text-decoration: none;	
}
#contentarea{
	background-color: #f2f2f2;
	background-image: url(../img/content-shade.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	min-height: 250px;
}
#gallerybar{
	height: 80px;
	padding: 16px;
	background-image: url(../img/gallerybar-back.gif);
}
#botbar{
	height: 93px;
	background-image: url(../img/choco-bar-bot.jpg);	
}

#newsletter{
	padding: 12px 0 0 0;
	height: 41px;
}

	#newsletter #subscribe{
		margin-left: 130px;
		float: left;
		color: #fff;
		text-align: center;
	}
	
	#newsletter #subscribe label.first{
		margin: 0;
		color: #fff;
	}
	
	#newsletter #subscribe label{
		margin: 0 0 0 20px;
		font-size: 11px;
		color: #fff;
	}
	
	#newsletter #subscribe .submit{
		margin: 0 0 0 20px;
		padding: 0 10px 0 10px;
	}
	
	#newsletter #subscribe .txt{
		border: none;
		background: #fff;
		height: 22px;
	}
	#social{
		float: right;
	}
	#social .facebook{
		float: left;
		margin: 0 20px 0 0;
		width: 25px;
		height: 25px;
	}
	#social .twitter{
		float: left;
		margin: 0 20px 0 0;
		width: 25px;
		height: 25px;
	}
#disclaimer a,
#disclaimer{
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
}
/* Mainmenu */
#mainmenu ul{
	list-style-type: none;
	margin: 0 0 0 20px;;
	padding: 0;
}
#mainmenu ul li{
	float: left;
	margin-top: 13px;
	margin-right: 15px;
}
#mainmenu ul li a{
	font-size: 12px;
/*	color: #E4BC96; */
/*	color: #B2B291; */
/*	color: #D29456; */
	color: #CD9053;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.12em;
}
#mainmenu ul li a:hover{
	color: #ccc;
}
#mainmenu ul li a.selected{
	color: #fff;
}
/* contentarea */
#contentarea{
	float: left;
	padding: 16px;
}
#contentarea .col1{
	float: left;
	width: 304px;
}

#contentarea .col1 h1{
	font-size: 18px;
	color: #000;
	text-transform: none;
	letter-spacing: normal;
}

#contentarea .col2{
	float: left;
	width: 640px;
}

#contentarea .col2 h1{
	font-size: 18px;
	color: #000;
	text-transform: none;
	letter-spacing: normal;
}

#contentarea .col3{
	float: left;
	width: 944px;
}
#contentarea .textcol{
	float: left;
	width: 304px;
}
#contentarea .textcol1{
	width: 304px;
}
#contentarea .textcol2{
	width: 304px;
}
#contentarea .textcol3{
	width: 464px;
}
#sidebar {
	float: left;
	width:288px;
	padding: 16px;
	background: #ccc;	
}
.textholder{
	margin: 0 0 15px 0;
}
.textholder p{
	margin-bottom: 8px;
}
#contentarea .horspacer{
	float: left;
	width: 16px;
	height: 16px;
}
#contentarea .verspacer{
	height: 16px;
}
#contentarea .listcol{
	float: left;
	width: 304px;
}

#contentarea .listrow .listitem{
	float: left;
}
#contentarea .listrow .fakelistitem,
#contentarea .listcol .listitem,
#contentarea .listrow .listitem{
	width: 304px;
	height: 116px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
}
#contentarea .fakelistitem{
	float: left;
	width: 304px;
	height: 116px;
}
#contentarea .listcol .listitem_hover,
#contentarea .listrow .listitem_hover{
	cursor: pointer;
}
#contentarea .listcol .listitem .link,
#contentarea .listrow .listitem .link{
	margin-top: 96px;
	height: 20px;
	background-image: url(../img/bottombar-arrow.png);
}
#contentarea .listcol .listitem .link a,
#contentarea .listrow .listitem .link a{
	margin: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
#contentarea .listcol .listitem_hover .link,
#contentarea .listrow .listitem_hover .link{
	background-image: url(../img/bottombar-arrow-hover.png);
}
#contentarea .listcol .thema_rood .link,
#contentarea .listrow .thema_rood .link{
	background-image: url(../img/bottombar-arrow-rood.png);
}
#contentarea .listcol .thema_blauw .link,
#contentarea .listrow .thema_blauw .link{
	background-image: url(../img/bottombar-arrow-blauw.png);
}
#contentarea .listcol .thema_geel .link,
#contentarea .listrow .thema_geel .link{
	background-image: url(../img/bottombar-arrow-geel.png);
}
#contentarea .listcol .thema_groen .link,
#contentarea .listrow .thema_groen .link{
	background-image: url(../img/bottombar-arrow-groen.png);
}
#contentarea .listcol .thema_paars .link,
#contentarea .listrow .thema_paars .link{
	background-image: url(../img/bottombar-arrow-paars.png);
}

.listsection h1{
	margin-bottom: 3px;
	letter-spacing: normal;
}

/* gallerybar */
#gallerybar{
	padding: 16px;
}
#gallerybar .itemholder{
	float: left;
	width: 800px;
	height: 80px;
}
#gallerybar .itemholder .horspacer{
	float: left;
	width: 16px;
	height: 16px;
}
#gallerybar .itemholder .item{
	float: left;
	width: 144px;
	height: 80px;
	background-color: #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#gallerybar .address{
	font-size: 12px;
	float: left;
	text-align: right;
	width: 144px;
	line-height: 16px;
	color: #E4BC96;
}
#gallerybar .address .title{
	font-size: 12px;
	line-height: 16px;	
	font-weight: bold;
	color: #fff;
}

.details{
	margin: 10px 0 5px 0;
}
.details .row{
	border-bottom: 1px dotted #000;
	padding: 3px 0 3px 5px;
}

.frm .even,
.details .even{
	/* background-color: #fff; */
}
.frm .odd,
.details .odd{
	background-color: #e0e0e0;
}
.details .firstrow{
	border-top: 1px dotted #000;
}
.details .row .key{
	width: 180px;
	float: left;
	
}
.details .row .value{
	width: 265px;
	float: left;
	font-weight: bold;
}
.navigation .button{
	width: 110px;
	height: 20px;
	background-image: url(../img/button-arrow-light.png);
	float: right;
	margin-left: 5px;
}
.navigation {
	margin-top: 5px;
}
.navigation .button_dark{
	width: 99px;
	background-image: url(../img/button-arrow-dark.png);
}
.navigation .button_light{
	background-image: url(../img/button-arrow-light.png);
}
.navigation .button a{
	color: #fff;
	padding: 0 0 0 10px;
	text-decoration: none;
	line-height: 20px;
	font-size: 12px;
}
.navigation .back{
	float: left;
	width:117px;
	height: 20px;
	background-image: url(../img/button-back-grey.png);
}
.navigation .back a{
	float: left;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 25px;
	line-height: 20px;
	font-size: 12px;
}

#slideshow{
	height: 315px;
}
#slideshow .item{
	width: 464px;
	height: 340px;
	background-repeat: no-repeat;
}
#slideshow .item .title{
	margin-top: 320px;
	color: #000;
	font-style: italic;
}
.frm{
	margin: 10px 0 0 0;
	border-top: 1px dotted #000;
}
.frm .row{
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #000;
}
.frm .row .info{
	padding: 0 5px 0 5px;
	color: #333;
}
.frm .row .key{
	float: left;
	width: 164px;
}
.frm .row .key label{
	display: block;
	margin: 0 0 3px 8px;
	font-weight: bold;
}
.frm .row .value{
	float: left;
	width: 350px;
}
.frm .info{
	padding: 0 5px 0 5px;
}
.formtext,
.frm_text{
	width: 290px;
	height: 20px;
	border: 1px solid #ccc;
	line-height: 20px;
}
.formtextarea{
	width: 290px;
	height: 200px;
	border: 1px solid #ccc;
}
.frm_select{
	width: 290px;
}
.frm_radio{
	margin-right: 2px;
}
.radio_lbl{
	margin-right: 5px;
}
.frm_textarea{
	width: 290px;
	height: 160px;
}
#submitbutton, #savetegeltxtbutton9, #savetegeltxtbutton105
{
	float: right;
	width: 155px;
	height: 20px;
	background-image: url(../img/button-green-submit.png);
}
#submitbutton span,
#submitbutton a,
#savetegeltxtbutton9 span,
#savetegeltxtbutton9 a,
#savetegeltxtbutton105 span,
#savetegeltxtbutton105 a
{
	color: #fff;
	text-align: right;
	margin: 0 0 0 10px;
	text-decoration: none;
	font-size: 12px;
}
#slideshow .item{
	position: absolute;
}
.voorwaarden{
	padding-left: 5px;
}
.checkbox_lbl{
	margin-left: 2px;
}
#leesvoorwaarden{
	font-size: 11px;
	color: #0000FF;
	text-decoration: underline;
}
#voorwaardenpopup{
	text-align: left;	
}
#errormessage{
	display: none;
	margin-top: 5px;
	border: 1px solid red;
	padding: 5px; 
	color: red;
	text-align: center;
}
.info{
	padding: 0 3px 0 3px 0;
}
.info p{
	font-size: 11px;
}
#extra_infobar{
	color: #75522A;
	font-weight: bold;
	text-decoration: underline;
	background-image: url(../img/arrow_down.png);
	background-repeat: no-repeat;
	background-position: right;
}
#arrangement_logo{
	float: right;
}
.frm .submitbutton{
	float: right;
	width: 155px;
	height: 20px;
	background-image: url(../img/button-dark-submit.png);
}
.submitbutton span{
	color: #fff;
	text-align: right;
	margin: 0 0 0 10px;
	text-decoration: none;
	font-size: 12px;
}
.imagegrid .horspace{
	float: left;
	width: 8px;
	height: 8px;
}
.imagegrid .verspace{
	width: 8px;
	height: 8px;
}
.imagegrid .item{
	position: relative;
	float: left;
	width: 224px;
	height: 175px;
	background-repeat:no-repeat;
}
.imagegrid .item .title{
	position: absolute;
	bottom: 0;
	font-size: 11px;
	
}
.imagegrid .itemlarge{
	float: left;
	width: 448px;
	height: 325px;
	background-repeat:no-repeat;
}
.afbeeldingen .horspace, .afbeeldingen .imagegrid .horspace{
	width: 16px;
	height: 5px;
	float: left;
}
.afbeeldingen .textitem{
	float: left;
	width: 224px;
}


.readmore{
	text-align: right;
}
.readmore a{
	color: #3E2C18;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.readmore a:hover{
	text-decoration:underline;
}

#steps{
	position: relative;
	float: left;
	margin: 0 0 0 -16px;
	width: 960px;
}

#steps .step {
	position: relative;
	float: left;
	margin: 0 0 16px 16px;
	padding: 0;
	height: 50px;
	width: 304px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
}

#steps .step h1 {
	margin: 15px 0 0 0;
	width: 304px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	display: block;
}

#steps .step.active h1 {
	margin: 15px 0 0 0;
	width: 304px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	display: block;
}

#steps .step.active {
	position: relative;
	float: left;
	margin: 0 0 16px 16px;
	padding: 0;
	height: 50px;
	width: 304px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #00a33d;
}

.pagination {
	position: relative;
	float: left;
	padding: 0 0 10px 0;
	width: 100%;
}

.pagination .active {
	font-size: 16px;
	color: #666;
}

.pagination a {
	font-size: 16px;
	color: #666;
}

.pagination .index {
	position: relative;
	float: left;
	width: 200px;
	font-size: 16px;
	color: #666;
}

.pagination .pages {
	position: relative;
	float: right;
	margin: 0 16px 0 0;
	font-size: 16px;
	color: #666;
}

.pagination .chocolatekindfilter {
	position: relative;
	float: left;
	margin: 0 16px 0 0;
	font-size: 16px;
	color: #666;
}

#contentarea .col1 .information {
	position: relative;
	float: left;
	margin: 5px 0 0 0;
	padding: 10px;
	width: 284px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #B2B2B2;
}

#contentarea .col1 .information h1 {
	font-size: 16px;
	letter-spacing: normal;
}

#contentarea .col2 .information {
	position: relative;
	float: left;
	margin: 5px 0 0 0;
	padding: 10px;
	width: 604px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #B2B2B2;
}

#contentarea .col2 .information h1 {
	font-size: 16px;
	letter-spacing: normal;
}

#contentarea .col2 .category_information {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 604px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #B2B2B2;
}

#contentarea .col2 .category_information h1 {
	font-size: 16px;
	letter-spacing: normal;
}

.boxes {
	
	float: left;
	padding: 0;
	margin: 5px 0 16px -16px;
	list-style-position: inside;
	list-style-type: none;
}	

.boxes li{
	position:relative;
	float: left;
	margin: 0 0 0 16px;
	padding: 5px 0 5px 0;
	width: 304px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	color: #fff;
	border-top: 1px #000 solid;
}

.boxes li.odd {

}

.boxes li.even {
	background: #E6E6E6;
}

.boxes li.last {
	border-bottom: 1px #000 solid;
}

.boxes li .boxitem{
	width: 304px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
}

.boxes li .boxitem .info{
	position: relative;
	float: left;
	margin: 0 0 0 5px;
	width: 95px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.boxes li .boxitem .amount{
	position: relative;
	float:left;
	width: 79px;
	margin: 0 0 0 10px;
}

.boxes li .boxitem .amount .price{
	font-size: 18px;
	color: #00A33D;
	font-weight: bold;
}

.boxes li .boxitem .link{
	position: relative;
	float: left;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

.boxes li .boxitem .link a {
	float: left;
	margin: 1px 0 0 10px;
	width: 100px;
	height: 19px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#show_bonbon_doosjes .show_bonbon_doosjes_text {	
	float: left;
}


#show_bonbon_doosjes .link{
	float: left;
	margin-left: 5px;
	width: 25px;
	height: 20px;
	background: url('../img/arrow-green.png') no-repeat;
}

.products {
	
	float: left;
	padding: 0;
	margin: 0 0 16px -16px;
	list-style-position: inside;
	list-style-type: none;
}	

.products li{
	position:relative;
	float: left;
	margin: 16px 0 0 16px;
	width: 304px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	color: #fff;
} 

.products li .info{
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	width: 214px;
	height:70px;
	font-size: 12px;
	color: #000;
}

.products li .info h3 {
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #000;
	text-transform:uppercase;	
}

.products li .info a {
	text-decoration: none;
	line-height: normal;
}

.products li .amount{
	position: absolute;
	right: 10px;
	bottom: 25px;
	width: 75px;
	margin: 0 0 0 10px;
}

.products li .amount .price{
	float: right;
	font-size: 18px;
	color: #00A33D;
}

.products li .amount .numinput{
	width: 35px;
	border: none;
}

.products li .productitem .afhalen{
	position: absolute;
	background-image: url(../img/afhalen.png);
	width: 73px;
	height: 71px;
	top: 19px;
	left: 0;
	z-index: 2;
}

.products li .productitem .visual{
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
	width:60px;
	height:50px;
}

.products li .productitem .visual a{
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 100;
	width:20px;
	height:20px;
}

.products li.fakeproductitem,
.products li .productitem,
.products li .productitem{
	position: relative;
	width: 304px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
}
.products li .fakeproductitem{
	float: left;
	width: 304px;
}

.products li .productitem .link,
.products li .productitem .link{
	cursor: pointer;
	height: 20px;
	background-image: url(../img/bottombar-plus-dark.png);
}
.products li .productitem .link a,
.products li .productitem .link a{
	float: right;
	margin: 0 30px 0 0;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
.products li .link.productitem_hover{
	cursor: pointer;
	background-image: url(../img/bottombar-plus-grey.png);
}

.products .letter {
    padding: 0 0 5px 0;
}

.products .chooseletter {
   margin: 0 0 0 10px;
}

.bonbons {
	
	float: left;
	padding: 0;
	margin: -16px 0 16px -16px;
	list-style-position: inside;
	list-style-type: none;
}


.bonbons li{
	position:relative;
	float: left;
	margin: 16px 0 0 16px;
	width: 304px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	color: #fff;
}

.bonbons li .info{
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	width: 214px;
	height:70px;
	font-size: 12px;
	color: #000;
}

.bonbons li .info a {
	text-decoration: none;
	line-height: normal;
}

.bonbons li .info h3 {
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #000;
	text-transform:uppercase;	
}

.bonbons li .amount{
	position: absolute;
	right: 10px;
	bottom: 25px;
	width: 75px;
	margin: 0 0 0 10px;
}

.bonbons li .amount .weight{
	float: right;
	font-size: 18px;
	color: #00A33D;
}

.bonbons li .amount .numinput{
	width: 35px;
	border: none;
}

.bonbons li .bonbonitem .visual{
	float: left;
	margin: 10px 0 0 10px;
	width:60px;
	height:50px;
}

.bonbons li .bonbonitem .visual a{
	float: left;
	margin: 10px 0 0 10px;
	width:60px;
	height:50px;
}

.bonbons li .bonbonitem .visual a{
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 100;
	width:20px;
	height:20px;
}

.bonbons li.fakebonbonitem,
.bonbons li .bonbonitem,
.bonbons li .bonbonitem{
	width: 304px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
}
.bonbons li .fakebonbonitem{
	float: left;
	width: 304px;
}

.bonbons li .bonbonitem .link,
.bonbons li .bonbonitem .link{
	cursor: pointer;
	height: 20px;
	background-image: url(../img/bottombar-plus-dark.png);
}
.bonbons li .bonbonitem .link a,
.bonbons li .bonbonitem .link a{
	float: right;
	margin: 0 30px 0 0;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
.bonbons li .link.bonbonitem_hover{
	cursor: pointer;
	background-image: url(../img/bottombar-plus-grey.png);
}

.boxdesigns {
	position: relative;
	float: left;
	padding: 0;
	margin: -11px 0 16px -16px;
	list-style-position: inside;
	list-style-type: none;
}	

.boxdesigns li{
	position:relative;
	float: left;
	margin: 16px 0 0 16px;
	width: 304px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	color: #fff;
}

.boxdesigns li .info{
	position: relative;
	float: left;
	margin: 2px 0 0 10px;
	width: 284px;
	font-size: 12px;
	color: #000;
}

.boxdesigns li.fakeboxdesignitem,
.boxdesigns li .boxdesignitem,
.boxdesigns li .boxdesignitem{
	float: left;
	width: 294px;
	height:215px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
	border: 5px #ffffff solid;
	cursor: pointer;	
}
.boxdesigns li .fakeboxdesignitem{
	float: left;
	width: 304px;
	height: 225px;
}

.boxdesigns li .boxdesignitem .link,
.boxdesigns li .boxdesignitem .link{
	cursor: pointer;
	height: 20px;
	background-image: url(../img/bottombar-plus-dark.png);
}
.boxdesigns li .boxdesignitem .link a,
.boxdesigns li .boxdesignitem .link a{
	float: right;
	margin: 0 30px 0 0;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
.boxdesigns li .link.boxdesignitem_hover{
	cursor: pointer;
	background-image: url(../img/bottombar-plus-grey.png);
}

.boxdesigns li .boxdesignitem.selected {
	border: 5px #00A33D solid;
}

#cart {
	position: relative;
	float: left;
	padding: 0 0 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #B2B2B2;
}

#cart h1 {
	margin: 10px 0 0px 10px;
	font-size: 16px;
	letter-spacing: normal;
	color: #000;
	text-transform: uppercase;
}

#cart p{
	float: left;
	margin: 0 0 0 10px;
}

#cart .ordertop {
	position: absolute;
	top: 10px;
	right :5px;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

#cart .orderbottom {
	position: relative;
	float: right;
	margin: 10px 5px 0 0;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

#cart .ordertop a, #cart .orderbottom a {
	float: left;
	margin: 1px 0 0 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.cart {
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	list-style-position: inside;
	list-style-type: none;
}

.cart li{
	position: relative;
	float: left;
	margin: 10px 0 0 5px;
	padding: 0 0 10px 0;
	width: 294px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
}

.cart li .removefromcart {
	position:absolute;
	top: 5px;
	right: 5px;
	width: 15px;
	height: 15px;
	z-index: 1;
}

.cart li .info{
	position: relative;
	float: left;
	width: 274px;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: #666666;
}

.cart li .info h3 {
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #666666;
	text-transform:uppercase;	
}

.cart li .amount{
	float: left;
	width: 284px;
	margin: 5px 0 0 0;	
	color: #000;
	font-weight: bold;
	display: inline;
}

.cart li .amount .left {
	float:left;
	width: 204px;
}

.cart li .amount .right {
	float:left;
	width: 80px;
}

.cart li .amount p{
	float: left;
	color: #000;
	font-weight: bold;
}

.cart li .amount .price{
	float: right;
	font-size: 16px;
	color: #666666;
}

.cart li .amount .xd-numselect-replacement {
	float: left;
	margin: 0 5px 0 5px;
}

.cart li .amount .numinput{
	width: 35px;
	border: none;
}

.cart li .notdeliverable{
	position: relative;
	float: left;
	width: 274px;
	margin: 5px 0 0 10px;
	font-size: 12px;
	color: #FF0000;
}

.cart li .productitem .visual{
	float: left;
	width:30px;
	height:20px;
}

.cart li.fakeproductitem,
.cart li .productitem,
.cart li .productitem{
	float: left;
	width: 294px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
}
.cart li .fakeproductitem{
	float: left;
	width: 294px;
}

.cart li .productitem .link,
.cart li .productitem .link{
	cursor: pointer;
	height: 20px;
	background-image: url(../img/bottombar-arrow.png);
}
.cart li .productitem .link a,
.cart li .productitem .link a{
	margin: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
.cart li .link.productitem_hover{
	cursor: pointer;
	background-image: url(../img/bottombar-arrow-hover.png);
}

#cart .footer {
	float: left;
	margin: 10px 0 0 10px;
	width: 284px;
}

#cart .footer .divider {
	border-top: 1px #000 solid;
}

#cart .footer .row {
	float: left;
}

#cart .footer .row .label {
	float: left;
	width: 184px;
}

#cart .footer .row .total {
	float: left;
	text-align: right;
	width: 100px;
	font-size: 16px;
}

#cart .footer .row .order {
	float: left;
	text-align: right;
	width: 50px;
}

#cart .footer .row .order a{
	float: left;
	padding: 3px 5px 3px 5px;
	background: #fff;
	border: 1px #000 solid;
	display: block;	
}

#boxcart {
	position: relative;
	float: left;
	padding: 0 0 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #B2B2B2;
}

#boxcart h1 {
	margin: 10px 0 0px 10px;
	font-size: 16px;
	letter-spacing: normal;
	color: #000;
	text-transform: uppercase;
}

#boxcart .boxprice {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	font-size: 16px;
	letter-spacing: normal;
	color: #fff;
	text-transform: uppercase;
}

#boxcart p{
	float: left;
	margin: 0 0 0 10px;
}

#boxcart .ordertop {
	position: absolute;
	top: 10px;
	right :5px;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

#boxcart .orderbottom {
	position: relative;
	float: right;
	margin: 10px 5px 0 0;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

#boxcart .ordertop a, #boxcart .orderbottom a {
	float: left;
	margin: 1px 0 0 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#boxcart #progressbar {
	position: relative;
	float: left;
	margin: 5px 0 0 5px;
	width: 294px;
	height: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff url(../img/sprite_boxcart.png) -294px -20px no-repeat;
	cursor: pointer;
}

#boxcart #progressbar .progress {
	position: relative;
	float: left;
	width: 294px;
	text-align: center;
	color: #000;
}

#boxcart #progressbar .progress.filled {
	color: #fff;
}

.boxcart {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	list-style-position: inside;
	list-style-type: none;
}

.boxcart li{
	position: relative;
	float: left;
	margin: 10px 0 0 5px;
	padding: 0 0 10px 0;
	width: 294px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
}

.boxcart li .removefromcart {
	position:absolute;
	top: 5px;
	right: 5px;
	width: 15px;
	height: 15px;
	z-index: 1;
}

.boxcart li .info{
	position: relative;
	float: left;
	width: 224px;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: #666666;
}

.boxcart li .info h3 {
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #666666;
	text-transform:uppercase;	
}

.boxcart li .amount{
	float: right;
	margin: 0;	
	color: #000;
	font-weight: bold;
}

.boxcart li .amount p{
	float: left;
	color: #000;
	font-weight: bold;
}

.boxcart li .amount .price{
	float: right;
	font-size: 16px;
	color: #666666;
} 

.boxcart li .amount .xd-numselect-replacement {
	float: left;
	margin: 0 5px 0 5px;
}

.boxcart li .amount .numinput{
	width: 35px;
	border: none;
}

.boxcart li .bonbonitem .visual{
	float: left;
	margin: 10px 0 0 10px;
	width:50px;
	height:30px;
}

.boxcart li.fakebonbonitem,
.boxcart li .bonbonitem,
.boxcart li .bonbonitem{
	width: 294px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
}
.boxcart li .fakebonbonitem{
	float: left;
	width: 294px;
}

.boxcart li .bonbonitem .link,
.boxcart li .bonbonitem .link{
	cursor: pointer;
	height: 20px;
	background-image: url(../img/bottombar-arrow.png);
}
.boxcart li .bonbonitem .link a,
.boxcart li .bonbonitem .link a{
	margin: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
.boxcart li .link.bonbonitem_hover{
	cursor: pointer;
	background-image: url(../img/bottombar-arrow-hover.png);
}

#boxcart .footer {
	float: left;
	margin: 10px 0 0 10px;
	width: 284px;
}

#boxcart .footer .divider {
	border-top: 1px #000 solid;
}

#boxcart .footer .row {
	float: left;
}

#boxcart .footer .row .label {
	float: left;
	width: 184px;
}

#boxcart .footer .row .total {
	float: left;
	text-align: right;
	width: 100px;
	font-size: 16px;
}

#boxcart .footer .row .order {
	float: left;
	text-align: right;
	width: 50px;
}

#boxcart .footer .row .order a{
	float: left;
	padding: 3px 5px 3px 5px;
	background: #fff;
	border: 1px #000 solid;
	display: block;	
}

#checkoutcart {
	position: relative;
	float: left;
	padding: 0 0 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #B2B2B2;
}

#checkoutcart h1 {
	margin: 10px 0 0px 10px;
	font-size: 16px;
	letter-spacing: normal;
	color: #000;
	text-transform: uppercase;
}

#checkoutcart p{
	float: left;
	margin: 0 0 0 10px;
}

#checkoutcart .ordertop {
	position: absolute;
	top: 10px;
	right :5px;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

#checkoutcart .orderbottom {
	position: relative;
	float: right;
	margin: 10px 5px 0 0;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

#checkoutcart .ordertop a, #checkoutcart .orderbottom a {
	float: left;
	margin: 1px 0 0 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.checkoutcart {
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	list-style-position: inside;
	list-style-type: none;
}

.checkoutcart li{
	position: relative;
	float: left;
	margin: 10px 0 0 5px;
	padding: 0 0 10px 0;
	width: 294px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #fff;
}

.checkoutcart li .removefromcart {
	position:absolute;
	top: 5px;
	right: 5px;
	width: 15px;
	height: 15px;
	z-index: 1;
}

.checkoutcart li .notdeliverable{
	position: relative;
	float: left;
	width: 274px;
	margin: 5px 0 0 10px;
	font-size: 12px;
	color: #FF0000;
}

.checkoutcart li .info{
	position: relative;
	float: left;
	width: 274px;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: #666666;
}

.checkoutcart li .info h3 {
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #666666;
	text-transform:uppercase;	
}

.checkoutcart li .amount{
	float: left;
	width: 264px;
	margin: 5px 0 0 20px;	
	color: #000;
	font-weight: bold;
	display: inline;
}

.checkoutcart li .amount .left {
	float:left;
	width: 184px;
}

.checkoutcart li .amount .right {
	float:left;
	width: 80px;
}

.checkoutcart li .amount p{
	float: left;
	color: #000;
	font-weight: bold;
}

.checkoutcart li .amount .price{
	float: right;
	font-size: 16px;
	color: #666666;
} 

.checkoutcart li .amount .xd-numselect-replacement {
	float: left;
	margin: 0 5px 0 5px;
}

.checkoutcart li .amount .numinput{
	width: 35px;
	border: none;
}

.checkoutcart li .productitem .visual{
	float: left;
	width:30px;
	height:20px;
}

.checkoutcart li.fakeproductitem,
.checkoutcart li .productitem,
.checkoutcart li .productitem{
	float: left;
	width: 294px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
}
.checkoutcart li .fakeproductitem{
	float: left;
	width: 294px;
}

.checkoutcart li .productitem .link,
.checkoutcart li .productitem .link{
	cursor: pointer;
	height: 20px;
	background-image: url(../img/bottombar-arrow.png);
}
.checkoutcart li .productitem .link a,
.checkoutcart li .productitem .link a{
	margin: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
.checkoutcart li .link.productitem_hover{
	cursor: pointer;
	background-image: url(../img/bottombar-arrow-hover.png);
}

#checkoutcart .footer {
	float: left;
	margin: 10px 0 0 10px;
	width: 284px;
}

#checkoutcart .footer .divider {
	border-top: 1px #000 solid;
}

#checkoutcart .footer .row {
	float: left;
}

#checkoutcart .footer .row .label {
	float: left;
	width: 184px;
}

#checkoutcart .footer .row .total {
	float: left;
	text-align: right;
	width: 100px;
	font-size: 16px;
}

#checkoutcart .footer .row .order {
	float: left;
	text-align: right;
	width: 50px;
}

#checkoutcart .footer .row .order a{
	float: left;
	padding: 3px 5px 3px 5px;
	background: #fff;
	border: 1px #000 solid;
	display: block;	
}

#sidebar {
	position: relative;
	float: left;
	width: 284px;
	margin: 5px 0 0 0;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-repeat: no-repeat;
	background: #B2B2B2;
}

#sidebar .orderbottom {
	position: relative;
	float: right;
	margin: 10px 0 0 0;
	width: 110px;
	height: 20px;
	background: url('../img/button-arrow-green.png') no-repeat;
}

#sidebar .orderbottom a {
	float: left;
	margin: 1px 0 0 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#checkoutform {
	float: left;
	width: 624px;
}

#checkoutform .frm .row .key{
	float: left;
	width: 224px;
}


.test {
	font-family: TangerineBold;
	font-weight: bold;
}

#tegelpopup9, #tegelpopup105 {
	overflow: hidden;
}
#tegelpopup9 #tegeltabs, #tegelpopup105 #tegeltabs {
	width: 535px;
}

#tegelpopup9 .tegeltabcontent, #tegelpopup105 .tegeltabcontent {
	
}

#tegelpopup9 .tegelbackground {
	
	width: 500px;
	height: 500px;
	background-repeat: no-repeat;
	background: url('../img/tegel/tegel_blank_152mm.jpg') no-repeat;
}

#tegelpopup105 .tegelbackground {
	
	width: 500px;
	height: 500px;
	background-repeat: no-repeat;
	background: url('../img/tegel/hart_blank.jpg') no-repeat;
}

#tegelpopup9 .tegeltabtextarea {
	background: none;
	overflow: hidden;
	border: 0;
	width: 410px;
	height: 350px;
	max-height: 350px;
	padding: 60px 45px 60px 45px;	
	color: #561f19;
	font-size: 60px;
	line-height: 65px;
	text-align: center;	
	font-weight: bolder;
	font-family: TangerineBold, Lucida Sans Unicode, Arial, Verdana;	
}

#tegelpopup105 .tegeltabtextarea {
	background: none;
	overflow: hidden;
	border: 0;
	width: 410px;
	height: 350px;
	max-height: 350px;
	padding: 110px 45px 60px 45px;	
	color: #d7bea0;
	font-size: 60px;
	line-height: 65px;
	text-align: center;	
	font-weight: bolder;
	font-family: TangerineBold, Lucida Sans Unicode, Arial, Verdana;	
}

#tegelpopup9 .kader{
	width: 350px;
	height: 290;
	border: 1px;
	border-style: dashed;
	border-color: blue;
}

#showtegeltextbutton9, #showtegeltextbutton105 {
	margin-left: 5px;
}

#showtegeltextbutton9 span,
#showtegeltextbutton9 a,
#showtegeltextbutton105 span,
#showtegeltextbutton105 a {
	text-decoration: underline;
}

#addtegeltext9 span, #addtegeltext105 span {
	text-decoration: underline;
	color: #ff0000; 
}

#addtegeltext9 span.tegel_saved, #addtegeltext105 span.tegel_saved {
	text-decoration: underline;
	color: #00a33d
}

#notification{
	background: #fff;
	font-weight: bold;
	padding: 5px 20px 5px 20px;
}