body
{
	behavior: url("script/csshover.htc");
	
	/* By default, IE does not support hovering any other elements,
	other than anchors. This htc-script will take care of that and thus,
	will enable you to put :hover actions on other elements */

}

/* General */

html, body
{
	margin: 0;
	padding: 0;
	height: 100%;

	background: url(../img/background.gif) repeat-y #7e8ea2;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}

img, td, tr
{
	border: 0;
	margin: 0;
	padding: 0;
}

h1
{
	font-family: Georgia, serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -1px;

	margin: 10px 0 5px 0 !important;
	margin: 25px 0 5px 0;
	padding: 0;
}

h2
{
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 5px 15px -5px;
	color: #183e6e;
}

td.c02
{
	vertical-align: top;
	width: 569px;
}

.verticaltopalign
{
	vertical-align: top;
}

/* End General */


/* Controls for column-widths and colorswatches */

.c01	{width: 175px;}
.c02	{width: 569px;}
.c03	{width: 218px;}

.swatch00 {background: #fff;}
.swatch01 {background: #f3f7fa;}

/* End Controls */


/* IDs */

#container
{
	width: 962px;

	background: #fff;
	border:0;
	border-collapse: collapse;

	border-right: 33px solid #e4eaf1;
}

#header
{
	position: relative;
	width: 569px;
	height: 90px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #8da5b7;
}

	#header td.c02 #sitemap
	{
		display: block;
		width: 60px;
		height: 12px;

		position: absolute;
		left: 185px;
		top: 10px;

		text-decoration: none;
		color: #8da5b7;
	}
		#header td.c02 a:hover
		{
			font-weight: bold;
		}

	#header td.c02 p
	{
		display: block;
		width: 335px;
		height: 15px;

		position: absolute;
		left: 410px;
		top: 10px;
	}
		#header td.c02 p img
		{	
			margin-bottom: -3px;
		}

	#header td.c02 #phoneus
	{
		display: block;
		width: 514px;
		height: 24px;

		position: absolute;
		left: 182px;
		top: 60px;
	}

	#header td.c03 
	{
		background: none;
	}

	#header td.c03 p
	{
		padding: 0 0 0 14px;
		margin: 0 0 4px 0;
	}

#main
{
	height: 378px;
	background: #fff;
}

	#menu
	{
		vertical-align: top;
		font-size: 10px;

	}
	#menu ul
	{
		list-style: none;
		margin:0;
		padding:0;
	}

		#menu ul li
		{
			position: relative;
			width: 175px;
			height: 23px;
			margin:0;
			padding:0;
		}
		#menu ul li a
		{
			display: block;
			width: 160px;
			height: 18px;

			padding: 5px 0 0 15px;

			color: #7e8fa4;
			text-decoration: none;
		}
		#menu ul li.active a, #menu ul li.active a:hover
		{
			background: url(../img/menu_high.gif) no-repeat;
			font-weight: bold;
			color: #223041;
		}
		#menu ul li:hover
		{
			background: #103769;
		}
		#menu ul li a:hover
		{
			font-weight: bold;
			color: #fff;
		}
			#menu ul ul
			{
				display: none;
			}
			#menu ul li:hover ul
			{
				display: block;

				position:absolute;
				top: -10px;
				left: 150px;

				background: url(../img/ul_back_ff.png);
			}
			#menu ul ul li
			{
				display: block;
				width: 175px;
				height: 25px;
			}
			#menu ul ul li:hover
			{
				background: #e4ebf2;
			}
			#menu ul ul li a
			{
				height: 20px;
				padding-left: 7px;
				color: #e4ebf2;
				background: none;
			}
			#menu ul ul li a:hover
			{
				font-weight: normal;
				color: #021228;
				background: none;
			}

	/* Hide from IE Mac \*/

	* html #menu ul li a { line-height: 7px; }
	* html #menu ul li a { margin-top: 3px; }
	* html #menu ul li.active a:hover { background: url(../img/menu_high.gif); }
	* html #menu ul li.active { background: url(../img/menu_high_IE.gif); }
	* html #menu ul li:hover ul { background: #142741; }

	/* End */


#sub
{
	height: 132px;
}

	#sub td.c03
	{
		padding: 0 0 0 10px;
		background: #fff;
	}
	#sub td.c03 a
	{
		display: block;
		width: 197px;
		height: 31px;
		text-indent: -10000px;
	}
	#sub td.c03 a:hover
	{
		background-position: bottom;
	}
		#booking
		{
			background: url(../img/patch_reserveer_nu.gif) no-repeat;
			margin: 0 0 3px 0;
		}
		#returnbooking
		{
			background: url(../img/patch_boek_een_terugreis.gif) no-repeat;
		}

	#subcontent
	{
		display: block;
		width: 394px;
		height: 112px;
		float: left;
		font-family: Georgia, Times, Times New Roman, Serif;
		font-size: 12px;
		padding: 10px;
		text-align: justify;
		line-height: 16px;
		overflow: hidden;
	}
	
	.fleft img
	{
		float: left;
	}

.relsub
{
	padding: 0 20px;
	width: 529px;
}

	.relsub h1
	{
		margin-bottom: 20px;
		margin-left: -2px;
	}

	.relsub li
	{
		margin: 10px 0;
	}

#content
{
	height: 90px;
}

#content, .relsub
{
	background: #fff;
	font-size: 11px;
	line-height: 18px;
	background: #fff;
	text-align: justify;
}

	#content a, .relsub a
	{
		text-decoration: none;
		color: #182f4b;
		border-bottom: 1px dotted #ccc;
	}
		#content a:hover, .relsub a:hover
		{
			border-bottom: 1px solid #7e8ea2;
			color: #3d5d85;
		}

	#content p, .relsub p
	{
		margin: 0 0 10px 0;
		padding: 0;
	}


#copy
{
	height: 90px;
	background: #fff;
	color: #c6c6c6;
}