screen
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body
{
	text-align: left;
	background-color: #e66c00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13PX;
	color: #093c94;
}

.kop {position: relative; background-color:#fdee6c; width: 370px; height: 60px; display: block; border:1px solid black; border-color:#c80015 #c80015 #c80015 #c80015; border-width:1px 2px 2px 1px; top: 36px; left: 50px; visibility: visible; z-index:1; }

.koptekst
{
	position: relative;
	background-color: transparent;
	width: 380px;
	height: 60px;
	display: block; 
	top: 10px;
	left: 10px;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20PX;
	font-weight: bold;
	color: #da3520;
	visibility: visible;
	z-index: 1;
}

.bodytext
{
	position: relative;
	background-color: #fdee6c; border:1px solid black; border-color:#c80015 #c80015 #c80015 #c80015; border-width:1px 2px 2px 1px; 
	width: 390px;
	height: 528px;
	display: block;
	top: 348px;
	left: 330px;
	visibility: visible;
	z-index: 1;
}

.bodytext2
{
	position: relative;
	width: 376px;
	height: 528px;
	display: block;
	top: -7px;
	left: 6px;
	visibility: visible;
}

.bodytext3
{
	position: relative;
	background-color: #fdee6c;
	width: 149px;
	height: 100px;
	display: block; border:1px solid black; border-color:#c80015 #c80015 #c80015 #c80015; border-width:1px 2px 2px 1px; 
	top: -284px;
	left: 50px;
	visibility: visible;
	z-index: 1;
}

.bodytext4
{
	position: relative;
	width: 160px;
	height: 40px;
	display: block; 
	top: -394px;
	left: 56px;
	visibility: visible;
	z-index: 1;
}

.bodytext5
{
	position: relative;
	width: 160px;
	height: 80px;
	display: block; 
	top: -424px;
	left: 56px;
	visibility: visible;
	z-index: 1;
}

h1
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19PX;
	color: #c80015;
}

h2
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14PX;
	color: #c80015;
}

h3
{
	text-align: left;
	line-height: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14PX;
	font-weight: normal;
	color: #c80015;
}

h4
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12PX;
	font-weight: normal;
	color: #183065;
}

h5
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12PX;
	font-weight: normal;
	color: #183065;
}

a:link.one {color:#da3520; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20PX;
	font-weight: bold;}
	
a:hover.one {color:#ab3907; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20PX;
	font-weight: bold;}

a:visited.one {color:#da3520; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20PX;
	font-weight: bold;}

a:active.one {color:#c24711; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20PX;
	font-weight: bold;}

a:link
{
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

a:visited
{
	color: #5A91f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

a:hover
{
	color: #ab3907;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

a:active
{
	color: #c24711;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

a { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }

.img { display: none; }
.top { display: none; }
.navhandheld { display: none; }
.hide { display: none; }

.template {
background-image: url(http://www.djembe-fola.nl/afbeeldingen/background3e.jpg);
background-position: fixed;
background-repeat: repeat;
background-color: #e66c00;
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13PX;
	color: #093c94;
text-align: left;
}

#nav, 
#nav ul {float:left; left:50px;
top:-710px; padding:0 0 2px 0; margin:0; list-style:none; font: 12px verdana, sans-serif; border:1px solid black; border-color:#c80015 #c80015 #c80015 #c80015; border-width:1px 2px 2px 1px; background:#fdee6c; position:relative; z-index:200;}

#nav li li {background:#fdee6c;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color:blue; margin:0 70px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:white;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#ab3907;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:blue;}