body {
	background-color: #000066;
	margin: 0px 4px;
	
	font-size: 75%;
}
body, td, input, textarea, select {
	font-family: verdana, arial, sans-serif;
	color: #000000;
}
body, td {
	font-size: 75%;
}
table.home td {
	font-family: arial, verdana, tahoma;
	color: #ffffff;
}
td.home, td.home a, td.home a:visited {
	color: #ffffff;
}
td.home a:hover, td.home a.oranje:hover {
	color: #ff0000;
}

fieldset, legend, td {
	cursor: default;
}

form {
	display: inline;
}
input, select, textarea {
	font-size: 80%;
}
optgroup {
	font-size: 90%;
}
optgroup option {
	font-size: 100%;
}

.btnboeken {
	background-image: url(img/btnboeken_back.gif);
	border: 1px solid #273781;
	color: #ffffff; /* #273781; */
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	padding-top: 1px;
}
.btn, .btnb, .btng, .btngb, .btnd, .btn107, .btn157, .btn177, .btn217 {
	background-image: url(img/btn_back.gif);
	border: 1px solid #273781;
	cursor: pointer;
	font-weight: bold;
	padding-top: 1px;
}
.btn:focus, .btn:hover, .btng:focus, .btng:hover, .btn107:focus, .btn107:hover, .btn157:focus, .btn157:hover, .btn177:focus, .btn177:hover, .btn217:focus, .btn217:hover {
	border-color: #000000;
	color: #273781;
}
.btng, .btngb { /* button groot en button groot boeken */
	background-image: url(img/btng_back.gif);
	font-size: 110%;
	height: 26px;
}
.btnb, .btngb { /* button boeken en button groot boeken */
	color: #666666;
	cursor: wait;
}
.btnd { /* button disabled */
	color: #666666;
	cursor: wait;
}

td.knoppen .btn, td.knoppen .btn107, td.knoppen .btn157, td.knoppen .btn177, td.knoppen .btn217 {
	margin-top: 2px;
}

input.onder, input.onder_lm {
	font-weight: bold; border: 0px;
	background-image: url(img/boeken_onder.gif); padding-top: 1px; cursor: pointer;
	width: 148px; height: 18px; font-size: 80%;
}
input.onder_lm {
	background-image: url(img/boeken_onder_lm.gif); padding-left: 8px;
}

.txt, textarea, select {
	border: 1px solid #273781; padding-left: 2px; background-color: #FFFFFF;
}
.txt:focus, .txt:hover, select:focus, select:hover, textarea:focus, textarea:hover {
	background-color: #F6F6F6; border: 1px solid #131BA7;
}
input.disabled {
	border: 1px solid #747684; padding-left: 2px; background-color: #D4D0C8;
}

fieldset {
	border: 1px solid #999999; padding: 2px; padding-bottom: 4px;
}
fieldset fieldset {
	margin-left: 4px; margin-right: 4px;
}
legend {
	color: #F15D00; margin-bottom: 4px; padding-left: 2px; padding-right: 2px;
}

table.main {
	border-left: 1px solid #000000; border-right: 1px solid #000000;
}
tr.ro td, td.ro {
	border-bottom: 1px solid #999999;
}
tr.rb td, td.rb {
	border-top: 1px solid #999999;
}

td.main {
	padding-left: 10px; padding-right: 10px; background-color: #ccccff;
}
.capv, .caph {
	font-weight: bold;
}

table.paddingtd td {
	padding-right: 8px;
	padding-top: 2px;
}
table.hok {
	/*
	border: 1px solid #AAAA88; background-color: #E6E6FF;
	border-right-color: #6A6A62; border-bottom-color: #6A6A62; 
	*/
	border: 1px solid #1052A8;
	background-color: #E6E6FF;
	color: #ffffff;
}
table.vaaghok {
	border: 1px solid #AAAA88; background-image: url(img/staphok_back.gif);
	border-right-color: #6A6A62; border-bottom-color: #6A6A62; 
}
table.staphok {
	border: 2px solid #E20A19; background-color: #F3F3FF;
	/*border: 2px solid #555577;*/ /*#E20A19;*/ /*#EA050C;*/
	/*
	border-left: 2px solid #8A8A75; border-top: 2px solid #8A8A75; 
	border-right: 2px solid #6A6A62; border-bottom: 2px solid #6A6A62; 
	background-image: url(img/staphok_back.gif);
	*/
}
table.hokinhok {
	border: 1px solid #AAAA88; background-color: #F3F3FF;
	border-left-color: #6A6A62; border-top-color: #6A6A62;
}
table.hok td, table.vaaghok td, table.staphok td {
	padding-right: 2px; padding-left: 2px;
}

table.beschikbaarheidzoeken {
	border: 2px solid transparent;
	padding: 2px;
}
table.beschikbaarheidzoekenrand {
	background-color: #ffffff;
	border: 2px solid #E20A19;
	padding: 2px;
}

table.planninghok {
	border: 1px solid #AAAA88; background-color: #E6E6FF;
	border-right-color: #6A6A62; border-bottom-color: #6A6A62; 
}
table.planninghok td {
	padding: 3px;
}
table.planninghok tr.hok td {
	border-top: 1px solid #808080; border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #808080;
}
table.planninghok tr.hok td td {
	border: 0px;
}
table.planninghok td.kamer {
	background-color: #EDEDFF;
}
table.planninghok td.vrij {
	background-color: #C9E3DF;
}
table.planninghok td.dubbel, div.dubbel {
	background-color: #DFACBF;
}

tbody.boeking:hover td, tbody.boeking-hover td {
	background-color: #EDEDFF;
}
tbody.boeking:hover td.dubbel, tbody.boeking-hover td.dubbel {
	background-color: #EDCFDB;
}

table.hok .caph {
	background-color: #F3F3FF; /* #F8FBFF; */
}
table.hok .capv2 {
	background-color: #F3F3FF;
}
table.hok .dataht {
	border-top: 1px solid #AAAA88;
}
table.enginetabs {
	font-style: italic;
	border-top: 2px solid #666666; border-bottom: 2px solid #666666;
}
table.enginetabs td {
	padding: 4px;
}
td.enginetab {
	font-weight: bold;
}

tr.donker td, td.donker {
	background-color: #e0e0fb;
}
tr.licht td, td.licht {
	background-color: #F3F3FF;
}
tr.klik td, td.klik {
	background-color: #E3E3EE;
}

td.footer, td.header {
	color: #ffffff;
}

div.hok {
	border: 1px solid #1052A8;
	background-color: #E6E6FF;
	color: #ffffff;
}

h1 {
	font-style: italic;
}

.groot {
	font-size: 120%;
}
td.klein {
	font-size: 60%;
}

/* opties alleen voor atze beschikbaar */
tbody.atze td, div.atze, tr.atze td, td.atze {
	/*
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	*/
	background-color: #fffff3;
	border: 1px dashed #ff0000;
	padding: 4px;
}
tbody.atze td table td {
	/*
	-moz-opacity: 1;
	*/
	border: 0px;
	padding: 2px;
}

tr.dashed td {
	border-bottom: 1px dashed #353564;
}
tr.dashed td table td {
	border-bottom: 0px;
}
td.streep {
	height: 8px; padding: 0px;
}

a, a:visited {
	color: #0000cc; cursor: pointer;
}
a:active, a:hover {
	color: #cc0000; cursor: pointer;
}
a sup {
	text-decoration: none;
}
a.hokje, a.swap {
	text-decoration: none;
}
a.pijltje {
	text-decoration: none; font-size: 150%;
}
a.pijltje:visited {
	color: #000000;
}
a.pijltje:hover {
	color: #cc0000;
}
a.zoekpijltje {
	text-decoration: none; font-size: 130%;
}
a.grijs, a.grijs:visited {
	color: #999999;
}
a.none, a.none:visited {
	color: #000000; text-decoration: none;
}
a.none:hover {
	color: #CC0000; text-decoration: none;
}
a.oranje, a.oranje:visited, span.oranje, b.oranje, td.oranje, td.home a.oranje {
	color: #F15D00;
}
a.actief {
	font-weight: bold;
}

span.grijs a, span.grijs a:visited {
	color: #999999;
}
span.grijs a:hover {
	color: #cc0000;
}

td.header a, td.header a:visited, td.header a:active {
	color: #ffffff;
}
td.header a:hover {
	color: #ffffff;
}
td.footer a, td.footer a:visited, td.footer a:active {
	color: #ffffff;
	text-decoration: none;
}
td.footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

hr {
	color: #999999; height: 2px;
}

img.rand {
	border: 1px solid #E2D8D3;
}
img.hok {
	border: 1px solid #1052A8;
}

tr.strike td {
	text-decoration: line-through;
}
td.none, tr.strike td.none {
	text-decoration: none;
}
.verwijderd, tr.verwijderd td, tr.verwijderdactief td {
	font-style: italic; color: #666666;
}
tr.verwijderd td a {
	font-style: normal;
}
.grijs, tr.grijs td, tr.grijsactief td {
	color: #999999;
}
.rood, tr.rood td {
	color: #CC0000;
}
tr.actief td, tr.verwijderdactief td, tr.grijsactief td {
	font-weight: bold;
}
tr.actief td input, tr.actief td select, tr.verwijderdactief td input, tr.verwijderdactief td select, tr.grijsactief td input, tr.grijsactief td select {
	font-weight: normal;
}

.melding {
	color: #990000; font-weight: bold;
}
.gewijzigd {
	color: #009900; font-weight: bold;
}
.klein {
	font-size: 90%;
}
.kleiner {
	font-size: 80%;
}
.pijltje .klein {
	font-size: 60%;
}

td.vrij {
	/* background-image: url(img/vrij.gif); */
	background-color: #00CC00;
	border-left: 1px solid #40D940; border-top: 1px solid #40D940;
	border-right: 1px solid #00B200; border-bottom: 1px solid #00B200;
	padding: 2px;
}
td.vrijoranje {
	background-color: #ff7d00;
	border-left: 1px solid #ffbb7a; border-top: 1px solid #ffbb7a;
	border-right: 1px solid #803f00; border-bottom: 1px solid #803f00;
	padding: 2px;
}
td.bezet {
	/* background-image: url(img/bezet.gif); */
	background-color: #CCCCCC;
	border-left: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9;
	border-right: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2;
	padding: 2px;
}
td.aanvraag {
	/* background-image: url(img/aanvraag.gif); */
	background-color: #E6E600;
	border-left: 1px solid #ECEC40; border-top: 1px solid #ECEC40;
	border-right: 1px solid #C9C900; border-bottom: 1px solid #C9C900;
	padding: 2px;
}
td.vrijaanvraag {
	background-image: url(img/vrij_aanvraag.gif);
}
td.fout, div.fout, table.fout {
	border: 2px solid #990000; padding: 4px;
}
td.error, div.error {
	border: 2px solid #CC0000; padding: 4px; background-color: #ffffff;
}
.verplicht {
	color: #990000;
}

span.titel {
	color: #F15D00;
	/* color: #DB0A20; */
}

b.stap {
	font-size: 120%; color: #F15D00;
}

div.actief {
	border-top: 2px solid #000099; border-bottom: 2px solid #000099; padding: 4px; width: 99%;
	background-image: url(img/staphok_back.gif);
	margin-bottom: 8px;
}
div.alpha {
	border-top: 2px solid #666666; border-bottom: 2px solid #666666; padding: 4px; width: 99%;
	/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); */
	background-image: url(img/staphok_back.gif);
}
div.alpha, div.alpha td, div.alpha input, div.alpha select, div.alpha textarea, div.alpha a, div.alpha a:visited {
	color: #666666;
}
div.alpha a:hover {
	color: #990000;
}

div.info {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 2px;
	font-style: normal;
	font-size: 90%;
	top: 20px;
	left: 2px;
}

div.paginatitel {
	font-weight: bold;
	font-size: 130%;
	color: #ffffff;
}

div.titel {
	font-weight: bold;
	padding-bottom: 8px;
	font-size: 110%;
	color: #F15D00;
}

li { 
	padding-bottom: 4px;
}

li li {
	padding-bottom: 1px;
}

li ul {
	padding-top: 4px;
}

table.zoek {
	
}
td.capzl, td.capz, td.capzr {
	font-weight: bold; background-color: #F3F3FF;
	border-top: 1px solid #AAAA88;
}
td.capzl, td.datazl {
	border-left: 1px solid #AAAA88;
}
td.capzr, td.datazr {
	border-right: 1px solid #6A6A62;
}
td.dataz, td.datazl, td.datazr, td.datazlr {
	background-color: #E6E6FF;
}
td.datazlr {
	border-right: 1px solid #6A6A62;
	border-left: 1px solid #AAAA88;
}
td.zleeg {
	background-color: inherit;
}
td.zb {
	background-color: #E6E6FF;
	border-bottom: 1px solid #6A6A62;
	border-right: 1px solid #6A6A62;
	border-left: 1px solid #AAAA88;
}
tbody.tbodyz-hover td.dataz, tbody.tbodyz-hover td.datazl, tbody.tbodyz-hover td.datazr, tbody.tbodyz-hover td.datazlr, tbody.tbodyz-hover td.zb {
	background-color: #DFDFFF;
}
tbody.tbodyz td, tbody.tbodyz-hover td, tbody.tbodyz-click td {
	cursor: pointer;
}
tbody.tbodyz-click td.dataz, tbody.tbodyz-click td.datazl, tbody.tbodyz-click td.datazr, tbody.tbodyz-click td.datazlr, tbody.tbodyz-click td.zb {
	background-color: transparent;
	background-image: url(img/staphok_back.gif);
}
tbody.tbodyz-hidden td.dataz, tbody.tbodyz-hidden td.datazl, tbody.tbodyz-hidden td.datazr, tbody.tbodyz-hidden td.datazlr, tbody.tbodyz-hidden td.zb {
	background-color: #DFDFDF;
}
table.zoek td {
	border-color: #1052A8;
	border-width: 1px;
}

acronym {
	border-bottom: 1px dotted #666666; cursor: help;
}

table.copyfooter td, td.copyfooter {
	font-size: 60%;
}
div.copyfooter {
	font-size: 80%;
}
.copyfooter {
	color: #919497; font-family: tahoma,verdana,arial; padding-bottom: 2px;
}
.copyfooter a, .copyfooter a:visited {
	text-decoration: none; color: #919497; font-family: tahoma,verdana,arial;
}
.copyfooter a:hover {
	text-decoration: none; color: #000066; font-family: tahoma,verdana,arial;
}

@media print {
	.noprint {
		display: none;
	}
}

.copy {
	font-size: 80%; color: #666699;
}
.copy a, .copy a:visited {
	color: #666699;
}
.copy a:hover {
	color: #000000;
}
.isa {
	color: #990000;
}

label.label-hover, label:hover {
	color: #606060;
}

#info_bar {
	background-color: #ffffff;
	color: #000000;
	filter: Alpha(opacity=50);
	left: 10px;
	opacity: 0.5;
	padding: 2px;
	position: absolute;
	top: 10px;
}
#info_bar a {
	color: #000000;
}

div.zoekenblokje {
	border: 1px solid #F15D00;
	background-color: #ffffff;
	margin: 5px;
	padding: 5px;
	position: absolute;
	text-align: left;
	width: 500px;
}
div.zoekenblokje td {
	cursor: auto;
}
tbody.tbodyz td div.zoekenblokje td, tbody.tbodyz-hover td div.zoekenblokje td, tbody.tbodyz-click td div.zoekenblokje td {
	cursor: auto;
}

table.tabbladengrijs tr {
	color: #ffffff;
}
table.tabbladengrijs td.tabblad, table.tabbladengrijs td.tabbladinactief {
	background-color: #5c5b59;
	background-image: url(img/tabblad_grijs.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #ff7d00;
	height: 27px;
	text-align: center;
}
table.tabbladengrijs td.tabbladactief {
	background-color: #ffffff;
	color: #000000;
	height: 27px;
	text-align: center;
}
table.tabbladengrijs td.tabbladinactief {
	color: #ffffff;
}
table.tabbladengrijs td.tabblad a, table.tabbladengrijs td.tabblad a:visited {
	color: #ff7d00;
	text-decoration: none;
}
table.tabbladengrijs td.tabbladactief a, table.zwart table.tabbladengrijs td.tabbladactief a:hover {
	color: #000000;
	text-decoration: none;
}

table.kalender {
	border: 1px solid #606060;
	float: left;
	margin: 4px;
}
table.kalender td {
	padding: 1px;
	text-align: center;
}
table.kalender tr.maand td {
	font-weight: bold;
}
table.kalender tr.dagen td {
	font-style: italic;
}
table.kalender tr.data td {
	border-width: 0;
	width: 12px;
}
table.kalender td.vrij {
	background-color: #00cc00;
	cursor: pointer;
}
table.kalender td.bezet {
	background-color: #cc0000;
}
table.kalender td.oud {
	background-color: #c0c0c0;
}

div.hotel-beschikbaarheid-kalenders span.vorig-jaar, div.hotel-beschikbaarheid-kalenders span.huidig-jaar, div.hotel-beschikbaarheid-kalenders span.volgend-jaar {
	width: 60px;
}
div.hotel-beschikbaarheid-kalenders span.vorig-jaar {
	float: left;
	margin-left: 8px;
}
div.hotel-beschikbaarheid-kalenders span.volgend-jaar {
	float: right;
	margin-right: 8px;
}

#dhtmltooltip {
	/*width: 150px;*/
	background-color: lightyellow;
	border: 1px solid black;
	color: black;
	font: 90% arial, sans-serif;
	padding: 2px 4px;
	position: absolute;
	text-align: left;
	visibility: hidden;
	white-space: nowrap;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

ul.nostyle {
	list-style: none;
}

div.lp {
	border: 2px solid #ff7d00;
	padding: 5px;
}