* { margin: 0; padding: 0; font-family: Verdana, Helvetica, Sans-serif;}
body { background: #fff; }
body, div, span, input, textarea, select,  th, td { font-family:Verdana, Helvetica, Sans-serif; font-size: 12px; color:#837541;}
html { overflow: -moz-scrollbars-vertical; overflow-x: auto; }

/*** layout ***/
#container { width:980px; margin: 1em auto; background: #faf9f6; }
#wrapper { position: relative; width:960px; margin: 0 10px;}

#leftColumn, #mainColumn { float:left; }
#leftColumn { width: 170px; }
#mainColumn { width: 790px; padding-bottom: 2em; color:black;}

#mainColumn DIV.klein {margin: 20px 80px 20px 0;color:black;}

#footer { clear:left; background: #f4f0e7; border:0px solid #837541; padding: .5em .7em .7em .2em; margin:1em 0em 1em 0em; text-align: center; font-size:12px;}
#footer p { margin:0; }

/*** header ***/
#header { width:958px; height: 130px; }
#header IMG.logo { position:absolute; top: 0; left: 20px; z-index: 88;} 
#header DIV.box { position:absolute; top: 10px; left: 0; width:958px; height: 110px; background: #f4f0e7; z-index: 78; text-align: center; }
#header DIV.box h1 { margin: 50px 0 0 0; letter-spacing: 1px; font-size:24px; font-weight:normal; }
#header DIV.box h2 { font-weight: normal; margin: 0; font-size: 14px;}
#header FORM.searchbox { position:absolute; top: 20px; left: 805px; width: 142px; z-index: 79; }
FORM.searchbox INPUT { padding-top:9px; text-align:center; width: 104px; height: 22px; color:#699; border:1px solid #837541; border-right:0px; float:left;font-style:italic;}
FORM.searchbox button {border: 1px; color:#837541; border-style:solid; border-left: 0px; background: #fff; height:33px; width:35px; float:left;  }


#topmenu { position: absolute; top: 35px; left:168px; z-index: 99;}
ul#topmenu, ul#topmenu li { list-style-type:none; }
ul#topmenu li a { display:block; line-height:18px; text-decoration: none; color:#837541;}
ul#topmenu li a:hover { text-decoration: underline; color:#699; }
ul#topmenu li a.selected { color: #699; text-decoration: underline;} 

/*** left column ***/
.leftbox { width:130px; background: #f4f0e7; padding:8px 0 12px 0px; margin: 15px 0 10px 20px;}
.leftbox select { width:120px; margin-left: .4em; margin-right:.4em;  border:1px solid #837541; height:22px;padding:2px;}
.leftbox select optgroup { font-weight: bold; }
.leftbox select option { font-weight: normal; margin-left:1em; }

/* func menu */
#funcmenu { width:130px; }
ul#funcmenu, ul#funcmenu li { list-style-type:none; }
ul#funcmenu li a { display:block; line-height:18px; padding: 0 .6em; text-decoration: none; color:#837541;}
ul#funcmenu li a:hover { text-decoration: underline; color:#699;}
ul#funcmenu li a.selected { color: #699; } 

/* productcats menu */
ul#productcats { list-style-type:none; }
ul#productcats li { font-weight: bold; list-style-type:none; margin-top: 1em; line-height:18px;}
ul#productcats li ul li { font-weight: normal; margin:0; height:18px; }
ul#productcats li a { display:block; line-height:18px; padding: 0 .6em; text-decoration: none; color:#837541;}
ul#productcats li a:hover, ul#productcats li a.selected { background: #e0ddcc; } 

.cartbox, .leftbox h3  { margin: .6em; color:#699;}
.cartitem {color:#699; padding:5px 0 5px 0;}
.buttoncart {
	color:#faf9f6;
    border: 1px solid #fff; 
    background: #66999a url('../img/wagen_kopen.png') no-repeat left center; 
	padding-left:10px;
	width: 110px;
	height: 31px;
}
.buttoncart:hover {
	color:#837541;
    border: 1px solid #837541;
    background: #f4f0e7 url('../img/wagen_kopen_over.png') no-repeat left center; 
	padding-left:10px;
    
}
/*** main column ***/

.paginator { width: auto; float:right; margin: 0 0 1em 0; color:#699;}
.paginator a {color:#699; text-decoration: none; padding:0 .6em; }
.paginator a:hover { text-decoration: none; color:#837541;}
.paginator a.selected { font-weight: bold; text-decoration:none;color:#837541;}
.resultnr { width:auto; float:left; font-weight:normal;}

/* products index */
DIV.itemlist { margin-bottom: 2em;  }
DIV.itemimg { width:220px; float:left; position:relative; }
IMG.thumb, IMG.slide {  }
DIV.iteminfo, DIV.detailinfo { width:560px; margin-left:10px; float:left; background: #f4f0e7; padding: 0 0 1em 0;}
DIV.iteminfo h3, DIV.detailinfo h3 { color: black; margin: 6px 10px;font-family:Tahoma, Verdana, sans-serif;font-size:14px}
.kop {color:black; font-size:13px; font-weight:bold; margin-left:10px; line-height:28px;font-family:Tahoma, Verdana, sans-serif;}
.imghold, .imgsold { position:absolute; top:0; left:0; z-index:99; }
SPAN.label { display:block; width: 160px; margin-left: 10px; color: black; font-weight:normal; float:left; font-family:Tahoma, Verdana, sans-serif;font-size:13px}
SPAN.txt { display:block; width: 370px; float:left; font-family:Tahoma, Verdana, sans-serif;font-size:13px;color:black;}

input.buttonkoop {width: 138px; height:31px; border: 1px solid #fff; background-color:#66999a; color:#fff; padding-left:5px;margin-right:10px;}
input.buttonkoop:hover {width: 138px; height:31px; border: 1px solid #837541; color:#837541;}

/* products detail */
DIV.detailimg { width:410px; height: 550px; float:left; position:relative;}
IMG.slide { width: 50px; float:left; margin: 1em 1em 0 0; position:relative;}
DIV.detailinfo { width: 370px; }
DIV.detailinfo SPAN.label { width: 120px;  }
DIV.detailinfo SPAN.txt { width: 220px; }
DIV.detailfoto {width:360px; float:left; position:relative; margin: 10px;}

/* home */
.home_items { margin-top: 2em; clear:left; font-weight:bold;}
.home_item { width: 210px; float:left; position:relative; min-height:270px; color:black;}
.home_item IMG { position:absolute; top:20px; left:0; }

/* cart form */
form.inline { display:inline; margin-right:1em; color:black;}
table#cartform {border-collapse: collapse; border-color:black;}
#cartform th, #cartform td { vertical-align: top; text-align:left; border:1px; border-style:solid;   padding:10px;border-color:black; color:black;}
#cartform th { font-weight: bold; color:black;}
#cartform th.right, #cartform td.right { text-align:right; color:black;} 


/* textpages */

.pagecontent { color: black; width:617px; margin: 16px 0 0 0 ;}
.pagecontent P { margin: 0; line-height:21px;}
DIV.pagecontent h1,  DIV.pagecontent h2, DIV.pagecontent h3, DIV.pagecontent h4 { margin-top: 20px; color:black;}

/* comments */
ul.comment_list { width:428px; list-style-type:none; margin-bottom: 2em;}
ul.comment_list li { list-style-type:none; border-bottom: 1px solid #699; margin-bottom: 1em;}

/* links */
SPAN.links { display:block; width: 40%; float:left;}

/*** boxes right ***/

.rightboxcontainer { width: 160px; float:right; clear:right; margin:6px 0 5px 0;}
.rightbox { width: 158px; background: #f4f0e7; margin: 10px 0 0 0; }
.innerbox { margin:12px;line-height:18px; padding: 7px 0px 7px 0px; font-family:Tahoma, Verdana,sans-serif;}
DIV.rightbox h1,  DIV.rightbox h2,DIV.rightbox h3,DIV.rightbox h4  {font-family:Tahoma, Verdana, sans-serif; color:#837541;margin-top: 5px;}
a.rightbox:active {color:red;}
DIV.innerbox p { margin:0;font-family:Tahoma, Verdana, sans-serif; } 


/*** general styles ***/
IMG { border:none;}
.clear { display:block; clear: both; line-height: 0; height: 0; }
.pos { font-weight: normal; color: black; width:400px;}
.neg { font-weight: bold; color: red; }
.floatl { float:left; }
.floatr { float:right; }
.floatrcart { float:right; margin:0 10px 0 0;}
.floatrdatum { float:right; color:black; font-size:10px;}
p { margin: 1em 0; }
.rechts {float:right; margin-left:10px;}
.links {float:left; margin-right:10px;}

/* links */
a:link, a:visited { color: #699; text-decoration:none;}
a:hover { color: #837541; text-decoration:underline; }

a.klein:link, a.klein:visited { color: #699; text-decoration:none; font-family:Tahoma, Verdana, Sans-serif;}
a.klein:hover { color: #837541; text-decoration:underline; font-family:Tahoma, Verdana, Sans-serif;}

a.pag, a.pag:visited {color:#699; text-decoration:none;}
a.pag:active, a.pag:hover {color:#837541; text-decoration:none;}

a.footerlink  {text-decoration:none;}
a.footerlink:hover {color:#699; text-decoration:underline;}

a.top {
	background:url('../img/top.png')top right no-repeat; 
	display:block;
	color:#837541;
	text-decoration:none;
	width: auto;
	height:16px; 
	padding:0px 18px 8px 8px;
	margin-top: 10px;
	text-align:left;
}
a.top:hover { background:url('../img/top_over.png')top right no-repeat;	text-decoration:underline; color:#699; }


/* form */
div.uitlijnknop {margin-left:38%; margin-top:3px;}
div.uitlijnknop2 {margin-left:20%; margin-top:3px;}
form  { }
fieldset { border: 0px; }
label { display:block; font-weight: bold; color: black; width:140px; float:left; margin: 0 0 .6em 0; clear:left; width:160px;}
input, textarea, select { width: 160px; font-size: 1em; background: #fafafa; border: 1px solid #333; margin: 0 0 .6em 0; color: black; 
}
textarea { height:220px; }
.text {width:265px;}
input.number { width: 2em; }
input:hover, input:focus, textarea:hover, select:hover, checkbox:hover { background: whitesmoke; border: 1px solid #699; }
a.button { width:auto; display: block; margin: 0 0; }
input.button, a.button { width:auto; text-decoration: none; font-weight: normal; 
padding: .1em .8em .3em; color: #fff; font-size: 1em; background: #699; border: 1px solid #699; }
input.button:hover, a.button:hover { cursor: pointer; background: #faf9f6; color:#837541; border-color:#837541; }

.klein {font-size:8pt;}
td.zwart {color:black;}