html{
			overflow: hidden;
		}

		body{
			background-color: #000000;
			margin: 0px;
			padding: 0px;
			height: 100%;
			overflow: hidden;
		}
		
		/* DECOR */
		
		#debug_values{
			position: absolute;
			left: 0px;
			top: 0px;
			border: 1px solid #FFF;
			padding: 5px;
			margin: 5px;
			color: #FFF;
			font-family: Courier New;
			font-size: 12px;
			display: none;
		}
		
		#debug_values a{
			color: #CCC;
		}
		
		#debug{
			position: absolute;
			left: 0px;
			top: 175px;
			font-family: Courier New;
			color: #FFF;
			border: 1px solid #FFF;
			padding: 5px;
			margin: 5px;
			font-size: 12px;
			
			display: none;
		}
	
		#container{
			width: 800px;
			height: 600px;
			background: url(../img/bg_level1.gif);
			margin: -300px 0 0 -400px;
			position: absolute;
			left: 50%;
			top: 50%; 
			font-family: Arial;
			z-index: 0;
		}
		
		#interface_background{
			background-color: #000000;
			background-repeat: repeat;
			background-position: center;
			z-index: -2;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			overflow: hidden;
		}
		
		#interface_header{
			background: url(../img/bg_interface_top.gif) repeat-y center;
			width: 800px;
			height: 50%;
			position: absolute;
			z-index: -1;
			left: 50%;
			top: 0px;
			margin: 0 0 0 -400px;
			display: none;
		}
		
		#interface_footer{
			background: url(../img/bg_interface_bottom.gif) repeat-y center;
			width: 800px;
			height: 50%;
			position: absolute;
			z-index: -1;
			left: 50%;
			bottom: 0px;
			margin: 0 0 0 -400px;
			display: none;
		}
		
		#intropartners{
			width: 900px;
			height: 100px;
			position: absolute;
			left: -50px;
			top: 490px;
			text-align: center;
		}
		
		#intropartners img{
			margin: 0 -1px 0 0;
			padding: 0px;
			display: inline;
		}
		
		#level_announcer{
			width: 800px;
			height: 600px;
			margin: -300px 0 0 -400px;
			position: absolute;
			left: 50%;
			top: 50%; 
			background-color: #000;
			z-index: 1;
		}
		
		#logo{
			width: 202px;
			height: 144px;
			margin: -240px 0 0 -300px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#level{
			width: 120px;
			height: 120px;
			margin: -85px 0 0 -285px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#kwiesmaster{
			width: 104px;
			height: 233px;
			margin: -85px 0 0 -170px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#bord{
			background: url(../img/bord.png);
			width: 397px;
			height: 226px;
			margin: -260px 0 0 -80px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#tijd{
			position: relative;
			left: 345px;
			top: 15px;
			font-size: 22px;
			font-weight: bold;
			text-align: center;
			width: 42px;
			width: 42px;
			margin: 0px;
			padding: 0px;
		}
		
		h2{
			font-size: 22px;
			font-weight: normal;
			position: relative;
			top: -25px;
			left: 50px;
			margin: 0px;
			padding: 0px;
		}
		
		#vraag{
			width: 250px;
			height: 155px;
			position: relative;
			top: -26px;
			left: 66px;
			margin: 0px;
			padding: 5px 0 0 0;
			font-size: 12px;
			overflow-x: hidden;
			overflow: scroll;
		}
		
		#naam1{
			width: 59px;
			height: 30px;
			margin: 80px 0 0 -45px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#naam2{
			width: 59px;
			height: 29px;
			margin: 88px 0 0 55px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#naam3{
			width: 59px;
			height: 29px;
			margin: 80px 0 0 158px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#punten1{
			width: 45px;
			height: 45px;
			margin: 102px 0 0 -39px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#punten2{
			width: 45px;
			height: 45px;
			margin: 110px 0 0 60px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#punten3{
			width: 45px;
			height: 45px;
			margin: 102px 0 0 165px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#kwiesser1{
			width: 107px;
			height: 113px;
			margin: -21px 0 0 -42px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#kwiesser2{
			width: 107px;
			height: 113px;
			margin: -19px 0 0 52px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		#kwiesser3{
			width: 107px;
			height: 113px;
			margin: -18px 0 0 147px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}
		
		noscript{
			color: #CC0000;
			background-color: #FFF;
			position: absolute;
			z-index: 2;
			padding: 5px;
		}
		
		#vraagcontainer{
			position: absolute;
			overflow-y: hidden;
			width: 225px;
		}
		
		#vraagcontainer p{
			font-weight: bold;
			margin: 0px;
			padding: 0px;
		}
		
		#vraagcontainer #wrongright{
			position: relative;
			top: 0px;
			left: 0px;
			margin: 13px 0 0 0;
			padding: 0px;
		}
		
		#vraagcontainer a{
			color: #000;
		}

		#vraagcontainer ul{
			font-size: 11px;
			position: relative;
			top: 0px;
			left: 0px;
			list-style-type: none;
			margin: 0;
			padding: 0px;
		}

		#vraagcontainer ul li{
			margin: 10px 0 10px 0;
			padding: 0px;
		}

		#vraagcontainer ul li a{
			color: #000;
			padding: 2px 5px 2px 5px;
			background-color: #F9DB2A;
		}	

		#vraag ul li a:hover{
			background-color: #BADF61;
		}
		
		/* NAAMINVOER */
		
		#introtxt{
			scrollbar-arrow-color: #D80303;
			scrollbar-face-color: #FCF602;
			scrollbar-highlight-color: #FCF602;
			scrollbar-3dlight-color: #FCF602;
			scrollbar-shadow-color: #FCF602;
			scrollbar-darkshadow-color: #D80303;
			scrollbar-track-color: #FCF602;
		}
		
		#introtxt a{
			color: #000;
		}
		
		#keuze_background_container{
			background: url(../img/decor.jpg);
			overflow: hidden;
			width: 1145px;
			height: 699px;
			position: absolute;
			margin: -300px 0 0 -573px;
			left: 50%;
			top: 50%;
		}
		
		#keuze_background{
			width: 800px;
			height: 600px;
			
			margin: -350px 0 0 -400px;
			position: absolute;
			left: 50%;
			top: 50%; 
			font-family: Arial;
			z-index: 0;
		}
		
		#keuze_background_header{
			background: url(../img/bg_top.gif) repeat-y center;
			width: 1145px;
			height: 50%;
			position: absolute;
			z-index: -1;
			left: 50%;
			top: 0px;
			margin: 0 0 0 -573px;
		}
		
		#keuze_background_footer{
			background: url(../img/bg_bottom.gif) repeat-y center;
			width: 1145px;
			height: 50%;
			position: absolute;
			z-index: -1;
			left: 50%;
			bottom: 0px;
			margin: 0 0 0 -573px;
		}
		
		#naaminvoer_component{
			width: 382px;
			height: 254px;
			position: absolute;
			left: 195px;
			top: 176px;
		}

		/* RESULT */
		
		input{
			font-family: Arial;
			font-size: 12px;
			background-color: #FFCC00;
			padding: 2px;
			font-weight: bold;
			border: 1px solid #7F5D09;
			width: 150px;
			margin: 0 15px 0 5px;
		}
		
		#flashlogo{
			width: 202px;
			height: 144px;
			position: absolute;
			left: 10px;
			top: 10px;
		}
		
		#geluid{
			width: 107px;
			height: 24px;
			margin: 225px 0 0 275px;
			position: absolute;
			left: 50%;
			top: 50%; 
		}