/* CSS Document */
html, body, #wrap, #wrap1 {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

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

html>body #wrap{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html>body #wrap1{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

body {
		margin: 0;
		padding:0;
		background: #fff url(images/background.jpg) repeat-y 50% 0;
		color:#35251F;
		min-width:750px;
	}
	
	div#wrap {
		margin:0 auto;
		width:750px;
		border:1px solid #35251F;
	}
	
	/* This is the header  */
#bg {
	width: 750px;
	height: 109px;
	margin: 0;
	border-top: 1px solid #A2B7CB;
	background: url(images/top.jpg) no-repeat;	
	}
	
#boven {
		color: #344A55;
		font: bold 33px Arial, Helvetica, sans-serif;
		}
			
/* main referring to left column */
	#main {
		clear: both;
		float:left;
		width:463px;
		margin: 0;
		font: 12px/18px Arial, Helvetica, sans-serif;
		color: #35251F;
	}
	
	#main p {
		padding:0 21px;
	}
	
		#main h1 {
		padding:0 21px;
		color: #75949E;
		font: bold 16px/18px Arial, Helvetica, sans-serif;
			}
	#main h2 {
		padding:0 21px;
		color: #75949E;
		font: bold 15px/17px Arial, Helvetica, sans-serif;
		}
	#main a:link, #main a:visited {
		text-decoration: none;
		color: #75949E;
		}
		#main a:hover, #main a:active {
		text-decoration: none;
		color: #c63;
		}

dt {
	font: bold 100% Arial, Helvetica, sans-serif;
	padding-left: 12px;
	}

#formulier {margin-left: 20px;}

/* sidebar referring to right column */
#sidebar {
		width:259px;
		margin-left:484px;
		font: 12px/18px Arial, Helvetica, sans-serif;
 		color: #35251F;
	}
	
	#wrap > #sidebar {
		width:249px;
	}
	
	#sidebar p {
		padding:0 10px;
	}

		
	#sidebar h2 {
		color: #c63;
		font: bold 15px/18px Arial, Helvetica, sans-serif;
		padding:0 10px;
		}

	
	#sidebar a:link, #sidebar a:visited {
		color: #c63;
		border-bottom: 0;
		text-decoration: none;
		}
		
		#sidebar a:hover, #sidebar a:active {
		color: #c63;
		/*font: bold 12px/18px Arial, Helvetica, sans-serif;*/
		text-decoration: underline;
		}
	
/* footer */
	#footer {
		clear:both;		
		height:120px;
 		background:#CBCB99;
		font: normal 12px/18px Arial, Helvetica, sans-serif;
 		color: #c63;
		padding-left:10px;
			}
	
	#footer p {
		padding:5px;
		margin:0;
	}
	
		#footer_contact {
		float: right;  
		position: relative;
		width: 320px;
		margin: 0px 10px 20px 15px;
		text-align:right;
		font: bold 12px/23px Arial, Helvetica, sans-serif;
	}

	#footer_copyright {
		float: left;  
		position: relative;
		width: 370px;
		margin: 0px 0px 20px 0px;
		text-align:left;
		font: normal 11px/18px Arial, Helvetica, sans-serif;
		color: #75949E;
	}
	
	#footer_copyright a:link, #footer_copyright a:visited {
 text-decoration: none;
 color: #75949E;
 }
 
 	#footer_copyright a:hover, #footer_copyright a:active {
 text-decoration: underline;
 color: #75949E;
 }
/* floats */

	.imageright {
 		float: right;
		padding: 5px;
 		border: 1px solid #35251F;
 		margin-left: 10px;
		margin-right: 3px;
	}
	
		.imageleft {
 		float: left;
 		margin-right: 10px;
		padding: 3px;
 		border: 1px solid #35251F;
	}
	
	
	.photo {
		padding: 3px;
 		background-color: #ffffff;
 		border: 1px solid #E7EEE2;
		margin-left: 59px;
		}
	
	#sidebar .top {
	background: transparent url(images/top.gif) no-repeat left;
	padding: 0 0 0 21px;
	} 

	#sidebar a.top:link, #sidebar a.top:visited {
	border-bottom: none;
	text-decoration: none;
	} 

	#sidebar a.top:hover, #sidebar a.top:active {
	background: transparent url(images/top_hv.gif) no-repeat left;
	border-bottom: none;
	text-decoration: none;
	color: #35251F;
} 

.blue {
color: #75949E;
font-weight: bold;
}

.bluebig {
color: #75949E;
font: bold 15px/23px Arial, Helvetica, sans-serif;
}

.orange {
color: #c63;
font-weight: bold;
}

#initiatief {
	border: 1px solid #fff;
	padding: 6px 8px 4px 1px;
	float: right;
	margin: 9px 6px 6px 3px;
	background-color:#CBCB99;
	width: 221px;
	}
#initiatief p{
text-align: center;
color: #75949E;
font-size: 11px;
}
#initiatief img {
padding-left: 41px;
}

#initiatief p a:link{
		color: #75949E;
		font-size: 11px;
		border-bottom: 0;
		text-decoration: none;
		}
		
#initiatief p a:hover, .landslink a:active {
		color: #75949E;
		text-decoration: none;
		}
	
#fixtures {
	border: 1px solid #cc9;
	padding: 6px 6px 4px 6px;
	float: right;
	margin: 9px 6px 6px 3px;
	background-color:#fff;
	width: 221px;
	}
	#fixtures2 {
	border: 1px solid #cc9;
	padding: 6px 6px 4px 6px;
	float: right;
	margin: 9px 6px 6px 3px;
	background-color:#fff;
	width: 221px;
	}
	
	#call {
	background-color: #c63;
	color: #fff;
	padding: 6px 6px 4px 6px;
	float: right;
	margin: 21px 6px 21px 3px;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
		width: 221px;
	}
	
	#call a:link, #call a:visited{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	}
	
	#call a:hover, #call a:active{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	}
	
		#offer {
	background-color: #75949E;
	color: #fff;
	padding: 6px 12px 4px 12px;
	float: right;
	margin: 9px 12px 6px 12px;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	}
	
	#offer a:link, #offer a:visited{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	}
	
	#offer a:hover, #offer a:active{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	}
	
	.large {
	font-size: 21px;
	line-height: 28px;
	}
	
	.sm {
	font-size: 10px;
	}
	.top {
	background: transparent url(images/top.gif) no-repeat left;
	padding: 0 0 0 21px; 
} 
	
	/* table */
	
	.mytable {
	width: 96%;
	padding: 0;
	margin: 0;
	margin-left: auto;
    margin-right: auto;
}

th {
	font: bold 0.9em rial, Helvetica, sans-serif;
	color: #c63;
	border-right: 1px solid #7d6967;
	border-bottom: 1px solid #7d6967;
	border-top: 1px solid #7d6967;
	letter-spacing: 0.1.3em;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #cc9 url(images/bg_header.jpg) no-repeat;
}

th.left {
	border-left: 1px solid #7d6967;
}

.mytable td {
	border-right: 1px solid #35251F;
	border-bottom: 1px solid #35251F;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #35251F;
}


td.alt {
	background: #F5FAFA;
	color: #75949E;
}

td.spec {
	border-left: 1px solid #35251F;
}

td.specalt {
	border-left: 1px solid #35251F;
	background: #F5FAFA;
	color: #75949E;
}

td ul {
margin: 6px;
padding: 6px;
}

	.right {
 		float: right;
 		margin-left: 10px;
		margin-right: 3px;
	}

.pageTitleAlert {background-color:#f00; padding:8px; font-size:16px; font-weight:bold; color:#fff; text-align:left;}
.pageTitleSuccess {background-color:#3c0; padding:8px; font-size:16px; font-weight:bold; color:#fff; text-align:left;}
.formLabel {font-size:13px;}
.error {color:#f00; font-weight:bold; font-size:11px;}
.small {font-size:11px;}

.fade {
color:#999;
}

.clear {
clear:both;
}

.booked {color: #FF0000;}


.menu-son-of-suckerfish-horizontal {
height: 21px;
border-top: 1px solid #BFBF91;
border-bottom: 1px solid #BFBF91;
background-color: #CBCB99;
}

/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {
	background-color: #CBCB99;
	color : #43565C;
	padding-top: 1px;
	
	
}

a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover {
background-color: #BFBF91;
	color: #000000;
}

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {
	background-color: #CBCB99;
	color : #43565C;
	border: 1px solid #BFBF91;
	
}

a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
	background-color: #BFBF91;
	color: #000000;
	border: 1px solid #B7CBDE;

}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {
	background-color: #BFBF91;
	color: #FFFFFF;
	margin-left: 74px;
}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {
	background-color: #FFFFFF;
	color: #000000;
	
}

ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {
	display: block;
	background-image: url("images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}


/** customize style / layout here */

a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 75%;
	text-align: left;
	text-decoration: none;
	display: block;
	
	padding: 0.3em 0.95em 0.35em 0.95em;	/* top, right, bottom, left */
}

a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {
background-color: #FFFFFF;
	color: #000000;
}


a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
	font-size: 90%;
	border-top: none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
	width: 25em;
	
}

#active_menu-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
	
	background-color: #FFFFFF;
	color: #000000;
}

ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

ul.mainlevel-son-of-suckerfish-horizontal li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}

ul.mainlevel-son-of-suckerfish-horizontal li li {
	position: relative;
	display: block;
	width: 10em;
}


ul.mainlevel-son-of-suckerfish-horizontal ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: -0.2em 0 0 0em;
	width: auto;
	height: auto;
	z-index: 101;
}
	
ul.mainlevel-son-of-suckerfish-horizontal li li ul {
	margin: -1.8em 0 0 10em;
	z-index: 102;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
	left: auto;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
	left: -999em;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {
	clear: left;
}

/** separator */
span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
	display: block;
	width: 1em;
	border-width: 0px;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}