@charset "UTF-8";

/*** style.css ***/

/*-- basic elements -----------------------------------------------------------*/
html, body {margin:0;padding:0;}
body {background:#eedf92 url(../images/bg.png);font:0.8em arial;color:#333;}
h2 {margin:0;padding:0;color:#80712b;font-size:140%;}
h3 {margin:0 0 5px;padding:0;font-size:110%;}
p, address {margin:0.5em 0 1em;padding:0;font-style:normal;}
ul, ol {margin:0.5em 0 1em;padding:0;list-style-type:disc;}
li {margin-left:1.5em;}
img {border:0;}
abbr, acronym {border-bottom:1px dotted #000;cursor:help;}
a {color:#80712b;text-decoration:none;}
	a:link {}
	a:hover {text-decoration:underline;}
	a:active {}
	a:visited {}

/*-- forms --------------------------------------------------------------------*/
form, fieldset {margin:0;padding:0;border:0;}
fieldset {margin-bottom:1em;}
form {margin:0.5em 0 1em;width:400px;}
form div {margin:2px 0;padding:0;}
label {display:block;margin:0 5px 0 0;padding:0;float:left;width:100px;text-align:left;}
	label:hover, label.hover {color:#333;cursor:pointer;}
input, textarea {font-family:arial;color:#80712b;}
textarea {height:40px;}
.button {margin-left:103px;background:#eedf92;cursor:pointer;}
.text {width:200px;padding:1px 3px;background:#eedf92;font-size:0.9em;}
	.text:focus, .text.focus {background:#fff;}

/*-- id's ---------------------------------------------------------------------*/
#main-wrapper {position:absolute;width:804px;left:50%;margin-left:-402px;}
#header {}
	#header h1 {display:none;}
	#header img {width:804px;height:139px;}
#mid-wrapper {margin-top:47px;min-height:300px;}
	#bar-right {position:absolute;right:0;width:158px;background:url(../images/menu-right-bg.png) repeat-y;}
		#main-nav {margin:0;min-height:300px;background:url(../images/menu-right-bottom.png) 0 100% no-repeat;padding:10px 10px 20px 14px;}
	#bar-left {position:absolute;width:166px;background:url(../images/menu-left-bg.png) repeat-y;}
		#shop-nav {margin:0;min-height:300px;background:url(../images/menu-left-bottom.png) 100% 100% no-repeat;padding:10px 0 20px 27px;}
	#content h2 {position:absolute;margin-top:-52px;margin-left:-196px;background:url(../images/content-top.png) no-repeat;
						width:804px;height:37px;padding-top:10px;line-height:42px;text-align:center;}
	#content {margin-left:161px;width:420px;padding:5px 35px;min-height:500px;background:url(../images/content-bg.png);}
		#content img {border:#eedf92 1px solid;padding:1px;}
#footer {background:url(../images/bottom.png);width:804px;height:52px;padding-top:10px;line-height:52px;}
	#footer p {margin:0;padding:0 10px;font-size:85%;text-align:center;}

/*-- nav ----------------------------------------------------------------------*/
#main-nav, #shop-nav {margin:0;list-style-type:none;}
#main-nav ul, #shop-nav ul {margin:5px 0 15px;list-style-type:none;}
#main-nav li, #shop-nav li {margin:0;list-style-type:none;line-height:20px;}

#main-nav li a, #shop-nav li a {margin-left:5px;color:#fff;white-space:nowrap;}

a.category-title {margin-left:0px !important;}
a.category-title span {margin:0;padding:0;font-weight:bold;font-size:110%;color:#ffff33; /*eedf92,80712B*/}
.no-groups {display:block;margin-bottom:10px;}
.no-groups span {}

/*-- links --------------------------------------------------------------------*/
.links {list-style-type:decimal;}
.links li {line-height:2em;}

/* speciale links */
a#group58, a#group55 { font-weight:bold; color:#FFBB00 !important; }
a#group61 { font-weight:bold; color:#ffbb00 !important; }
a#cat4 span, a#cat5 span { font-weight:bold; color:#ffaa00 !important; }

/*-- voorwaarden --------------------------------------------------------------*/
#voorwaarden #content table {border-collapse: collapse;margin-bottom:5px;}
#voorwaarden #content table th,
#voorwaarden #content table td {border:#80712b 1px solid; padding:3px; text-align:left;}

/*-- shop ---------------------------------------------------------------------*/
.product {width:420px;border-bottom:#eedf92 1px solid;margin-bottom:5px;}
.product td {padding:5px;vertical-align:top;}
.photo-tumb {width:80px;height:80px;text-align:center;vertical-align:middle;}
.amount {width:18px;}
.order-button {background:#eedf92;cursor:pointer;}

.shoppingcart{ width:420px; }
.shoppingcart td {padding:5px;vertical-align:top;border-bottom:#eedf92 1px solid;}
.shoppingcart .colhead {font-weight:bold;color:#80712b;}

.card-item, .card-shippingcosts, .card-total {display:block;height:16px;line-height:16px;padding:2px;width:120px;margin-top:1px !important;}
.card-item {color:#80712b;background:#eedf92;}
.card-item a {color:#80712b !important;}
.card-shippingcosts {color:#fff;background:#80712b;}
.card-total {background:#80712b;color:#fff;}

.btn-delete {float:right;display:block;width:16px;height:16px;background:url(../images/delete.png) 2px 2px no-repeat;}
.btn-delete span {display:none;}

.groups {float:left;}
.img-cat-intro {float:right;margin:5px;}

/*-- extra classes ------------------------------------------------------------*/
.new-box {border:#80712b 1px dashed; background:#eedf92; padding:5px 10px; margin:5px 0 10px;}

.left {float:left;}
.error {margin:0 0 0 1.2em;padding:0 0 5px;color:#f00;}
.clear {clear:both;}
.nodis {display:none;}
.text-right {text-align:right;}
.dummy {overflow:hidden;height:1px;}
