@charset "utf-8";
/* CSS Document */
body {
	font-family: Tahoma, "Trebuchet MS";
}

#main {
	position:absolute;
	left:50%;
	top:80px;
	width:700px;
	height:480px;
	z-index:1;
	margin-left: -350px;
	background-image: url(images/handen_700.jpg);
	visibility: visible;
	background-repeat: no-repeat;
}



#popupkleur {
	position:absolute;
	left:50%;
	width:600px;
	margin-left: -300px;
	top:60px;
	height:370px;
	z-index:3;
	background-color: #993333;
	opacity:0.4;
	filter:alpha(opacity=40);
}
#johan, #weblog,#training, #mediation, #contact {
	position:absolute;
	left:50%;
	width:580px;
	margin-left: -290px;
	top:60px;
	height:auto;
	z-index:4;
}
#jw {
	position:absolute;
	left:50%;
	top:450px;
	width:750px;
	height:100px;
	z-index:3;
	margin-left: -375px;
	color: #993333;
	text-align: center;
	font-weight: bold;
	font-size: 80px;
}
.tekst_wit {
	font-size: 20px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}
.citaat {
	padding-right: 20px;
	padding-left: 20px;
	font-style: italic;
}
a.titelkop:link, a.titelkop:visited, a.titelkop:active, a.titelkop:hover {
	color: #993333;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
}
#navigatie {
	width:700px;
	z-index:2;
	float: left;
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -350px;
	text-align: center;
	height: auto;
}


#navigatie td	{

}
#navigatie a:link, #navigatie a:visited, #navigatie a:active {
	text-decoration:none;
	color: #993333;
} 
#navigation a:hover	{
	text-decoration: none;
	color: #339966;
}
#navigation table	{
cel-padding:5px;
}