/* CSS Document */

body {
	font-size: 0.8em;
	font-family: Trebuchet MS, Verdana, Helvetica, Arial;
	background: url(../images/back2.jpg) top center no-repeat;}

a {
	text-decoration: none;
	color: #006000}
a:hover {border-bottom: 1px dashed #006000;}

h1 {
	color: #006000;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0px 5px 0px;}
	
h2 {
	color: #006000;
	font-size: 1em;
	margin: 5px 0px 5px 0px;}

img {border: 0px none}

li {list-style-image:url(../images/stip.gif);}

div#menu {
	position: absolute;
	top: 110px; left: 0px;
	padding: 0px;
	background: url(../images/menu_back.gif) bottom;}

div#menu li {
	list-style-type: none;
	margin: 10px 0px 5px -40px;}

div#menu a{
	height: 20px; width: 170px;
	display: block;
	text-align: center;
	background: url(../images/button.gif) top no-repeat;}
	
div#menu a:hover{
	background: url(../images/button.gif) bottom no-repeat;
	color: #fff; border: 0px none;}

#logo {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 83px;
	background: url(../images/logo.gif) top left no-repeat;}

#contactinfo {
	position: absolute;
	top: 0px; right: 0px;
	width: 150px;
	padding-top: 10px;}

.content {
	position: absolute;
	top: 82px; left: 160px;
	width: 470px;
	background: #fff;
	border: 1px #006000 solid;
	padding: 15px 10px 15px 10px;}

.belletjes {
	position: absolute;}
	#bel1 {background: url(../images/bollen/1.gif);
		width: 54px; height: 54px;
		top: -20px; left: 100px;}
	#bel2 {background: url(../images/bollen/2.gif);
		width: 90px; height: 90px;
		top: 30px; left: 200px;}
	#bel3 {background: url(../images/bollen/3.gif);
		width: 50px; height: 50px;
		top: 150px; left: 65px;}
	#bel4 {background: url(../images/bollen/4.gif);
		width: 69px; height: 69px;
		top: 180px; left: -20px;}
	#bel5 {background: url(../images/bollen/5.gif);
		width: 111px; height: 111px;
		top: 275px; left: 50px;}
	#bel6 {background: url(../images/bollen/6.gif);
		width: 100px; height: 170px;
		top: 400px; left: 0px;}

.ïmg_right {float: right; margin: 5px -10px 5px 5px; clear: both}
.ïmg_left  {float: left; margin: 5px 5px 5px -10px; clear: both}

.submenudiv {
	display: none;
	padding: 0px 0px 10px 10px;}