html{
	background-color: white;	/* achtergrondkleur rondom de basiscontainer */
}


body{
    margin: 0;
	padding: 0;
	font-family: Arial, Georgia, serif;
	font-size: 100%;
	color: black;				/* beinvloed niet de tekst van de textareas */
}


#container {
	background-color: white;
	position: absolute; 		
	left: 50%; 
	top: 0px;
	height: 800px;
	width: 900px;
	margin-left: -450px; 
	padding: 0px;
}

#blok_buttonsboven{
	margin-left: 10px;
	margin-top: 10px;
}

#knop_hoofdmenu{
	position: absolute;
	top: 20px;
	left: 10px;
	visibility: hidden;
}

#knop_start{
	position: absolute;
	top: 20px;
	left: 225px;
}

#knop_vorigeoef{
	position: absolute;
	top: 20px;
	left: 440px;
}

#knop_volgendeoef{
	position: absolute;
	top: 20px;
	left: 633px;
}

#knop_stop{
	position: absolute;
	top: 20px;
	left: 816px;
}

#headerLesnummerEnNaam{
	position: absolute;
	top: 54px;
	left: 10px;
	/*width: 201px;*/
	width: 216px;
	height: 35px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: rgb(0, 153, 255);
	color: white;
}

#headerOefeningNummer{
	position: absolute;
	top: 54px;
	/*left: 211px;
	width: 677px;*/
	left: 226px;
	width: 662px;
	height: 35px;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: rgb(0, 153, 255);
	color: white;
	z-index: 10;
}

#introductieplaatje{
	position: absolute;
	top: 90px;
	*top: 89px;
	left: 10px;
	width: 200px;
	*width: 201px;
	height: 134px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	z-index: 10;
	margin-top: 0px;
}

#introductietekst{
	position: absolute;
	top: 90px;
	*top: 89px;
	left: 210px;
	width: 678px;
	height: 134px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#vraagplaatje{
	position: absolute;
	top: 224px;
	*top: 223px;
	left: 10px;
	width: 200px;
	*width: 201px;
	height: 134px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	z-index: 10;
}

#eindresultaatblok{
	position: absolute;
	top: 223px;
	left: 210px;
	height: 135px;
	width: 477px;
	border-bottom: 1px solid black;
}

#eindresultaattekst{
	width: 277px;
	margin-left: 100px;
	margin-top: 40px;
}

#vraagtekst2{
	position: absolute;
	top: 223px;
	left: 210px;
	height: 20px;
	width: 450px;
	margin-top: 15px;
	*margin-top: 14px;
	margin-left: 15px;
}

#klikplaatje{
	position: absolute;
	top: 268px;
	*top: 265px;
	left: 210px;
	margin-left: 15px;
}

#woordenlijst1{
	position: absolute;
	top: 263px;
	*top: 260px;
	left: 240px;
	height: 17px;
	width: 430px;
	margin-left: 15px;
}

#woordenlijst2{
	position: absolute;
	top: 280px;
	*top: 277px;
	left: 240px;
	height: 17px;
	width: 430px;
	margin-left: 15px;
}

#woordenlijst3{
	position: absolute;
	top: 297px;
	*top: 294px;
	left: 240px;
	height: 17px;
	width: 430px;
	margin-left: 15px;
}

#dialoogform{
	margin-bottom: 0px;
}

#tekstblok{
	position: absolute;
	top: 318px;		/* was: 308px */
	*top: 315px;
	left: 212px;
	*left: 211px;
	height: 40px;	/* was: 40px */
	width: 475px;
	*width: 476px;
	border-bottom: 1px solid black;
}

#tekstinvoercel{
	border: none;
	margin-left: 15px;
	margin-top: 0px;
	margin-top: 0px;
	height: 39px; /* was: 45px */
   	*height: 39px; /* was: 39px */
	width: 450px;
	font-family: Arial, Georgia, serif;
	font-size: 14px;
	color: rgb(0, 153, 255);
	padding: 0px;
	overflow: auto;
}

#reactiePlaatje{
	position: absolute;
	top: 224px;
	*top: 223px;
	left: 687px;
	width: 200px;
	*width: 201px;
	height: 134px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#vraagtekst1{
	position: absolute;
	top: 372px;
	left: 20px;
	height: 20px;
	width: 180px;
}

#wisbtn{
	position: absolute;
	top: 372px;
	left: 225px;
}

#okbtn{
	position: absolute;
	top: 372px;
	left: 299px;
}

#verderbtn{
	position: absolute;
	top: 372px;
	left: 560px;
}

#reactietekst{
	position: absolute;
	top: 372px;
	left: 697px;
	height: 20px;
	width: 180px;
}

#overzichtsblok{
	position: absolute;
	top: 410px;
	left: 225px;
	height: 400px;
	width: 350px;
}

#overzicht{
	border: none;
	margin-left: 14px;
	font-family: Arial, Georgia, serif;
	font-size: 14px;
	color: rgb(0, 153, 255);
	height: 350px;
	width: 437px;
	overflow: auto;
}

#headerLesnummerEnNaam p{
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}

#headerOefeningNummer p{
	font-size: 14px;
	margin-top: 10px;
}

p{
	font-size: 14px;
	margin: 0px;
}

#vraagtekst1 p, #reactietekst p{
	color: rgb(0, 153, 255);
}

#introductietekst p{
	font-size: 14px;
	margin-top: 15px;
	margin-left: 15px;
}

a{
	display: inline;
	font-size: 14px;
	color: black;
	text-decoration: none;
	font-weight: bold;	
}