html, body {
	height: 100%;
}

html {
	
}

body {
	margin: 0 auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	line-height: 21px;
	font-size: 14px;	
	background: url(../img/tpl/bg_top.gif) repeat-x center top;
}

.temp {
	padding-left: 200px;	
}

img {
	border: none;	
}

a {
	color: #f46303;	
}

a:hover {
	text-decoration: none;	
}

table, td {
	border-collapse: 0;
	border-spacing: 0;
	vertical-align: top;
}

button {
	cursor: pointer;
	border: none;
}

button.next {
	width: 186px;
	height: 30px;
	background: url(../img/tpl/button_bg.gif);
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	font-family: Georgia, Times New Roman, sans-serif;	
	float: right;
	text-align: left;
	text-indent: 15px;
	padding: 0px;
}

button.next:hover {
	background: url(../img/tpl/button_bg_hover.gif);
}

button.prev {
	width: auto;
	height: 30px;
	background: none;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #663300;
	text-transform: uppercase;
	font-family: Georgia, Times New Roman, sans-serif;	
	float: left;
	padding: 0;
}

button.prev:hover {
	text-decoration: underline;	
}

label {
	cursor: pointer;	
}

input[type=text],
input[type=password] {
	border: 0px;		
	padding: 3px 5px;	
	line-height: 14px;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	background: none;
}

select {
	border: 1px solid #cccccc;		
	padding: 1px 5px;	
	line-height: 15px;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1 {
	font-family: Georgia, Times New Roman, sans-serif;	
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px 0px 14px 0px;	
	color: #663300;
	line-height: 24px;		
}

h1 a,
h1 span {
	color: #663300;
	text-decoration: none;
	padding: 0px 5px 0px 9px;
	background: url(../img/tpl/spacer.gif) no-repeat left center;
}

h1 .is_first {
	padding: 0px 5px 0px 0px;
	background: none;	
}

h1 a:hover {
	color: #f46303;	
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;	
	color: #333333;
	line-height: 24px;			
}

h3 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;	
	color: #663300;
	line-height: 24px;		
	font-family: Georgia, Times New Roman, sans-serif;			
}

.clear {
	clear: both;	
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.img table, .img table tbody, .img table tr, .img table td {
	width: 100%;
	height: 100%;
}

.img table td,
.img table td img {
	text-align: center;
	vertical-align: middle;
}

.kop {
	font-size: 14px;
	font-family: Georgia, Times New Roman, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	float: left;
}

dl {
	padding: 10px;
	width: auto;
	padding-left: 60px;
	height: auto;
	color: #f46303;	
	min-height: 48px;
}

dt {
	font-weight: bold;
}

dd {
	padding-left: 12px;
	margin: 0;
}

#container {
	width: 100%;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;	
}

#wrapper {	
	width: 990px;
	height: auto;
	margin: 0px auto;
	text-align: left;
	position: relative;
}

#top {
	width: 990px;
	height: 190px;
	float: left;
	position: relative;	
}

#logo {
	position: absolute;
	left: 0px;
	top: 15px;	
	line-height: 48px;
	font-size: 16px;
	text-align: center;
}

#logo a {
	text-decoration: none;
	color: #ffffff;	
}

#top .menu {
	float: right;
	line-height: 30px;
	position: relative;
	padding-right: 70px;	
	z-index: 5;
}

#top .menu ul {
	padding: 0;
	margin: 0;
	list-style: none;	
}

#top .menu ul li {
	display: inline;	
}

#top .menu ul li a {
	text-decoration: none;
	color: #ffffff;
	margin: 0px 10px;
}

#top .menu ul li a:hover {
	color: #f46303;	
}

#top .sellingpoints {
	position: absolute;
	right: -15px;
	top: 0px;
	background: url(../img/sellingpoints.png);
	width: 147px;
	height: 205px;	
}

#top #sfeer {
	position: absolute;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	padding: 10px 10px 0px 10px;
	width: 770px;
	height: 150px;
	background: url(../img/tpl/bg_sfeer.gif) no-repeat top #ffffff;
}

#top .winkelwagen {
	width: 186px;
	height: 63px;
	position: absolute;
	left: 0px;
	bottom: 15px;
	background: url(../img/tpl/bg_winkelmandje.png);
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

#top .winkelwagen a {
	font-size: 14px;
	color: #663300;
	font-family: Georgia, Times New Roman, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	position: absolute;
	left: 51px;
	top: 15px;
	font-weight: normal;
}

#top .winkelwagen:hover a {
	color: #f46303;	
}

#top .winkelwagen .items {
	line-height: 30px;
	position: absolute;
	left: 10px;
	bottom: 0px;	
}

#top .winkelwagen .totaal {
	line-height: 30px;
	position: absolute;
	right: 10px;
	bottom: 0px;	
}

#menu {
	width: 990px;
	height: 45px;
	line-height: 45px;
	float: left;
	text-align: right;	
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;	
	text-transform: uppercase;
}

#menu ul li {
	diplay: inline;	
	float: left;
}

#menu ul li a {
	font-size: 13px;
	font-family: Georgia, Times New Roman, sans-serif;
	padding: 0px 15px;
	color: #333333;
	text-decoration: none;
}

#menu ul li a:hover,
#menu ul li.is_active a {
	color: #f46303;	
}

#content {
	width: 990px;
	height: auto;
	min-height: 350px;
	_min-height: 350px;	
	position: relative;
	float: left;
	padding: 21px 0px 42px 0px;
}

#content.index .left {
	width: 387px;	
}

#content.index .right {
	width: 588px;	
}

#content.index .left h1 {
	margin-bottom: 0px;	
}

#content.index .categorie {
	width: 186px;
	height: 237px;
	float: left;
	margin: 0px 15px 15px 0px;	
}

#content.index .categorie .titel {
	width: 186px;
	height: 31px;
	line-height: 31px;
	background: url(../img/tpl/bg_categorie.gif) no-repeat right;  	
	font-size: 18px;
	font-family: Georgia, Times New Roman, sans-serif;
	text-transform: uppercase;
	color: #663300;
	margin-bottom: 5px;
}

#content.index .categorie .titel a {
	color: #663300;
	text-decoration: none;
} 

#content.index .categorie:hover .titel {
	background: url(../img/tpl/bg_categorie_active.gif) no-repeat right;	
}

#content.index .categorie:hover .titel a {
	color: #f46303;	
}


#content.index .categorie.no-margin-right {
	margin-right: 0px;	
}
                                            
#content.index .new_arrivals {
	width: 387px;
	margin-top: 28px;	
	float: left;
}

#content.index .new_arrivals .kop {
	padding-left: 20px;
	background: url(../img/tpl/bg_new_arrivals.gif);
	height: 40px;
	line-height: 40px;
	color: #ffffff;	
	width: 367px;
}

#content.shop .filters,
#content.cm .left,
#content.bestel .left  {
	width: 186px;
	height: auto;
}

#content.shop .filters .kop,
#content.cm .left .kop {
	line-height: 24px;
	color: #663300;
	margin-bottom: 14px;
	width: 186px;	
}

#content.shop .filters ul,
#content.cm .left ul {
	color: #333333;
	margin: 0px 0px 28px 0px;
	padding: 0;
	list-style: none;	
}

#content.shop .filters ul li a,
#content.cm .left ul li a {
	color: #333333;
	text-decoration: none;	
}

#content.shop .filters ul li a:hover,
#content.cm .left ul li a:hover {
	color: #f46303;	
}

#content.shop .filters ul li.is_active a,
#content.cm .left ul li.is_active a,
#content.shop .filters ul li.is_active ul li.is_active a,
#content.cm .left ul li.is_active ul li.is_active a {
	padding-left: 21px;
	background: url(../img/tpl/check.gif) no-repeat left center;
	color: #f46303;	
}

#content.shop .filters ul li.is_active a:hover {
	color: #999999;
}

#content.shop .filters ul li ul,
#content.cm .left ul li ul {
	display: none;
	margin-bottom: 0px;
	padding-left: 21px;
}

#content.shop .filters ul li.is_active ul,
#content.cm .left ul li.is_active ul {
	display: block;	
}

#content.shop .filters ul li.is_active ul li a,
#content.cm .left ul li.is_active ul li a {
	color: #333333;
	text-decoration: none;	
	background: none;
	padding-left: 0px;
}

#content.shop .items {
	width: 789px;
	position: relative;
	height: auto;
}

#content.shop h1 {
	margin-bottom: 14px;	
}

#content.shop.detail .image {
	width: 495px;
	height: 468px;
	float: left;
	margin-right: 15px;
	position: relative;
	overflow: hidden;
}

#content.shop.detail .image .layer {
	width: 495px;
	height: 468px;
	background: url(../img/tpl/layer_img.png);
	position: absolute;
	left: 0px;
	top: 0px;
}

#content.shop.detail .thumbs {
	width: 146px;
	height: 468px;
	float: left;	
}

#content.shop.detail .thumbs .thumb {
	width: 146px;
	height: 146px;	
	margin-bottom: 15px;
	position: relative;	
	cursor: pointer;
}

#content.shop.detail .thumbs .thumb.not_active {
	cursor: default;	
}

#content.shop.detail .thumbs .thumb.no-margin-bottom {
	margin-bottom: 0px;	
}

#content.shop.detail .thumb .layer {
	width: 146px;
	height: 146px;
	background: url(../img/tpl/layer_thumb.png);
	position: absolute;
	left: 0px;
	top: 0px;		
}

#content.shop.detail .details {
	width: 320px;
	height: auto;
	float: right;	
}

#content.shop.detail .paginator {
	position: absolute;
	right: 0px;
	top: 0px;	
}

#content.shop.detail .kop {
	width: 320px;
	height: 40px;
	background: url(../img/tpl/bg_kop.gif);
	text-indent: 15px;
	color: #ffffff;
	line-height: 40px;	
	margin-bottom: 15px;
}

#content.shop.detail .merklogo {
	width: auto;
	height: 40px;
	margin-bottom: 15px;	
	clear: both;
}

#content.shop.detail h2 {
	margin: 0;	
}

#content.shop.detail h3 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;	
	color: #333333;
	line-height: 24px;	
	font-weight: normal;
}

#content.shop.detail .kleuren {
	width: 320px;	
	height: auto;
	float: left;
}

#content.shop.detail .kleuren .kleur {
	width: 41px;
	height: 41px;
	float: left;
	margin: 0px 15px 15px 0px;
	position: relative;	
}

#content.shop.detail .kleuren .kleur .layer {
	width: 41px;
	height: 41px;
	background: url(../img/tpl/layer_kleur.png);
	position: absolute;
	left: 0px;
	top: 0px;		
}

#content.shop.detail .error {
	color: #f46303;	
	font-weight: bold;	
	display: none;
	font-size: 13px;
	float: left;
	margin: 0px 0px 15px 0px;
}

#content.shop.detail .maten {
	width: 320px;	
	height: auto;
	float: left;
}

#content.shop.detail .maten .maat {
	width: 41px;
	height: 41px;
	float: left;
	margin: 0px 15px 15px 0px;
	position: relative;	
	background: url(../img/tpl/bg_maat.gif);
	text-align: center;
	line-height: 41px;
	font-size: 14px;
	cursor: pointer;
}

#content.shop.detail .maten .maat input {
	display: none;	
}

#content.shop.detail .maten .maat:hover {
	background: url(../img/tpl/bg_maat_hover.gif);	
}

#content.shop.detail .maten .maat.is_active {
	background: url(../img/tpl/bg_maat_active.gif);	
	color: #ffffff;
}

#content.shop.detail button {
	width: 181px;
	height: 41px;
	background: url(../img/tpl/button_bestel.gif);
	text-align: center;
	line-height: 41px;
	font-size: 22px;
	color: #ffffff;
	text-transform: uppercase;
	font-family: Georgia, Times New Roman, sans-serif;	
	float: right;
}


#content.shop.detail .prijs {
	width: 320px;
	font-size: 38px;
	color: #663300;	
	line-height: 20px;
	line-height: 41px;
	float: left;
		
}

#content.shop.detail .prijs span {	
	font-size: 28px;	
	position: relative;
	right: 2px;
	top: -7px;
}

#content.bestel .right {
	width: 790px;	
}

#content.bestel .kop {
	width: 789px;
	height: 30px;
	background: url(../img/tpl/bg_kop_groot.gif) no-repeat;
	color: #ffffff;
	line-height: 30px;	
	margin-bottom: 15px;
}

#content.bestel .stappen {
	font-size: 16px;	
	line-height: 30px;
	margin-bottom: 15px;
}

#content.bestel .stappen ul {
	list-style: none;
	padding: 0;
	margin: 0px 15px;	
}

#content.bestel .stappen ul li {
	margin-bottom: 15px;	
}

#content.bestel .stappen ul li a {
	text-decoration: none;
}

#content.bestel .stappen ul li span {
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 15px;
	background: url(../img/tpl/blok_bruin.gif);
	text-align: center;	
	float: left;
	color: #ffffff;
}

#content.bestel .stappen ul li.is_active span,
#content.bestel .stappen ul li.done span {
	background: url(../img/tpl/blok_oranje.gif);
}

#content .kader {
	width: 789px;
	height: auto;
	padding: 10px 0px;
	background: url(../img/tpl/kader.gif) repeat-y;	
	position: relative;
	float: left;
	margin-bottom: 15px;
}

#content .kader .top {
	width: 789px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0px;	
	background: url(../img/tpl/kader_top.gif);
}

#content .kader .bottom {
	width: 789px;
	height: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../img/tpl/kader_bottom.gif);	
}

#content .order {
	width: 789px;
	line-height: 22px;	
}

#content .order tr, 
#content .order td {
	vertical-align: top;	
}

#content .order .row {
	width: 789px;
	height: 70px;
	padding-bottom: 10px;
	background: url(../img/tpl/border.gif) repeat-x 0px 75px;	
}

#content .kop span {
	float: left;
	padding: 0px;	
}

#content .kop.titel {
	text-indent: 20px;
	width: 789px;	
}

#content .order .row div {
	float: left;	
}

#content .bestelling .image {
	display: block;
	width: 70px;	
	margin-left: 20px;
	line-height: 25px;
}

#content .order .titel {	
	width: 210px;	
	padding: 10px 0px 10px 30px;
	line-height: 25px;
}

#content .bestelling .maat {
	width: 75px;
	padding: 10px 0px 10px 15px;
	line-height: 25px;
}

#content .bestelling .aantal {
	width: 75px;
	padding: 10px 0px 10px 15px;
	line-height: 25px;
}

#content .bestelling .prijs,
#content .bestelling .subtotaal {
	width: 105px;
	padding: 10px 0px 10px 15px;
	line-height: 25px;
}

#content .bestelling .verwijder {
	width: 22px;	
	padding: 10px 0px 10px 0px;
	line-height: 25px;
}

#content .bestelling .verwijder a { 
	display: block;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #333333;
	text-decoration: none;
}

#content .bestelling .verwijder a:hover {
	color: #f46303;	
}


#content .bestelling span.titel,
#content .bestelling span.maat,
#content .bestelling span.aantal,
#content .bestelling span.prijs,
#content .bestelling span.subtotaal,
#content .bestelling span.verwijder {
	padding-top: 0px;
	padding-bottom: 0px;	
	line-height: 30px;
}

#content .bestelling .totaal_row {
	width: 789px;
	line-height: 20px;
	margin-top: 10px;
	float: left;
}

#content .bestelling .totaal_row.totaal {
	font-size: 18px;	
	background: url(../img/tpl/border.gif) repeat-x top;
	padding-top: 10px;
}

#content .bestelling .label {
	text-align: left;
	width: 105px;
	padding-left: 525px;
	float: left;	
}

#content .bestelling .bedrag {
	width: 105px;
	padding-left: 15px;	
	float: left;
}

#content .betaalwijze {
	width: 370px;
	float: left;	
}

#content .buttons {
	width: 789px;
	float: left;
	margin: 15px 0px;	
}

#content.bestel h3 {
	line-height: 27px;
}

#content.bestel .form {
	padding: 10px 20px;	
}

#content.bestel .form table {
	line-height: 28px;	
}

#content.bestel .form .label {
	width: 200px;	
}

#content .field .input {
	background: url(../img/tpl/input.gif) repeat-x;
	float: left;
	height: 22px;
	position: relative;
	margin-top: 3px;
}

#content .field .input .left {
	width: 1px;
	height: 22px;
	background: url(../img/tpl/input_border.gif) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;	
}

#content .field .input .right {
	width: 1px;
	height: 22px;
	background: url(../img/tpl/input_border.gif) no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;	
}

#content .field select {
	margin-top: 3px;	
}

#content.bestel .form .afleveradres {
	line-height: 27px;	
}

#content.bestel .adres {
	width: 50%;
	float: left;
	margin-bottom: 28px;	
}

#content.bestel .form.login button {
	width: 22px;
	height: 22px;
	background: url(../img/tpl/button_login.gif);
	position: relative;	
	top: 3px;
	left: 6px;
}

#content.bestel .form.login button:hover {
	background: url(../img/tpl/button_login_hover.gif);
}

#content.bestel .betaalmethode {
	margin-bottom: 7px;	
}

#content.cm .right {
	width: 789px;
	float: right;	
}

#content.cm .right.faq ul {
	list-style: none;
	padding: 0px 0px 20px 0px;	
}

.item {
	width: 166px;
	height: 215px;
	background: url(../img/tpl/bg_item.gif) no-repeat;	
	padding: 10px;
	cursor: pointer;
	float: left;
	margin: 0px 15px 15px 0px;
}

.item:hover {
	background: url(../img/tpl/bg_item_active.gif) no-repeat;	
}

.item.no-margin-right {
	margin-right: 0px;	
}

.item .merk {
	width: 166px;
	height: 30px;
	text-align: center;	
}

.item .image {
	width: 166px;
	height: 160px;	
}

.item .prijs {
	font-size: 24px;
	color: #663300;	
	line-height: 20px;
	margin-top: 5px;
		
}

.item .prijs span {	
	font-size: 18px;	
	position: relative;
	right: 2px;
	top: -4px;
}

.item .prijs .van {
	font-size: 14px;
	color: #333333;	
	line-height: 25px;
	float: left;
	margin-right: 7px;
	position: relative;
	top: 0px;	
	text-decoration: line-through;
}

.item .prijs .van span {	
	font-size: 11px;	
	position: relative;
	right: 2px;
	top: -2px;
}

.paginator {
	width: 789px;
	float: left;
	margin: 14px 0px;
	height: 30px;	
	line-height: 30px;
}

.paginator.top {
	position: absolute;
	right: 0px;
	top: 0px;	
	margin: 0;
}

.paginator .pages {
	float: right;	
}

.paginator .pages a,
.paginator .pages span {
	float: left;	
}

.paginator .pages .spacer {
	width: 1px;
	float: left;
	height: 30px;
	background: url(../img/tpl/spacer_paginator.gif);
	margin: 0px 15px;	
}

.paginator .pages a {
	height: 22px;
	display: block;
	line-height: 22px;
	margin: 4px 0px;	
	text-decoration: none;
	color: #333333;
	text-align: center;
}

.paginator .pages a:hover {
	color: #f46303;	
}

.paginator .pages a.is_active {
	background: url(../img/tpl/bg_paginator.gif);	
}

.paginator .pages a.page {
	width: 22px;	
}

.paginator .pages .prev {
	padding-left: 15px;
	background: url(../img/tpl/arrow_dgrijs_prev.gif) no-repeat left center;	
}

.paginator .pages span.prev {
	background: url(../img/tpl/arrow_lgrijs_prev.gif) no-repeat left center;
	color: #cccccc;	
}

.paginator .pages a.prev:hover {
	background: url(../img/tpl/arrow_oranje_prev.gif) no-repeat left center;
}

.paginator .pages .next {
	padding-right: 15px;
	background: url(../img/tpl/arrow_dgrijs_next.gif) no-repeat right center;	
}

.paginator .pages span.next {
	background: url(../img/tpl/arrow_lgrijs_next.gif) no-repeat right center;
	color: #cccccc;	
}

.paginator .pages a.next:hover {
	background: url(../img/tpl/arrow_oranje_next.gif) no-repeat right center;
}

#content.shop .paginator .items,
.paginator .items {
	width: auto;
	float: left;	
}

#footer {	
	width: 100%;
	height: auto;
	margin: 0px auto;
	float: left;
	text-align: center;
	position: relative;
	padding: 20px 0px;
	background: url(../img/tpl/bg_footer.gif) repeat-x center top;
	min-height: 150px;
	_min-height: 150px;
}

#footer .content {
	width: 990px;
	position: relative;
	margin: 0 auto;
	height: auto;
	color: #ffffff;
	text-align: left;
}

#footer .content .column {
	width: 200px;
	float: left;
	margin-right: 45px;
	line-height: 27px;
	font-size: 12px;
}

#footer .content .column .kop {
	font-size: 14px;
	font-family: Georgia, Times New Roman, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	float: none;
}

#footer .content .column ul {
	padding: 0;
	margin: 0px 0px 14px 0px;
	list-style: none;	
}

#footer .content .column.categorieen ul {
	width: 100px;
	float: left;	
}

#footer .content .column ul li a {
	color: #ffffff;	
	text-decoration: none;	
}

#footer .content .column ul li a:hover {
	color: #f46303;	
}

#footer .content .nieuwsbrief {
	height: 26px;
	width: 200px;
	background: url(../img/tpl/bg_nieuwsbrief.gif);
	position: relative;
}

#footer .content .nieuwsbrief input {
	width: 190px;
	padding: 4px 3px;	
	border: none;	
	text-transform: uppercase;
	margin: 1px;
}

#footer .content .nieuwsbrief button {
	width: 20px;
	height: 24px;
	position: absolute;
	right: 1px;
	top: 1px;
	border: none;
	background: url(../img/tpl/button_nb.gif) no-repeat center;	
}