/* Dit stijlblad is voor de pagina zelf*/
/* Dit stukje bepaalt de achtergrondkleur*/
html,body{
	background-color: #42936C;
	background: transparent;
	padding: 0;
	border: 0;
	margin: 0;
	height: 100%;
}

/* Dit bepaalt de achtergrond van de webpagina in het geheel; 
de kleur is dan ook de kleur van het lettertype dat in
een tabel in de body verschijnt*/

body{
	background-image:url(img/maisgroen2b.jpg);/*groene veld*/
	background-attachment: fixed;
	padding:102px 0 0 0;
	height:100%;
	width:100%;
	color:#000000;
}	/*overflow-y:hidden weg na installatie Mozilla 1.5*/

html>body{
	padding:96px 0 0 0;}

body>div#content {
	height: auto;
	min-height: 100%; /*de box content=viewport loopt dan door  
	tot onderaan het scherm (de )ook al is de inhoud korter*/
	background-color: #FFE490;
}/* om tekst in viewport in Moz. te 
laten verschijnen en ... viewportkleur zelf!*/
	
body>div#content {
	margin-top:-1em; }
	
/* Hier wordt de topbalk van de pagina bepaald, incl
 lettertype en kleur van bovenste tekst*/
div#toptext {
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	padding: 8px 0;
	border: 0;
	margin: 0;
	background: transparent;
	color: #33CC00;
	text-align: left;
}

body>div#toptext {
	position:fixed; }

/* hierin wordt de schaduwkleur van de bovenste tekst bepaald.
het lettertype is een px meer dan die van hieronder*/
div#toptext .schaduw {
	font-size:24pt;
	font-weight:bold;
font-family:'Verdana', 'Comic Sans MS', serif;
	line-height:100%;
	padding:0; 
	border:0;
	margin:0;
	margin-top:-0.15em;
	background:transparent;
	color:maroon;
	z-index:10;
	text-align:right; }

/* hierin staat het lettertype wat voorop staat in tekst 1*/
div#toptext h1 {
	font-size:24pt;
	font-weight:bold;
	font-family:'Verdana','Comic Sans MS', serif;
	line-height:100%;
	padding:0; 
	border:0;
	margin:0;
	margin-top:-0.97em;
	z-index:10; 
	text-align:right; }

/* de tekst van het onderwerp in een groter lettertype*/
div#toptext h2 {
	font-size: 100pt;
	font-weight: bold;
	font-family: 'Staccato222 BT', Batavia, "Comic Sans MS",  serif;
	line-height: 100%;
	padding: 0;
	border: 0;
	margin: 0;
	margin-top: -0.3em;
	color: #F0C809;
	z-index: 20;
}

/* =================================== */
/* common styling */
.menu {
	font-family: Arial, Helvetica, sans-serif;
	width: 106px;
	height: 150px;
	position: relative;
	margin: 0;
	font-size: 11px;
	margin: 50px 0;
}
.menu ul li a, .menu ul li a:visited {
	display: block;
	text-decoration: none;
	color:  #fff;
	width: 104px;
	height: 25px;
	text-align: center;
	border: 1px solid #fff;
	border-width: 1px 1px 0 0;
	background: #F0C809;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#42936C; background:#ffff00;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#ffff00; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#F0C809; color:#fff; width:150px;}
.menu ul li:hover ul li a:hover {background:#ffff00; color:#42936C;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#F0C809; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#ffff00; color:#fff;}

/* =================================== */
	
/* Dit stuk is het stijlblad voor de pagina zelf*/
div#content {
	font-family: 'Verdana', serif, 'Arial';
	font-size: 10pt; /*kopje van content als tabel eronder zit*/
	display: block;
	height: auto;
	padding: 1.6em 3em 2em;
	border: 0;
	border-left: 0px solid maroon;
	margin: 0 0 0 148px;
	background: Fuchsia;
	color: black;
		background-image: url(img/maisw1.jp); 
/*gele achtergrond*/
	background-attachment: fixed;
}

div#content tr td {
	font-family:'Arial','Times New Roman';
	font-size:10pt;/*opgeven voor IE, anders te groot*/
	}

div#menu {
	display:block;
	width:159px;/*breedte menu*/
	position:fixed;
	top:80px;
	left:10px;
	padding:0 5px 2px 5px;/*boven,rechts,onder,links*/
	border:outset 0px #CE0000;/*kleur uiterste rand om menu*/
	margin:10px 10px 0px 0px;
	background-color:#F0C809;/*kleur kader menu*/
	font-family:Helvetica Narrow,'Verdana','Times New Roman';
	font-size:10pt;
	list-style:none;
	}

body>div#menu {
position:absolute!important; 	
}
	

body>div#content menu /*vastzetten menu in Mozilla*/
	{
	position:absolute!important; }

div#menu a, div#menu a:visited, div#menu a:hover {
	color:white!important;/*kleur tekst kader menu*/
	text-decoration:none!important;/*Mozilla reageert niet hierop!*/
	background-color:transparent!important;/*kleur achtergrond
 tekst kader menu in IE*/
	width:100%!important;
	line-height:100%!important;
	border:0!important;
	border-top:0px outset!important;
	border-bottom:0px outset!important; }

div#menu a:hover {
	color:#42936C!important;/*kleur tekst kader menu bij hover*/
	background-color:yellow!important;/*kleur kader bij hover*/
	 }

div#menu ul {
	font-family: Helvetica,sans-serif,'Arial';
	font-size: 11pt;
	width: 145px;
	padding: 0;
	border: 0px inset #CE0000!important; /*kleurrand om menutekst*/
	margin: 0px 0px 0px 15px; /*boven,rechts,onder,links tov rmarge*/
	background-color: transparent; /* eigenlijke 
	kleur achter tekst in menukader*/
	text-indent: 0px;
	text-align: left;
}

div#menu ul a, div#menu ul a:visited, div#menu ul li a,
 div#menu ul li a:visited,div#menu ul ,div#menu ul li {
	text-decoration:none!important;/*regelt het niet onderstrepen in Mozilla*/
	color:white;/*idem kleur letters, anders grijs*/	
}

/* Dit stuk is de stijl voor de vlaggen in het menu*/
div#vlag {
	display:block;
	position:fixed;/*hier mag geen absolute staan!?*/
	background:transparent;
	margin:20px 0 0 20px;/*boven,rechts,onder,links tov menu en content*/
	bottom:0px;	
}
	
/* het aparte stukje tekst rechts onderin de blz*/
div#bottomtext {
	display:block;
	position:fixed;
	bottom:-1px;/*alleen IE reageert hierop*/
	right:16px;
	font-family:'Arial Narrow', 'Arial', 'Times New Roman';
	background:transparent;
	padding:6px 0 0 6px;
	border:0;
	margin:0; }

	div#actu{
/*	border-top: 1px solid #333; */
	position:absolute;
	left: 1000px;
	top:110px;
	font-family:'Arial Narrow', 'Arial', 'Times New Roman';
	}
	
/* het aparte stukje tekst rechts onderin de blz*/	
div#bottomtext p {
	padding:0.1em 0.1em 0 0.1em;
	border:1px outset;
	margin:6px 0 0 6px;
	background:#F0C809;
	color:maroon;
	font-size:xx-small;/*Mozilla gaat niet kleiner dan 8pt*/
	letter-spacing:0.01em; }

/* Dit stuk is de stijl voor het blok van de bottomtekst*/
body>div#bottomtext {
	position:fixed!important;
	right:0;/*deze is voor Mozilla*/
	padding-top:0;
 }

/* Dit stuk is het stijlblad voor de pagina zelf*/
a {
	color:maroon;
	text-decoration:none; }

a:visited {
	color:maroon; }

a:hover {
	color:#408080;
	text-decoration:underline; }

a:active {
	color:maroon;
	text-decoration:overline underline; }

/* de plaatjes komen allemaal rechts*/
div#content img {
	float: right;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: none;
}

/* de tabel*/

div#table tr td {
		font-family:'Arial','Times New Roman';
		font-weight:normal;
		font-size:10pt;/*tekstgrootte van de links*/
		text-align:left;
}

/*uitlijnen van de tekst in de tabel (met ul en li lukt het me niet)*/
div#table tr td {
	width: auto;/*tekst wordt breder naarmate viewport breder bv met of zonder favorieten ernaast in browser*/
	text-align: left;
	vertical-align: top;
}

div#table2 tr td {
	font-family: 'Arial','Times New Roman';
	font-weight: normal;
	font-size: 10pt; /*tekstgrootte van de links*/
	text-align: left;
	vertical-align: top;
	width: 300px;
}