BODY, HTML {
	background-color: #0099d8;
	font-family: "sans-serif"; 
	color: black;
	scrollbar-3dlight-color: #0099d8;
	scrollbar-arrow-color: blue;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: #0099d8;
	scrollbar-face-color: #0099d8;
	scrollbar-highlight-color: #ACDFFC;
	scrollbar-shadow-color: blue;
	background-image: url(achtergrond.gif);
}

div#pagina, div#paginaBasis{
	background-image: url(midden.gif);
	background-repeat: repeat-y;
}
div#bannerboven{
	padding-bottom: 10px;
	padding-top: 20px;
	background-image: url(midden.gif);
	background-repeat: repeat-y;
}
div#bovenrand{
	margin: 0 auto 0 auto; /*Dit regeltje is wel nodig voor het centreren in firefox. */
	width: 800px;
	height: 13px; 
	background-image: url(bovenrand.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#onderrand{
	margin: 0 auto 0 auto; /*Dit regeltje is wel nodig voor het centreren in firefox. */
	width: 800px;
	height: 13px;
	background-image: url(onderrand.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 9px;
}

div#muziek{
	margin: 1px auto auto 12px;
}

textarea{
	scrollbar-3dlight-color: #c0e300;
	scrollbar-arrow-color: #92b800;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: #c0e300;
	scrollbar-face-color: #c0e300;
	scrollbar-highlight-color: #ACDFFC;
	scrollbar-shadow-color: #92b800;
}

div#content table td{
	font-size: 17px;
	font-family: sans-serif;
	font-weight: strong;
	color: #0099d8;
	}	

div#kopje{
	font-weight: bold;
	color: #0099d8;
	}
	
div#gegevens{
	font-family: sans-serif;
	color: black;
}

div#toptekst {
	font-size: 50px;
	color: #0099d8;
	font-family: sans-serif;
}
	
div#links img{
	border: 0px;
}

h1{
	font-size: 25px;
	color: #0099d8;
	font-family: sans-serif;
	}

div#voetje a{
	color: #0099d8;
	font-family: sans-serif;
}

a:link{
	color: #0099d8;
	font-weight: bold;
}
a:visited{
	color: #698beb;
	font-weight: bold;
}
a:active{
	color: #887dff;
	font-weight: bold;
}


/*input.submit{
	width: 70px;
	height: 75px;
}

#submitimage{
	height: 75px;
	width: 70px;
}

#preload{
	background-image: url(verzendmover.gif);
	display: none;
}*/
input.submitVerzend{
	float: right;
	z-order: 1; /*iets met z-order? button zit half onder formulier */
	width: 70px;
	height: 80px;
	outline: none;
	border: none;
	background: transparent url(vlinder.gif) no-repeat 0px 0px;
	color: #646a00;
	text-decoration: none;
	/*line-height: 34px;*/ 
	text-align: center;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	padding-top: 60px;
	font-size: 16px;
	font-weight: bold;
}
input.submitVerzend:hover {
	background: transparent url(vlindermover.gif) no-repeat 0px 0px;
	color: #d0026c;
	/*color: #490261;*/
}



ul.menu1{
	width: 110px;
}
ul.menu2{
	width: 190px;
}
ul.menu3{
	width: 270px;
}
ul.menu4{
	width: 355px;
}
ul.menu5, ul.menu10 {
	width: 435px;
}
ul.menu6, ul.menu11, ul.menu12{
	width: 510px;
}
ul.menu7, ul.menu13, ul.menu14, ul.menu19, ul.menu20, ul.menu21{
	width: 585px;
}
ul.menu8, ul.menu15, ul.menu16, ul.menu22, ul.menu23, ul.menu24{
	width: 665px;
}
ul.menu9, ul.menu17, ul.menu18{
	width: 745px;
	
}

#menu{
	margin: 20px auto;
	padding: 0px;
}

ul.menu1, ul.menu2, ul.menu3, ul.menu4, ul.menu5, ul.menu6, ul.menu7, ul.menu8, ul.menu9{
	height: 80px;
}

ul.menu10, ul.menu11, ul.menu12, ul.menu13, ul.menu14, ul.menu15, ul.menu16, ul.menu17, ul.menu18{
	height: 160px;
}
ul.menu19, ul.menu20, ul.menu21, ul.menu22, ul.menu23, ul.menu24{
	height: 240px;
}

#menu li a{
	height: 80px;
	min-width: 70px; /*wordt alleen door firefox herkend*/
	width: auto !important; /*important zorgt ervoor dat de waarde niet meer door firefox overschreven kan worden maar wel door ie*/
	width: 70px;
	display: block; /*anders kan de link geen afmetingen krijgen.*/
	text-decoration: none;

/*door een of andere bug in firefox wordt door het toevoegen van een border de positie van de hover
 niet naar beneden verschoven. Maar bij ie treedt de ongewenste verschuiving juist wel op wanneer
 er een border wordt toegevoegd. */
	border: 1px solid #c0e300;
}

#menu li a:link, #menu li a:visited{
	color: red;
}
#menu li a:hover, #menu li a:active{
	color: #af01ba;
	color: #d0026c;
}


#menu li a span{
	display: block; /*	line-height: 75px;*/
	margin-top: 60px;
	font-size: 16px;
/*	color: red;*/
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	
}

#menu li{
	margin: 0px 2px 0px 2px;
	padding: 0;
	height: 80px;
	/*width: 70px;*/
	background-repeat: no-repeat;
	overflow: visible;
}
#menu li#button1, #menu li#button14{
	background-image: url(vlinder.gif);
}
#menu li#button2, #menu li#button15{
	background-image: url(slak.gif);
}
#menu li#button3, #menu li#button16{
	background-image: url(poes.gif);
}
#menu li#button4, #menu li#button17{
	background-image: url(bij.gif);
}
#menu li#button5, #menu li#button18{
	background-image: url(kikker.gif);
}
#menu li#button6, #menu li#button19{
	background-image: url(schaapje.gif);
}
#menu li#button7, #menu li#button20{
	background-image: url(rups.gif);
}
#menu li#button8, #menu li#button21{
	background-image: url(konijn.gif);
}
#menu li#button9, #menu li#button22{
	background-image: url(lieveheersbeestje.gif);
}
#menu li#button10, #menu li#button23{
	background-image: url(kip.gif);
}
#menu li#button11, #menu li#button24{
	background-image: url(eendje.gif);
}
#menu li#button12{
	background-image: url(eekhoorn.gif);
}
#menu li#button13{
	background-image: url(libelle.gif);
}

/*positiecorrectie nodig als gevolg van het toevoegen van een border in de hover.*/
#menu li#button1 a:hover,#menu li#button1 a:active, #menu li#button14 a:hover,#menu li#button14 a:active {
	background: url(vlindermover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button2 a:hover,#menu li#button2 a:active, #menu li#button15 a:hover,#menu li#button15 a:active {
	background: url(slakmover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button3 a:hover,#menu li#button3 a:active, #menu li#button16 a:hover,#menu li#button16 a:active {
	background: url(poesmover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button4 a:hover,#menu li#button4 a:active, #menu li#button17 a:hover,#menu li#button17 a:active {
	background: url(bijmover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button5 a:hover,#menu li#button5 a:active, #menu li#button18 a:hover,#menu li#button18 a:active {
	background: url(kikkermover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button6 a:hover,#menu li#button6 a:active, #menu li#button19 a:hover,#menu li#button19 a:active {
	background: url(schaapjemover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button7 a:hover,#menu li#button7 a:active, #menu li#button20 a:hover,#menu li#button20 a:active {
	background: url(rupsmover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button8 a:hover,#menu li#button8 a:active, #menu li#button21 a:hover,#menu li#button21 a:active {
	background: url(konijnmover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button9 a:hover,#menu li#button9 a:active, #menu li#button22 a:hover,#menu li#button22 a:active {
	background: url(lieveheersbeestjemover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button10 a:hover,#menu li#button10 a:active, #menu li#button23 a:hover,#menu li#button23 a:active {
	background: url(kipmover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button11 a:hover,#menu li#button11 a:active, #menu li#button24 a:hover,#menu li#button24 a:active {
	background: url(eendjemover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button12 a:hover,#menu li#button12 a:active {
	background: url(eekhoornmover.gif) no-repeat;
	background-position: -1px -1px;
}
#menu li#button13 a:hover,#menu li#button13 a:active {
	background: url(libellemover.gif) no-repeat;
	background-position: -1px -1px;
}