html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
	
#bodysubstyle_home{	
	background:url(graphics/bg_body_home.jpg) top center no-repeat #0d4869;
}

#bodysubstyle_kaart {
	background:url(graphics/bg_body_kaart.jpg) top center no-repeat #000;
}

#bodysubstyle_openingstijden {
	background:url(graphics/bg_body_openingstijden.jpg) top center no-repeat #a0076d;
}

#bodysubstyle_sfeer {
	background:url(graphics/bg_body_sfeer.jpg) top center no-repeat #343434;
}

#page_sitetree {
	background:url(graphics/bg_body_home.jpg) top center no-repeat #0d4869;
}

#blendme {
	position: relative;
	width: 903px;
	height: 186px;
	margin: 60px auto;
}
#blendme img {
	position: absolute;
	top: 0px;
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity:0;
	filter: alpha(opacity=0);
}	

img {
	border: none;
}
			
#bodysubstyle_home .logo img {
	margin:0 0 40px 0;
}

#bodysubstyle_home #content img,
#bodysubstyle_kaart #content img,
#bodysubstyle_openingstijden #content img,
#bodysubstyle_sfeer #content img{
	border:8px solid #000;
}

p {
	margin:9px 0 9px 0;
}
				
#bodysubstyle_openingstijden #content p {
	xwidth:660px;
}
				
#bodysubstyle_sfeer #content p {
	xwidth:460px;
}
			
#bodysubstyle_sfeer #content .gallery li p {
	margin:0 0 0 0;
	width:auto;
}
			
.column p {
	width:300px;
}
						
#footer p {
	line-height:30px;
	margin: 0 0 0 0;
			}
			
.gallery li {
	display:block;
	height:206px;
	float:left;
	margin:0;
	width:276px;
}
			
#bodysubstyle_kaart .column ul {
	margin:15px 0 0 0;
}
			
#bodysubstyle_kaart .column li {
	clear:left;
	padding:0 40px 20px 0;
}
			
#bodysubstyle_kaart .column li img {
	float:left;
	margin:0 15px 10px 0;
}
			
#bodysubstyle_kaart .column li p {
	margin:0 0 0 0;
	width:auto;
}
			
/* wrapper */



#wrapper {
	margin: 0 auto;
	position: relative;
	width:995px;
}

#wrapper2 {
	margin:0pt auto;
	overflow:hidden;
	width:932px;
}

html>body #wrapper {
	position: relative;
	height: auto;
	min-height: 100%;
}

/* header */

#header {
	height:106px;
	margin:0pt auto;
	position:relative;
	width:995px;
}

#headerBottom {
	z-index: 100;
	}


#breadcrumb {
	display: none;
}

/* logo */

#logo {
	position: absolute;
	left: 5px;
	width: 147px;
	height: 75px;
	margin:20px 0px 0px 0px;
}

#logobig{
	position: relative;
	width:351px; 
	height:167px;
	margin: auto;
	background: url(graphics/logo_big.gif) no-repeat;
	background-position: top center;
}

body #logobig,
#bodysubstyle_kaart #logobig,
#bodysubstyle_openingstijden #logobig,
#bodysubstyle_sfeer #logobig, 
#page_sitetree #logobig, 
#bodysubstyle_kaart #blendme,
#bodysubstyle_openingstijden #blendme,
#bodysubstyle_sfeer #blendme, 
body #blendme,
#page_sitetree #blendme{
	display: none;
}

#bodysubstyle_home #blendme {
	display: block;
	}

#bodysubstyle_home #logobig {
	margin-top: -50px;								 
	display: block;
	}

#line {
	background:url(graphics/line.gif) no-repeat #333333;
	height:100%;
	display:block;
	width:1px;
	position: absolute;
	top:0px;
	left: 33px;
	}
	
#bodysubstyle_kaart #line,
#bodysubstyle_openingstijden #line,
#bodysubstyle_sfeer #line {
display: block;
}
	
body #line,
#bodysubstyle_home #line,	
#page_sitetree #line {
	display:none;
}

/* content */

#content {
	position: relative;
	width: 800px;
	border:1px solid #333333;
	border-top:1px solid #292929;
	color:#fff;
	padding: 50px 50px 50px 80px;
	}
	
#bodysubstyle_home #content {
	height: 100px;
	}

body #content,
#page_sitetree #content {
	border: 0px
}

.column {
	float:left;
	width:400px;
}
			
a {
	outline:none;
}
	
a:link, a:visited{
	color: #fff;
	text-decoration:none;
	}
			
a:hover, a:active {
	text-decoration:underline;
	}

#content:after {
	/* clear float for superior browsers */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*+html #content {
   min-height: 0;  /* clear floats for IE7 */
}

#bodysubstyle_home #cmssubstyle_home.cmsContent,
#bodysubstyle_home #logo {
	display: none;
}

h1 {
}
			
#header h1 {
	display:none;
}

#sidebar h2 {
	display:none;
}
			
#content h2, #content h3 {
}
			
#content h3 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	margin: 0 0 23px 0;
	line-height: 1;
}
				
#bodysubstyle_kaart #content h3 {
	color:#31AAD9;
}
				
#bodysubstyle_openingstijden #content h3 {
	color:#CC3399;
}
				
#bodysubstyle_sfeer #content h3 {
	color:#669900;
}
			
h4 {
	font-size:11px;
	line-height:17px;
}

/* menu */

#menu {
	left: 290px;
	position:absolute;
	top:55px;
	width: 772px;
}	

#menu h2 {
	display: none;
}

#menu li {
	display:inline;
	margin: 0 65px 0 0;
}

#menu li a {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:31px;
}

#bodysubstyle_home #menu {
	left:158px;
	top: 515px;
	width: 1000px;
}

#bodysubstyle_home #menu li {
	display: block;
	width: 160px;
	margin: 0px;
	float: left;
}

#page_sitetree #menu {
	width: 800px;
}

#bodysubstyle_home #menu li {
	margin: 0 125px 0 0;
}
				
#nav-extra {
	left:907px;
	position:absolute;
	top:53px;
}
			
#nav-extra li {
	display:block;
	margin:0 0 5px 0;
	text-align:right;
}
			
#nav-extra li a {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
}

#bodysubstyle_kaart #nav-extra,
#bodysubstyle_openingstijden #nav-extra,
#bodysubstyle_sfeer #nav-extra {
display: block;
}

body #nav-extra,
#bodysubstyle_home #nav-extra,
#page_sitetree #nav-extra {
display: none;
}
							
/* submenu's */

#menu ul ul {
	position: absolute;
	top: 51px;
	left: -256px;
	background:url(graphics/bg_nav-sub.gif) repeat-x #232323;
	width:905px;
	display:table;
	height:26px;
	margin:0 auto;
	text-align:center;
	}
	
* html #menu ul ul {
	position: absolute;
	top: 51px;
	left: -200px;
}

#menu ul ul li {	
	display:inline;
	line-height:24px;
	text-align:center;
	}
	
#menu ul ul li a {	
	margin: 0px 0px 0px 50px;
	border:1px solid #000;
	border-width:0 0 0 1px;
	color:#fff;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	width:138px;
}
	
/* #menu hover-effect */

#menu ul li ul {
	/* level 1 */
	display: none;
}

#menu ul li.active ul,
#menu ul li.subactive ul {
	/* level 1 */
	display: block;
}

#bodysubstyle_kaart #menu ul li.active a,
#bodysubstyle_kaart #menu ul li.subactive a,
#bodysubstyle_kaart #menu ul li.subactive li.active a {
	color:#31AAD9;
}

#bodysubstyle_kaart #menu ul li.active li a,
#bodysubstyle_kaart #menu ul li.subactive li a {
 color:#fff;
}

#bodysubstyle_kaart #menu ul ul li a:hover {
	text-decoration: underline;
}

#bodysubstyle_openingstijden #menu ul li.active a,
#bodysubstyle_openingstijden #menu ul li.subactive a,
#bodysubstyle_openingstijden #menu ul li.subactive li.active a {
	color:#CC3399;
}

#bodysubstyle_openingstijden #menu ul li.active li a,
#bodysubstyle_openingstijden #menu ul li.subactive li a {
 color:#fff;
}

#bodysubstyle_openingstijden #menu ul ul li a:hover {
	text-decoration: underline;
}

#bodysubstyle_sfeer #menu ul li.active a,
#bodysubstyle_sfeer #menu ul li.subactive a,
#bodysubstyle_sfeer #menu ul li.subactive li.active a {
	color: #669900;
}

#bodysubstyle_sfeer #menu ul li.active li a,
#bodysubstyle_sfeer #menu ul li.subactive li a {
 color:#fff;
}

#bodysubstyle_sfeer #menu ul ul li a:hover {
	text-decoration: underline;
}

#menu ul li:hover li ul,
#menu ul li.hover li ul {
	/* level 2 */
	display: none;
}

#menu ul li:hover li:hover ul,
#menu ul li.hover li.hover ul {
	display: block;
}

#menu ul li:hover li:hover li ul,
#menu ul li.hover li.hover li ul {
	/* level 3 */
	display: none;
}

#menu ul li:hover li:hover li:hover ul,
#menu ul li.hover li.hover li.hover ul {
	display: block;
}

/* sidebar */
#sidebar {
	height:100%;
	display:block;
	width:53px;
	position: absolute;
	top:0px;
	left: 913px;
	}

#bodysubstyle_home #sidebar {
	display:none;
}
				
#bodysubstyle_kaart #sidebar {
	background:url(graphics/bg_sidebar_kaart.gif) no-repeat #31aad9;
}
					
#bodysubstyle_openingstijden #sidebar {
	background:url(graphics/bg_sidebar_overons.gif) no-repeat #cc3399;
}
				
#bodysubstyle_sfeer #sidebar {
	background:url(graphics/bg_sidebar_sfeer.gif) no-repeat #669900;
}	

/* footer */

#footer {
	width: 100%;
	background:#000;
	border:1px solid #666666;
	border-width:1px 0 0 0;
	color:#fff;
	text-align:center;
	line-height: 30px;
	}

/*
#footer #poweredByMaxNl {
	color: #cccccc;
	float: right;
	display: inline;
	margin-right: 0.5em;
}
*/

/* OTHER TOOLS */

/* various classes */

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}

.image {
	clear: both;
	margin-bottom: 1em;
}

.left {
	float: left;
	margin: 0 1em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}


/* horizontal rules */

hr {
	display: none;
}

#content hr {
	display: block;
}


/* Progress Bar */

.modalDialogBox {
	text-align: center;
	position: absolute;
	border: 1px solid #0A72CD;
	top: 50%;
	left: 50%;
	width: 20em;
	margin: -12.5% 0 0 -10em;
	background-color: white;
}

.modalDialogBox h3, .modalDialogBox p {
	margin: 1em 0 1em 0;
	padding: 0;
}

.barContainer {
	text-align: left;
	border: 1px solid #0A72CD;
	margin: 0.5em;
	background-color: #EBF5FE;
}

.bar {
	background-color: #0A72CD;
	height: 1em;
	width: 98%;
}

.caption, .percentage {
	margin: 0.5em;
}

.percentage {
	font-weight: bold;
}