/*
*	Coding by Gryx Webdesign - www.gryx.be
*	Do not copy the code nor the graphics.
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font: 0.7em Arial, Tahoma, Verdana, Trebuchet MS;
	color: #000;
	background: #fff;
}
#container {
	position: relative;
	width: 922px;
	margin: 0 auto;
}
/********************/
/***** OPMAAK *****/
/*******************/
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	border: 0;
}
/******************/
/***** HEADER *****/
/******************/
#header {
	position: relative;
	height: 173px;
	margin: 4px 0 1px 0;
	background: url(images/header.jpg);
}
#header h1 {
	position: absolute;
	text-indent: -999em;
}
#header a {
	color: #fff;
}
/***** TOPMENU *****/
ul#topmenu {
	position: absolute;
	top: 7px;
	left: 200px;
	line-height: 0.8em;
	font-weight: bold;
}
ul#topmenu li, ul#menulogin li{
	float: left;
	border-right: 1px solid #fff;
	padding: 0 10px;
}
ul#topmenu li.noborder, ul#menulogin li.winkelwagen{
	border: 0;
}
ul#topmenu li a, ul#menulogin li a{
	float: left;
}
/***** MENULOGIN *****/
ul#menulogin {
	position: absolute;
	top: 3px;
	left: 725px;
	line-height: 17px;
	font-weight: bold;
}
ul#menulogin li.winkelwagen a{
	background: url(images/cart.jpg) left center no-repeat;
	padding-left: 34px;
}
/***** MENU *****/
ul#menu {
	height: 36px;
	position: absolute;
	left: 199px;
	top: 137px;
}
ul#menu li {
	float: left;
}
ul#menu li a {
	float: left;
	border-right: 1px solid #fff;
	display: block;
	width: 82px;
	line-height: 36px;
	padding-left: 8px;
	font-size: 1.2em;
}
ul#menu li a:hover, ul#menu li.selected a {
	background: #ece9e6;
	color: #9A8C7B;
}
/***** ZOEKEN *****/
#header form {
	position: absolute;
	left: 726px;
	top: 145px;
}
#header form input {
	float: left;
	width: 100px;
	padding: 4px 0 0 20px;
	margin-left: 8px;
	font: inherit;
	outline: none;
	border: none;
	height: 14px;
	color: #9a8c7b;
}
#header form input.knop {
	width: 49px;
	height: 19px;
	background: transparent url(images/ga.jpg) no-repeat;
	cursor : pointer;
	padding: 0;
}
/******************/
/***** CENTER *****/
/******************/
#center {
	position: relative;
	left: 25px;
	float: left;
	width: 499px;
	background: #ece9e6;
	overflow: hidden;
	padding: 20px 12px 0 12px;
	margin-bottom: 15px;
}
#center h2, a{
	font-size: 1em;
	color: #9A8C7B;
}
#center h3 {
	font-size: 2em;
	padding-top: 10px;
}
#center p {
	padding-bottom: 10px;
}
/***** PAGINA *****/
.sorteren {
	color: #9A8C7B;
}
.sorteren a {
	color: #9A8C7B;
}
.pagina {
	float: right;
	padding: 15px 0;
	color: #9A8C7B;
}
.pagina li {
	padding-left: 3px;
	float: left;
}
.pagina li a {
	float: left;
	color: #9A8C7B;
	text-decoration: underline;
}
.pagina li.gnlijn a {
	text-decoration: none;
}
/***** BOXCENTER *****/
.boxcenter {
	clear: both;
	background: #fff;
	padding-bottom: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
#center .boxcenter h3 {
	line-height: 24px;
	background: #9a8c7b;
	font-size: 1em;
	padding: 0 0 0 10px;
	color: #fff;
}
#center .boxcenter p {
	padding: 10px 10px 0 10px;
}
#center .boxcenter table {
	padding: 10px 10px 0 10px;
}


.boxcenter a {
	color: #000000;
}
#nomargin {
	margin: 0;
}
.imgleft {
	float: left;
	padding: 10px;
	margin-right: 10px;
}
/***** PRODUCTLIST *****/
ul#productlist {
	clear: both;
}
ul#productlist li {
	position: relative;
	float: left;
	width: 238px;
	height: 170px;
	background: #fff;
	margin: 12px 23px 12px 0; /**23*/
}
ul#productlist li.nomargin {
	margin-right: 0;
}
ul#productlist h3 {
	line-height: 24px;
	background: #9a8c7b;
	font-size: 1em;
	padding: 0 0 0 10px;
	color: #fff;
}
ul#productlist img {
	position: absolute;
	left: 10px;
	top: 54px;
}
ul#productlist strong {
	position: absolute;
	left: 120px;
	top: 54px;
	font-size: 1.5em;
}
ul#productlist p {
	position: absolute;
	left: 120px;
	top: 84px;
	color: #236340;
}
ul#productlist a {
	position: absolute;
	left: 120px;
	bottom: 2px;
	color: #9A8C7B;
}
ul#productlist form {
	position: absolute;
	left: 120px;
	top: 120px;
}
ul#productlist form input {
	float: left;
	width: 10px;
	padding: 5px;
	font: inherit;
	margin-left: 5px;
	border: 1px solid #9A8C7B;
}
ul#productlist form input.knop {
	width: 43px;
	height: 28px;
	background: transparent url(images/cart_add.jpg) no-repeat;
	cursor : pointer;
	padding: 0;
	outline: none;
	border: none;
}

/*.product_bekijken_info form {
	position: absolute;
	left: 120px;
	top: 100px;
}*/
.product_bekijken_info form input {
	float: left;
	width: 10px;
	padding: 5px;
	font: inherit;
	margin-left: 5px;
	border: 1px solid #9A8C7B;
}
.product_bekijken_info form input.knop {
	width: 43px;
	height: 28px;
	background: transparent url(images/cart_add.jpg) no-repeat;
	cursor : pointer;
	padding: 0;
	outline: none;
	border: none;
}
/****************/
/***** LEFT *****/
/****************/
#left {
	position: relative;
	left: 12px;
	top: 12px;
	padding-bottom: 12px;
	width: 174px;
	float: left;
}
#left ul.nav {
	margin-bottom: 25px;
}
#left ul.nav li {
	line-height: 24px;
	background: #9a8c7b;
	border-bottom: 1px solid #fff;
}
#left ul.nav li.margintop {
	margin-top: 10px;
}
#left ul.nav li.noborder {
	border: 0;
}
#left ul.nav ul li {
	background: #b9afa5;
	border-bottom: 1px solid #a29586;
}
#left ul.nav a {
	color: #fff;
	padding-left: 10px;
}
#left ul.logos {
	text-align: center;
}
#left ul.logos li {
	margin-bottom: 20px;
}
/*****************/
/***** RIGHT *****/
/*****************/
#right {
	position: relative;
	right: 12px;
	top: 12px;
	padding-bottom: 12px;
	width: 174px;
	float: right;
	color: #9A8C7C;
}
#right h2 {
	line-height: 24px;
	background: #9a8c7b;
	font-size: 1em;
	padding-left: 10px;
	color: #fff;
}
/***** BOX *****/
.box {
	border-bottom: 1px solid #9a8c7b;
	background: #ece9e6;
	margin-bottom: 10px;
	clear: both;
}
.box ul li {
	padding: 5px 10px;
}
ul li.loguit {
	border-top: 1px solid #9a8c7b;
	
}
.box ul a {
	font-weight: bold;
	color: #9a8c7b;
}

/***** INLOGGEN *****/
#inloggen {
	margin-top: 8px;
}
#inloggen input {
	float: left;
	padding: 4px 0 0 4px;
	margin: 0 0 8px 8px;
	font: inherit;
	outline: none;
	height: 14px;
	border: 1px solid #9a8c7b;
	color: #9a8c7b;
	width: 94px;
}
input {
	float: left;
	padding: 4px 0 0 4px;
	margin: 0 0 8px 8px;
	font: inherit;
	outline: none;
	/*height: 14px;*/
	border: 1px solid #9a8c7b;
	color: #9a8c7b;
	/*width: 94px;*/
}
input.winkelmand{
	float: left;
	padding: 4px 0 0 4px;
	margin: 0 0 8px 8px;
	font: inherit;
	outline: none;
	/*height: 14px;*/
	border: none;
	color: #9a8c7b;
	/*width: 94px;*/
}
textarea {
	float: left;
	padding: 4px 0 0 4px;
	margin: 0 0 8px 8px;
	font: inherit;
	outline: none;
	/*height: 14px;*/
	border: 1px solid #9a8c7b;
	color: #9a8c7b;
	/*width: 94px;*/
}
#inloggen input.email {
	width: 152px;
}
#inloggen input.knop {
	width: 51px;
	height: 19px;
	background: transparent url(images/login.jpg) no-repeat;
	cursor : pointer;
	padding: 0;
	border: none;
}
#inloggen a {
	clear: both;
	display: block;
	padding: 5px 10px;
	width: 154px;
	font-weight: bold;
	color: #9a8c7b;
	border-top: 1px solid #9a8c7b;
}
/***** CART *****/
#cart h2 {
	background: #9a8c7b url(images/cart.jpg) 5px center no-repeat;
	padding-left: 40px;
}
#cart ul li {
	padding: 5px 10px;
}
#cart ul li.bekijk {
	border-top: 1px solid #9a8c7b;
	border-bottom: 1px solid #9a8c7b;
}
#cart ul a {
	font-weight: bold;
	color: #9a8c7b;
}
#cart img {
	padding-left: 2px
}
#product {
	text-align: center;
}
#product img {
	padding: 10px 0;
}
/******************/
/***** FOOTER *****/
/******************/
#footer {
	width: 100%;
	clear: both;
	background: #9a8c7b;
	text-align: center;
}
#footer ul {
	padding: 10px 0;
}
#footer ul li{
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 10px;
}
#footer ul li.noborder{
	border: 0;
}
#footer ul li a{
	color: #fff;
	display: inline;
}