body {
	font-family: arial, verdana, helvetica, sans-serif;
	text-align: center;
	color: #666666;
}

div.wrapper {
	width: 984px;
	margin: 0px auto;
	text-align: left;
}
div.container {}

h1 {
	font-size: 0.7em;
	padding: 18px 0px 0px 20px;
}
h2 {
	font-size: 0.7em;
	padding: 0px 0px 0px 20px;
}
	body#shopping h2 {
		color: #cc3333;
	}

div.header {
	height: 236px;
}
	div.header address {
		float: right;
		font-size: 11px;
		color: #ffffff;
		margin: 23px 43px 0px 0px;
	}
		div.header address a {
			color: #ffffff;
			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;
					color: #ffffff;
					padding: 6px 6px 0px 12px;
					width: 100px;
					height: 112px;
					display: inline;
				}
					div.menu ul li.reserveren a { color: #ffffff; text-decoration: underline;text-indent: 0; line-height: 1.45em; height: auto; }
					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: no-repeat;
				background-position: left bottom;
			}
				div.menu ul li a:focus {
					outline: none;
				}
				
				div.menu ul li.hier a {
					background-repeat: no-repeat;
					background-position: right bottom;
				}
					div.menu ul li.hier li a {
						background-repeat: no-repeat;
						background-position: left bottom;
					}

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

div.contentcontainer {}
		div.contentcontainer div {
			float: left;
		}

	div.fotocontainer {
		width: 354px;
		height: 236px;
	}
		div.fotocontainer ul {
			width: 354px;
			height: 236px;
		}
			div.fotocontainer ul li {
				float: left;
				width: 118px;
				height: 118px;
			}
			#home ul.fotofader li {
				float: none;
				width: 354px;
			}
				#home ul.fotofader li a {
					display: block;
				}

	div.content {
		width: 472px;
		height: 237px;
		overflow: auto;
	}
			body#reserveren div.content {
				height: auto;
			}
		div.content p {
			font-size: 0.7em;
			line-height: 1.42em;
			padding: 1px 20px 20px 20px;
		}
			body#home div.content p {
				color: #666666;
				width: 415px;
			}
		div.content p a {
			font-style: italic;
			color: #666666;
		}
			div.content p a:hover {
				text-decoration: none;
			}

		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: #666666;
				}
		div.content ul.overzichtslijst {
			list-style: none;
			margin-top: 20px;
		}
		div.content ul.fotos li {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		ul.socialbookmarks li {
			float: left;
			margin-right: 5px;
		}

	div.openingstijden {
		position: relative;
		width: 88px;
		height: 217px;
		padding: 20px 50px 0px 20px;
	}
		div.openingstijden p {
			color: #777676;
			font-size: 10px;
			font-style: italic;
			line-height: 1.25em;
			margin-bottom: 10px;
		}
		div.openingstijden img {
			margin-bottom: 10px;
		}
	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 {
		color: #990000;
		font-size: 1.5625em;
		padding-left: 20px;
	}
	
/* overige classes */
.screenreader {
	display: none;
}
.formbutton {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}
.clearfloat:after,
.overzichtslijst:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}


/* voor het reserveren */
body#reserveren div.content .error {
	color: #cc0000;
	display: block;
}

body#reserveren div.content input.error {
	color: #000000;
	display: inline;
	border: 1px solid #cc0000;
}

body#reserveren div.content input.small {
	display: inline;
	border: 1px solid #cc0000;
}
body#reserveren div.content fieldset {
	font-size: 0.7em;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	border: 0px;
}
body#reserveren div.content fieldset a img {
	display: none;
}
body#reserveren div.content label {
	display: block;
	font-weight: bold;
	padding-top: 12px;
	clear: left;
}
body#reserveren div.content input, 
body#reserveren div.content select, 
body#reserveren div.content textarea {
	font-size: 1em;
}

body#reserveren div.content select {
	display: block;
}