html, body {
	color: black;
	font-family : arial, sans serif;
	font-size: 100%;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
body {
	background-color: rgb(88,145,219);
	background-image: url('/images/bodytop.jpg');
	background-position: top;
	background-repeat: repeat-x;
}
div{
  margin:0;
  padding:0;
  Box-sizing: border-box;
	-moz-box-sizing: border-box;
}
span{
  margin:0;
  padding:0;
}
table{
	margin: 0;
	padding: 0;
	vetical-align: top;
}
img{
	border: none;
	margin: 0;
}
ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.1em;
}
ul li{
	margin: 0;
	padding: 0;
}
ul li ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul li ul li{
	margin: 0;
	padding: 0;
}
form{
	margin: 0;
	padding: 0;
}
textarea{
	height: 14em;
}
input{
	vertical-align: bottom;
	height: 13px;
	font-size: 9px;
	color: black;
	padding: 2px 0 1px 2px;
}
.search-goog input{
	height: auto;
	font-size: 1em;
	color: auto;
}
select{
	font-size: 9px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid rgb(219,234,252);
	border-right: 1px solid rgb(219,234,252);
}
a{
	text-decoration: none;
	color: rgb(40,110,201);
}
a:hover, a:active{
	text-decoration: underline;
}
#content ul{
	list-style-type: square;
	margin: 2px 0 20px 20px;
	font-size: 0.8em;
}
p{font-size: 0.8em; color: black; margin: 2px 0 20px; padding: 0;}
ol{font-size: 0.8em; color: black;}
h2{font-size: 1em; color: #1B4985; font-weight: bold; margin: 0 0 17px; padding: 0;}
h3{font-size: 0.85em; color: #1B4985; font-weight: bold; margin: 0 0 12px ; padding: 0;}
h4{font-size: 0.8em; color: black; font-weight:  bold; margin: 0 0 3px; padding: 0;}
#productpageimage h4, #product_description h4{font-size: 0.8em; color: red; font-weight: bold; margin: 0 0 10px; padding: 0;}
#content h1{text-align: center;	color: rgb(27,73,133); font-size: 1.2em; margin: 0 0 10px;}

.navbutton{
	margin: 0 0 0 4px;
	padding: 0 0 1px;
	text-align: center;
	height: 19px;
	font-size: 9px;
	color: white;
	background-image: url('/images/button.jpg');
	background-repeat: no-repeat;
	background-color: black;
	border: none;
}
* html .navbutton{
	height: 18px;
}

#container{
	height: 100%;
	padding-top: 65px;
}
#page{
	width: 958px;
	margin: auto;
	background-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 65px;
}

/* header */
#header{
	height: 125px;
	margin-bottom: 10px;
	background-color: white;
	background-image: url('/images/headerbar.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
}
#logo{
	position:absolute;
	margin: -19px 0 0 15px;
	float: left;
}

/* taalkeuze lijst */
#header ul{
	float: right;
	font-size: 0.8em;
	margin: 5px 3px 0 0;
}
#header ul li{
	display: inline;
	margin-left: 4px;
}
#header a{
	color: black;
	text-decoration: none;
	margin-right: 3px;
}
#header a:hover, #header a:active{
	text-decoration: underline;
	color: rgb(148,0,0);
}

/* eind taalkeuze lijst */
/* eind header */

/* linker kolom */
#left{
	float: left;
	background-color: white;
	height: 100px;
	width: 170px;
}
#left div{
	margin-bottom: 3px;
}

/* navigatie links */
#productnavigatie{
	width: 100%;
	background-color: rgb(27,73,133);
	color: white;
}
#productnavigatie h1{
	font-size: 0.95em;
}
#productnavigatie img{
	margin: 5px 0 3px 7px;
}
#productnavigatie ul{
	border-top: 1px solid white;
	width: 164px;
	margin-left: 3px;
	padding: 2px 0 3px;
	color: white;
}
#productnavigatie ul li{
	font-size: 0.95em;
	font-weight: bold;
	margin-left: 8px;
}
#productnavigatie ul li ul{
	border: none;
	font-weight: normal;
	width: 153px;
	padding: 0;
}
#productnavigatie ul li ul li{
	font-weight: normal;
	margin-left: 18px;
}
#productnavigatie ul li a{
	color: white;
}
/* einde navigatie links */

/* zoekfunctie */
#searchform{
	padding: 6px 6px 5px;
	background-color: rgb(40,110,201);
}
#searchform input{
	width: 98px;
}
* html #searchform input{
	vertical-align: middle;
	width: 97px;
}
#searchform .navbutton{
	width: 50px;
}
#content .resultlist{
	margin-left: 0;
	margin-bottom: 10px;
	font-size: 1em;
}
#content .resultlist li{
	list-style-type: none;
	margin: 0;

}
/* eind Zoekfunctie */
/* einde linker kolom */

#content{
	background-color: white;
	margin-left: 199px;
	padding: 12px 0 0;
	width: 580px;
	min-height: 970px;
}
* html #content{
	height: 826px;
	margin-left: 196px;
}
/* special offers */
.special_offer_box {
	table-layout: fixed;
	xposition: relative;
	width: 590px;
	border: 5px solid rgb(177,199,227);
	padding: 5px;
}
.special_offer_box .name td, .productnamebig td{
	color: red;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 5px 0 9px;
}
#content .special_offer_box .name td{
	height: 20px;
}
.special_offer_box .image td img , .productofferbig td img{
	margin-left: 44px;
}
.special_offer_box .buttons td, .buttonsbig td{
	padding-top: 2px;
	vertical-align: top;
	background: no-repeat 45px 2px;
}
.special_offer_box .buttons td img, .buttonsbig td img{
	margin: 4px 0 -4px 0;
}

.special_offer_box .buttons td .star_ref {
	position: relative;
	width: 1px; height: 1px;
}

.star_ref .star {
	top: -60px;
	left: 98px;
	height: 81px;
	width: 81px;
	position: absolute;
	margin: 0;
}
*html .star_ref .star{
	height: 86px;
	top: -64px;
}
.name .price {
	color: white;
	top: 34px;
	left: 0px;
	width: 81px;
	position: absolute;
	xbackground: green;
	text-align: center;
}

#specofferdate{
	float: right;
	font-size: 0.65em;
	color: rgb(40,110,201);
	margin: 2px 20px 0 0;
}
* html #specofferdate{
	margin-right: 10px;
}
.special_offer_box .enddate td{
	color: #1B4985;
	font-size:0.7em;
	padding-left: 18px;
}
}
/* einde special offers */

/* product tabel */
.categoriestable a{
	color: black;
}
table.productstable, table.categoriestable {
	margin-top: 10px;
	width: 590px;
	table-layout: fixed;
	border-collapse: collapse;
}
#productstable td {
	width: 25%;
}
.categories td {
	width: 25%;
	xbackground-color: rgb(88,145,219);
}

.name td{
	color: black;
	font-size: 0.8em;
	font-weight: bold;
	padding: 6px 0 0 14px;
	height: 38px;
	overflow: hidden;
	vertical-align: top;
}
.image td img{
	margin-left: 23px;
	vertical-align: top;
}
.buttons td{
	background-image: url(./images/products/productref.jpg);
	background-position: 24px 0px;
	background-repeat: no-repeat;
	padding: 5px 0 4px 14px;
	height: 40px;
	vertical-align: top;
}
.buttons td a{
	color: black;
	font-size: 0.8em;
	margin-left: 6px;
}
.buttons td img{
	margin: 4px 0 -4px 0;
}
.price td{
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	color: red;
	padding: 0 14px 12px 0;
}
/* START NIEUWE LAYOUT PRODUCTTABEL */
#content .productlistimage{
	float: left;
	margin-right: 6px;
	margin-top: 3px;
}
#content #productlist{
	list-style-type: none;
	margin: 10px 0 10px 0;
	border-top: 1px solid rgb(103,133,173);
/*	border-bottom: 1px solid rgb(103,133,173);*/
	font-size: 1em;
	width: 590px;
}
#content #productlist li{
	list-style-type: none;
	border-bottom: 1px solid rgb(103,133,173);
  height: 80px;
	line-height: 1.4em;
	padding: 4px 0 0 0;
	margin:0;
	font-size:0.8em;
}
html>#content #productlist li{
  height: auto;
  min-height: 80px;
}
#productlist li a img{
	margin: 3px 4px -3px 4px;
}

#content #productlist h2{
	text-align: left;
	margin: 0;
	font-size: 1em;
	color: rgb(236,79,79);
}
#content #productlist h2 a{
	color: red;
}
#content #productlist h2 a:hover{
	text-decoration: none;
}
#content #productlist li a{
	margin-top: 10px;
}
#content .shippingtime{
	color: rgb(27,73,133);
	margin-bottom: 24px;
}
#content .productlistprice{
	color: rgb(236,79,79);
	font-size: 1.2em;
	font-weight: bold;
	color:red;
}
#productlist .ordernow{
	margin-left: 4px;
}
/* EINDE NIEUWE LAYOUT */
/* einde product tabel */

/* product pagina */
#productpageimage{
	float: left;
	width: 200px;
}
#productpageimage img{
	display: block;
	margin-bottom: 3px;
	text-align: center;

}
#product_description{
	margin-left: 212px;
}
* html #product_description{
	height: 1%;
}
.order_div{
	clear: left;
	text-align: right;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
	padding: 16px 0 6px;
}
.order_table{
	vertical-align: top;
	text-align: left;
	margin: auto 0 6px auto;
}
.order_table td{
	padding: 0 0 0 10px;
	font-weight:normal;
}
.order_table th{
	padding: 0 0 0 10px;
}
.order_table_right{
	text-align: right;
}
.order_message{

	text-align: right;
	margin-left: 202px;
	font-size: 0.65em;
}
.alsordered{
	text-align: center;
	margin-top: 40px;
	padding-top: 4px;
}
.alsordered ul{
	list-style-type: none;
}
.alsordered ul li{
	list-style-type: none;
	float: left;
	width: 180px;
	margin-bottom: 22px;

}
.alsordered a:hover{
	text-decoration: none;
}
* html .alsordered a:hover{
	text-decoration: underline;
}
/* einde product pagina */
/* einde middelste kolom */


/* rechter kolom */
#right{
	float: right;
	background-color: white;
	width: 140px;
	overflow: hidden;
}
.columnimageholder img{
	margin-top: 13px;
}
/* login functie */

#logout, #login{
	background-color: rgb(40,110,201);
}
#logout {
	margin-bottom: -11px;
}
#login form, #logout form{
	text-align: right;
	padding: 2px 5px 0 3px;
	position: relative;
}
#logout form{
	padding-bottom: 5px;
}
#login input{
	width: 127px;
	margin-top: 3px;
}
#login .navbutton{
	width: 50px;
	margin-top: 5px;
}
#logout .navbutton{
	width: 50px;
	margin-top: 10px;
}
#login p, #logout p{
	margin: 3px 3px 0;
	padding: 0 2px 4px;
	width: 130px;
	font-size: 0.80em;
	font-weight: bold;
	color: white;
}
#login p {
	border-top: 1px solid white;
}
#login a, #logout a{
	color: white;
}
#registerbutton{
	float: right;
	margin: -21px 5px 0 0;
}
.small{
	font-size: 9px;
	line-height: 7px;
}
/* einde login functie */

/* order functies */
.orderfunctions{
	margin: 0px;
	padding: 0px;
	background-color: white;
	margin-top: 13px;
}
.orderfunctions a{
	display: block;
	height: 18px;
	background-color: rgb(40,110,201);
	color: white;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 2px;
	margin-top: 2px;
}
.orderfunctions img{
	margin: 1px 4px -1px 4px;

/* einde order functies */

/* algeme informatie */

}
#shopinformation{
	background-color: rgb(219,234,252);
	color: rgb(27,73,133);
	margin-top: 13px ;
	padding-bottom: 3px;
	max-width: 140px;
}
#shopinformation ul{
	margin-left: 5px;
}
#shopinformation ul li{
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 4px;
}
#shopinformation ul li ul{
	margin: 0;
}

#shopinformation ul li ul li{
	font-weight: normal;
	font-size: 0.87em;
	margin: 0;
}
#shopinformation ul li ul li a{
	color: rgb(27,73,133);
}

/* einde algeme informatie */

/* einde rechter kolom */

#footer{
	border-top: 4px solid rgb(40,110,201);
	height: 46px;
	clear: left;
	background-color: white;
	margin-top: 20px;
	padding-left: 20px;
	vertical-align: center;
	min-height: 36px;
}
#footer img{
	margin: 10px 0 0 5px;
}

/* CSS van de winkelwagen */
.box{
	position: relative;
	width: 590px;
	border: 5px solid rgb(177,199,227);
	padding: 5px;
}
*html .box, .box p{
	width: 570px;
	font-weight: normal;
}

#content .box h1{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 4px;
	color: rgb(40,110,201);
	text-align: left;
}

.cart_amount { border: 1px solid black; width: 25px; color: black;}

.cart_header, .register_header, .order_header, .small_sides {
	height: 18px;
	position: relative;
}

.cart_header div, .order_header div, .total_header {
	display: block;
	position: absolute;
	overflow: hidden;
	font-size: 0.8em;
	font-weight: bold;
}
.orderid_header { left: 20px; width:  65px; display: none!important;}
.thumb_header   { left: 20px; width:  65px; display: none!important;}
.name_header    { left: 5px; width: 205px; display:block; text-align: left;}
.quantity_header{ left: 210px; width: 125px; display:block; text-align: left;}
.price_header   { left: 350px; width:  65px; display:block; text-align: right;}
.subtotal_header{ left: 410px; width:  85px; display:block; text-align: right;}
.cart_del_header{ left: 504px; width:  70px; display:block; text-align: left;}
.total_header { left: 210px; width: 205px; display: block; top: 2px; text-align: right; height: 18px; font-weight: bold;}
#cxtotal_sum{
	top: 2px;
	font-weight: bold;
}
.cart_sides, .register_sides, .order_sides, .order_list_sides, .small_sides{
	display: block;
	position: relative;
	border: none;
}
.cart_sides div, .order_list_sides div, .small_sides div{
	display: block;
	position: absolute;
	border: none;
	xoverflow: hidden;
	font-size: 0.8em;
	font-weight: bold;
}
.cart_sides {
	padding-bottom: 8px;
	height: 83px;
}
.order_list_sides {
	padding-bottom: 8px;
	height: 83px;
}
.order_sides p, .cart_sides p,.register_sides p,
	.register_sides table, .order_sides table, .cart_sides table{
	margin: 0;
	padding-right: 2px;
	font-size: 0.8em;
	font-weight: normal;
	background: transparent;
}

p.small_error { color: rgb(40,110,201); font-size: 0.65em;}

.thumb_field   { left: 5px; top:  5px; width: 65px; height: 80px; display:block; text-align: left;}
.name_field    { left: 63px; top: 6px; width: 145px;height: 80px; display:block; text-align: left;}
.quantity_field{ left:210px; top: 5px; width: 145px;height: 25px; display:block; text-align: left; white-space: nowrap; overflow: visible; }
.price_field   { left:350px; top: 6px; width: 65px; height: 15px; display:block; text-align: right; white-space: nowrap; overflow: visible; }
.subtotal_field{ left:410px; top: 6px; width: 85px; height: 15px; display:block; text-align: right; white-space: nowrap; overflow: visible; }
.cart_del_field{ left:541px; top: 4px; width: 24px; height: 25px; display:block; text-align: right;}
.total_field { left:410px; top: 3px; width: 85px; height: 15px; display:block; text-align: right; white-space: nowrap; overflow: visible; }

.list_product_name_header{ left: 5px; width: 340px; display:block; text-align: left;}
.list_quantity_header { left:350px; width: 65px; display:block; text-align: right;}
.list_price_header { left:450px; width: 85px; display:block; text-align: right;}

.list_product_name_field { left: 5px; width: 340px; display:block; text-align: left;}
.list_quantity_field { left:350px; width: 65px; display:block; text-align: right;}
.list_price_field { left:450px; width: 85px; display:block; text-align: right;}
.list_total_field { left:450px; top: 3px; width: 85px; height: 15px; display:block; text-align: right; white-space: nowrap; overflow: visible; }

.box .name_field a{
 	color: black;
}
div.separator {
	display: block;
	position: static;
	border-top: 1px solid rgb(27,73,133);
	height: 1px;
	overflow: hidden;
}
.quantity_field .cart_amount {
	position: absolute;
	top: 0px; left: 0px;
}
.button{
	height: 18px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid rgb(0,95,219);
	border-left: 1px solid rgb(0,95,219);
	font-size: 9px;
	font-weight: bold;
	color: white;
	background-color: rgb(40,110,201);
	text-align: center;
	margin: 0;
	padding: 0;
}

.cart_del_field input.button{
	width: 15px;
	padding-right: 1px;
}
.quantity_field input.button{
	position: absolute;
	left: 32px;
	width: 110px;
	padding-left: 0px;
}
.button_container {
	display: block;
	width: 100%;
	text-align: right;
	margin: 2px 0 0;
}
.button_container input.button{
	width: 140px;
	text-align: left;
	padding-left: 22px;
	margin: 5px 5px 0;
	background-repeat: no-repeat;
	background-position: 3px center;
}
#checkout{
	background-image: url('/images/checkout.jpg');
}
#continue{
	background-image: url('/images/shoppingcart.jpg');
}
.formtext p{font-size: 0.8em; color: black; font-family: 'arial', serif; margin: 0 3px 0 5px; padding: 0;}
.formtext h2{font-size: 1em; color: black; font-weight: bold; font-family: 'arial', serif; margin: 4px 0 0 5px; padding: 0;}
.formtext h3{font-size: 0.8em; color: rgb(1,26,137); font-weight: bold; font-family: 'arial',serif; margin: 0 0 7px 5px; padding: 0;}
.formtext h4{font-size: 0.8em; color: rgb(35,156,51); font-weight: bold; font-family: 'arial', serif; margin: 0 0 3px 5px; padding: 0;}
/* Einde CSS van de winkelwagen */

.cancel_form_container table{
	width: 460px;
	text-align: right;
	font-size: 0.8em;
	margin-top: -30px;
}
.variant_item {
	font-size: 9px;
	display: block;
	color: rgb(120,120,120);
}
.hover_popup{
	font-size: 9px;
	background: #ffffee;
	border: 1px solid #ffddcc;
	position:absolute;
	left: 2px;
	top: 2px;
	bottom: 16px;
	width: 136px;
	overflow: hidden;
	display:none;
	text-align: center;
	padding: 2px;
}

.customerregistration {
  position: relative;
  height: auto;
	padding: 0;
  margin: 0;
}
.register_line{height: 4px;}
.register_line div {overflow: hidden;}
.register_name {vertical-align: top; padding-top: 1px; color: black;}

/* begin CSS van het registratie formulier */

.input_field{
	border-bottom: 1px solid rgb(199,214,232);
	border-right: 1px solid rgb(199,214,232);
	border-top: 1px solid black;
	border-left: 1px solid black;
}
.input_field_short {
	border-bottom: 1px solid rgb(199,214,232);
	border-right: 1px solid rgb(199,214,232);
	border-top: 1px solid black;
	border-left: 1px solid black;
}
.input_field_radio{
	border: none;
}
.register_button_container{
	width: 441px;
	text-align: right;
	font-size: 10px;
}
.register_button_container .button{
	width: 130px;

}
td.register_name {
	width: 180px;
	text-align: right;
}
td.register_value{ vertical-align: top; text-align: left;}

.input_field{width: 250px;}

#register_send_form {margin: 0px; display: none;}

.customerregistration h3 { text-align: left; margin: 0px; padding: 0px; padding-left:200px;}
#register_send_form h3   { text-align: left; border: none; margin: 0px; padding: 0px; padding-left:200px;}
form { margin: 0px; padding: 0px;}
div.error_message {display: block; background-color: rgb(255,100,0); padding: 8px; margin: 2px;}
.error_message p {font-size: 11px; font-weight: bold; color: white; margin: 0; padding: 0;}
div.info_message {display:block; background-color: rgb(59,161,0); padding: 8px; margin: 2px;}
.info_message p { font-size: 11px; font-weight: bold; color: white; margin: 0; padding: 0;}
/* eind van de CSS registratie formulier */

/* Tijdelijke toevoeging RIK vanwege uitlijning variaties */
td.valuecolumn{text-align:right;}

.bandsupport{
	font-size: 0.8em;
	width: 590px;
	border-collapse: collapse;

}
.bandsupport td{
	text-align: left;
	border-bottom: 1px solid rgb(199,214,232);
	vertical-align: bottom;
}
.bandsupport td img{
	margin: 2px 0 0;
}