/* CSS Document */

body {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	background: url("../img/boxbg.gif") repeat left top;
}

table, tr, td {
	font-family: Verdana;
	font-size: 11px;
	color: #704001;
}

td {
	vertical-align: top;
}

p, form {
	margin: 0;
	padding: 0;
}

#flags {
	vertical-align: top;
	float: left;
	margin-left: 4px;
}

#flag_nl {
	width: 20px;
	height: 13px;
	background: url("../img/flag_nl.gif") no-repeat left top;
}

#flag_fr {
	width: 20px;
	height: 13px;
	background: url("../img/flag_fr.gif") no-repeat left top;
}

#flag_be {
	width: 15px;
	height: 13px;
	background: url("../img/flag_be.gif") no-repeat left top;
}

#flag_uk {
	width: 26px;
	height: 13px;
	background: url("../img/flag_en.gif") no-repeat left top;
}

#flag_du {
	width: 22px;
	height: 13px;
	background: url("../img/flag_du.gif") no-repeat left top;
}

#flag_usa {
	width: 25px;
	height: 13px;
	background: url("../img/flag_usa.gif") no-repeat left top;
}

/*
 *  BOX
 */ 

#box {
	width: 100%;
	height: 100%;
}


#boxleft {
	/*background: url("../img/boxl.gif") repeat right top;*/
}

#boxleft div {
	/*background: url("../img/boxls.gif") repeat-y right top;*/
	height: 100%;
}

#boxmiddle {
	width: 760px;
	text-align: center;
	border: 1px solid #704001;
}

#boxright {
	/*background: url("../img/boxr.gif") repeat left top;*/
}

#boxright div {
	/*background: url("../img/boxrs.gif") repeat-y left top;*/
	height: 100%;
}


/*
 *  WRAPPER 
 */ 
#wrapper {
	width: 760px;
	height: 100%;
	background: #FFFFFF;
}

#top_nl {
	height: 103px;
	background: url("../img/topbg_nl.gif") no-repeat left top;
}

#top_fr {
	height: 103px;
	background: url("../img/topbg_fr.gif") no-repeat left top;
}


/*
 *  NAV HEADER 
 */ 
#menu {
	width: 760px;
	height: 24px;
	background: url("../img/menubg.gif") no-repeat left top;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	padding-top: 5px;
	padding-left: 190px;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	text-decoration: none;
	text-transform: uppercase;
}

#menu a:link, #menu a:visited, #menu a:active {
	padding-left: 15px;
	padding-right: 15px;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	text-decoration: none;
	text-transform: uppercase;
	
}

#menu a:hover {
	
}

/*
 *  LEFT 
 */ 
#leftwrapper {
	width: 175px;
	height: 100%;
	background: url("../img/leftbg.gif") repeat-y left top;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

#left {
	width: 175px;
	height: 100%;
	background: url("../img/left.gif") no-repeat left bottom;
	vertical-align: bottom;
	
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	
	padding: 0;
	margin: 0;
}

/*
 *  LEFT MENU'S 
 */ 

.menu_header {
	width: 175px;
	background: url("../img/menuheaderbg.gif") no-repeat left top;
	padding-top: 16px;
	margin-top: 20px;
	display: block;
	position: relative;
	float: left;
}

.menu_header label {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #704001;
	padding-left: 4px;
	display: block;
	padding-bottom: 7px;
}

#menu_left a:link, #menu_left a:visited, #menu_left a:active {
	width: 175px;
	height: 21px;
	display: block;
	background: url("../img/itembg.gif") no-repeat left top;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	/* text-transform: capitalize; */
	color: #704001;
	
	padding-left: 30px;
	padding-top: 4px;
}

#menu_left a:hover {
	background: url("../img/itembghover.gif") no-repeat left top;
	color: #000000;
}

#menu_left ul {
	padding: 0px;
	margin: 0;
}

#menu_left li {
	padding: 0px;
	margin: 0;
	width: 175px;
	height: 21px;
	display: block;
	list-style: none;
}

#menu_cart {
	width: 175px;
	display: block;
	background: url("../img/orderbg.gif") repeat-y left top;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #e1b17e;
	position: relative;
	float: left;
}

#menu_cart img {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#menu_cart #btn {
	width: 80px;
	height: 16px;
	background: #d4d0c8;
	display: block;
	border: 1px solid #704001;
	text-align: center;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 45px;
	
	color: #704001;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#left_spacing {
	width: 175px;
	height: 102px;
	display: block;
	position: relative;
	float: left;
	margin-top: 15px;
}

.charttablesmall {
	width: 175px;
	position: relative;
	float: left;
}

.charttdleftsmall {
	background: url("../img/orderbg.gif") no-repeat left top;
	border-bottom: 1px solid #e1b17e;
	
	width: 145px;
	height: 19px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #704001;
	text-decoration: none;
	text-transform: capitalize;
	
	padding-left: 7px;
	padding-top: 2px;
}

.charttdrightsmall {
	background: url("../img/orderbg.gif") no-repeat left top;
	border-bottom: 1px solid #e1b17e;
	border-left: 1px solid #e1b17e;
	
	width: 30px;
	height: 19px;

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #704001;
	text-align: right;
	text-decoration: none;
	text-transform: capitalize;
	
	padding-right: 6px;
	padding-top: 2px;

}

.charttotalsmall {
	background: url("../img/orderbghover.gif") no-repeat left top;
	border-bottom: 1px solid #e1b17e;
	border-left: 1px solid #e1b17e;
	
	width: 175px;
	height: 19px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #704001;
	text-align: right;
	text-decoration: none;
	text-transform: capitalize;
	
	padding-right: 6px;
	padding-top: 2px;
}


/*
 *  CONTENT 
 */ 

#contentwrapper {
	width: 585px;
	height: 100%;
	background: url("../img/contenttopbg.gif") no-repeat left top;
	vertical-align: top;
}

#contentvak {
	width: 585px;
	height: 100%;
	background: url("../img/contentbottombg.gif") no-repeat left bottom;
	vertical-align: bottom;
}

#content {
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 20px;
	vertical-align: top;
}

/*
 *  CONTENT TEXT
 */ 

#title {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #704001;
	text-decoration: none;
	padding-bottom: 10px;
	text-transform: uppercase;
}

#changeddiv {
	background: url("../img/error.gif") no-repeat left top;
	width: 100%;
	border: 1px solid #990000;
	margin-bottom: 10px;
	padding: 5px 0px 7px 5px;
	color: #704001;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}

#changeddiv div {
	margin: 3px 0px 3px 31px;
	color: #704001;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}

#changeddiv div strong {
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 15px;
}

#changeddiv div ul {
	margin: 0px 0px 3px 16px;
	padding: 0px;
}

#changeddiv div li {
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	height: 6px;
	vertical-align: middle;
	padding-top: 5px;
	
}

#infodiv {
	background: url("../img/info.gif") no-repeat left top;
	width: 100%;
	border: 1px solid #990000;
	margin-bottom: 10px;
	padding: 5px 0px 5px 5px;
	color: #704001;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 10px;
}


#infodiv div {
	margin: 3px 0px 3px 32px;
	color: #704001;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}

#contentdiv #btn:link, #contentdiv #btn:active, #contentdiv #btn:visited {
	width: 80px;
	height: 14px;
	background: #d4d0c8;
	display: block;
	border: 1px solid #704001;
	text-align: center;
	vertical-align: top;
	padding-bottom: 2px;
	padding-top: 1px;
	
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#contentdiv #btn:hover {
	width: 80px;
	height: 14px;
	background: #704001;
	display: block;
	border: 1px solid #704001;
	text-align: center;
	vertical-align: top;
	padding-bottom: 2px;
	
	color: #fff;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#contentdiv input {
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #704001;
	height: 18px;
	margin-bottom: 3px;
	padding-top: 1px;
	padding-bottom: 4px;
}

#contentdiv textarea {
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #704001;
}

/*
 *  PRODUCTS
 */ 

.producttable {
	line-height: 16px;
	width: 555px;
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

/* .producttitle {
	width: 555px;
	height: 25px;
	display: block;
	vertical-align: top;
	border-bottom: 1px solid #b8824e;
	
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #704001;
	text-transform: uppercase;
	text-decoration: none;
} */

.producttitle {
	width: 553px;
	height: 25px;
	display: block;
	vertical-align: top;
	border-bottom: 1px solid #b8824e;

	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #704001;
	text-transform: uppercase;
	text-decoration: none;
}

.emptytitle {
	width: 500px;
	height: 13px;
	display: block;
	vertical-align: top;
	
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #704001;
	text-transform: uppercase;
	text-decoration: none;
}

.producttitle a:link, .producttitle a:visited, .producttitle a:active {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #704001;
	text-transform: uppercase;
	text-decoration: none;
}

.producttitle a:hover {
	text-decoration: underline;
}

.productimage {
	width: 10%;
	padding-top: 15px;
}

.productordertd {
	width: 100px;
	padding-top: 15px;
	text-align: right;
	vertical-align: top;
}

.productorder {
	background: url("../img/orderbg.gif") repeat left top;
	border-left: 1px solid #b8824e;
	border-top: 1px solid #b8824e;
}

#orderbtn {
	width: 80px;
	height: 21px;
	background: #d4d0c8;
	display: block;
	border: 1px solid #704001;
	text-align: center;
	vertical-align: top;
	padding-bottom: 2px;
	padding-top: 2px;
	
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.orderleft {
	height: 30px;
	border-bottom: 1px solid #b8824e;
	border-right: 0px;
	vertical-align: middle;
	padding: 4px 8px 4px 8px; /* top right bottom left */
}

.orderright {
	height: 30px;
	border-bottom: 1px solid #b8824e;
	border-right: 1px solid #b8824e;
	vertical-align: middle;
	padding: 4px 8px 4px 0px; /* top right bottom left */
}

.orderleft2 {
	height: 50px;
	vertical-align: middle;
	padding: 4px 12px 4px 0px; /* top right bottom left */
}

.orderright2 {
	height: 50px;
	vertical-align: middle;
	padding: 4px 0px 4px 0px; /* top right bottom left */
}

.productprice {
	padding-top: 10px;
	vertical-align: top;
}

span.prijs {
	font-weight: bold;
	font-size: 11px;
	color: #cc0000;
}

span.italic {
	font-style: italic;
}

.productomschrijving {
	padding-top: 10px;
	padding-left: 13px;
	padding-right: 40px;
	vertical-align: top;
	text-align: justify;
}

.productkenmerken {
	padding-top: 7px;
	vertical-align: top;
}

.productkenmerken ul {
	margin-top: 0px;
	margin-left: 16px;
}

.ordercombo {
	width: 50px;
	height: 20px;
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.ordertxt {
	width: 50px;
	height: 20px;
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

.productorder #img {
	
}

/*
 *  BOTTOM
 */ 

#bottom {
	height: 28px;
	background: url("../img/bottombg.gif") repeat-x left top;
	vertical-align: top;

	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	text-decoration: none;
	text-transform: uppercase;
	cursor: default;
	text-align: right;
	
	padding-top: 9px;
	padding-right: 10px;
}

#bottom a:link, #bottom a:visited, #bottom a:active, #bottom a:hover {
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	text-decoration: none;
	text-transform: uppercase;
	cursor: default;
}


/*
 *  PRODUCTOVERZICHT
 */ 

.product {
	border-bottom: 1px solid #b8824e;
	background: #fff;
	border-collapse: collapse;
	width: 553px;;
}

.productempty {
	padding: 10px 10px 10px 0px;
	margin: 0;
	width: 553px;
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	height: 20px;
}

.productpadding {
	height: 4px;
	margin: 0;
	line-height: 0px;
}

.productspacing {
	height: 9px;
	margin: 0;
	line-height: 0px;
}

.image {
	width: 80px;
	text-align: center;
	vertical-align: middle;
	padding-top: 7px;
	padding-right: 8px;
}

.image img {
	width: 80px;
}

.productheadleft {
	padding-top: 10px;
	font-family: Verdana;
	line-height: 16px;
	text-decoration: none;
	color: #704001;
	padding: 2px;
	vertical-align: top;
}

.productheadleft a:link, .productheadleft a:visited, .productheadleft a:active {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #704001;
	text-decoration: none;
	text-transform: uppercase;
}

.productheadleft a:hover {
	text-decoration: underline;
}

.productheadright {
	font-family: Verdana;
	line-height: 14px;
	text-align: right;
	text-decoration: none;
	color: #704001;
	padding: 2px;
	vertical-align: top;
}

.productdetail {
	text-align: justify;
	vertical-align: bottom;
	padding-bottom: 3px;
	height: 35px;
}

.productdetail a {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #704001;
	text-decoration: none;
}

.winkelwagentd {
	width: 65px;
	vertical-align: middle;
	text-align: right;
	padding-left: 14px;
	/* display: none; */
}

.eurovak {
	float: right;
	width: 72px; 
	height: 18px; 
	background: url("../img/eurovak.gif") repeat left top;
	text-align: center;
	vertical-align: top;
	padding-top: 1px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.leesmeer {
	float: left;
	margin-top: 13px;
}

.combo {
	float: left;
	width: 40px;
	vertical-align: middle;
	border: 1px solid #704001;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	margin-top: 7px;
	margin-right: 3px;
}

.winkelwagentd #txt {
	float: left;
	width: 30px;
	vertical-align: middle;
	border: 1px solid #704001;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	margin-top: 7px;
}

.winkelwagentd #winkelbutton {
	float: right;
	width: 25px;
	height: 29px;
	border: 0px;
	background: url("../img/shoppingcartsmall.gif") no-repeat left top;
	cursor: hand;
}

.winkelwagentd #img {
	float: right;
	padding-top: 0px;;
}

/*
 *  BESTELLING
 */ 

.bestellingtable {
	width: 555px;
	margin-top: 15px;
	border: 1px solid #b8824e;
}


.bestellingcol {
	height: 20px;
	padding: 4px;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	font-weight: bold;
	text-align: center;
	
}

.bestellingrow {
	height: 40px;
	background: url("../img/productviewleftbg.gif") repeat left top;
}

.bestellingtd {
	height: 40px;
	padding: 4px;

	vertical-align: middle;
	text-align: right;
}

.aantaltd {
	height: 40px;
	width: 145px;
	padding: 4px;
	padding-right: 10px;

	vertical-align: middle;
	text-align: center;
}

.aantaltd #btn {
	float: right;
	height: 16px;
	background: #d4d0c8;
	display: block;
	border: 1px solid #704001;
	text-align: center;
	vertical-align: top;
	margin-left: 5px;
	
	color: #704001;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.aantaltd #txt {
	float: right;
	vertical-align: middle;
	border: 1px solid #704001;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	width: 35px;
}


.bestellingimg {
	width: 30px;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
	
}

.bestellingimg img {
	height: 40px;
}

.totaalrow {
	height: 20px;
	background: url("../img/productviewlefthoverbg.gif") repeat left top;
}

.bestellingtotaal {
	padding: 4px;
	font-family: Verdana;
	font-size: 10px;
	color: #704001;
	font-weight: normal;
	text-align: right;
}

.bestellingtotaalright {
	padding: 4px;
	font-family: Verdana;
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
	text-align: right;
}

.btn {
	float: left;
	height: 20px;
	background: #d4d0c8;
	display: block;
	border: 1px solid #704001;
	text-align: center;
	vertical-align: top;
	
	color: #704001;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin-right: 10px;
}

.bestelbtn {
	float: right;
	height: 20px;
	background: #d4d0c8;
	display: block;
	border: 1px solid #704001;
	text-align: center;
	vertical-align: top;
	
	color: #704001;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.txt {
	vertical-align: middle;
	border: 1px solid #704001;
	font-family: Verdana;
	font-size: 11px;
	color: #704001;
}

.optie {
	height: 10px;
	color: #704001;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}

.aanspreektitel {
	width: 60px;
	height: 15px;
	color: #704001;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	border: 1px solid #704001;
	margin-top: 1px;
}	

.text {
	color: #704001;
	font-family: Verdana;
	font-size: 9pt;
	text-decoration: none;
	border: 1px solid #704001;
	height: 20px;
	margin-bottom: 3px;
	padding-top: 1px;
	padding-bottom: 4px;
}

.textarea {
	color: #704001;
	font-family: Verdana;
	font-size: 9pt;
	text-decoration: none;
	border: 1px solid #704001;
}

.vraagdiv {
	padding-bottom: 10px; 
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #704001;
	text-decoration: none; 
}

.koptekstdiv {
	padding-top: 7px; 
	padding-bottom: 10px; 
	font-size: 10px; 
	text-decoration: underline; 
	font-weight: bold;
	cursor: default;
}

#content a:link, #content a:visited, #content a:active, #content a:hover {
	color: #704001;
}

#content .vraaglink:link, #content .vraaglink:visited, #content .vraaglink:active {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #704001;
	text-decoration: none; 
}

#content .vraaglink:hover {
	color: #CC0000;
}

.reclamediv {
	float: right;
	background: url("../img/blokbg.gif") no-repeat left top;
	width: 271px;
	height: 125px;
	display: block;
}

.reclameheader {
	width: 250px;
	height: 13px;
	display: block;
	
	margin-top: 11px;
	margin-left: 12px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #704001;
	text-transform: uppercase;
}

.reclamecontent {
	width: 245px;
	display: block;
	
	margin-top: 12px;
	margin-left: 12px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #704001;
}