/* intro */
body.intro { background-color: #000000; color: #FFFFCC; margin: 0 0 0 0; text-align: center; }
body.intro table {
	width: 550px; height: 400px;
	border: 0; border-collapse: collapse; display: block;
	margin: 3em auto 0 auto; padding: 0;
}
body.intro td { border: 1px solid #FFFFCC; }

/* normale pagina */
body.normal, body.admin {
	background-color: #CDDB86;
	color: #000000;
	margin: 0;
	padding: 0;
}

/* pagina structuur */
div.paginaonderdeel {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}

div#kop {
	width: 790px;
	height: 142px;
	top: 0; left: 0;
	z-index: 2;
}

div#nav {
	position: absolute; 
	top: 142px; left: 0; 
	border: 0px solid #0000FF; 
	width: 110px; 
	z-index: 4; 
	padding: 0 0 5em 0;
}

body.admin div#nav {
	top: 0;
	padding: 1em;
}

body.admin div#nav ul {
	margin-left: 0;
}

div#body, div#body_haan {
	width: 605px; padding: 20px 40px 55px 145px;
	margin: 0;
	z-index: 1;
	background-image: url("images/body.png"); background-repeat: repeat-y;
	top: -4px;
}

div#body_haan {
	height: 424px;
	background-image: url("images/haan_body.jpg"); background-repeat: no-repeat;
}

div#footer {
	width: 625px; height: 24px; top: -4px;
	background-image: url("images/bottom.jpg"); background-repeat: no-repeat; 
	margin: 0; padding: 20px 30px 0 135px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 80%;
	text-align: right;
	z-index: 3;
}

/* navigatie opmaak */

div#nav table.nav {
	border: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.5em;
}

div#nav table.nav tr.hoofditem {
	background-color: #FCF8A5; 
}

div#nav table.nav tr.hoofditem td {
	background-color: #FCF8A5;
	border-bottom: 2px solid #A0B040;
	border-right: 2px solid #A0B040;
	border-top: 2px solid #E0E0AA;
	border-left: 2px solid #E0E0AA;
	padding: 0;
	margin: 0;
}

div#nav table.nav tr.hoofditem td a {
	display: block;
	width: 100%;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	color: #003300;
	background-color: inherit;
	padding: 2px 0 2px 0;
}

div#nav table.nav tr.hoofditem td a:hover {
	background-color: #003300;
	color: #FCF8A5;
}

div#nav table.nav tr.subitem td a {
	display: block;
	width: 100%;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	color: #003300;
	background-color: inherit;
	padding: 2px 0 2px 0;
}

div#nav table.nav tr.subitem td a:hover {
	background-color: #003300;
	color: #FCF8A5;
}

div#nav a#taal {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 0.5em;
	font-family: Verdana, Arial, Helvitica, sans-serif;
	font-weight: normal;
	font-size: 90%;
}

/* body opmaak */

p, li, td, th, h3 {
	font-family: Sans, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
}

/* algemene opmaak */

div.foto_rechts, div.foto_center, div.foto_links {
	display: block;
	padding: 1em;
}

div.foto_rechts p, div.foto_center p, div.foto_links p {
	font-style: italic;
	text-align: center;
	padding: 0;
	margin: 0;
}

div.foto_rechts { float: right; }
div.foto_center { text-align: center; }
div.foto_links { float: left; }

iframe#weer {
	width: 175px;
	height: 138px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	display: block;
	float: right;
}

div.mailinglist {
	display: block;
	border: 0px solid #FF0000;
	padding: 0.5em;
	font-style: italic;
}

a {	font-weight: bold; color: #FF3300; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h1 {
	font-family: Arial, Helvetica, Sans, sans-serif;
	font-size: 130%;
	text-align: center;
	clear: both;
}

h2, table caption {
	font-family: Arial, Helvetica, Sans, sans-serif;
	font-size: 115%;
	text-align: center;
	font-style: italic;
	clear: both;
}

h3 {
	font-weight: bold;
	font-style: italic;
}

span.u { text-decoration: underline; }

table { border-collapse: collapse; border-width: 0; }
td, th { padding: 1px 5px 1px 5px; }
th { vertical-align: top; text-align: left; }

table.data tbody td.info, tfoot td {
	text-align: center;
	font-weight: bold;
	background-color: #006000;
	color: #FCF8A5;
}

table#opening { margin: 1em; }

table.data tbody, tfoot, thead {
	border: 1px solid #003300;
}

p.error, p.nadruk { font-weight: bold; font-style: italic; color: #FF0000; background-color: inherit; }

acronym.super {
	color: #FF3300;
	background-color: inherit;
	font-size: 80%;
	vertical-align: super;
}

/* panorama */

object.panorama {
	padding: 0;
	margin: 0 auto 0 auto;
	display: block;
	border-top: 3px solid #A0B040;
	border-left: 3px solid #A0B040;
	border-bottom: 3px solid #E0E0AA;
	border-right: 3px solid #E0E0AA;
	width: 500px;
	height: 300px;
}

div#pan_control{
	text-align: center;
	width: 500px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 90%;
}

table#kies_panorama {
	margin: 0 auto 0 auto;
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
}

table#kies_panorama td {
	text-align: center;
	padding: 10px;
}

/* reserveren */

table#opening { float: right; }
form#reserveren { clear: both; }

/* links */

ul#links li {
	padding: 0.5em;
}

/* gastenboek */

table.gastenboek {
	border-collapse: separate;
}

table.gastenboek th, table.gastenboek td {
	padding: 4px;
}

table.gastenboek th.even, table.gastenboek td.even {
	background-color: #FFFFCC;
}

table.gastenboek th.oneven, table.gastenboek td.oneven {
	background-color: #CEDB84;
}

table.gastenboek th {
	font-weight: bold;
}

table.gastenboek td {
	padding-bottom: 2em;
}

/* menukaart */

table.menukaart, table.menukaart_suggestie {
	width: 100%;
	margin-top: 2em;
}

table.menukaart caption {
	background-color: #CEDB84;
}

table.menukaart tr.even, table.menukaart_suggestie tr.even {
	background-color: #FFFFCC;
}

table.menukaart td.prijs, table.menukaart_suggestie td.prijs {
	white-space: nowrap;
	text-align: right;
}

table.menukaart td, table.menukaart_suggestie td {
	padding: 1em;
}

/* fotoalbum */

table.fotoalbum {
	margin: 0 auto 0 auto;
	text-align: center;
	vertical-align: middle;
}

table.fotoalbum td {
	padding: 0.5em;
}

/* voor de printer */

@media print {
	div#kop { display: none; }
	div#nav { display: none; }
	div#body {
		width: auto; height: auto;
		color: #000000; background-color: transparent; 
		padding: 0; margin: 0;
		top: 0; left: 0;
	}
	div#footer { display: none; }
	iframe#weer { border: 2px solid #808080; }
	div#pan_control { display: none; }
	object.panorama { display: none; }
}