/*	Zorg voor achtergrond en
	gecentreerd schoolbord.		*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial;
	font-size: 12px;
	background: url('img/background.gif') top center;
	overflow: hidden;
	}


	/* Verberg zoekwoorden */
	h1, h2 { position: absolute; display: hidden; font-size: 0; top: -300px; }


/* Groene rand */
#Container {
	position: relative;
	margin: 50px auto 0 auto;
	padding: 0;
	width: 750px;
	height: 560px; /* 520 */
	background: #5c8727;
	}


	/* Memoblok */
	#memo {
		position: absolute;
		top: -50px;
		left: -160px;
		width: 160px;
		height: 250px;
		background: url('img/memo.gif') no-repeat;
		}

		/* Memoblok aanpassing voor IE */
		* html body #memo { top: -73px; }


	/* Het zwarte vlak */
	#Schoolbord {
		position: absolute;
		top: 15px;
		left: 14px;
		margin: 0;
		width: 720px;
		height: 530px; /* 490 */
		text-align: left;
		color: #fff;
		background: #000;
	}



		/*	+=========----
			|	MENU			*/


		/* Menu balk */
		#Menu {
			margin: 15px;
			padding: 0;
			height: 60px;
			background: url('img/menu-border.gif') bottom center no-repeat;
			}

			/* Menu lijst */
			#Menu ul {
				margin: 0 0 0 75px; /* <--- aanpassen bij verandering van het aantal buttons. */
				padding: 0;
				display: block;
				list-style: none;
				}

			/* Menu item */
			#Menu li {
				margin: 0;
				padding: 0;
				display: inline;
				width: 110px;
				height: 35px;
				}

			/* Menu link */
			#Menu a {
				margin: 0 15px 0 0;
				float: left;
				display: block;
				width: 110px;
				height: 35px;
				text-decoration: none;
				}
	
			/* Verberg text */
			#Menu .hide {
				position: absolute;
				left: -2000px;
				}


			/*	Kijk in buttons.css voor de button/link
				plaatjes.									*/



		/*	+=========----
			|	CONTENT			*/



		/* Titels */
		#Box h3	{ margin-left: 15px; font-size: 14px; }
		#Box span h3	{ padding-left: -5000px; height: 30px; width: 450px; font-size: 0; color: #000; }

		#Box .tQuiz h3 { background: url('img/titels/quiz.gif') top left no-repeat; }
		#Box .tDictee h3 { background: url('img/titels/dictee.gif') top left no-repeat; }
		#Box .tTaalgids h3 { background: url('img/titels/taalgids.gif') top left no-repeat; }
		/* Titels */



		/* Tekstvlak */
		#Box {
			position: absolute;
			top: 90px;
			}
/*		#sBox {
			position: absolute;
			top: 90px;
			height: 375px;
			overflow: scoll;
			border: 2px solid #ff0000;
			} */


			/* Algemeen */
			#Box p	{ margin: 7px 15px 10px 15px; }
			#Box p.center { margin: 7px 15px 10px 15px; width: 689px; text-align: center; }
			#Box .left { float: left; width: 300px; }
			#Box .right { float: right; width: 300px; }
			#Box .rood { color: #a51625; }

			#Box .Stop { clear: both; }
			#Box input { margin-right: 5px; color: #fff; border: 1px solid #5c8727; background: #a3ba82; }

			#Box .Veld {
				clear: both;
				margin: 20px 15px 20px 15px;
				padding: 0 0 7px 0;
				width: 689px;
				background: #a3ba82;
				}

			#Box .Top {
				margin: 0 0 15px 0;
				padding: 3px 0 0 5px;
				height: 25px;
				font-size: 16px;
				font-weight: bold;
				background: #5c8727;
				}

			#Box a { color: #fff; font-size: 12px; text-decoration: none; }
			#Box a:hover { text-decoration: line-through; }
			/* Algemeen */


	/* [ Home ] */

			* html body .flashKlein {
				margin: 2px;
				padding: 0;
				}


	/* [ Dictee ] */

			#Box .Veld textarea { margin: 15px; padding: 5px; width: 310px; height: 215px; font-family: arial; background: #fff; border: 1px solid #5c8727; }
			* html body #Box .Veld textarea { margin: 0 15px 15px 0; height: 240px; }

			#Box dl dt, #Box dl dd { height: 3px; }
			#Box dl dt { width: 130px; }
			#Box dl dd { margin-left: 135px; margin-top: -3px; }

			#Box table.left, #Box table.right { margin: -10px 0 -5px 5px; color: #fff; font-size: 12px; }
			#Box table.left td { width: 200px; }
			#Box table.left td a, #Box table.right td a { font-size: 12px; }

			* html body #Box table.left { margin-bottom: -15px; }

			#Box img.resultaat { margin: -5px 0 5px 12px; border: 0; }
			* html body #box img.resultaat { margin-top: -9px; }


	/* [ Taalquiz ] */

			#Box.Vragen { text-align: justify; }
			#Box.Vragen.Kleur { color: #5c8727; }

				#Box .ResulBalk { position: relative; margin-left: 15px; width: 200px; border: 1px solid #5c8727; }
				#Box .ResulBalk .Aantal { position: absolute; margin-top: 5px; width: 100%; text-align: center; }


	/* [ Taalgids ] */

			#Box #Bestel { float: right; margin: 0 50px 0 58px; text-align: center; }
			#Box #Bestel a { color: #fff; font-size: 14px; }

			#Box table#Formulier { margin-left: 15px; color: #fff; }
			#Box table#Formulier td, #Box table#Formulier td { height: 19px; }
			#Box table#Formulier td { width: 175px; border: 0; }
/*			#Box table#Formulier td { margin-left: 175px; margin-top: -20px; } */

			#Box table#Formulier input { color: #000; }
			#Box table#Formulier input:hover { background: #fff; }