body {
	font-family: arial, verdana, helvetica, sans-serif;
	text-align: center;
	color: #454545;
	font-size: 22px;
}

div.wrapper {
	width: 984px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div.container {
	background-image: url(../foto_welkom.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
}
div.header {
	height: 192px;
	width: auto;
}
div.header     address {
	float: left;
	font-size: 20px;
	color: #FFFFFF;
	margin: 153px 0px 0px 98px;
	}
div.header   adress   a {
	color: #405906;
	padding: 8px 0px 0px 0px;
	display: block;
		}

div.menu {
	height: 118px;
}
	div.menu ul {}
		div.menu ul li {
			float: left;
			width: 118px;
			height: 118px;
		}
				div.menu ul li#menu_home { width: 158px;}
				div.menu ul li.open {
					background-color: #666666;
				}
				div.menu ul li.reserveren {
	font-size: 12px;
	line-height: 1.4em;
	padding: 6px 6px 0px 12px;
	width: 100px;
	height: 112px;
	display: inline;
	color: #FFFFFF;
				}
					div.menu ul li.reserveren a {
	text-decoration: underline;
	text-indent: 0;
	line-height: 1.45em;
	height: auto;
	color: #FFFFFF;
}
					div.menu ul li.reserveren strong { font-size: 110%; letter-spacing: 0.1em;}
			div.menu ul li a {
				color: #666666;
				text-indent: -999em;
				text-decoration: none;
				display: block;
				height: 22px;
				line-height: 22px;
				background-repeat: none;
				background-position: left bottom;
			}
				div.menu ul li a:focus {
					outline: none;
				}
				
				div.menu ul li.hier a {
					background-repeat: none;
					background-position: right bottom;
				}
					div.menu ul li.hier li a {
						background-repeat: none;
						background-position: left bottom;
					}

		div.menu ul.submenu {
			height: 96px;
		}
			div.menu ul.submenu li {
				float: none;
				height: 16px;
				line-height: 16px;
				padding: 0px 0p 0px 0px;
			}
				div.menu ul.submenu li a {
					height: 16px;
					line-height: 16px;
				}

div.contentcontainer {
	height: auto;
	width: auto;
}
		div.contentcontainer div {
	float: left;
		}

	div.fotocontainer {
	width: 405px;
	height: auto;
	position: relative;
	top: 4px;
	}
		div.fotocontainer ul {
	width: auto;
	height: 236px;
		}
			div.fotocontainer ul li {
				float: left;
				width: 118px;
				height: 118px;
			}

	div.content {
	width: 636px;
	height: 448px;
	background-image: url(../welkom_logo_bck3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 1px solid #999999;
	float: right;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	}
		h1 {
			font-size: 0.7em;
			padding: 18px 0px 0px 20px;
		}
		h2 {
			font-size: 0.7em;
			padding: 0px 0px 0px 20px;
		}
			body#shopping h2 {
	color: #003300;
			}
		div.content p {
	font-size: 0.7em;
	line-height: 1.42em;
	padding: 1px 20px 20px 20px;
		}
			body#home div.content p {
				color: #ffffff;
				width: 430px;
			}
		div.content p a {
	font-style: normal;
	
	text-decoration: underline;
		}

		div.content ul {
			padding: 0px 20px 20px 20px;
		}
			div.content ul li {
				font-size: 0.7em;
				line-height: 1.42em;
			}
				div.content ul li a {
	font-style: italic;
	color: #006600;
				}

	div.openingstijden {
	position: relative;
	width: 200px;
	height: 180px;
	}
		div.openingstijden p {
	position: absolute;
	font-size: 12px;
	line-height: 1.4em;
	padding: 0px 80px 0px 20px;
	bottom: 211px;
	left: 661px;
		}
	div.bestellen {
		position: relative;
		width: 158px;
		height: 237px;
	}
		div.bestellen div {
			position: absolute;
			bottom: 0px;
			right: 0px;
			width: 118px;
			height: 118px;
			background-color: #bdbd7a;
		}
		div.bestellen p {
			font-size: 0.75em;
			line-height: 1.4em;
			padding: 11px 0px 0px 13px;
			color: #ffffff;
		}
			div.bestellen p a {
				color: #ffffff;
			}

div.recensies img{
	padding-top: 100px;
}

body.fotoalbum {}
	body.fotoalbum div.fotowrapper {
		background-color: #ffffff;
		width: 630px;
		height: 236px;
		margin-left: 354px;
		overflow: auto;
	}
	body.fotoalbum div#galleryContainer {
		padding-top: 70px;
	}
		body.fotoalbum div.fotoscroller {
			margin-top: 25px;
		}

		body.fotoalbum div.content {
			width: 630px;
		}
	/* scroller */
	div.pagescroller {
		background-color: #ffffff;
		width: auto;
		height: 40px;
		float: right;
		margin-right: 100px;
		font-size: 0.78em;
		font-weight: bold;
		color: #999999;
	}
		div.pagescroller img {
			vertical-align: middle;
		}
		div.pagescroller a {
			color: #999999;
			text-decoration: none;
		}
		div.pagescroller a:hover {
			text-decoration: overline underline;
		}



/* voor de homepage */
div.homeitem {
	height: 118px;
}
	div.homeitem h3 {
		font-size: 0.7em;
		color: #555500;
		padding: 1px 0px 0px 20px;
	}
	div.homeitem p a,
	body#home div.homeitem p {
		color: #555500;
		padding-bottom: 5px;
		padding-top: 0px;
		margin-top: 0px;
		font-style: normal;
	}
#home div.container {
	background-color: #999933;
}
#home li#menu_filosofie a { background-image: url(../img/menu/home_filosofie.gif);	}
#home li#menu_restaurant a { background-image: url(../img/menu/home_restaurant.gif);	}
#home li#menu_catering a { background-image: url(../img/menu/home_catering.gif);	}
#home li#menu_nieuws a { background-image: url(../img/menu/home_nieuws.gif);	}
#home li#menu_service a { background-image: url(../img/menu/home_service.gif);	}
#home li#menu_route a { background-image: url(../img/menu/home_route.gif);	}
#home li#menu_home a { background-image: url(../img/menu/home_home.gif);	}

div.openingstijden p { color: #555500; font-weight: bold;}

/* overige classes */
.screenreader {
	display: none;
}
.formbutton {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}
.links {
	width: 100px;
}
div.contact {
	width: 531px;
	height: 348px;
	background-image: url(../welkom_logo_bck3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #999999;
	float: right;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	padding-left: 20px;
}
div.mapcontainer {
	width: 425px;
	height: auto;
	position: relative;
	top: 4px;
}
div.producten {
	width: 536px;
	height: 561px;
	background-image: url(../welkom_logo_bck3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #999999;
	float: right;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}
div.cadeaubon {
	width: 532px;
	height: 448px;
	background-image: url(../welkom_logo_bck3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 1px solid #999999;
	float: right;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
}
div.fotocadeaubon {
	width: 404px;
	height: 450px;
	position: relative;
	top: 4px;
	z-index: auto;
	background-image: url(../cadeaubon.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	overflow: auto;
	background-repeat: no-repeat;
}
div.cadeaubon ul li {
	font-size: 12px;
	line-height: normal;
}
div.cadeaubon  ul  li  a {
	font-style: normal;
	color: #FFFFFF;
}
div.cadeaubon  p {
	font-size: 0.7em;
	line-height: 1.42em;
	padding: 1px 20px 20px 20px;
}
div.cadeaubonlist {
	width: 500px;
	height: 500px;
	background-image: url(../welkom_logo_bck3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 1px solid #999999;
	float: left;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	z-index: auto;
	clear: right;
}
div.cadeaubonlist ul li {
	font-size: 0.7em;
	line-height: 1.42em;
}
div.cadeaubonlist ul li a {
	font-style: italic;
	color: #006600;
}
div.list {
	height: auto;
	width: auto;
	position: absolute;
	left: 50px;
	top: 330px;
	vertical-align: top;
}
div.list  links {
	float: none;
	color: #ffffff;
	margin: 23px 43px 0px 0px;
}
div.list links a {
	color: #3300FF;
	padding: 8px 0px 0px 0px;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
div.fotocadeaubon ul li {
	font-size: 12px;
	line-height: normal;
}
div.fotocadeaubon ul li a {
	font-style: normal;
	color: #FFFFFF;
}
div.fotoproeverij {
	width: 405px;
	height: 450px;
	position: relative;
	top: 4px;
	z-index: auto;
	background-image: url(../proeverij.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
}
div.proeverij {
	width: 530px;
	height: 448px;
	background-image: url(../welkom_logo_bck6.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 1px solid #999999;
	float: right;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	overflow: auto;
	padding-right: 20px;
	padding-left: 20px;
}
div.proeverij ul li {
	font-size: 12px;
	line-height: normal;
}
div.proeverij ul li a {
	font-style: normal;
	color: #FFFFFF;
}
div.proeverij p {
	font-size: 0.7em;
	line-height: 1.42em;
	padding: 1px 20px 20px 20px;
}
div.listcadeaubon {
	height: auto;
	width: auto;
	position: absolute;
	left: 50px;
	top: 350px;
	vertical-align: top;
}
div.listcadeaubon links {
	float: none;
	font-size: 9px;
	color: #ffffff;
	margin: 23px 43px 0px 0px;
}
div.list linkscadeaubon a {
	color: #3300FF;
	padding: 8px 0px 0px 0px;
	display: block;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}
div.producten p {
	font-size: 0.7em;
	line-height: 1.42px;
	padding: 1px 20px 20px 20px;
}
div.producten ul li {
	font-size: 12px;
	line-height: normal;
}
div.producten ul li a {
	font-style: normal;
	color: #FFFFFF;
}
div.fotowelkom {
	width: 300px;
	height: auto;
	position: relative;
	top: 4px;
}
div.producten {
	width: 536px;
	height: 448px;
	background-image: url(../welkom_logo_bck3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 1px solid #999999;
	float: right;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	overflow: auto;
}
div.producten p {
	font-size: 0.7em;
	line-height: 1.42em;
	padding: 1px 20px 20px 20px;
}
div.producten p a {
	font-style: normal;
	text-decoration: underline;
}
div.fotobezorg {
	width: 350px;
	height: 450px;
	position: relative;
	top: 4px;
}
div.bezorg {
	width: 587px;
	height: 448px;
	background-image: url(../welkom_logo_bck3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 1px solid #999999;
	float: right;
	position: relative;
	left: 6px;
	top: 4px;
	margin: auto;
	text-decoration: none;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
}
div.bezorg p {
	font-size: 0.7em;
	line-height: 1.42em;
	padding: 1px 20px 20px 20px;
}
div.bezorg p a {
	font-style: normal;
	text-decoration: underline;
}
div.bezorg ul {
	padding: 0px 20px 20px 20px;
}
div.bezorg ul li {
	font-size: 0.7em;
	line-height: 1.42em;
}
div.bezorg ul li a {
	font-style: italic;
	color: #006600;
}