html,body {
	color:#f4e4db;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 18px;
	margin:0;
	padding:0;
	height:100%;
	background-color: #282f34;
	background-repeat: no-repeat;
	background-position: center top;
}
body#home {
	background-image: url('../img/background-home.jpg');
}
body#ons-restaurant {
	background-image: url('../img/background-restaurant.jpg');
}
body#menu-wijnkaart {
	background-image: url('../img/background-kaart.jpg');
}
body#reserveren {
	background-image: url('../img/background-reserveren.jpg');
}
body#reacties {
	background-image: url('../img/background-reacties.jpg');
}
body#contact {
	background-image: url('../img/background-contact.jpg');
}
body#vacatures {
	background-image: url('../img/background-vacatures.jpg');
}
p {
	padding:0;
	margin:5px 0;
}
a {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border:0;
}
a:focus {
	-moz-outline: none;
}
a.lees_verder {
	color: #000;
	float: right;
}



h1 {
	margin:0;
	font-size: 52px;
	line-height: 52px;
	padding:0px;
	font-weight: 100;
}
h2 {
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	font-size: 38px;
	line-height: 40px;
}
h3 {
	color:#fff;
	margin:0;
	font-size:18px;
	font-weight:900;
}
h4 {
	margin:0 0 0 0;
	color:#96bf0d;
	font-size:14px;
	font-weight:900;
}

form {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
ul {
	margin:0;
	padding: 0;
	padding-left: 25px;
}
	ul li {
		list-style-type: square;
	}

/* divs */
#wrapper {
	width: 982px;
	height: 680px;
	margin: 0 auto;
	position: relative;
}
	#home_banner{
		width:202px;
		height:83px;
		position: absolute;
		left: 2px;
		top: 190px;
		background:url(../img/home_banner.png) top left no-repeat;
		color:#5d0302;
		padding:1px 15px 9px 8px;
		line-height:15px;
	}
		#home_banner .title{
			font-size:25px;
			color:#3d4900;
			margin: 0 0 3px 0;
	}

	#rotatie {
		width: 485px;
		height: 353px;
		left: 450px;
		top: 105px;
		position: absolute;
	}
	#titel {
		height: 60px;
		top: 300px;
		position: absolute;
		left: 25px;
	}
	#content {
		top: 375px;
		position: absolute;
		width: 355px;
		height: 150px;
		left: 45px;
		overflow-y: auto;
		outline:0;
	}
	#content_wrapper {
		outline:0;
	}
		#content p {
			margin: 10px 0;
		}
	#openingstijd {
		top: 445px;
		position: absolute;
		left: 445px;
		width: 310px;
	}
		#openingstijd p {
			margin-left: 10px;
		}
	#gallerij {
		top: 238px;
		left: 405px;
		position: absolute;
		height: 110px;
	}
		#gallerij a {
			border: none;
			text-decoration: none;
		}
		#gallerij a img {
			border: 2px solid #f6f2f1;
		}
	#menukaart-buttons {
		position: absolute;
		left: 450px;
		top: 364px;
		width: 490px;
		height: 86px;
	}
		#menukaart-buttons .reacties {
			background-image: url('../img/button-reacties.jpg');
			width: 265px;
			height: 86px;
			display: block;
			float: left;
		}
			#menukaart-buttons .reacties:hover {
				background-image: url('../img/button-reacties-hover.jpg');				
			}
		#menukaart-buttons .menukaart {
			background-image: url('../img/button-menukaart.jpg');
			width: 265px;
			height: 86px;
			display: block;
			float: left;
		}
			#menukaart-buttons .menukaart:hover {
				background-image: url('../img/button-menukaart-hover.jpg');				
			}
		#menukaart-buttons .wijnkaart {
			background-image: url('../img/button-wijnkaart.jpg');
			width: 214px;
			height: 86px;
			display: block;
			float: left;
			margin-left: 3px;
		}
			#menukaart-buttons .wijnkaart:hover {
				background-image: url('../img/button-wijnkaart-hover.jpg');
			}
		#menukaart-buttons .contact {
			background-image: url('../img/button-contact.jpg');
			width: 265px;
			height: 86px;
			display: block;
			float: left;
		}
			#menukaart-buttons .contact:hover {
				background-image: url('../img/button-contact-hover.jpg');				
			}
		#menukaart-buttons .route {
			background-image: url('../img/button-route.jpg');
			width: 214px;
			height: 86px;
			display: block;
			float: left;
			margin-left: 3px;
		}
			#menukaart-buttons .route:hover {
				background-image: url('../img/button-route-hover.jpg');
			}
		#menukaart-buttons .reserveren {
			background-image: url('../img/button-reserveren.jpg');
			width: 265px;
			height: 86px;
			display: block;
			float: left;
		}
			#menukaart-buttons .reserveren:hover {
				background-image: url('../img/button-reserveren-hover.jpg');				
			}
		#menukaart-buttons .keuken {
			background-image: url('../img/button-keuken.jpg');
			width: 265px;
			height: 86px;
			display: block;
			float: left;
		}
			#menukaart-buttons .keuken:hover {
				background-image: url('../img/button-keuken-hover.jpg');				
			}

/*menus*/
#menu {
	float: right;
	height: 30px;
	margin-top: 8px;
}
	#menu ul li {
		float: left;
		display: block;
		height: 20px;
	}
		#menu ul li a {
			color: #f4eee4;
			font-size: 18px;
			padding: 1px 9px;
			margin: 0px 5px;
			font-weight: 100;
			font-variant: small-caps;
			text-decoration: none;
			display: block;
			height: 18px;
		}
			#menu ul li.selected {
				background-image:url('../img/menu-links.gif');
				background-position: left top;
				background-repeat: no-repeat;
				
			}
			#menu ul li.selected a {
				background-image:url('../img/menu-rechts.gif');
				background-position: right top;
				background-repeat: no-repeat;
				color: #a00600;
			}
#footer {
	position: absolute;
	top: 613px;
	left: 50px;
	width: 882px;
	font-size: 12px;
}
	#footer ul li {
		float: left;
		display: block;
	}
	#footer ul li.spacer {
			margin: 0px 5px;
	}
		#footer .muziek {
			float: right;
		}