BODY, HTML {
	font-family: "sans-serif"; 
	color: black;
	scrollbar-3dlight-color: #48c6f5;
	scrollbar-arrow-color: black;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: black;
	scrollbar-face-color: #0253cd;
	scrollbar-highlight-color: #48c6f5;
	scrollbar-shadow-color: black;
	background: #c0e300 url(achtergrond3.gif);
	/*position: relative; was dit stukje nodig? Geeft problemen bij url doorschakeling vanuit tk domein.*/
}

div#pagina {
	margin: 0px auto;
	width: 825px;
	overflow: visible;
	padding-bottom: 0px;
	position: relative;
}

div#content{
	padding: 0px;
	background: #a8e646 url(midden.png);
	margin: 0px;
	width: 825px;
	clear: both;
}

#onderrand{
	background: no-repeat url(onderkant.png) top;
	width: 825px;
	height: 68px;
	margin: 0px auto;
	padding: 0px;
	overflow: visible;
}

div#bovenrand{
	margin: 0px;
	height: 0px;	
}

div#links {
	width: 825px;
	margin: 0px;
	padding: 20px 0px;
	/*height: 100px;*/
	background: #a8e646 url(linkachtergrond.png) repeat-y;
	font-size: 40px;
	font-family: sans-serif;
}

div#toptekst {
	text-align: left;
	width: 795px;
	margin: 0px;
	padding: 0px 0px 20px 30px;
	height: 50px;
	background: #a8e646 url(midden.png) repeat-y;
	font-size: 40px;
	color: #024598;
	font-family: sans-serif;
}

div#muziek{
	position: absolute;
	top: 35px;
	left: 740px;
}

div#kopje{
	font-weight: bold;
	color: #024598;
	}
	
div#gegevens{
	font-family: sans-serif;
	color: black;
	/*border: 1px solid blue;*/
}

h1{
	font-size: 25px;
	color: #024598;
	font-family: sans-serif;
	margin: 0px;
	padding: 20px 0px;
	}

textarea{
	scrollbar-3dlight-color: #ff9fda;
	scrollbar-arrow-color: #de0085;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: #ff9fda;
	scrollbar-face-color: #ff9fda;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #de0085;
}

div#voetje{
	background: url(bovenkant.png) no-repeat;
	height: 38px;
	width: 825px;
	margin-right: 0px;
}

div#voetje a{
	font-family: sans-serif;
	margin-right: 40px;
	line-height: 30px;
}

a{
	color: blue;
	font-weight: bold;
}

a:hover{
	color: red;
}

p.anderefotos{
	 margin-bottom: 0px; /*anders krijg je in firefox een balk onderaan de pagina. */
}

input.submit{
	width: 70px;
	height: 90px;
}

#submitimage{
	height: 120px;
	width: 70px;
	padding-bottom: -12px;
	margin-bottom: -17px; /*anders krijg je in firefox een rode balk onderaan de pagina.*/
}

#preload{
	background-image: url(verzendmover.gif);
	display: none;
}

ul.menu1{
	width: 70px;
}
ul.menu2{
	width: 140px;
}
ul.menu3{
	width: 210px;
}
ul.menu4{
	width: 280px;
}
ul.menu5{
	width: 350px;
}
ul.menu6, ul.menu12{
	width: 420px;
}
ul.menu7, ul.menu13, ul.menu14{
	width: 490px;
}
ul.menu8, ul.menu15, ul.menu16{
	width: 560px;
}
ul.menu9{
	width: 630px;
}
ul.menu10{
	width: 700px;
}
ul.menu11{
	width: 770px;
}

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

ul.menu1, ul.menu2, ul.menu3, ul.menu4, ul.menu5, ul.menu6, ul.menu7, ul.menu8, ul.menu9, ul.menu10, ul.menu11{
	height: 100px;
}
ul.menu12, ul.menu13, ul.menu14, ul.menu15, ul.menu16{
	height: 200px;
}

li a{
	height: 100px;
	width: 70px;
	display: block; /*anders kan de link geen afmetingen krijgen.*/
}

#menu li a span{
	display: none;
}

#menu li{
	margin: 0;
	padding: 0;
	height: 100px;
	width: 70px;
	background-repeat: no-repeat;
}

li#button2, li#button5,li#button8, li#button11, li#button14, li#button17{
	background-image: url(raket.gif);
}
li#button3, li#button6,li#button9, li#button12, li#button15, li#button18{
	background-image: url(zeppelin.gif);
}
li#button4, li#button7,li#button10, li#button13, li#button14, li#button19{
	background-image: url(ufo.gif);
}

li#button2 a:hover, li#button2 a:active, li#button5 a:hover, li#button5 a:active, 
li#button8 a:hover, li#button8 a:active, li#button11 a:hover, li#button11 a:active,
li#button14 a:hover, li#button14 a:active, li#button17 a:hover, li#button17 a:active{
	background-image: url(raketmover.gif);
}
li#button3 a:hover, li#button3 a:active, li#button6 a:hover, li#button6 a:active, 
li#button9 a:hover, li#button9 a:active, li#button12 a:hover, li#button12 a:active,
li#button15 a:hover, li#button15 a:active, li#button18 a:hover, li#button18 a:active{
	background-image: url(zeppelinmover.gif);
}
li#button4 a:hover, li#button4 a:active, li#button7 a:hover, li#button7 a:active, 
li#button10 a:hover, li#button10 a:active, li#button13 a:hover, li#button13 a:active,
li#button16 a:hover, li#button16 a:active, li#button19 a:hover, li#button19 a:active{
	background-image: url(ufomover.gif);
}

#menu li a{
	text-decoration: none;
	font-family: "Maiandra GD", "Comic Sans MS";
}
#menu li.default a span{
	display: block;
	color: #0b4ea1;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 80px;
}

#menu li.email{
	background-image: url(email.gif);
}
#menu li.welkom{
	background-image: url(welkom.gif);
}
#menu li.fotoalbum{
	background-image: url(fotoalbum.gif);
}
#menu li.filmpjes{
	background-image: url(filmpjes.gif);
}
#menu li.dagboek{
	background-image: url(dagboek.gif);
}
#menu li.babyboek{
	background-image: url(babyboek.gif);
}
#menu li.geboortekaartje{
	background-image: url(geboortekaartje.gif);
}
#menu li.gastenboek{
	background-image: url(gastenboek.gif);
}
#menu li.verzend{
	background-image: url(verzend.gif);
}
#menu li.groeicurve{
	background-image: url(groeicurve.gif);
}
#menu li.peuterboek{
	background-image: url(peuterboek.gif);
}
#menu li.kadotip{
	background-image: url(kadotip.gif);
}
#menu li.nieuwsbrief{
	background-image: url(nieuwsbrief.gif);
}
#menu li.stamboom{
	background-image: url(stamboom.gif);
}
#menu li.tandjes{
	background-image: url(tandjes.gif);
}

#menu li.welkom a:hover, #menu li.welkom a:active {
	background-image: url(welkommover.gif);
}
#menu li.email a:hover,#menu  li.email a:active {
	background-image: url(emailmover.gif);
}
#menu li.fotoalbum a:hover,#menu  li.fotoalbum a:active {
	background-image: url(fotoalbummover.gif);
}
#menu li.filmpjes a:hover,#menu  li.filmpjes a:active {
	background-image: url(filmpjesmover.gif);
}
#menu li.dagboek a:hover,#menu  li.dagboek a:active {
	background-image: url(dagboekmover.gif);
}
#menu li.babyboek a:hover,#menu  li.babyboek a:active {
	background-image: url(babyboekmover.gif);
}
#menu li.geboortekaartje a:hover,#menu  li.geboortekaartje a:active {
	background-image: url(geboortekaartjemover.gif);
}
#menu li.gastenboek a:hover,#menu  li.gastenboek a:active {
	background-image: url(gastenboekmover.gif);
}

#menu li.groeicurve a:hover,#menu  li.groeicurve a:active {
	background-image: url(groeicurvemover.gif);
}
#menu li.peuterboek a:hover,#menu  li.peuterboek a:active {
	background-image: url(peuterboekmover.gif);
}
#menu li.kadotip a:hover,#menu  li.kadotip a:active {
	background-image: url(kadotipmover.gif);
}
#menu li.nieuwsbrief a:hover,#menu  li.nieuwsbrief a:active {
	background-image: url(nieuwsbriefmover.gif);
}
#menu li.stamboom a:hover,#menu  li.stamboom a:active {
	background-image: url(stamboommover.gif);
}
#menu li.tandjes a:hover,#menu  li.tandjes a:active {
	background-image: url(tandjesmover.gif);
}