/* ------------------------------------------- */
/* ------------- css www.biodoen.nl ---------- */
/* ------------- biodoen --------------------- */
/* ------------- copyrights 2009 ------------- */
/* ------------- Leon Dahmen ----------------- */
/* ------------------------------------------- */
/* ------------- biodoenLite basicCss */
clearareahtml, body 
	{	width: 100%;
		height: 100%;
		text-align: center;
	    font-family: 'Trebuchet MS', verdana, helvetica, arial, sans-serif;
		color: #6B8198;
		font-size: 13px;
		background: #6b8198;
		margin: 0;
		padding: 0;
	}
a 
	{	text-decoration: none;
		color: #6B8198;
	}
h1#biologie
	{	font-size: 10px;
		color: #ffffff;
		margin: 0;
		padding: 0;
	}
#container
	{	width: 100%;
		text-align: center;
		margin: 0;
		padding: 0 0 48px 0;
	}
#topLite
	{	width: 800px;
		height: 143px;
		text-align: left;
		background: #d9dcc9 url(biodoenLite.php?img=topLite.gif) no-repeat;
		margin: 12px auto 0 auto;
		padding: 0;
	}
		#topLite h1
			{	font-size: 14px;
				font-weight: normal;
				font-style: italic;
				margin: 0;
				padding: 112px 0 0 232px;
			}
				#topLite h1 b
					{	font-size: 16px;
						font-weight: normal;
					}
#middenLite
	{	width: 800px;
		min-height: 480px;
		background: #d9dcc9 url(biodoenLite.php?img=middenLite.gif) repeat-y;
		margin: 0 auto 0 auto;
		padding: 0;
	}
#links
	{	float: left;
		width: 148px;
		min-height: 161px;
		text-align: left;
		background: #ffffff url(biodoenLite.php?img=bot.gif) no-repeat top left;
		margin: 0 0 0 56px;
	}
		#links:hover
			{	background: #ffffff url(biodoenLite.php?img=bot.gif) no-repeat 1px 1px;
			}

#content
	{	float: right;
		width: 560px;
		text-align: left;
		background: #ffffff;
		margin: 0 32px 0 0;
	}
		#menu
			{	
			}
				#menu a:hover
					{	color: #111111;
					}
				#menu a:active
					{	color: #ff5a00;
					}
				#menu ul
					{	list-style-type: none;
						text-align: center;
						height: 32px;
						color: #ffffff;
						margin: 24px 0 0 24px;
						padding: 0;
					}
						#menu ul li
							{	float: left;
								width: 88px;
								height: 32px;
								margin: 0 8px 0 0;
								padding: 2px 0 0 0;
							}
								#menu ul li a
									{	color: #ffffff;
									}
								#menu ul li:hover
									{	font-style: italic;
										margin: 1px 7px 0 1px;
										padding: 3px 0 0 0;
									}
								#menu ul li ul
									{	list-style-type: none;
										position: relative; 
										top: 0; 
										right: 0;
										margin: 0;
										padding: 0;
									}
										#menu ul li ul li
											{	font-style: normal;
												line-height: 16px;
												height: 16px;
												margin: 0;
												padding: 0;
											}
												#menu ul li ul li a
													{	color: #808080;
													}
												#menu ul li ul li:hover
													{	font-style: italic;
														color: #111111;
														background: #d9dcc9;
														margin: 0;
														padding: 0;
													}
												#menu ul li ul li ul
													{	list-style-type: none;
														position: relative; top: -16px; left: 88px;
														text-align: left;
														margin: 0;
														padding: 0;
													}
														#menu ul li ul li ul li
															{	width: 168px;
																color: #808080;
																line-height: 16px;
															}
						#menu ul.schoolType li.score
							{	width: 16px;
								background: url(biodoenLite.php?img=navWit.gif) no-repeat;
							}
								#menu ul.schoolType li.score b
									{	color: #6b8198;
									}
						#menu ul.schoolType li.yellow
							{	background: url(biodoenLite.php?img=navYellow.gif) no-repeat;
							}
								#menu ul.schoolType li.yellow ul.lightBlue	
									{	display: none;
									}
								#menu ul.schoolType li.yellow:hover > ul.lightBlue
									{	display: block;
									}
										#menu ul.schoolType li.yellow ul.lightBlue li
											{	background: #c6ecf7;
											}
												#menu ul.schoolType li.yellow ul.lightBlue li:hover
													{	background: #8cdaef;
													}
										#menu ul.schoolType li.yellow ul.lightBlue li.onderbouw ul.helPink
											{	display: none;
											}
										#menu ul.schoolType li.yellow ul.lightBlue li.onderbouw:hover > ul.helPink
											{	display: block;
											}
										#menu ul.schoolType li.yellow ul.lightBlue li.bovenbouw ul.helPink
											{	display: none;
											}
										#menu ul.schoolType li.yellow ul.lightBlue li.bovenbouw:hover > ul.helPink
											{	display: block;
											}
												#menu ul.schoolType li.yellow ul.lightBlue li ul.helPink li
													{	background: #f8d9ee;
														padding: 0 0 0 4px;
													}
														#menu ul.schoolType li.yellow ul.lightBlue li ul.helPink li:hover
															{	background: #f1b3de;
																padding: 0 0 0 5px;
															}
						#menu ul.schoolType li.blue
							{	background: url(biodoenLite.php?img=navBlue.gif) no-repeat;
							}
								#menu ul.schoolType li.blue ul.lightPink	
									{	display: none;
									}
								#menu ul.schoolType li.blue:hover > ul.lightPink
									{	display: block;
									}
										#menu ul.schoolType li.blue ul.lightPink li
											{	background: #f8d9ee;
											}
												#menu ul.schoolType li.blue ul.lightPink li:hover
													{	background: #f1b3de;
													}
										#menu ul.schoolType li.blue ul.lightPink li.onderbouw ul.helGreen
											{	display: none;
											}
										#menu ul.schoolType li.blue ul.lightPink li.onderbouw:hover > ul.helGreen
											{	display: block;
											}
										#menu ul.schoolType li.blue ul.lightPink li.bovenbouw ul.helGreen
											{	display: none;
											}
										#menu ul.schoolType li.blue ul.lightPink li.bovenbouw:hover > ul.helGreen
											{	display: block;
											}
												#menu ul.schoolType li.blue ul.lightPink li ul.helGreen li
													{	background: #edf8ce;
														padding: 0 0 0 4px;
													}
														#menu ul.schoolType li.blue ul.lightPink li ul.helGreen li:hover
															{	background: #daf09e;
																padding: 0 0 0 5px;
															}
						#menu ul.schoolType li.pink
							{	background: url(biodoenLite.php?img=navPink.gif) no-repeat;
							}
								#menu ul.schoolType li.pink ul.lightGreen	
									{	display: none;
									}
								#menu ul.schoolType li.pink:hover > ul.lightGreen
									{	display: block;
									}
										#menu ul.schoolType li.pink ul.lightGreen li
											{	background: #edf8ce;
											}
												#menu ul.schoolType li.pink ul.lightGreen li:hover
													{	background: #c2df73;
													}
										#menu ul.schoolType li.pink ul.lightGreen li.onderbouw ul.helYellow
											{	display: none;
											}
										#menu ul.schoolType li.pink ul.lightGreen li.onderbouw:hover > ul.helYellow
											{	display: block;
											}
										#menu ul.schoolType li.pink ul.lightGreen li.bovenbouw ul.helYellow
											{	display: none;
											}
										#menu ul.schoolType li.pink ul.lightGreen li.bovenbouw:hover > ul.helYellow
											{	display: block;
											}
												#menu ul.schoolType li.pink ul.lightGreen li ul.helYellow li
													{	background: #f8d9ee;
														padding: 0 0 0 4px;
													}
														#menu ul.schoolType li.pink ul.lightGreen li ul.helYellow li:hover
															{	background: #f1b3de;
																padding: 0 0 0 5px;
															}
						#menu ul.schoolType li.green
							{	background: url(biodoenLite.php?img=navGreen.gif) no-repeat;
							}
								#menu ul.schoolType li.green ul.lightYellow	
									{	display: none;
									}
								#menu ul.schoolType li.green:hover > ul.lightYellow
									{	display: block;
									}
										#menu ul.schoolType li.green ul.lightYellow li
											{	background: #fff4bf;
											}
												#menu ul.schoolType li.green ul.lightYellow li:hover
													{	background: #fbe05e;
													}
										#menu ul.schoolType li.green ul.lightYellow li.biologie ul.helBlue
											{	display: none;
											}
										#menu ul.schoolType li.green ul.lightYellow li.biologie:hover > ul.helBlue
											{	display: block;
											}
												#menu ul.schoolType li.green ul.lightYellow li ul.helBlue li
													{	background: #c6ecf7;
														padding: 0 0 0 4px;
													}
														#menu ul.schoolType li.green ul.lightYellow li ul.helBlue li:hover
															{	background: #8cdaef;
																padding: 0 0 0 5px;
															}
						#menu ul.schoolType li.zoekLite
							{	float: right;
								width: 18px;
								height: 32px;
								background: url(biodoenLite.php?img=zoek.gif) no-repeat;
							}
								#menu ul.schoolType li.zoekLite:hover
									{	background: url(biodoenLite.php?img=zoekHover.gif) no-repeat;
									}
								#menu ul.schoolType li.zoekLite a 
									{	display: block; 
										height: 100%; 
										width: 100%; 
									}
						#menu ul.schoolType li.iPhone
							{	float: right;
								width: 18px;
								height: 32px;
								background: url(biodoenLite.php?img=iphone.gif) no-repeat;
							}
								#menu ul.schoolType li.iPhone:hover
									{	background: url(biodoenLite.php?img=iphone.gif) no-repeat;
									}
								#menu ul.schoolType li.iPhone a 
									{	display: block; 
										height: 100%; 
										width: 100%; 
									}
		#afbNav
			{	clear: both;
				width: 540px;
				height: 272px;
				background: #ffffff;
				margin: 24px 0 0 0;
			}
				#afbNav h3
					{	text-align: right;
						font-size: 10px;
						font-weight: normal;
						color: #111111;
						margin: 0 24px 0;
						padding: 0;
					}
						#afbNav h3:hover
							{	margin: 0 23px 0 0;
								padding: 1px 0 0 0;
							}
				#afbNavJpg
					{	float: left;
						width: 320px;
						color: #111111;
						height: 270px;
						border: 1px solid #006a94;
						margin: 0 0 0 36px;
					}
						#afbNavJpg:hover
							{	border-top: 2px solid #006a94;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #006a94;
							}
						#afbNavJpg span
							{	float: right;
								font-size: 10px;
								color: #ffffff;
								background: #006a94;
								border-top: none;
								border-right: none;
								border-bottom: 1px solid #006a94;
								border-left: 1px solid #006a94;
							}
								#afbNavJpg span a
									{	color: #ffffff;
									}
								#afbNavJpg span:hover
									{	border-top: 1px solid #006a94;
										border-right: 1px solid #006a94;
										border-bottom: none;
										border-left: none;
									}
				#afbNavGif
					{	float: left;
						width: 144px;
						color: #111111;
						border: 1px solid #ffffff;
						height: 270px;
						margin: 0 0 0 0;
					}
						#afbNavGif:hover
							{	border-top: 2px solid #ffffff;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #ffffff;
							}
#benedenLite
	{	clear: both;
		width: 800px;
		height: 15px;
		text-align: center;
		font-size: 10px;
		background: #d9dcc9 url(biodoenLite.php?img=benedenLite.gif) no-repeat;
		margin: 0 auto 24px auto;
		padding: 0;
	}
		#benedenLite ul
			{	list-style-type: none;
				text-align: center;
				margin: 0 0 0 320px;
				padding: 0;
			}
				#benedenLite ul li.copyRights
					{	float: left;
						width: 96px;
						height: 10px;
						text-align: right;
						border-top: 1px solid #d8dbc8;
						border-right: 1px solid #d8dbc8;
						border-bottom: 1px solid #d8dbc8;
						border-left: 1px solid #d8dbc8;
						margin: 0;
						padding: 0 4px 0 0;
					}
						#benedenLite ul li.copyRights:hover
							{	margin: 0;
								padding: 1px 3px 0 1px;
							}
						#benedenLite ul li.copyRights a
							{	color: #7f7f7f;
							}
						#benedenLite ul li.copyRights a b
							{	font-weight: normal;
								color: #7f7f7f;
							}
								#benedenLite ul li.copyRights:hover a b
									{	color: #111111;
									}
								#benedenLite ul li.copyRights:active a b
									{	color: #ff5a00;
									}
								#benedenLite ul li.copyRights ul.infoCopyRights
									{	display: none;
										position: relative;
										width: 800px;
										text-align: justify;
										margin: 0 0 0 -322px;
										padding: 0;
									}
								#benedenLite ul li.copyRights:hover > ul.infoCopyRights
									{	display: block;
									}
										#benedenLite ul li.copyRights ul.infoCopyRights li
											{	color: #111111;
												padding: 8px 4px 8px 6px;
											}
												#benedenLite ul li.copyRights ul.infoCopyRights li a
													{	color: #ffffff;
													}
				#benedenLite ul li.mail
					{	float: left;
						width: 14px;
						height: 10px;
						background: url(biodoenLite.php?img=envelloppe.gif) no-repeat left 1px;
						border-top: 1px solid #d8dbc8;
						border-right: 1px solid #d8dbc8;
						border-bottom: 1px solid #d8dbc8;
						border-left: 1px solid #d8dbc8;
						margin: 0;
						padding: 0;
					}
						#benedenLite ul li.mail a
							{	display: block; 
								height: 100%; 
								width: 100%; 
							}
						#benedenLite ul li.mail:hover
							{	background: url(biodoenLite.php?img=envelloppeHover.gif) no-repeat left 1px;
								border-top: 2px solid #d8dbc8;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #d8dbc8;
							}
						#benedenLite ul li.mail:active
							{	background: url(biodoenLite.php?img=envelloppeActive.gif) no-repeat left 1px;
								border-top: 2px solid #d8dbc8;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #d8dbc8;
							}
								#benedenLite ul li.mail ul.sendMail
									{	display: none;
										position: relative;
										width: 800px;
										text-align: justify;
										margin: 0 0 0 -440px;
										padding: 0;
									}
								#benedenLite ul li.mail:hover > ul.sendMail
									{	display: block;
									}
										#benedenLite ul li.mail ul.sendMail li
											{	color: #111111;
												padding: 8px 4px 8px 6px;
											}
												#benedenLite ul li.mail ul.sendMail li a
													{	color: #ffffff;
													}
				#benedenLite ul li.home
					{	float: left;
						width: 14px;
						height: 10px;
						background: url(biodoenLite.php?img=home.gif) no-repeat left 1px;
						border-top: 1px solid #d8dbc8;
						border-right: 1px solid #d8dbc8;
						border-bottom: 1px solid #d8dbc8;
						border-left: 1px solid #d8dbc8;
						margin: 0;
						padding: 0;
					}
						#benedenLite ul li.home a
							{	display: block; 
								height: 100%; 
								width: 100%; 
							}
						#benedenLite ul li.home:hover
							{	background: url(biodoenLite.php?img=homeHover.gif) no-repeat left 1px;
								border-top: 2px solid #d8dbc8;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #d8dbc8;
							}
						#benedenLite ul li.home:active
							{	background: url(biodoenLite.php?img=homeActive.gif) no-repeat left 1px;
								border-top: 2px solid #d8dbc8;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #d8dbc8;
							}
				#benedenLite ul li.dierenDataBase
					{	float: left;
						width: 14px;
						height: 10px;
						background: url(biodoenLite.php?img=olifant.gif) no-repeat left 1px;
						border-top: 1px solid #d8dbc8;
						border-right: 1px solid #d8dbc8;
						border-bottom: 1px solid #d8dbc8;
						border-left: 1px solid #d8dbc8;
						margin: 0;
						padding: 0;
					}
						#benedenLite ul li.dierenDataBase a
							{	display: block; 
								height: 100%; 
								width: 100%; 
							}
						#benedenLite ul li.dierenDataBase:hover
							{	background: url(biodoenLite.php?img=olifant.gif) no-repeat left 1px;
								border-top: 2px solid #d8dbc8;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #d8dbc8;
							}
						#benedenLite ul li.dierenDataBase:active
							{	background: url(biodoenLite.php?img=olifant.gif) no-repeat left 1px;
								border-top: 2px solid #d8dbc8;
								border-right: none;
								border-bottom: none;
								border-left: 2px solid #d8dbc8;
							}
				#benedenLite ul li.info
					{	float: left;
						width: 14px;
						height: 10px;
						border-top: 1px solid #d8dbc8;
						border-right: 1px solid #d8dbc8;
						border-bottom: 1px solid #d8dbc8;
						border-left: 1px solid #d8dbc8;
						margin: 0;
						padding: 0;
					}
						#benedenLite ul li.info:hover
							{	margin: 0;
								padding: 1px 3px 0 1px;
							}
						#benedenLite ul li.info a
							{	color: #7f7f7f;
							}
						#benedenLite ul li.info a b
							{	font-weight: normal;
								font-style: italic;
								color: #7f7f7f;
							}
								#benedenLite ul li.info:hover a b
									{	color: #111111;
									}
								#benedenLite ul li.info:active a b
									{	color: #ff5a00;
									}
								#benedenLite ul li.info ul.infoAbout
									{	display: none;
										position: relative;
										width: 800px;
										text-align: justify;
										margin: 0 0 0 -455px;
										padding: 0;
									}
								#benedenLite ul li.info:hover > ul.infoAbout
									{	display: block;
									}
										#benedenLite ul li.info ul.infoAbout li
											{	color: #111111;
												padding: 8px 4px 8px 6px;
											}
												#benedenLite ul li.info ul.infoAbout li a
													{	color: #ffffff;
													}