/* CSS Document */

*{
	margin: 0;
	padding: 0;
	outline: none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	background: #babba6 url(../images/backgroundrepeater.jpg) top left repeat;
	font-size: 1em;
}

.clearfloats{
	clear: both;
}

ul.rubriekopsom{
	list-style: none;
	margin-left: 0 !important;
}

.rubriekopsom li{
	float: left;
	color: #779C44;
}

a{
	color: #779c44;
	text-decoration: none;
}

span.italic{
	font-style: italic;
}

div#topbackground{
	background: url(../images/headerbackground2.jpg) no-repeat center;
	height: 465px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
}

div#topbackground2{
	background: url(../images/headerbackground2.jpg) no-repeat center;
	height: 412px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

div#contentbackground{
	background: url(../images/contentbackground.jpg) no-repeat center;
	width: 100%;
	position: absolute;
	height: 400px;
	top: 0;
	left: 0;
	z-index: 0;
}

div#contentbackground2{
	background: url(../images/contentbackground2.jpg) top left repeat;
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

#topmenucontainer{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #779c44;
	z-index: 1;
}

#topmenu{
	width: 917px;
	margin: 0 auto;
	position: relative;
	height: 20px;
}

#topmenu .lastitem{
	border-right: none;
}

#topmenucontainer ul{
	list-style: none;
}

#topmenucontainer li{
	float: left;
	text-transform: uppercase;
	color: #edf2e6;
	font-size: 0.65em;
	border-right: #edf2e6 solid 1px;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 1em;
}

#topmenucontainer a{
	color: #edf2e6;
	text-decoration: none;
}

#toplangselect{
	position: absolute;
	left: 377px;
	top: 5px;
}

#topnav{
	position: absolute;
	right: 0;
	top: 5px;
}

#headerLogo{
	width: 291px;
	height: 99px;
	position: absolute;
	top: 35px;
	left: 47px;
	border: none;
}

#headerReserveerBtn{
	position: absolute;
	width: 139px;
	height: 41px;
	top: 60px;
	right: 0;
}
#headerReserveerBtn img{
	width: 139px;
	height: 41px;
	border: none;
}

#headertekst{
	position: absolute;
	width: 320px;
	top: 59px;
	left: 397px;
	color: #382e23;
	font-size: 0.9em;
	line-height: 1.2em;
}

div#wrapper{
	position: relative;
	width: 900px;
	margin: 0 auto;
	top: 470px;
	z-index: 1;
}

#headercontainer{
	width: 930px;
	margin: 0 auto;
	position: relative;
	left: -15px;
}

div#wrapper div#contentcontainer{
	width: 615px;
	float: right;
	margin-top: -250px;
	margin-bottom: 30px;
	color: #372d22;
	font-size: 0.8em;
	line-height: 1.4em;
	position: relative;
}

#contentcontainer img
{
	border: none;
}

div#contentcontainer ul
{
	margin-left: 30px;
	margin-bottom: 10px;
}

div#wrapper div#contentcontainer p
{
	margin-bottom: 10px;
}

div#homecontentcontainer{
	width: 615px;
	float: right;
	margin-top: -300px;
	margin-bottom: 30px;
	color: #372d22;
	font-size: 0.8em;
	line-height: 1.6em;
	position: relative;
	font-size: 0.9em;
}

div#homecontentcontainer .text{
	width: 350px;
	float: left;
}

div#homecontentcontainer .textfull{
	float: left;
	width: 620px;
}

div#homecontentcontainer .textfull p{
	margin-bottom: 10px;
}

div#homecontentcontainer .textfull .artImage{
	float: right;
	width: 150px;
}

div#homecontentcontainer .textfull .artImage img{
	border: none;
}

div#homecontentcontainer .textfull .artBeschrijving{
	float: left;
	width: 450px;
}
div#homecontentcontainer .textfull ul{
	margin-left: 40px;
	margin-bottom: 10px;
	list-style: square;
}

div#homecontentcontainer .textfull a{
	color: #597532;
	font-weight: bold;
}

div#homecontentcontainer .textfull a:hover{
	color: #597532;
	text-decoration: underline;
	font-weight: bold;
}

div#homecontentcontainer h1{
	font-weight: normal;
	color: #597532;
	line-height: 1.1em;
	margin-bottom: 10px;
	font-size: 1.8em;
}

#contentcontainer .restaurantimg{
	width: 158px;
	height: 106px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#contentcontainer .restaurant a{
	color: #372d22;
	text-decoration: underline;
	font-weight: bold;
}

#contentcontainer h1{
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 20px;
}

#contentcontainer h1 span{
	font-weight: bold;
}

#contentcontainer h3{
	margin-top: 20px;
	font-size: 1.1em;
}

#contentcontainer hr{
	border: none;
	border-top: 1px solid #b4afa5;
	color: #b4afa5;
	background-color: #b4afa5;
	height: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

#contentcontainer .contentlargeimage{
	position: relative;
	width: 204px;
	height: 186px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
}

#contentcontainer .contentlargeimage img{
	position: absolute;
	top: 0;
	left: 0;
	width: 204px;
	height: 186px;
}

#contentcontainer .contentlargimagemask{
	z-index: 5;
}

#contentcontainer .contentreserveerlink{
	position: absolute;
	right: 0;
	top: 0;
	color: #779c44;
	text-decoration: none;
	font-weight: bold;
}

.contentreserveerlink_bottom{
	float: right;
	margin-right: 25px;
}

.contentreserveerlink_bottom a{
	color: #372d22;
}

#contentcontainer table{
	margin-bottom: 48px;
	font-size: 0.9em;
}

#contentcontainer table .leftcell{
	padding: 0 18px 0 0;
}

#contentcontainer table .rightcell{
	position: relative;
	left: -1px;
	padding: 0 0 0 18px;
}

#contentcontainer table .middlecell{
	border-right: 1px solid #574f42;
}

#contentGalleryImageLarge{
	position: relative;
	width: 599px;
	height: 260px;
	overflow: hidden;
	margin-top: 25px;
}

#contentGalleryImageLarge img{
	position: absolute;
	top: 0;
	left: 0;
}

#contentGalleryImageLarge .contentGalleryImageLargeMask{
	border: none;
	width: 599px;
	height: 260px;
	z-index: 5;
}

.gallerythumbs{
	margin-top: 15px;
	margin-bottom: 15px;
}

.contentthumbs{
	margin-top: 15px;
	margin-bottom: 15px;
}

.contentborderthumbs{
	margin-top: 15px;
	margin-bottom: 15px;
}

.contentborderthumbs .thumbBorderLink{
	position: relative;
	display: block;
	width: 146px;
	height: 148px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.contentborderthumbs .thumbBorderLink img{
	border: none;
	position: absolute;
	top: 0;
	left: 0;
}

.contentborderthumbs .thumbBorderLink .thumbBorderImage{
	border: 0;
	width: 136px;
	height: 92px;
	z-index: 0;
	left: 5px;
	top: 5px;
}

.contentborderthumbs .thumbBorderLink .thumbBorderMask{
	z-index: 5;
	width: 146px;
	height: 148px;
	border: none;
}

.contentborderthumbs .thumbBorderTekst{
	position: absolute;
	top: 100px;
	left: 15px;
	z-index: 5;
	width: 120px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 14px;
}

#contentcontainer table .tableheader{
	color: #FFFFFF;
	background-color: #392e23;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 5px;
}

#contentcontainer table .tableheader a{
	color: #FFFFFF;
	font-weight: normal;
}

#contentcontainer table .tableheadercell{
	padding: 1px 5px 1px 5px;
}

.thumbLink{
	position: relative;
	display: block;
	width: 144px;
	height: 144px;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}

.thumbLink img{
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.thumbLink .thumbMask{
	z-index: 5;
}

#contentcontainer h2{
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 5px;
}

#headermenu{
	position: absolute;
	left: 0;
	top: 180px;
}

#headermenu a{
	color: #382e23;
	text-decoration: none;
}

#headermenu a:hover{
	color: #73a236;
}

#headermenu ul{
	list-style: none;
}

#headermenu ul li{
	font-size: 1em;
	text-transform: uppercase;
	background: url(../images/menu_li_footer.png) no-repeat bottom left;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 47px;
	width: 224px;
	color: #382e23;
}

#headermenu ul li.active a{
	color: #73a236;
}

#headermenu .lastitem{
	background: none;
}

#submenu{
	margin-bottom: 35px;
	margin-left: 25px;
	font-size: 0.8em;
}

#submenu ul{
	list-style: none;
	margin-top: 10px;
	text-transform: uppercase;
}

#submenu ul li{
	margin-top: 2px;
}

#submenu a{
	color: #372d22;
}

#submenu a:hover{
	color: #779c44;
}

#submenu ul li.active a{
	color: #779c44;
}

#submenu h3{
	width: 200px;
}

#eyecatchercontainer{
	float: left;
	margin-bottom: 30px;
}

#eyecatchercontainer .eyecatcher{
	width: 252px;
	color: #362c21;
}

#eyecatchercontainer .eyecatcher h2{
	color: #fcfdfb;
	font-size: 1.3em;
	font-weight: normal;
}

#eyecatchercontainer .eyecatchertop{
	background: url(../images/eyecatchertop.png) top left no-repeat;
	width: 252px;
	height: 16px;
}

#eyecatchercontainer .eyecatchermiddle{
	background: url(../images/eyecatchermiddle.png) top left repeat-y;
	width: 212px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.75em;
	line-height: 1.4em;
}

#eyecatchercontainer .eyecatchermiddle a{
	color: #f6f7f0;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	display: block;
}

#eyecatchercontainer .eyecatcherbottom{
	background: url(../images/eyecatcherbottom.png) top left no-repeat;
	width: 252px;
	height: 18px;
}

.eyecatcherimagecontainer{
	position: relative;
	width: 212px;
	height: 83px;
	margin-top: 12px;
	margin-bottom: 12px;
	overflow: hidden;
}

.eyecatcherimagemask{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 212px;
	height: 83px;
}

.eyecatcherimage{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#footer{
	border-top: 1px solid #392f23;
	width: 886px;
	margin: 0 auto;
	color: #382e22;
	font-size: 0.6em;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
}

#footer a{
	color: #382e22;
	text-decoration: none;
}

#stardekk{
	float: right;
}

#flashheader{
	margin-left: -40px;
	margin-bottom: 20px;
}

#flasheyecatcher{
	position: absolute;
	right: 0;
	bottom: 0;
}
.omgevingimg
{
	margin-right: 20px;
}
#map
{
	height: 300px;
	width: 600px;
}
.schrijfzelf
{
	float: left;
}
.paginering
{
	float: right;
	list-style: none;
	padding-bottom: 10px;
}
.paginering li
{
	float: left;
	padding-left: 2px;
	padding-right: 2px;
}
.paginering li a.huidige
{
	font-weight: bold;
	text-decoration: underline;	
}

.accordionTable{
	margin-bottom: 5px !important;
	width: 615px;
}