html, body, #bg, #bg table, #bg td, #hokje {
	width:100%;
	height:100%;
}
#hokje {
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	z-index:70;
}
#header {
	position:relative;
	top: 0px;
	width:980px;
	margin: 0 auto;
	border: 0px solid red;
	z-index:2;
}
#logo {
	float:right;
}
#menu {
	position:relative;
	top:160px;
	left:0px;
	width: 550px;
	float:left;
	border:0px solid white;
}
#langFlags {
	margin		: 0;
	padding		: 0;
	list-style	: none;
	position	: absolute;
	right		: 5px;
	top			: 202px;
	width		: auto;
}
#langFlags li {
	float		: left;
	padding		: 0 2px;
}
#content {
	position:relative;
	top:0px;
	margin:0 auto;
	width: 980px;
	display:block;
	padding: 0;
	z-index:1;
	overflow:auto;
	clear:both;
}
#CR p, 
#CR h1, 
#CR h2, 
#CR h3, 
#CR h4,
.CL p, 
.CL h1, 
.CL h2, 
.CL h3, 
.CL h4 {
	margin:0;
	padding:0;
	clear:both;
}
#CR {
	padding: 40px 90px 60px 90px;
	width: 509px;
	float:right;
	background: url(/images/witje-90.png);
	margin: 0 0 0 5px;
	overflow:hidden;
	min-height: 375px;
}
#CR H1 {
	font: normal 30px Arial, Helvetica, Geneva, sans-serif;
	padding: 20px 0 0 0;
	color:#111
}
#CR H2 {
	font: normal 10px  Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 10px 2px;
	color: #036;
	text-transform:uppercase;
	letter-spacing: 1px;
	border-bottom: 0px dashed #555;
}
#CR H3 {
	font: bold 13px  Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 5px 2px;
	color: #036;
	border-bottom: 0px dashed #555;
}
#CR H4 {
	font: normal 13px  Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 10px 2px;
	color: #036;
	border-bottom: 0px dashed #555;
}


#CR p {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	padding: 5px 0 5px 2px;
	/* line-height: 24px; */
	color:#333
}
#CR img {
	padding: 0 20px 0 0;
	display: inline;
}
#CR img {
	padding: 0 20px 0 0;
	display: inline;
}
#CR table {
	padding: 0 0 20px 0;
}
#CR td img {
	padding:0;
	}
#CR td {
	padding: 2px 2px;
}
#tourcolofon a,
#tourcolofon a:visited,
#tourcolofon a:active,
#tourcolofon a:link,
#CR a,
#CR a:visited,
#CR a:active,
#CR a:link {
	font-weight		: bold;
	font-style		: italic;
	text-decoration	: none;
	color			: #036;
}
#tourcolofon a:hover,
#CR a:hover {
	text-decoration	: underline;
}
.PO { 
	font: normal 10px  Arial, Helvetica, Geneva, sans-serif;
	text-align:left;
	border: 1px dashed #999;
}
.POT { border-top: 10px solid #777;width:532px;}
.line {border: 1px dashed #999;}
.POT td {
	width	: 176px;
}

#tourcolofon,
.CL {
	padding: 20px;
	width: 246px;
	float:left;
	background: url(/images/witje-90.png);
	margin: 0 0 5px 0;
}
.CL H1 {
	font: normal 18px Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 0 0;
	color:#111;
}
.CL H2 {
	font: normal 11px Arial, Helvetica, Geneva, sans-serif;
	padding: 5px 0 2px 5px;
	color:#777;
	text-transform:uppercase;
	letter-spacing: 1px;
}
.CL H3 {
	font: oblique 15px Arial, Helvetica, Geneva, sans-serif;
	padding: 5px 0 0 5px;
	color:#777;
	text-align:center;
}
	
.CL p {
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	padding: 5px 0 2px 5px;
	color:#555;
	text-transform: none;
	letter-spacing: 0px;
	text-align:left;
}
.CL tr {
	font: normal 13px Arial, Helvetica, Geneva, sans-serif;
	color:#222;
	text-transform: none;
	letter-spacing: 0px;
}
.CL UL, .CL LI {
	margin:			0;
	padding:		0;
	list-style:		none;
	font: normal 9px  Arial, Helvetica, Geneva, sans-serif;
	color:#036;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 200%;
}
.CL LI {
		border-bottom: 1px dashed #555;
		padding:5px;
}
.CL Li a { 
	text-decoration:none;
	color:#035;
}
.CL Li a:hover {
	text-decoration:underline;
	color:#C00;
}
.clear , .item {
	clear:both
}
#bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%
}
#bg td {
	vertical-align:middle;
	text-align:center
}
#bg img {
	min-height:50%;
	min-width:50%;
	margin:0 auto
}
img {
	display:block
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height		: 10px;
	font			: 11px Arial, Tahoma, Geneva, sans-serif;
	text-transform	: uppercase;
	letter-spacing	: 1px;
	float			: left;
	margin-bottom	: 1em;	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	background:		#eee;
}
.sf-menu ul li {
	width:			150%;
	background:		#eee;	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float			: left;
	position		: relative;
	background		: #FFF; /* only the main-menu	*/	
	margin-right	: 3px;
}
.sf-menu li li {
	margin-right	: 0;
} 
.sf-menu a {
	display			: block;
	position		: relative;
	border-left		: 0px solid #fff;
	border-top		: 0px solid #FFF;
	padding			: .5em 1.3em;
	text-decoration	: none;	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color			: #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			26px; /* match top ul list item height */
	z-index:		99;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CCC;
	color:#000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}