@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

img {border: none;}

a {text-decoration: none; color: #333;}
a:hover {color: #000;}

p {line-height: 20px;margin-bottom: 12px;}

#subContent ul {padding-left:14px;}
#subContent ul li {list-style-image: url(../images/bullit_green.png); margin-left: 10px; line-height: 22px;}

.clear {clear: both;height: 1px;}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal; 
	color: #7d897b;
	font-size: 24px;
	margin-bottom: 10px;
}
h2 {
	font-weight: normal; 
	color: #333;
	font-size: 18px;
	margin-bottom: 10px;
}

body {
	background: #373934;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}
#subContent { font-family: Verdana, Geneva, sans-serif; font-size: 12px; position:relative;}
#container {
	margin: 0 auto;
	width: 971px;
	min-height: 500px;
	overflow: hidden;
}

#wrap {
	background: url(../images/green_home.jpg) top center no-repeat;
	min-height: 780px;
	margin-top: 35px;
	padding: 0 25px 0 25px;
}

#container div.subPage {
	background: url(../images/green_sub.jpg) top center no-repeat;
	min-height: 950px;
	margin-top: 35px;
	padding: 0 25px 0 25px;
}

.logo { text-align: center;}
.logoImg { margin-right: -200px;}
#header {
	height: 163px;
}
.nav {
	background: url(../images/bg_nav.jpg) top left no-repeat;
	height: 34px;
	width: 920px;
}
/*
.nav ul.menu { list-style: none;}
.nav ul.menu { padding-left: 0px;}
.nav ul.menu li { float:left; height: 34px;}
.nav ul.menu li a { display:block; float:left; padding: 0 14px 0 14px;line-height: 34px; color: #fff;}
.nav ul.menu li a:hover { background: #5fce4d; color: #222;}
.nav ul.menu li a.active { background: #5fce4d; color: #333;}
*/
/*----- MENU -----*/
.nav ul{
	height:34px;
	list-style:none;
	padding-left:0;
}
.nav li{
	float:left;
	padding:0px;

	}

.nav li a {
	color:#fff;
	display:block;
	font-weight:normal;
	line-height:34px;
	margin:0px;
	padding:0px 9px;
	text-align:left;
	text-decoration:none;
	}
	#nav li a:hover, ul li:hover a{
		background: #5fce4d;
		color:#fff;
		text-decoration:none;
		}
.nav li a.homeBtn {padding: 0px;}

.nav li ul {
	background: #192b16;
	display:none;
	height:auto;
	border: 0;
	position:absolute;
	width:255px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
.nav li:hover ul{
	display:block;
	}
.nav li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:255px;
	}
.nav li:hover li a{
	background:none;
	}
.nav li ul.nav a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 14px 0px 14px;
	text-align:left;
	}
	.nav li ul a:hover, li ul li:hover a {
		background:#5fce4d;
		border:0px;
		color:#111;
		text-decoration:none;
		}
.nav li img.homeBtn {padding: 0 9px; cursor:pointer;}
/*_*/


.blocks {padding:10px 0 0 0; width:920px; height: 155px; font-size: 12px;}
.blocks .arrange { width:300px; height: 155px; float:left; margin-right: 10px;}
.blocks .reserv h2 {font-size: 18px;padding-left: 20px; margin-bottom: 15px; color:#fff;}

.blocks .reserv { width:300px; height: 145px; float:left; margin-right: 10px; background: url(../images/reserv_home.jpg) no-repeat; font-size: 12px;padding-top: 10px; color: #fff;position: relative; z-index:10;}
.blocks .reserv input {height: 25px; width: 95px;}
.blocks .reserv label {float: left; height: 50px;}
.blocks .reserv label img.from {margin-bottom: -7px;}
.blocks .reserv label img.to {margin-bottom: -7px;}

.blocks .reserv label.labelfrom {margin-left: 19px;}
.blocks .reserv label.labelto {margin-left: 17px;}

.blocks .reserv .btnReserv {background: url(../images/btnreserveer.jpg) no-repeat;display:block;height:31px;width: 262px; color:#fff;line-height: 25px; text-align:center; margin-left: 19px;margin-top: 15px; border: none; cursor: pointer;}

.blocks .nieuws {width:285px; height: 145px; float:left; background: url(../images/nieuws.jpg) no-repeat;padding: 10px 0 0 15px; overflow: hidden;}
.blocks .nieuws h2 {font-size: 18px;}
.blocks .nieuws h2 {color: #fff;}
.blocks .nieuws h2 a:hover {color: #060;}
.blocks .nieuws ul { margin-top: 5px;padding-left: 14px;}
.blocks .nieuws ul li { list-style-image: url(../images/bullit_green_wit.png); margin-left: 10px; line-height: 22px;}
.blocks .nieuws ul li a { color: #fff;}
.blocks .nieuws ul li a:hover { color: #000;}
/*_*/

#leftBar {	
	width: 205px;
	height: 500px;
	float: left;
}

.vertiNav { width: 205px; overflow:hidden;}
.vertiNav .viewport { width: 205px; height: 750px; overflow: hidden; position: relative;}
.vertiNav .buttons { display: none;}
.vertiNav .next { margin: 5px 0 0 0px;}
.vertiNav .disable { visibility: hidden;}
.vertiNav .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0;}
.vertiNav .overview li { margin: 0 0 10px 0; height: 86px; width: 205px;}

a.oase {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/oasse_over.jpg);
}
a.oase:hover {
	background: url(../images/oasse.jpg);
}

a.zalen {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/zalen-over.jpg);
}
a.zalen:hover {
	background: url(../images/zalen.jpg);
}

a.omgeving {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/omgeving-over.jpg);
}
a.omgeving:hover {
	background: url(../images/omgeving.jpg);
}

a.personeel {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/personeel-over.jpg);
}
a.personeel:hover {
	background: url(../images/personeel.jpg);
}

a.vergaderingen {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/vergaderingen-over.jpg);
}
a.vergaderingen:hover {
	background: url(../images/vergaderingen.jpg);
}

a.feest {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/feest-over.jpg);
}
a.feest:hover {
	background: url(../images/feest.jpg);
}

a.familie {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/familie-over.jpg);
}
a.familie:hover {
	background: url(../images/familie.jpg);
}

a.culinair {
	display: block;
	height: 86px;
	width: 205px;
	background: url(../images/culinair-over.jpg);
}
a.culinair:hover {
	background: url(../images/culinair.jpg);
}
/*_*/

#subWrap {padding-top: 10px;}

#subContent {
	background: #fff;
	width: 670px;
	min-height: 800px;
	float: left;
	margin-left: 15px;
	padding: 15px;
}

#contentWrap {
	width: 670px;
	padding: 10px 0 10px 0;
	min-height: 320px;
	overflow: hidden;

}
.content { width: 450px; overflow:hidden;}
.content a {color: #366; font-weight: bold;}


.fotoBlokken { width: 670px;height: 145px;}
.fotoBlokken .imgBox { width: 194px; height: 143px; float: left; border: 2px solid #20331e; margin-right: 37px; overflow: hidden;}
.fotoBlokken .last { margin:0;}
.fotoBlokken .imgBox img {max-width: 235px;}

.extra {
	float: right;
	width: 212px;
	clear: both;
}
.extra ul.links  {
	list-style-image: none;
	padding-left: 0px;
}

.extra ul.links a  {
	display: block; 
	height: 25px;
	line-height: 25px;
	width: 100%;
	color: #333;
	margin-bottom: 10px;
	background: url(../images/bullit_green.png) center right no-repeat;
	border-bottom: 1px solid #999;
}
.extra ul.links a:hover  {
	color: #ccc;
}
.extra ul.links li {
	line-height: 22px;
	list-style: none;
}

#subContent ul.links li {list-style-image: none;}
#subContent ul.links {padding-left: 1px;}

#homeWrap {padding:10px 0 0 0;}


.fotoBox {
	height: 328px;
	width: 920px;
	position: relative;
	overflow: hidden;
}

.fotoBox img {
	max-width: 930px;
}
.fotoBox img {

	margin-top: -30%;
}
/*--*/

.fotoBox-s {
	height: 230px;
	width: 672px;
	overflow: hidden;
}

.fotoBox-s img {
	max-width: 700px;
}
.fotoBox-s img {
	display: none;
	margin-top: -26%;
}
/*_*/

/*---------- FOTOALBUM ----------*/

.album {
	width: 210px;
	height: 160px;
	float: left;
	margin-right: 13px;
	position: relative;
}
.album .albumImg {
	width: 210px;
	height: 160px;
	overflow: hidden;	
}
.album .albumImg img {
	max-width: 235px;
	margin-top: -1%;
}
.album p.albumTitle {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 203px;
	margin: 0;
	padding: 5px 0 0px 7px;
	height: 25px;
	background: url(../images/bgTitle.png) repeat-x;
}

.album p.albumTitle a {
	color: #fff;
}
#fotoDetail div.foto {height:104px;width: 120px;float:left;margin-right:4px;overflow:hidden;margin:10px 13px 15px 0;}
#fotoDetail div.foto img {max-width:164px;margin-left: -24%;margin-top: -4%}

/*--------- GASTENBOEK ---------*/
.bericht p {margin: 0;}
.bericht p {line-height: 16px;}
p.berichtTxt {margin-bottom: 25px; padding-left: 10px;}
p.titel {margin-bottom: 5px; height:30px; line-height:30px; background: #cedeb2;padding:0 10px 0 10px;color: #333;font-weight: bold;}
span.datum {float: right; font-weight: normal;}
.bericht h2 {color: #666; padding-left: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px;font-weight:normal;}

/*----- HOME FOOTER -----*/
.zoover { height:30px; margin-top:8px; font-size: 12px;}
.zoover a {color: #fff;}
.zoover img {margin:0 3px -5px 0;}

#footer {text-align: left; color: #fff; } #footer a {text-align: left; color: #fff;}
#footer img.btns {margin-top: 9px;}
#footer img.first {margin-right: 6px;}
span.metanav {float:right; color: #fff;} span.metanav a {color: #fff;text-align: left;}
p.heb {float:right;}
p.heb a { color: #333;}
.addFace {float:left; margin-top: -6px;}

/*----- SUB FOOTERS -----*/
#infoWrap {float: right;height: 69px; width: 676px; background: url(../images/bginfo.png) right top repeat-x; margin: 10px 0 15px 0;padding:4px 10px 0 15px;}
#infoWrap p.subInfo {float:right; color: #fff; font-size: 14px; text-align: right; margin-bottom: 0px;}
#infoWrap p.subInfo a {color: #fff;}

/*_*/

.tabel td {padding: 6px 0 6px 10px;}
.tabeltitel {background: #373934; color: #fff; height: 25px; padding-left: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px;}
.tabeltitel a {color: #fff; text-decoration:none;}
.trcolor {background: #cedeb2; height: 25px;padding-left: 10px;}
.tabel .tabelbody {height: 80px;}
#tarieven a.white_link {color: #fff;}
table#route {float: left;padding: 15px;background: #e9e9e9;border: 1px solid #ccc;}

#Gmap {	float: right; margin-bottom: 25px;}

hr {display: none;}

select, input, textarea {
	color : #333333;
	height: 25px;
	margin-top: 10px;
}
textarea {
	height: 150px;
	width: 400px;
}
/*_*/

#invoerGboek {display: none;}
#invoerGboek {border-top: 2px solid #373934;}
#open {display: block; height: 25px; line-height: 25px;float: right;width:150px; text-align: center; background: #373934; color:#fff;}
#close {display: block; height: 25px; line-height: 25px;float: right;width:150px; text-align: center; background: #373934; color:#fff;}

#invoerGboek label {
	display: block; 
}
.gastenboek input {	
	color : #333;
	height: 20x;
	width: 250px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.gastenboek textarea {
	height: 170px;
	width: 500px;
}
.gastenboek .captcha {width: 80px; }
.gastenboek .submit {width: 100px; height: 30px; border: 1px solid #060;}
#countGastenboekInvoer {color: #666;}
.error {border:1px solid #FF0000;}
#tarieven a {color:#030;}
#tarieven a:hover {color:#555;}