html{
	width:100%;
	height:100%;
	overflow:auto;
}
body{
	width:100%;
	height:100%;
	margin:auto;
	background:url(images/cirkel.gif) center -68px no-repeat #F7931E;
}
body, table, a, input{
	color:#0069A2;
	font-size:11px;
	font-family:Verdana, Arial;
}
h1, h2{
	color:#0069A2;
	margin:0px;
}
h1{
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
}
h2{
	font-size:15px;
}
td{
	padding:0px 2px 2px 0px;
	text-align:left;
	vertical-align:top;
}
a{
	color:#003651;
	text-decoration:underline;
}
a:hover{
	color:#0069A2;
}
ul{
	margin-top:0px;
	margin-bottom:0px;
}
.clear{
	clear:both;
}
.msg {
	color: red;}
img{
	border:0;
}
img.left{
	float:left;
	margin:0px 10px 10px 0px;
}
input{
	color:#000000;
}
input.text{
	width:150px;
	border:solid 1px #007CBB;
}
.select{
	width:100px;
	border:solid 1px #007CBB;
}

input.button{
	margin:0px; /*1px 3px 1px 3px;*/
	background-color:#FFFFFF;
	border:solid 1px #007CBB;
	cursor:hand;
}

textarea{
	width:400px;
	height:125px;
	border:solid 1px #007CBB;
}
.spacer{
	position:relative;
	margin:auto;
	width:1000px;
	height:50%;
	min-height:300px;
	z-index:2;
}
#container{
	position:relative;
	width:990px;
	height:600px;
	margin:auto;
	z-index:2;
}
	#logo{
		display:block;
		position:absolute;
		top:7px;
		right:12px;
		width:214px;
		height:117px;
		background-image:url(images/logo.png);
		z-index:4;
	}
	#menu{
		position:absolute;
		top:7px;
		left:0px;
		padding:1px 17px 0px 17px;
		background-color:#FFFFFF;
		z-index:3;
	}
	#menu *{
		color:#F7931E;
		font-size:14px;
	}
		#menu span{
			float:left;
			display:block;
			margin-top:2px;
			width:1px;
			height:14px;
			background:#FFFFFF;
		}
		#menu a{
			float:left;
			display:block;
			text-transform:uppercase;
			padding:0px 6px 0px 6px;
			text-decoration:none;
		}
		#menu a.hover, #menu a:hover{
			color:#0069A2;
			text-decoration:none;
		}
		.menudropdown{
			position:relative;
			padding-top:5px;
			/*width:100%;*/
			border-bottom:solid 1px #FFFFFF;
			z-index:2;
		}
			.menudropdown a{
				display:block;
				padding:3px 6px 3px 6px;
				border-left:solid 1px #FFFFFF;
				border-right:solid 1px #FFFFFF;
				text-transform:uppercase;
				text-decoration:none;
				font-stretch:ultra-condensed;
				font-size:10px;
			}
			.menudropdown a:hover{
				color:#FFFFFF;
				text-decoration:none;
			}
			.menudropdown span{
				display:block;
				width:100%;
				height:1px;
				background-color:#FFFFFF;
				overflow:none;
			}
		.menudropdownbg{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			border-bottom:solid 1px #FFFFFF;
			background-color:#F7931E;
			filter:alpha(opacity=85);
			opacity:.85;
			zoom:100%;
			z-index:1;
		}
	#nieuws{
		position:absolute;
		top:56px;
		left:60px;
		width:135px;
		height:431px;
		padding:60px 15px 0px 0px;
		border-right:solid 1px #007CBB;
		color:#000000;
		/*text-align:justify;*/
		font-size:10px;
	}
		#nieuws h1{
			text-align:right;
			margin-bottom:10px;
		}
		#nieuws form{
			text-align:right;
		}
			#nieuws input.text{
				width:90px;
			}
		#nieuws #titel{
			margin-bottom:10px;
			text-align:right;
			font-size:12px;
			font-weight:bold;
			color:#0069A2;
		}
		#image{
			width:135px;
			height:95px;
			margin:3px 0px 3px 0px;
			background-position:center;
			background-repeat:no-repeat;
			/*background-color:#F7931E;*/
		}
			#image_mask{
				width:100%;
				height:100%;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/nieuwskader.png');
			}
			html>body #image_mask{
				filter:none;
				background:url(images/nieuwskader.png);
			}
		#nieuws a{
			float:right;
			font-style:italic;
			font-size:10px;
			color:#0069A2;
			text-decoration:none;
		}
		#nieuws a:hover{
			text-decoration:underline;
		}
	#content{
		float:left;
		position:absolute;
		top:0px;
		left:228px;
		padding:75px 0px 0px 0px;
		width:768px;
		height:525px;
		overflow:auto;
		z-index:1;
	}
		#content_text{
			width:630px;
		}
			#content_text_bottom{
				clear:both;
				width:100%;
				height:60px;
			}
		.content_begin{
			width:500px;
		}
		.content_begin_assortiment{
			width:380px;
		}
	#content_cover{
		position:absolute;
		top:-4px;
		left:228px;
		left:224px;
		width:1px;
		height:1px;
		z-index:2;
	}
		#content_cover_1{
			position:absolute;
			top:0px;
			left:0px;
			width:313px;
			height:65px;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/content_top_1.png');
		}
		html>body #content_cover_1{
			filter:none;
			background:url(images/content_top_1.png) bottom;
		}
		#content_cover_2{
			position:absolute;
			top:0px;
			left:313px;
			width:182px;
			height:121px;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/content_top_2.png');
		}
		html>body #content_cover_2{
			filter:none;
			background:url(images/content_top_2.png) bottom;
		}
		#content_cover_3{
			position:absolute;
			top:0px;
			left:495px;
			width:145px;
			height:211px;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/content_top_3.png');
		}
		html>body #content_cover_3{
			filter:none;
			background:url(images/content_top_3.png) bottom;
		}
	#content_cover_bottom{
		position:absolute;
		left:228px;
		bottom:0px;
		width:640px;
		height:60px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/content_bottom.png');
		z-index:2;
	}
	html>body #content_cover_bottom{
		filter:none;
		background-image:url(images/content_bottom.png);
	}
	#contact{
		position:absolute;
		left:17px;
		bottom:9px;
		padding-top:11px;
		background:url(images/contact_naam.gif) no-repeat 1px 0px;
	}
		#contact a{
			color:#0069A2;
			text-decoration:none;
		}
		#contact a:hover{
			text-decoration:underline;
		}
	#svi{
		position:absolute;
		left:323px;
		bottom:11px;
		width:450px;
		height:28px;
		background-image:url(images/smakelijk_voor_iedereen.gif);
		z-index:3;
	}
	#klantenkaart{
		display:block;
		position:absolute;
		right:25px;
		bottom:0px;
		width:125px;
		height:90px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/klantenpas.png');
		z-index:4;
		cursor:hand;
	}
	html>body #klantenkaart{
		filter:none;
		background:url(images/klantenpas.png);
		
	}
/* home */
#vus{
	margin-top:10px;
}
	#vus_text{
		float:left;
		padding-top:30px;
		font-size:16px;
		text-transform:uppercase;
	}
	#vus .vus_product{
		float:left;
		width:98px;
		height:66px;
		margin-left:10px;
	}
/* nieuws */
.nieuws_overview{
	padding-bottom:10px;
	border-bottom:solid 1px #0069A2;
	margin-bottom:10px;
}
	.nieuws_overview h2{
		margin-bottom:10px;
	}
	.nieuws_overview a{
		font-style:italic;
	}
	.nieuws_content_begin{
	width:500px;
	padding-bottom:10px;
	border-bottom:solid 1px #0069A2;
	margin-bottom:10px;
	}
/* assortiment */
.prijs{
	font-size:15px;
	font-weight:bold;
	color:#f7931e;
}
.assortiment_overview{
	border-bottom: solid 1px #0069A2;
	margin-bottom: 10px;
}
	.assortiment_overview a{
		color:#0069A2;
		text-transform:uppercase;
		font-size:15px;
		text-decoration:none;
	}
	.small{
		float: left;
		position: relative;
		margin:auto;
		/*width: 80px;*/
		max-height:80px;
		border:none;
		z-index: 100;
	}
	.large{
		display: none;
		position: absolute;
		top: 0px;
		background: #ffffff;
		left: -90px;
		border: 1px solid #f7931e;
		z-index: 1000;
	}
	.actie{
		background:url(images/klantenpas_small.png) right 5px no-repeat;
	}
		.actie a.head{
			display:inline-block;
			padding-right:50px;
		}
	html>body .large{
		left:0px;
	}
a.vegetarisch, h3.vegetarisch{
	color:green;
}
/* kinderen spelletjes */
#games div{
	position:relative;
	width:400px;
	margin-bottom:20px;
}
	#games img{
		float:left;
		margin-right:10px;
	}
	#games a.spelen{
		position:absolute;
		right:0px;
		bottom:0px;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
	}
/* klantenkaart */
#klantenkaarttable td b{
	white-space:nowrap;
}
/* vestigingen */
#location{
	height:310px;
}
/* voordeelpas */
a.bedrijf{
	width:120px;
	height:120px;
	text-align:center;
}
.voordeelpas{
	width:100%;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #007cbb;
}
.voordeelpas .logo{
	width:120px;
	height:120px;
	float:left;
	background:no-repeat center;
}
	.voordeelpas .logo a{
		display:block;
		width:120px;
		height:120px;
	}
.voordeelpas .text{
	margin-left:5px;
	width:375px;
	float:left;
}
.voordeelpas .text span.korting{
	font-size:18px;
	color:#f7931e;
}
.bedrijven div{
	float:left;
	margin:5px;
	width:120px;
	height:120px;
	background:no-repeat center;
}
	.bedrijven div a{
		display:block;
		width:120px;
		height:120px;
	}