.tl {
	background-image: url(circle.gif);
	width: 20px;
	height: 20px;
	float: left;
	font-size: 0;
}
.tr {
	background-image: url(circle.gif);
	background-position: 20px 0px;
	width: 20px;
	height: 20px;
	float: right;
	font-size: 0;
}
.bl {
	position:relative;
	bottom: 20px;
	background-image: url(circle.gif);
	background-position: 0px 20px;
	width: 20px;
	height: 20px;
	float: left;
	font-size: 0;
}
.br {
	position:relative;
	bottom:20px;
	background-image: url(circle.gif);
	background-position: 20px 20px;
	width: 20px;
	height: 20px;
	float: right;
	font-size: 0;
}
.tl_geel {
	background-image: url(circle_geel.gif);
	width: 20px;
	height: 20px;
	float: left;
	font-size: 0;
}
.tr_geel {
	background-image: url(circle_geel.gif);
	background-position: 20px 0px;
	width: 20px;
	height: 20px;
	float: right;
	font-size: 0;
}
.bl_geel {
	position:relative;
	bottom: 20px;
	background-image: url(circle_geel.gif);
	background-position: 0px 20px;
	width: 20px;
	height: 20px;
	float: left;
	font-size: 0;
}
.br_geel {
	position:relative;
	bottom:20px;
	background-image: url(circle_geel.gif);
	background-position: 20px 20px;
	width: 20px;
	height: 20px;
	float: right;
	font-size: 0;
}
.bl_grijs {
	clear: left;
	position:relative;
	bottom: 20px;
	background-image: url(circle_grijs.gif);
	background-position: 0px 10px;
	width: 10px;
	height: 10px;
	float: left;
	font-size: 0;
}
.br_grijs {
	clear: right;
	position:relative;
	bottom:20px;
	background-image: url(circle_grijs.gif);
	background-position: 10px 10px;
	width: 10px;
	height: 10px;
	float: right;
	font-size: 0;
}

div#rand{
	margin: 0px;
	padding: 10px ;
	BACKGROUND-COLOR: #fffaba;
}

#container{
	background-image:url(spiral.png);
	background-repeat:repeat;
	BACKGROUND-COLOR: #fffaba;
	margin: 0px;
	padding: 0px ;
}

div#top{
	background: #FFF url(foto.png);
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

div#onder{
	margin:0 0 ;
	padding: 0 ;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#top{
	padding: 10px;
	margin: 0;
	font-size: 55px;
	font-weight: bold;
}

#leftnav{
	float: left;
	width: 220px;
	margin: 0;
	padding: 1em;
}

#rightnav{
	float: right;
	width: 190px;
	margin: 0;
	padding: 1em;
}

#content{
	margin-left: 200px;
	margin-right: 50px;
	padding: 1em;
	text-align: left;
}

#footer{
	clear: both;
	margin: 0;
	padding: 0;
}


.topmenu{
    color: white;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #313031;
    padding: 5px;
}

.topmenu:hover{
     background-color: #5A8EC6;
}



.menu{
    color: black;
    text-decoration: none;
	line-height: 100%;
}

.menu:hover{
    border-bottom: 1px solid black;
}



h1{font-size: 200%;margin:0;padding: 0 10px;text-align: left; color: #cc3300}
h2{font-size: 130%;margin:0;padding: 0 10px;text-align: left; color: #cc3300}
h3{font-size: 110%;margin:0;padding: 0 10px;text-align: left; color: #cc3300}
p{margin:0;padding: 5px 10px; text-align: left}
a{
	text-decoration: under-line;

	color: black;
}
a:hover{border-bottom: 1px solid black;}