html {
	height:100%;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

body {
	height: 100%;
	position: relative;
	background: #ECE9D8;
	margin: 0;
	font: 16px verdana, arial, helvetica, sans-serif;
	min-height: 100%;
	color:#622D0D;
	text-align: center;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 10;
}

.modal {
	font-size: 15px;
    width: 570px; /*breedte overlay */
    height: 520px; /*hoogte overlay */
	padding: 10px 50px 10px 50px;
    position: relative;
	margin-top: -720px;
    margin-left: -670px;
	left: 770px; /*left - width = afstand vanaf linker rand content*/
    top: 720px; /*top - height = afstand vanaf top*/
    background: #E2D18B;
    border-radius: 5px;
    text-align: left;
    z-index: 11; /* 1px higher than the overlay layer */
}

.overlaypic {
	margin: auto;
}

.cancel { 
	display:block; 
	position:relative; 
	top:0px; 
	left:570px; /*gelijk aan modal width*/ 
	height:10px; 
	width:35px; 
	font-size:30px; 
	text-decoration:none; 
	text-align:center; 
	font-weight:bold; 
}

ul, li {
	margin: 0;
	padding: 0;
}

input.submit
{
	color:#ECE9D8;
	background:#622D0D;
	border:none;
	border-radius:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:4px 12px 5px 12px;
	cursor:pointer;
}

input.text
{
	font: 14px verdana, arial, helvetica, sans-serif;
	background: #ECE9D8;
	color:#622D0D;
}

textarea.text
{
	font: 14px verdana, arial, helvetica, sans-serif;
	background: #ECE9D8;
	color:#622D0D;
}

#header {
	text-align: left;
	margin: 0 auto;
	top: 10px; /*the space between the top of the page and the header*/
	height: 170px; /*the height of the background picture*/
	width: 840px; /*the width of the background picture (needed for centering)*/
	position: relative;
	background: url(images/layout/header.png) no-repeat;
}

#box {
	text-align: left;
	width:840px;
	background: url(images/layout/contentbg.png) repeat-y;
	margin: 0 auto;
	margin-top: 15px;
	padding:0;
}

#content {
	margin: 0px 0px;
	padding:22px;
	left: 0px;
	width: 800px;
}

#content a:link, a:visited, a:active
{
	color: #622D0D;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover {
	color: #856047;
}

#leftnav {
	list-style: none;
	width: 210px;
	position: relative;
	top: 12px;
	left: 5px;
}

#leftnav li a {
	background-image: url(images/layout/leftnav.png);
	display: block;	
	width: 210px; /*the width of each 'button', the image with the buttons is twice as wide*/
}

#navl_home a			{height: 36px; background-position: 0 -12px}
#navl_historie a		{height: 36px; background-position: 0 -48px}
#navl_menukaart a		{height: 36px; background-position: 0 -84px}
#navl_fotos a			{height: 40px; background-position: 0 -120px}

#navl_home a:hover		{height: 36px; background-position: -210px -12px}
#navl_historie a:hover	{height: 36px; background-position: -210px -48px}
#navl_menukaart a:hover	{height: 36px; background-position: -210px -84px}
#navl_fotos a:hover		{height: 40px; background-position: -210px -120px}

#rightnav {
	list-style: none;
	width: 255px;
	position: absolute;
	top: 12px;
	left: 625px; /*the width of the header minus the width of the buttons on the right*/
}

#rightnav li a {
	background-image: url(images/layout/rightnav.png);
	display: block;	
	width: 210px; /*the width of each 'button', the image with the buttons is twice as wide*/
}

#tripadvisor {
	position: absolute;
	top: 180px;
	left: 853px;
}

#navr_contact a			{height: 36px; background-position: 0 -12px}
#navr_route a			{height: 36px; background-position: 0 -48px}
#navr_vacatures a		{height: 36px; background-position: 0 -84px}
#navr_gastenboek a		{height: 45px; background-position: 0 -120px}

#navr_contact a:hover	{height: 36px; background-position: -210px -12px}
#navr_route a:hover		{height: 36px; background-position: -210px -48px}
#navr_vacatures a:hover	{height: 36px; background-position: -210px -84px}
#navr_gastenboek a:hover{height: 45px; background-position: -210px -120px}

#vorige a {
	background-image: url(images/layout/vorige.png);
	display: block;	
	width: 150px; 
	height: 50px; background-position: 0 0;
}
#vorige a:hover		{background-position: 0 -50px}

#volgende a {
	background-image: url(images/layout/volgende.png);
	display: block;	
	width: 160px; 
	height: 50px; background-position: 0 0;
}
#volgende a:hover		{background-position: 0 -50px}

#terug a {
	background-image: url(images/layout/terug.png);
	display: block;	
	width: 230px; 
	height: 50px; background-position: 0 5px;
}
#terug a:hover		{background-position: 0 -45px}

#cookies
{
	text-align:center;
	color: #622D0D;
	text-decoration:none;
	font-size:12px;
}

table.guestbookinner tr td { padding: 4;}

table td.guestbookborders {background-color: #622D0D;}

table td.guestbooktextarea {
	background: url(images/layout/gastenboekbg.png) repeat-y;
	font:  14px verdana, arial, helvetica, sans-serif;
	}

#contactgroot {
	font: 24px verdana, arial, helvetica, sans-serif;
}