/* CSS Document */

body, html {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
	margin: 0;
	padding: 0;
	color: #000;
	text-align:center;
	height: 100%;
	background-image:url(../images/oliva-bg.jpg);
	background-repeat:repeat-x;
	background-color:#dce7bf;
}
td {
font-size:11px;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1 {
font-size:16px;
font-weight:normal;
}
h2 {
font-size:14px;
font-weight:normal;
text-decoration:underline;
}

a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

div#container {
	position:relative;
	width: 1000px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	padding-top:220px;
	/*padding-bottom:50px;*/
	top:0px;
}
	div#container div#header {
	height:205px;
	width:1000px;
	top:0;
	left:0;
	position:absolute;
	}
		div#container div#header div#topmenu  {
		height:53px;
		width:1000px;
		position:absolute;
		left:0px;
		bottom:0px;
		z-index:100;
		background-color:#658417;
		}
			div#container div#header div#topmenu ul {
			margin: 0;
			padding: 0;
			width:100%;
			list-style:none;
			}
			div#container div#header div#topmenu li {
			margin: 0;
			color:#fff;
			font-size:20px;
			float:left;
			background-image:url(../images/menu-bg.jpg);
			width:123px;
			height:43px;
			margin-right:2px;
			text-align:center;
			padding-top:10px;
			}
			div#container div#header div#topmenu li:hover {
			background-image:url(../images/menu-bg-active.jpg);
			}
			div#container div#header div#topmenu li.actief {
			background-image:url(../images/menu-bg-active.jpg);
			}
		div#container div#header div#oliva_logo {
		height:86px;
		width:232px;
		top:40px;
		left:40px;
		position:absolute;
		}
		div#container div#header div#zoekform {
		height:25px;
		width:300px;
		top:115px;
		right:0px;
		position:absolute;
		text-align:right;
		}

		div#container div#header div#olijven {
		position:absolute;
		height:169px;
		width:241px;
		top:0px;
		left:307px;
		background-image:url(../images/header-olijven.png);
		background-repeat:no-repeat;
		z-index:200;
		}
		div#container div#header div#payoff {
		position:absolute;
		height:70px;
		width:350px;
		top:35px;
		right:20px;
		color:#fff;
		font-size:15px;
		text-align:center;
		}
		div#container div#header div#headerurls {
		position:absolute;
		width:500px;
		height:20px;
		right:0px;
		top:10px;
		}
		div#container div#header div#headerurls ul {
			float: right;
			width: 500px;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			div#container div#header div#headerurls li {
			float: right;
			width:auto;
			margin: 0;
			padding-right:7px;
			}
				div#container div#header div#headerurls li.hu_separator {
				
				width:1px;
				height:13px;
				padding-left:5px;
				padding-right:0;
				}
	div#container div#homebanner {
	float:left;
	height:294px;
	width:447px;
	border: 2px solid #658417;
	}
	div#container div#hometekst {
	float:left;
	height:201px;
	width:447px;
	padding-left:20px;
	}
	div#container div#randomproducten {
	float:left;
	height:200px;
	width:489px;
	padding-top:20px;
	clear:left;
	}
			div#container div#randomproducten ul {
			margin: 0;
			padding: 0;
			list-style:none;
			}
			div#container div#randomproducten li {
			float:left;
			margin: 0 43px 0 0px;
			text-align:center;
			width:120px;
			}
			.matriximage { border: 1px solid #658417; width:122px; height:122px; margin-bottom:10px;}
	div#container div#tekstcontainer {
	float:left;
	width:930px;
	padding-left:36px;
	}
	div#container div#tekstcontainer div#gegevensinvoer_afleveradres {
	display:none;	
	}
	div#container div#footer {
	position:absolute;
	height:20px;
	width:1000px;
	bottom:0px;
	left:0;
	}
		div#container div#footer div#copyright  {
		float:left;
		height:53px;
		width:200px;
		}
		div#container div#footer div#footermenu  {
		height:53px;
		float:right;
		}
			div#container div#footer div#footermenu ul {
			margin: 0;
			padding: 0;
			list-style:none;
			}
			div#container div#footer div#footermenu li {
			float:left;
			padding: 0 5px 0 5px;
			}
	div#container div#matrix_menu {
	float:left;
	left:0;
	
	margin-left:28px;
	padding:10px;
	width:220px;
	/*background-image:url(../images/product-menu-bg.jpg);*/
	background-repeat:repeat-x;
	border: 1px solid #dce7bf;
	}
		div#container div#matrix_menu ul {
		list-style:none;
		}
		div#container div#matrix_menu li.item {
		font-size:16px;
		margin:10px 0;
		width:210px;
		border:1px solid #39441d;
		padding:5px;
		border-radius:2px;
		-webkit-box-shadow: 0 1px 1px 1px #333;
	    -moz-box-shadow: 0 1px 1px 1px #333;
	    box-shadow: 0 1px 1px 1px #333;
		background-color:#d0da3d;
		background-image: url(../images/menu-bg.jpg);
		color:#000;
		}
		div#container div#matrix_menu li.subitem {
		font-size:12px;
		padding-left:10px;
		}

	div#container div#matrix {
	float:right;
	height:auto;
	width:700px;
	padding-top:0px;
	text-align:right;
	}
		div#container div#matrix div#breadcrump {
		float:left;
		text-align:right;
		padding:0px 30px 30px 0px;
		}
		div#container div#matrix div#pagenav {
		float:right;
		text-align:right;
		padding:0px 10px 30px 0px;
		}
		div#container div#matrix div#introtekst {
		float:left;
		text-align:left;
		width:670px;
		padding:10px;
		clear:both;
		font-size: 12px;
		text-align:justify;
		border: 1px solid #DCE7BF;
		}

		div#container div#matrix ul {
		list-style:none;
		width:700px;
		float:left;
		}
		div#container div#matrix li {
		float:left;
		width:120px;
		height:160px;
		text-align:center;
		margin:10px;
		}
		.matrixslides {
		overflow:hidden;
		border: 1px solid #658417; width:122px; height:122px; margin-bottom:10px; text-align:center; display:block;
		}
	div#container div#productfoto {
	float:left;
	height:auto;
	width:300px;
	}
	div#container div#producttekst {
	float:left;
	height:auto;
	width:300px;
	padding-left:30px;
	}


a.topmenu-url:link, a.topmenu-url:visited {
color:#fff;
text-decoration:none;
font-size:20px;
}
a.topmenu-url:hover, a.topmenu-url:active {
text-decoration:underline;
}
a.footermenu-url:link, a.footermenu-url:visited {
color:#39441d;
text-decoration:none;
font-size:12px;
}
a.footermenu-url:hover, a.footermenu-url:active {
text-decoration:underline;
}
a.matrixmenu-url:link, a.matrixmenu-url:visited {
color:#fff;
text-decoration:none;
font-size:14px;
width:100%;
padding:3px 0;
font-weight:bold;
}
a.matrixmenu-url:hover, a.matrixmenu-url:active {
text-decoration:underline;
}
a.matrixsubmenu-url:link, a.matrixsubmenu-url:visited {
color:#39441d;
text-decoration:none;
font-size:12px;
}
a.matrixsubmenu-url:hover, a.matrixsubmenu-url:active {
text-decoration:underline;
}

a.matrix-url:link, a.matrix-url:visited {
color:#39441d;
text-decoration:none;
font-size:12px;
}
a.matrix-url:hover, a.matrix-url:active {
text-decoration:underline;
}

a.pagenav-url:link, a.pagenav-url:visited {
color:#39441d;
text-decoration:none;
font-size:12px;
}
a.pagenav-url:hover, a.pagenav-url:active {
text-decoration:underline;
}
.maatinput {
width:120px;
font-family:"Trebuchet MS", Verdana, Arial;
}
.numeric {
width:40px;
font-family:"Trebuchet MS", Verdana, Arial;
text-align:right;
}
.zoekinput {
width:190px;
font-family:"Trebuchet MS", Verdana, Arial;
font-style:italic;
font-size:10px;
color:#666;
}
.zoekknop {
width:50px;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:10px;
}
.message {
color:#8b0f04;
}
a.headerurl:link, a.headerurl:visited, a.headerurl:hover, a.headerurl:active {
color:#fff;
text-decoration:none;
font-weight:normal;
font-size:11px;
border:1px solid #fff;
padding:2px 10px;
}
.btn_groen {
background-image:url(../images/btn-groen-bg.jpg);
width:165px;
height:31px;
color:#FFFFFF;
font-weight:bold;
border:0px;
cursor:pointer;
}