html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	font-size:76%;
	color: #fff;
	line-height: 200%;
	font-family:Arial, Helvetica, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;	/* */	

	}

body {
	background-color: #415f68;
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background: url(../images/bg01.jpg) no-repeat ;
	scrollbar-face-color: #2ea1a8;
	scrollbar-highlight-color: #79a1ad;
	scrollbar-shadow-color: #79a1ad;
	scrollbar-3dlight-color: #2ea1a8;
	scrollbar-arrow-color: #e3ffff;
	scrollbar-track-color: #47b5bc;
	scrollbar-darkshadow-color: #2ea1a8;
	}
	
#printing {display: none;}



#content {
	display:block;
	overflow:auto;
	position:absolute;
	z-index:3;
	top:68px;
	width:950px;
	height: 88%;
	margin-left:-475px;
	left:50%;
	border-left:1px solid #4a6770;
	border-right:1px solid #4a6770;
	background: url(../images/bgcontentx.jpg) no-repeat fixed center 68px;

	}

#logo {	position:absolute; left: 30px; top: 30px; }
#header {
	position:absolute; 
	width: 950px;
	margin-left:-475px; 
	left:50%; 
	top:30px; 
	height:38px; 
	font-size:1em; 
	z-index:5; 
	border-left:1px solid #4a6770;
	border-right:1px solid #4a6770;
	}

.menu {
	margin-left:-475px; 
	left:50%; 
	height: 38px;
	margin: 0px;
	width: 950px;
	background: #5b7a83;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#left {position: absolute; top: 0; left: 0; width: 832px; margin: 0px 30px 10px 70px; text-align:justify; }


.right
{
float: right;
width: 300px;
margin: 30px 0px 20px 50px;


}

#quote {text-align: right; width: 295px;margin-top: 15px; }

#extrainfo {width: 280px;	font-size: 95%; margin-top: 30px; background: url(../images/bg_extrainfo.gif); color: #405b66; padding: 0px 10px 10px 10px; text-align: left;}




/* ------------------------Navigatie ---------------------------- */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
height: 38px;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-65px;
top: 38px;
width: 130px;
}


/* style all the links */
.menu a {
display:block;
font-size:11px;
padding: 6px 15px 8px 15px;
color:#fff;
background:#5b7a83;
text-decoration:none;
font-family:verdana, sans-serif;
}

.menu :visited {
display:block;
font-size:11px;
color:#fff;
background:#5b7a83;
text-decoration:none;
font-family:verdana, sans-serif;
}


/* style the links hover */
.menu :hover{
color:#3c5661;
background:#fff;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
}

.menu ul ul li a {width: 125px; text-align: left;  }

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}




#welkom .welkom, #massage .massage, #workshops .workshops, #meditatie .meditatie, #tarieven .tarieven, #elise .elise, #reacties .reacties, #connecties .connecties, #agenda .agenda, #contact .contact
{ 
background:#fff !important; color:#3c5661 !important;  }

/*--------Einde Navigatie -------- */


h1 {font-size: 250%; font-weight: normal; color: #eef1f1; padding: 145px 0px 20px 70px; text-align: right; }
h2 {font-size: 150%; font-weight: normal; color: #e3ffff; padding: 6px 0px 0px 0px; margin-bottom: -6px;}
h3 {font-size: 100%; font-weight: bold; color: #e3ffff; }
h4 {font-size: 100%; font-weight: bold; color: #405b66; margin-bottom: -12px; }

.kopextra {font-size: 120%; font-weight: bold; color: #405b66; padding-top: 10px; margin-bottom: -6px; }

.nadruk {font-size: 150%; color: #eef1f1;}

ul {margin-left: -24px; }
ol {margin-left: -24px;}

*html ul {margin-left: 16px; }
*html ol {margin-left: 24px;}

a { color: #fff; text-decoration: underline;}
a:visited {color: #e3ffff;}
a:hover {text-decoration: none;}

#extrainfo a { color: #405b66; text-decoration: underline;}
#extrainfo a:visited {color: #405b66;}
#extrainfo a:hover {text-decoration: none;}

.imgleft {float: left; padding-right: 5px; padding-top: 5px;}
.imgright {float: right; padding-left: 5px; padding-top: 5px;}

#siteby {position: absolute; bottom: 0px; right: 10px; font-size: 80%;}
#siteby a {color: #fff !important; text-decoration:underline !important; background: none !important;}
#siteby a:visited {color: #fff !important;}
#siteby a:hover {text-decoration: none !important; }

#special {float: right; width: 180px; margin: 60px 60px 0px 0px; padding: 1px 8px 8px 8px; background: #314f57; }

