@charset "utf-8";
/* CSS Document */

img{
	pointer-events: none;	
}

html {
-webkit-touch-callout:none !important;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body {overflow: hidden; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;background-color:#000;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;height:600px;width:800px;}

div {border-radius:0px;}

/* #content div {border-radius:0px;}  */

#main {position:absolute;background-color:#fff;height:600px;width:800px;left: 50%; top: 50%; margin-left: -400px; margin-top: -300px;}

#loader {position:relative;left:346px;top:265px;height:32px;width:32px;}

#content {position:absolute;left:22px;top:24px;background-image:url(../img/background_OT.png);height:574px;width:680px;}

#header {position:absolute;left:22px;top:2px;height:20px;width:680px;}
#header_titel {color:#FFF;font-size:12px;line-height:20px;font-weight:bold;padding-left:5px;position:absolute;left:0px;top:0px;background-color:#50686f;height:20px;width:215px;}
#header_bolletjes {position:absolute;left:222px;top:0px;background-color:#b9bdbc;height:20px;width:458px;}

#right {position:absolute;left:704px;top:2px;background-color:#bc5424;height:596px;width:94px;}
#left {position:absolute;left:2px;top:2px;height:596px;width:18px;background-color:#bc5424;}


.schrijven_knop{
	border: solid #ffffff 2px;
    padding: 10px;
    display: inline-block;
    border-radius: 10px;
    margin: 10px;
    background: #dddddd;
    font-weight: bold;
	cursor:pointer;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	transition: all 0.2s;
	font-size:1.2em;
}
.schrijven_knop:hover{
	box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	
}

/* menu */

#menu {position:absolute;top:22px;left:21px;}

#menu_stop_disabled{position:absolute;top:0px;left:0px;background:url(../img/button_menu_stop_disabled.png);width:52px;height:52px;}
#menu_help_disabled{position:absolute;top:170px;left:0px;background:url(../img/button_menu_help_disabled.png);width:52px;height:52px;}
#menu_herhaal_disabled{position:absolute;top:230px;left:0px;background:url(../img/button_menu_instruction_disabled.png);width:52px;height:52px;}
#menu_verder_disabled{position:absolute;top:290px;left:0px;background:url(../img/button_menu_next_disabled.png);width:52px;height:52px;}
#menu_terug_disabled{position:absolute;top:350px;left:0px;background:url(../img/button_menu_previous_disabled.png);width:52px;height:52px;}
#menu_result_disabled{position:absolute;top:410px;left:0px;background:url(../img/button_menu_result_disabled.png);width:52px;height:52px;}



#menu_stop{position:absolute;top:0px;left:0px;background:url(../img/button_menu_stop_out.png);width:52px;height:52px;}
#menu_help{position:absolute;top:170px;left:0px;background:url(../img/button_menu_help_out.png);width:52px;height:52px;}
#menu_herhaal{position:absolute;top:230px;left:0px;background:url(../img/button_menu_instruction_out.png);width:52px;height:52px;}
#menu_verder{position:absolute;top:290px;left:0px;background:url(../img/button_menu_next_out.png);width:52px;height:52px;}
#menu_terug{position:absolute;top:350px;left:0px;background:url(../img/button_menu_previous_out.png);width:52px;height:52px;}
#menu_result{position:absolute;top:410px;left:0px;background:url(../img/button_menu_result_out.png);width:52px;height:52px;}


.opnieuw_knop{position:absolute;width:42px;height:42px;left:319px;top:527px;background:url(../img/button_ot_redo_disabled.png);}
.klaar_knop{position:absolute;width:42px;height:42px;left:595px;top:527px;background:url(../img/button_ot_ok_disabled.png);}

/* taal */

#taal{position:absolute; width:89px; height:120px; top:475px; left:3px;}
#taal_vlag_engels{position:absolute; width:28px; height:23px; top:89px; left:44px;background:url(../img/taal_engelse_vlag.png);}
#taal_vlag_nederlands{position:absolute; width:28px; height:23px; top:89px; left:16px;background:url(../img/taal_nederlandse_vlag.png);}
#taal_overlay_1_1{position:absolute; width:28px; height:23px; top:89px; left:16px;background:url(../img/taal_overlay_1.png);}
#taal_overlay_1_2{position:absolute; width:28px; height:23px; top:89px; left:16px;background:url(../img/taal_overlay_2.png);}
#taal_overlay_2_1{position:absolute; width:28px; height:23px; top:89px; left:44px;background:url(../img/taal_overlay_1.png);}
#taal_overlay_2_2{position:absolute; width:28px; height:23px; top:89px; left:44px;background:url(../img/taal_overlay_2.png);}
#taal_pijl_1{position:absolute; width:16px; height:8px; top:110px; left:22px;background:url(../img/taal_pijl.png);}
#taal_pijl_2{position:absolute; width:16px; height:8px; top:110px; left:50px;background:url(../img/taal_pijl.png);}
#taal_tekst{position:absolute; width:87px; height:67px; top:24px; left:0px;background:url(../img/taal_wolk.png);}

/* modules */

#modules_balk_wit{position:absolute;width:680px;height:2px;left:0px;top:552px;background:#FFF;}
#modules_balk{position:absolute;width:675px;height:20px;left:0px;top:554px;background:#50686f;color:#FFF;font-size:12px;line-height:20px;font-weight:bold;padding-left:5px;}

#module_1_niveau_1{position:absolute;width:213px;height:160px;left:11px;top:110px;}
#module_2_niveau_1{position:absolute;width:213px;height:160px;left:234px;top:110px;}
#module_3_niveau_1{position:absolute;width:213px;height:160px;left:457px;top:110px;}
#module_4_niveau_1{position:absolute;width:108px;height:81px;left:11px;top:280px;opacity:0.3}
#module_5_niveau_1{position:absolute;width:108px;height:81px;left:129px;top:280px;opacity:0.3}
#module_6_niveau_1{position:absolute;width:108px;height:81px;left:11px;top:371px;opacity:0.3}
#module_7_niveau_1{position:absolute;width:108px;height:81px;left:129px;top:371px;opacity:0.3}
#module_8_niveau_1{position:absolute;width:108px;height:81px;left:247px;top:371px;opacity:0.3}
#module_9_niveau_1{position:absolute;width:108px;height:81px;left:11px;top:462px;opacity:0.3}
#module_10_niveau_1{position:absolute;width:108px;height:81px;left:129px;top:462px;opacity:0.3}

.module_1_img_niveau_1{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_2_img_niveau_1{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_3_img_niveau_1{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_4_img_niveau_1{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_5_img_niveau_1{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_6_img_niveau_1{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_7_img_niveau_1{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_8_img_niveau_1{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_9_img_niveau_1{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_10_img_niveau_1{position:absolute;width:108px;height:81px;left:0px;top:0px;}

#module_1_niveau_2{position:absolute;width:108px;height:81px;left:11px;top:110px;}
#module_2_niveau_2{position:absolute;width:108px;height:81px;left:129px;top:110px;}
#module_3_niveau_2{position:absolute;width:108px;height:81px;left:247px;top:110px;}
#module_4_niveau_2{position:absolute;width:213px;height:160px;left:11px;top:201px;}
#module_5_niveau_2{position:absolute;width:213px;height:160px;left:234px;top:201px;}
#module_6_niveau_2{position:absolute;width:108px;height:81px;left:11px;top:371px;opacity:0.3}
#module_7_niveau_2{position:absolute;width:108px;height:81px;left:129px;top:371px;opacity:0.3}
#module_8_niveau_2{position:absolute;width:108px;height:81px;left:247px;top:371px;opacity:0.3}
#module_9_niveau_2{position:absolute;width:108px;height:81px;left:11px;top:462px;;opacity:0.3}
#module_10_niveau_2{position:absolute;width:108px;height:81px;left:129px;top:462px;opacity:0.3}

.module_1_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_2_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_3_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_4_img_niveau_2{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_5_img_niveau_2{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_6_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_7_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_8_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_9_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_10_img_niveau_2{position:absolute;width:108px;height:81px;left:0px;top:0px;}

#module_1_niveau_3{position:absolute;width:108px;height:81px;left:11px;top:110px;}
#module_2_niveau_3{position:absolute;width:108px;height:81px;left:129px;top:110px;}
#module_3_niveau_3{position:absolute;width:108px;height:81px;left:247px;top:110px;}
#module_4_niveau_3{position:absolute;width:108px;height:81px;left:11px;top:201px;}
#module_5_niveau_3{position:absolute;width:108px;height:81px;left:129px;top:201px;}
#module_6_niveau_3{position:absolute;width:213px;height:160px;left:11px;top:292px;}
#module_7_niveau_3{position:absolute;width:213px;height:160px;left:234px;top:292px;}
#module_8_niveau_3{position:absolute;width:213px;height:160px;left:457px;top:292px;}
#module_9_niveau_3{position:absolute;width:108px;height:81px;left:11px;top:462px;opacity:0.3}
#module_10_niveau_3{position:absolute;width:108px;height:81px;left:129px;top:462px;opacity:0.3}

.module_1_img_niveau_3{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_2_img_niveau_3{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_3_img_niveau_3{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_4_img_niveau_3{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_5_img_niveau_3{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_6_img_niveau_3{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_7_img_niveau_3{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_8_img_niveau_3{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_9_img_niveau_3{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_10_img_niveau_3{position:absolute;width:108px;height:81px;left:0px;top:0px;}

#module_1_niveau_4{position:absolute;width:108px;height:81px;left:11px;top:110px;}
#module_2_niveau_4{position:absolute;width:108px;height:81px;left:129px;top:110px;}
#module_3_niveau_4{position:absolute;width:108px;height:81px;left:247px;top:110px;}
#module_4_niveau_4{position:absolute;width:108px;height:81px;left:11px;top:201px;}
#module_5_niveau_4{position:absolute;width:108px;height:81px;left:129px;top:201px;}
#module_6_niveau_4{position:absolute;width:108px;height:81px;left:11px;top:292px;}
#module_7_niveau_4{position:absolute;width:108px;height:81px;left:129px;top:292px;}
#module_8_niveau_4{position:absolute;width:108px;height:81px;left:247px;top:292px;}
#module_9_niveau_4{position:absolute;width:213px;height:160px;left:11px;top:383px;}
#module_10_niveau_4{position:absolute;width:213px;height:160px;left:234px;top:383px;}

.module_1_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_2_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_3_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_4_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_5_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_6_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_7_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_8_img_niveau_4{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.module_9_img_niveau_4{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.module_10_img_niveau_4{position:absolute;width:213px;height:160px;left:0px;top:0px;}

.moduleKK_1_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_2_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_3_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_4_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_5_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_6_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_7_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_8_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_9_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_10_img_niveau_1_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}

.moduleKK_1_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_2_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_3_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_4_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_5_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_6_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_7_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_8_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_9_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_10_img_niveau_1_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}

.moduleKK_1_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_2_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_3_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_4_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_5_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_6_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_7_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_8_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_9_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_10_img_niveau_2_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}

.moduleKK_1_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_2_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_3_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_4_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_5_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_6_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_7_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_8_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_9_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_10_img_niveau_2_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}

.moduleKK_1_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_2_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_3_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_4_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_5_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_6_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_7_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_8_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_9_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_10_img_niveau_3_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}

.moduleKK_1_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_2_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_3_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_4_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_5_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_6_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_7_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_8_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_9_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_10_img_niveau_3_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}

.moduleKK_1_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_2_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_3_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_4_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_5_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_6_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_7_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_8_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:74px;top:49px;}
.moduleKK_9_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}
.moduleKK_10_img_niveau_4_kruis{position:absolute;width:34px;height:32px;left:179px;top:126px;}

.moduleKK_1_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_2_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_3_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_4_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_5_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_6_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_7_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_8_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:76px;top:47px;}
.moduleKK_9_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}
.moduleKK_10_img_niveau_4_krul{position:absolute;width:34px;height:32px;left:181px;top:124px;}

#module_12{position:absolute;width:88px;height:66px;left:11px;top:11px;}
#module_13{position:absolute;width:88px;height:66px;left:109px;top:11px;}
#module_14{position:absolute;width:88px;height:66px;left:207px;top:11px;}
#module_11{position:absolute;width:88px;height:66px;left:403px;top:11px;}

.module_12_img{position:absolute;width:88px;height:66px;left:0px;top:0px;}
.module_13_img{position:absolute;width:88px;height:66px;left:0px;top:0px;}
.module_14_img{position:absolute;width:88px;height:66px;left:0px;top:0px;}
.module_11_img{position:absolute;width:88px;height:66px;left:0px;top:0px;}


/* blokken */

#blok_0{position:absolute;width:213px;height:160px;left:95px;top:113px;}
#blok_a{position:absolute;width:108px;height:81px;left:351px;top:113px;}
#blok_1{position:absolute;width:108px;height:81px;left:479px;top:113px;}
#blok_2{position:absolute;width:108px;height:81px;left:351px;top:214px;}
#blok_3{position:absolute;width:108px;height:81px;left:479px;top:214px;}
#blok_4{position:absolute;width:108px;height:81px;left:223px;top:315px;}
#blok_5{position:absolute;width:108px;height:81px;left:351px;top:315px;}
#blok_6{position:absolute;width:108px;height:81px;left:479px;top:315px;}
#blok_7{position:absolute;width:108px;height:81px;left:95px;top:416px;}
#blok_8{position:absolute;width:108px;height:81px;left:223px;top:416px;}
#blok_9{position:absolute;width:108px;height:81px;left:351px;top:416px;}
#blok_10{position:absolute;width:108px;height:81px;left:479px;top:416px;}

.blok_0_img{position:absolute;width:213px;height:160px;left:0px;top:0px;}
.blok_a_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_1_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_2_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_3_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_4_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_5_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_6_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_7_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_8_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_9_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}
.blok_10_img{position:absolute;width:108px;height:81px;left:0px;top:0px;}

/* intro */

.intro_block{position:absolute ;width:120px;height:120px;}

#intro_overlay{position:absolute;width:796px;height:596px;left:2px;top:2px;background:#e8e9eb;}

#intro_logo{position:absolute;width:218px;height:50px;left:20px;top:20px;}
#intro_block_HH{left:280px;top:107px;}
#intro_block_Z{left:398px;top:107px;}
#intro_block_s{left:516px;top:107px;}
#intro_block_q{left:634px;top:107px;}
#intro_block_J{left:44px;top:241px;}
#intro_block_A{left:162px;top:241px;}
#intro_block_h{left:280px;top:241px;}
#intro_block_e{left:398px;top:241px;}
#intro_block_ee{left:516px;top:241px;}
#intro_block_n{left:634px;top:241px;}
#intro_block_L{left:44px;top:375px;}
#intro_block_b{left:280px;top:375px;}
#intro_block_x{left:398px;top:375px;}
#intro_block_7{left:516px;top:375px;}
#intro_block_m{left:634px;top:375px;}

/* inloggen */

#inloggen{position:absolute;text-align:center;font-size:16px;font-weight:bold;top:150px;left:0px;height:280px;width:680px;}

#input_password{border:2px solid #000000;font-size:16px;color:#000000;width:200px;height:30px;line-height:20px;padding:5px;}

/* OT 1 */

#OT1_ondertitels{position:absolute;left:15px;top:338px;width:630px;height:95px;background:#dedede;color:#000000;font-size:21px;text-align:center;line-height:30px;padding:10px;}

#OT1_rewind{position:absolute;width:42px;height:42px;left:219px;top:527px;background:url(../img/button_ot_rewind_disabled.png);}
#OT1_back{position:absolute;width:42px;height:42px;left:269px;top:527px;background:url(../img/button_ot_back_disabled.png);}
#OT1_play{position:absolute;width:42px;height:42px;left:319px;top:527px;background:url(../img/button_ot_play_disabled.png);}
#OT1_pause{position:absolute;width:42px;height:42px;left:369px;top:527px;background:url(../img/button_ot_pause_disabled.png);}
#OT1_next{position:absolute;width:42px;height:42px;left:419px;top:527px;background:url(../img/button_ot_forward_disabled.png);}

/* OT2a */

#OT2a_rewind{position:absolute;width:42px;height:42px;left:269px;top:527px;background:url(../img/button_ot_rewind_disabled.png);}
#OT2a_play{position:absolute;width:42px;height:42px;left:319px;top:527px;background:url(../img/button_ot_play_disabled.png);}
#OT2a_pause{position:absolute;width:42px;height:42px;left:369px;top:527px;background:url(../img/button_ot_pause_disabled.png);}

#OT2a_grijs{left:10px;top:10px;position:absolute;width:644px;height:494px;background:#e8e9eb;padding-top:6px;padding-left:8px;padding-right:8px;}
.OT2a_regel{font-size:22px;line-height:27px;display:inline;}

#OT2a_clock{position:absolute;width:128px;height:52px;left:552px;top:522px;background:url(../img/klok_in.png);}
#OT2a_clock_out{position:absolute;width:30px;height:30px;left:10px;top:0px;background:none;}
#OT2a_clock_in{position:absolute;width:30px;height:30px;left:88px;top:0px;background:none;}
#OT2a_clock_time{position:absolute;width:58px;height:19px;left:35px;top:27px;background:#888b8f;line-height:20px;text-align:center;color:#FFF; font-size:14px; font-weight:bold;}

/* OT2b */

#OT2b_rewind{position:absolute;width:42px;height:42px;left:269px;top:527px;background:url(../img/button_ot_rewind_disabled.png);}
#OT2b_play{position:absolute;width:42px;height:42px;left:319px;top:527px;background:url(../img/button_ot_play_disabled.png);}
#OT2b_pause{position:absolute;width:42px;height:42px;left:369px;top:527px;background:url(../img/button_ot_pause_disabled.png);}

#OT2b_grijs{left:10px;top:10px;position:absolute;width:644px;height:494px;background:#e8e9eb;padding-top:6px;padding-left:8px;padding-right:8px;}
.OT2b_regel{clear:both;font-size:22px;line-height:26px;}

#OT2b_clock{position:absolute;width:128px;height:52px;left:552px;top:522px;background:url(../img/klok_in.png);}
#OT2b_clock_out{position:absolute;width:30px;height:30px;left:10px;top:0px;background:none;}
#OT2b_clock_in{position:absolute;width:30px;height:30px;left:88px;top:0px;background:none;}
#OT2b_clock_time{position:absolute;width:58px;height:19px;left:35px;top:27px;background:#888b8f;line-height:20px;text-align:center;color:#FFF; font-size:14px; font-weight:bold;}

/* OT2c */

#OT2c_rewind{position:absolute;width:42px;height:42px;left:269px;top:527px;background:url(../img/button_ot_rewind_disabled.png);}
#OT2c_play{position:absolute;width:42px;height:42px;left:319px;top:527px;background:url(../img/button_ot_play_disabled.png);}
#OT2c_pause{position:absolute;width:42px;height:42px;left:369px;top:527px;background:url(../img/button_ot_pause_disabled.png);}

#OT2c_grijs{left:10px;top:10px;position:absolute;width:644px;height:494px;background:#e8e9eb;padding-top:6px;padding-left:8px;padding-right:8px;}
.OT2c_regel{font-size:22px;line-height:27px;display:inline;}

#OT2c_clock{position:absolute;width:128px;height:52px;left:552px;top:522px;background:url(../img/klok_in.png);}
#OT2c_clock_out{position:absolute;width:30px;height:30px;left:10px;top:0px;background:none;}
#OT2c_clock_in{position:absolute;width:30px;height:30px;left:88px;top:0px;background:none;}
#OT2c_clock_time{position:absolute;width:58px;height:19px;left:35px;top:27px;background:#888b8f;line-height:20px;text-align:center;color:#FFF; font-size:14px; font-weight:bold;}

/* OT 3 */

#OT3_image{position:absolute;border-radius:0px;top:23px;left:180px;width:321px;height:240px;}
#OT3_image_over{position:absolute;border-radius:0px;top:23px;left:180px;width:317px;height:236px;border:solid;border-width:2px;border-color:#000000;}
#OT3_vlak_1{position:absolute;width:656px;height:96px;left:10px;top:289px;background-color:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;}
#OT3_vlak_1_1{margin-left:auto; margin-right:auto;}
#OT3_vlak_2{position:absolute;width:660px;height:100px;left:10px;top:399px;background-color:#dedede;border:solid;border-width:0px;border-color:#b9bdbc;}
.OT3_woord{font-size:24px;line-height:26px;text-align:center;display: inline-block}

#OT3_bolletjes{position:absolute;width:128px;height:52px;left:552px;top:522px;background-color:none;}

/* OT 4 */

.oefentype_blok_met_tekst_OT4{background-color:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;padding-left:10px;font-size:21px;line-height:42px;}

.oefentype_blok_OT4{width:311px;height:42px;}
.oefentype_blok_OT4_links_1{left:10px;top:21px;}
.oefentype_blok_OT4_links_2{left:10px;top:70px;}
.oefentype_blok_OT4_links_3{left:10px;top:119px;}
.oefentype_blok_OT4_links_4{left:10px;top:168px;}
.oefentype_blok_OT4_links_5{left:10px;top:217px;}
.oefentype_blok_OT4_rechts_1{left:345px;top:21px;}
.oefentype_blok_OT4_rechts_2{left:345px;top:70px;}
.oefentype_blok_OT4_rechts_3{left:345px;top:119px;}
.oefentype_blok_OT4_rechts_4{left:345px;top:168px;}
.oefentype_blok_OT4_rechts_5{left:345px;top:217px;}

#OT_4_plek_1{padding-left:12px;font-size:21px;line-height:40px;position:absolute;background-color:#dedede;width:648px;height:40px;left:10px;top:278px;}
#OT_4_plek_2{padding-left:12px;font-size:21px;line-height:40px;position:absolute;background-color:#dedede;width:648px;height:40px;left:10px;top:323px;}
#OT_4_plek_3{padding-left:12px;font-size:21px;line-height:40px;position:absolute;background-color:#dedede;width:648px;height:40px;left:10px;top:368px;}
#OT_4_plek_4{padding-left:12px;font-size:21px;line-height:40px;position:absolute;background-color:#dedede;width:648px;height:40px;left:10px;top:413px;}
#OT_4_plek_5{padding-left:12px;font-size:21px;line-height:40px;position:absolute;background-color:#dedede;width:648px;height:40px;left:10px;top:458px;}

/* OT5 */

#OT5_grijs{left:235px;top:12px;position:absolute;width:413px;height:488px;background:#e8e9eb;padding-top:8px;padding-left:12px;padding-right:8px;}

.OT5_woord{background-color:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;padding-left:10px;font-size:21px;line-height:42px;width:196px;height:42px;}

#OT5_woord_1{left:12px;top:12px;}
#OT5_woord_2{left:12px;top:62px;}
#OT5_woord_3{left:12px;top:112px;}
#OT5_woord_4{left:12px;top:162px;}
#OT5_woord_5{left:12px;top:212px;}
#OT5_woord_6{left:12px;top:262px;}
#OT5_woord_7{left:12px;top:312px;}
#OT5_woord_8{left:12px;top:362px;}
#OT5_woord_9{left:12px;top:412px;}
#OT5_woord_10{left:12px;top:462px;}

.OT5_regel{clear:both;}
.OT5_tekst{font-size:21px;line-height:28px;float:left;}

/* OT6a */

.oefentype_blok_met_tekst_OT6a{background-color:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;padding:10px;font-size:21px;line-height:24px;}

.oefentype_blok_OT6a{ width:296px;height:72px;}
.oefentype_blok_OT6a_1{left:13px;top:13px;}
.oefentype_blok_OT6a_2{left:13px;top:113px;}
.oefentype_blok_OT6a_3{left:13px;top:213px;}
.oefentype_blok_OT6a_4{left:13px;top:313px;}
.oefentype_blok_OT6a_5{left:13px;top:413px;}

.OT6a_plek{padding:10px;font-size:21px;line-height:24px;position:absolute;background-color:#dedede;width:296px;height:72px; border:solid;border-width:2px;border-color:#dedede;}

#OT6a_plek_1{left:347px;top:13px;}
#OT6a_plek_2{left:347px;top:113px;}
#OT6a_plek_3{left:347px;top:213px;}
#OT6a_plek_4{left:347px;top:313px;}
#OT6a_plek_5{left:347px;top:413px;}

/* OT6b */

.oefentype_blok_met_tekst_OT6b{background-color:#FFF;border:solid;border-width:0px;border-color:#b9bdbc;position:absolute;padding:0px;font-size:21px;line-height:24px;}
.OT6b_over{background-color:none;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;padding:0px;font-size:21px;line-height:24px;width:316px; height:92px;top:0px;left:0px}

.oefentype_blok_OT6b{ width:320px;height:96px;}
.oefentype_blok_OT6b_1{left:13px;top:13px;}
.oefentype_blok_OT6b_2{left:13px;top:113px;}
.oefentype_blok_OT6b_3{left:13px;top:213px;}
.oefentype_blok_OT6b_4{left:13px;top:313px;}
.oefentype_blok_OT6b_5{left:13px;top:413px;}

.OT6b_plek{padding:10px;font-size:21px;line-height:24px;position:absolute;background-color:#dedede;width:296px;height:72px; border:solid;border-width:2px;border-color:#dedede;}

#OT6b_plek_1{left:347px;top:13px;}
#OT6b_plek_2{left:347px;top:113px;}
#OT6b_plek_3{left:347px;top:213px;}
#OT6b_plek_4{left:347px;top:313px;}
#OT6b_plek_5{left:347px;top:413px;}

/* OT7 */

.oefentype_blok_met_tekst_OT7{background:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;padding:10px;font-size:21px;}

.oefentype_blok_OT7_staand{width:300px;height:75px;}
.oefentype_blok_OT7_staand_1{left:346px;top:47px;}
.oefentype_blok_OT7_staand_2{left:346px;top:156px;}
.oefentype_blok_OT7_staand_3{left:346px;top:265px;}
.oefentype_blok_OT7_staand_4{left:346px;top:374px;}

.oefentype_blok_OT7_liggend{width:301px;height:53px;}
.oefentype_blok_OT7_liggend_1{left:10px;top:346px;}
.oefentype_blok_OT7_liggend_2{left:345px;top:346px;}
.oefentype_blok_OT7_liggend_3{left:10px;top:433px;}
.oefentype_blok_OT7_liggend_4{left:345px;top:433px;}

/* OT8 */

.oefentype_blok_met_tekst_OT8{background:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;padding-left:10px;font-size:21px;line-height:21px;}

.oefentype_blok_OT8_staand{width:310px;height:63px;}
.oefentype_blok_OT8_staand_1{left:346px;top:47px;}
.oefentype_blok_OT8_staand_2{left:346px;top:119px;}
.oefentype_blok_OT8_staand_3{left:346px;top:191px;}
.oefentype_blok_OT8_staand_4{left:346px;top:263px;}
.oefentype_blok_OT8_staand_5{left:346px;top:335px;}
.oefentype_blok_OT8_staand_6{left:346px;top:407px;}

.oefentype_blok_OT8_liggend{width:315px;height:53px;}
.oefentype_blok_OT8_liggend_1{left:10px;top:335px;}
.oefentype_blok_OT8_liggend_2{left:10px;top:394px;}
.oefentype_blok_OT8_liggend_3{left:10px;top:453px;}
.oefentype_blok_OT8_liggend_4{left:341px;top:335px;}
.oefentype_blok_OT8_liggend_5{left:341px;top:394px;}
.oefentype_blok_OT8_liggend_6{left:341px;top:453px;}

/* OT9 */

.oefentype_blok_met_tekst_OT9{background-color:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;padding-left:10px;font-size:21px;line-height:42px;}

.oefentype_blok_OT9{width:141px;height:42px;}

.oefentype_blok_OT9_links_1{left:345px;top:44px;}
.oefentype_blok_OT9_links_2{left:345px;top:99px;}
.oefentype_blok_OT9_links_3{left:345px;top:154px;}
.oefentype_blok_OT9_links_4{left:345px;top:209px;}
.oefentype_blok_OT9_links_5{left:345px;top:264px;}
.oefentype_blok_OT9_links_6{left:345px;top:319px;}
.oefentype_blok_OT9_links_7{left:345px;top:374px;}
.oefentype_blok_OT9_links_8{left:345px;top:429px;}

.oefentype_blok_OT9_rechts_1{left:509px;top:44px;}
.oefentype_blok_OT9_rechts_2{left:509px;top:99px;}
.oefentype_blok_OT9_rechts_3{left:509px;top:154px;}
.oefentype_blok_OT9_rechts_4{left:509px;top:209px;}
.oefentype_blok_OT9_rechts_5{left:509px;top:264px;}
.oefentype_blok_OT9_rechts_6{left:509px;top:319px;}
.oefentype_blok_OT9_rechts_7{left:509px;top:374px;}
.oefentype_blok_OT9_rechts_8{left:509px;top:429px;}

#OT9_lijnen{left:18px;top:46px;position:absolute;width:316px;height:426px;background-image:url(../img/OT9_puzzel_lijnen.png);}

#OT9_stukje_1{left:18px;top:46px;position:absolute;width:158px;height:149px;background-image:url(../img/OT9_puzzel_stuk_1.png);}
#OT9_stukje_2{left:124px;top:46px;position:absolute;width:210px;height:107px;background-image:url(../img/OT9_puzzel_stuk_2.png);}
#OT9_stukje_3{left:18px;top:152px;position:absolute;width:212px;height:107px;background-image:url(../img/OT9_puzzel_stuk_3.png);}
#OT9_stukje_4{left:176px;top:114px;position:absolute;width:158px;height:183px;background-image:url(../img/OT9_puzzel_stuk_4.png);}
#OT9_stukje_5{left:18px;top:219px;position:absolute;width:158px;height:185px;background-image:url(../img/OT9_puzzel_stuk_5.png);}
#OT9_stukje_6{left:123px;top:259px;position:absolute;width:211px;height:107px;background-image:url(../img/OT9_puzzel_stuk_6.png);}
#OT9_stukje_7{left:18px;top:365px;position:absolute;width:210px;height:107px;background-image:url(../img/OT9_puzzel_stuk_7.png);}
#OT9_stukje_8{left:176px;top:330px;position:absolute;width:158px;height:142px;background-image:url(../img/OT9_puzzel_stuk_8.png);}

/* OT10a */

.OT10a_block_30{border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;width:103px;height:92px}
.OT10a_block_4{border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;width:316px;height:236px}
.OT10a_block_8{border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;width:316px;height:116px}

/* OT10b */

#OT10b_grijs{left:10px;top:10px;position:absolute;width:644px;height:494px;background:#e8e9eb;padding-top:6px;padding-left:8px;padding-right:8px;}
.OT10b_regel{clear:both;}
.OT10b_tekst{font-size:21px;line-height:26px; max-width:644px; overflow:visible; display:inline-block;}

/* OTgalgje */
.OTgalgje_letter{background-color:#FFF;border:solid;border-width:2px;border-color:#b9bdbc;position:absolute;font-size:21px;line-height:40px;width:42px;height:42px;border-radius:10px;text-align:center;}
#OTgalgje_vraag_en_woord{text-align:center;position:absolute;top:20px;width:640px;left:20px;}
#OTgalgje_vraag{font-size:21px;line-height:30px;}
#OTgalgje_spacer{font-size:21px;line-height:30px;}
#OTgalgje_woord{background-color:#FFF;border:solid;border-width:2px;border-color:#000000;font-size:38px;line-height:58px;display: inline-block;padding-left:16px;padding-right:16px;letter-spacing:4px}
#OTgalgje_galg{position:absolute;top:190px;left:250px;width:163px;height:192px;background-image:url(../img/galgje_1.png);}
#OTgalgje_letters{position:absolute;top:407px;left:17px;}
#OTgalgje_letter_a{top:0px;left:0px;}
#OTgalgje_letter_b{top:0px;left:50px;}
#OTgalgje_letter_c{top:0px;left:100px;}
#OTgalgje_letter_d{top:0px;left:150px;}
#OTgalgje_letter_e{top:0px;left:200px;}
#OTgalgje_letter_f{top:0px;left:250px;}
#OTgalgje_letter_g{top:0px;left:300px;}
#OTgalgje_letter_h{top:0px;left:350px;}
#OTgalgje_letter_i{top:0px;left:400px;}
#OTgalgje_letter_j{top:0px;left:450px;}
#OTgalgje_letter_k{top:0px;left:500px;}
#OTgalgje_letter_l{top:0px;left:550px;}
#OTgalgje_letter_m{top:0px;left:600px;}
#OTgalgje_letter_n{top:50px;left:0px;}
#OTgalgje_letter_o{top:50px;left:50px;}
#OTgalgje_letter_p{top:50px;left:100px;}
#OTgalgje_letter_q{top:50px;left:150px;}
#OTgalgje_letter_r{top:50px;left:200px;}
#OTgalgje_letter_s{top:50px;left:250px;}
#OTgalgje_letter_t{top:50px;left:300px;}
#OTgalgje_letter_u{top:50px;left:350px;}
#OTgalgje_letter_v{top:50px;left:400px;}
#OTgalgje_letter_w{top:50px;left:450px;}
#OTgalgje_letter_x{top:50px;left:500px;}
#OTgalgje_letter_y{top:50px;left:550px;}
#OTgalgje_letter_z{top:50px;left:600px;}



/* fruitautomaat */

#fruitautomaat{
	position:absolute;width:640px;height:480px;
}

#fruitautomaat_title{
position:absolute; left:20px; width:100px; top:10px; font-size:24px; font-weight:bold; color: #ffffff; -moz-text-shadow:    3px 3px 8px rgba(0,0,0,0.75);
-webkit-text-shadow: 3px 3px 8px rgba(0,0,0,0.75);
text-shadow:         3px 3px 8px rgba(0,0,0,0.75);
}

#fruitautomaat_background{
position:absolute; left:0px; top:0px; width:640px;height:480px;
/*background:url(../img/metal_08.png);*/
}

#fruitautomaat_image{
	position:absolute;
	top:60px;
	left:170px;
	max-height:225px;
}
#fruitautomaat_automaat{
	position:absolute;
	top:310px;
	width:640px;
	display:inline-block;
	text-align:center;
}
#fruitautomaat_knop1{
	display:inline-block;
	width:70px;
	height:71px;
	margin-right:11px;
	background:url(../img/fruit_voorlezen.png);
	margin-bottom:39px;
}
#fruitautomaat_knop2{
	display:inline-block;
	width:70px;
	height:71px;
	margin-left:10px;
	background:url(../img/fruit_klaar.png);
	margin-bottom:39px;
}
#fruitautomaat_woord{
	padding-left:2px;
	padding-right:2px;
	display:inline-block;
	background:url(../img/fruit_backover.png);
}
.fruitautomaat_woord_class{
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
}
.fruitautomaat_knop_boven{
	text-align:center;
	height:38px;
	margin-bottom:5px;
	display:inline-block;
}
.fruitautomaat_knop_boven_inside{
	width:38px;
	height:38px;
	background:url(../img/fruit_arrow_up.png);
}

.fruitautomaat_letter{
	height:69px;
	background:url(../img/fruit_back.png);
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
}
.fruitautomaat_knop_onder{
	text-align:center;
	height:38px;
	margin-top:5px;
	display:inline-block;
}
.fruitautomaat_knop_onder_inside{
	width:38px;
	height:38px;
	background:url(../img/fruit_arrow_down.png);
}
.fruitautomaat_letterholder{
	font-size:42px;line-height:69px;
	height:69px;
	color:#ffffff;	
}

#fruitautomaat_score{
position:absolute; left:0px; top:170px; width:640px;height:200px;	font-weight:bold; color: #ffffff; font-size:48px;
-moz-text-shadow:    3px 3px 8px rgba(0,0,0,0.75);
-webkit-text-shadow: 3px 3px 8px rgba(0,0,0,0.75);
text-shadow:         3px 3px 8px rgba(0,0,0,0.75);
text-align:center;
}
	

/* OTletterautomaat */

#OTletterautomaat_image{
	position:absolute;
	top:60px;
	left:190px;
	width:300px;
	height:225px;
}
#OTletterautomaat_automaat{
	position:absolute;
	top:330px;
	width:680px;
	display:inline-block;
	text-align:center;
}
#OTletterautomaat_knop1{
	display:inline-block;
	width:70px;
	height:71px;
	margin-right:11px;
	background:url(../img/fruit_voorlezen.png);
	margin-bottom:39px;
}
#OTletterautomaat_knop2{
	display:inline-block;
	width:70px;
	height:71px;
	margin-left:10px;
	background:url(../img/fruit_klaar.png);
	margin-bottom:39px;
}
#OTletterautomaat_woord{
	padding-left:2px;
	padding-right:2px;
	display:inline-block;
	background:url(../img/fruit_backover.png);
}
.OTletterautomaat_woord_class{
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
}
.OTletterautomaat_knop_boven{
	text-align:center;
	height:38px;
	margin-bottom:5px;
	display:inline-block;
}
.OTletterautomaat_knop_boven_inside{
	width:38px;
	height:38px;
	background:url(../img/fruit_arrow_up.png);
}

.OTletterautomaat_letter{
	height:69px;
	background:url(../img/fruit_back.png);
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
}
.OTletterautomaat_knop_onder{
	text-align:center;
	height:38px;
	margin-top:5px;
	display:inline-block;
}
.OTletterautomaat_knop_onder_inside{
	width:38px;
	height:38px;
	background:url(../img/fruit_arrow_down.png);
}
.OTletterautomaat_letterholder{
	font-size:42px;line-height:69px;
	height:69px;
	color:#ffffff;	
}

.inloggenvideo{
	position: relative;
	width:200px;
	height:200px;
	text-align:center;
	display: inline-block;
	margin:10px;	
}
.inloggenvideobutton{
	position: absolute;
	width:200px;
	height:200px;
	color:#000;
	text-align:center;
	top: 0;
    font-size: 1.5em;
	cursor: pointer;
}
#inloggenvideos{
	position: absolute;
    text-align: center;
    top: 280px;
    left: 0px;
    width: 680px;
}
#videooverlay{
	position: absolute;
    top: 0;
    left: 0px;
    bottom:0;
	right:0;
	background:rgba(0,0,0,0.9);
}
.videooverlayframe{
	left:50%;
	top:50%;
	margin-left:-320px;
	margin-top:-240px;
	position:absolute;
}




#results-underlay{
	position: absolute;
    left: 26px;
    top: 4px;
    background-image: url(../img/background_menu.png);
    height: 596px;
    width: 680px;
}

#results-right-overlay {
    position: absolute;
    left: 708px;
    top: 4px;
    background-color: #bc5424;
    height: 596px;
    width: 94px;
}


#results-terug-button{
	position: absolute;
    top: 26px;
    left: 729px;
    background: url(../img/button_menu_previous_out.png);
    width: 52px;
    height: 52px;
}

		#results {
            width: 804px;
            height: 604px;
            /* background-image: url(results.png); */
            font-family: Arial;
			position: absolute;
			top: -26px;
			left: -26px;
        }
        
        #results-right {
            position: absolute;
            border: 0px solid black;
            left: 338px;
            top: 41px;
            width: 365px;
            height: 502px;
        }
        
        #results-line1 {
            position: absolute;
            left: 0px;
            top: 72px;
        }
        
        #results-line2 {
            position: absolute;
            left: 0px;
            top: 94px;
        }
        
        #results-line3 {
            position: absolute;
            left: 0px;
            top: 116px;
        }
        
        #results-line4 {
            position: absolute;
            left: 0px;
            top: 141px;
        }
        
        #results-line5 {
            position: absolute;
            left: 0px;
            top: 168px;
        }
        
        #results-line6 {
            position: absolute;
            left: 0px;
            top: 190px;
        }
        
        #results-line7 {
            position: absolute;
            left: 0px;
            top: 215px;
        }
        
        #results-line8 {
            position: absolute;
            left: 0px;
            top: 242px;
        }
        
        #results-line9 {
            position: absolute;
            left: 0px;
            top: 264px;
        }
        
        #results-line10 {
            position: absolute;
            left: 0px;
            top: 286px;
        }
        
        #results-line11 {
            position: absolute;
            left: 0px;
            top: 311px;
        }
        
        #results-line12 {
            position: absolute;
            left: 0px;
            top: 338px;
        }
        
        #results-line13 {
            position: absolute;
            left: 0px;
            top: 360px;
        }
        
        #results-line14 {
            position: absolute;
            left: 0px;
            top: 385px;
        }
        
        #results-line15 {
            position: absolute;
            left: 0px;
            top: 418px;
        }
        /*classes*/
        
        .results-line {
            position: absolute;
            top: 0;
        }
        
        .results-line-1 {
            left: 0px;
            font-size: 11px;
            text-align: right;
            width: 63px;
            height: 16px;
            vertical-align: middle;
            padding-top: 3px;
        }
        
        .results-line-2 {
            left: 68px;
        }
        
        .results-line-3 {
            left: 88px;
        }
        
        .results-line-4 {
            left: 125px;
        }
        
        .results-line-5 {
            left: 145px;
        }
        
        .results-line-6 {
            left: 182px;
        }
        
        .results-line-7 {
            left: 202px;
        }
        
        .results-line-8 {
            left: 239px;
        }
        
        .results-line-9 {
            left: 259px;
        }
        
        .results-line-10 {
            left: 299px;
        }
        
        .results-line-11 {
            left: 319px;
        }
        
        .results-block {
            position: absolute;
            width: 19px;
            height: 19px;
            background-color: #ffffff;
            border: 1px solid #000000;
        }
		

        
        .results-text {
            position: absolute;
            width: 34px;
            height: 16px;
            background-color: #ffffff;
            border: 1px solid #000000;
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
            padding-top: 3px;
        }
        
        #results-right-kop {
            position: absolute;
            font-size: 14px;
            font-weight: bold;
            top: 6px;
            left: 11px;
        }
        
        #results-right-line1 {
            position: absolute;
            top: 36px;
            left: 8px;
            height: 1px;
            background-color: #000000;
            width: 350px;
        }
        
        #results-right-line2 {
            position: absolute;
            top: 459px;
            left: 8px;
            height: 1px;
            background-color: #000000;
            width: 350px;
        }
        
        #results-right-knop {
            position: absolute;
            top: 474px;
            left: 83px;
            height: 21px;
            background-color: #bc5424;
            width: 200px;
			color: #ffffff;
            font-size: 14px;
			font-weight: bold;
            border-radius: 8px;
            text-align: center;
            border: solid 2px #000000;
            padding-top: 4px;
        }
        
        #results-right-woorden {
            position: absolute;
            top: 53px;
            left: 78px;
            font-size: 11px;
        }
        
        #results-right-woord1 {
            position: absolute;
            top: 0;
            left: 0;
        }
        
        #results-right-woord2 {
            position: absolute;
            top: 0;
            left: 52px;
        }
        
        #results-right-woord3 {
            position: absolute;
            top: 0;
            left: 115px;
        }
        
        #results-right-woord4 {
            position: absolute;
            top: 0;
            left: 170px;
        }
        
        #results-right-woord5 {
            position: absolute;
            top: 0;
            left: 231px;
        }
        
        #results-left {
            position: absolute;
            top: 41px;
            left: 41px;
            font-size: 12px;
            border: 0px solid #000000;
            width: 277px;
            height: 503px;
        }
        
        #results-left-line1 {
            position: absolute;
            top: 362px;
            left: 8px;
            font-size: 12px;
            width: 277px;
        }
        
        #results-left-line2 {
            position: absolute;
            top: 382px;
            left: 8px;
            font-size: 12px;
            width: 277px;
        }
        
        #results-left-line3 {
            position: absolute;
            top: 402px;
            left: 8px;
            font-size: 12px;
            width: 277px;
        }
        
        #results-left-line4 {
            position: absolute;
            top: 422px;
            left: 8px;
            font-size: 12px;
            width: 277px;
        }
        
        #results-left-line5 {
            position: absolute;
            top: 442px;
            left: 8px;
            font-size: 12px;
            width: 277px;
        }
        
        #results-left-line6 {
            position: absolute;
            top: 462px;
            left: 8px;
            font-size: 12px;
            width: 277px;
        }
        
        #results-left-line7 {
            position: absolute;
            top: 482px;
            left: 8px;
            font-size: 12px;
            width: 277px;
        }
        
        .results-left-line-w1 {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 75px;
            text-align: right;
        }
        
        .results-left-line-w2 {
            position: absolute;
            top: 0px;
            left: 60px;
            text-align: center;
            width: 70px;
        }
        
        .results-left-line-w3 {
            position: absolute;
            top: 0px;
            left: 132px;
            width: 81px;
            text-align: right;
        }
        
        .results-left-line-w4 {
            position: absolute;
            top: 0px;
            left: 197px;
            text-align: center;
            width: 70px;
        }
        
        #results-left-kop1 {
            position: absolute;
            font-size: 14px;
            font-weight: bold;
            top: 6px;
            left: 8px;
        }
        
        #results-left-kop2 {
            position: absolute;
            font-size: 14px;
            font-weight: bold;
            top: 319px;
            left: 8px;
        }
        
        #results-left-kop3 {
            position: absolute;
            font-size: 11px;
            font-weight: normal;
            top: 67px;
            left: 8px;
            width: 124px;
        }
        
        #results-left-kop4 {
            position: absolute;
            font-size: 14px;
            font-weight: bold;
            top: 72px;
            left: 194px;
            width: 124px;
        }
        
        #results-left-line-1 {
            position: absolute;
            top: 308px;
            left: 6px;
            height: 1px;
            background-color: #000000;
            width: 261px;
        }
        
        #results-left-line-2 {
            position: absolute;
            top: 7px;
            left: 286px;
            height: 490px;
            background-color: #000000;
            width: 1px;
        }
        
        #results-left-knop {
            position: absolute;
            top: 239px;
            left: 35px;
            height: 21px;
            background-color: #bc5424;
            width: 200px;
            font-size: 14px;
            border-radius: 8px;
			color: #ffffff;
			font-weight: bold;
			text-align: center;
            border: solid 2px #000000;
            padding-top: 4px;
        }
        
        #resultspercentage {
            position: absolute;
            left: 142px;
            top: 70px;
            width: 40px;
        }
        
        #results-left-beoordeel {
            left: 8px;
            top: 130px;
            position: absolute;
        }