html, body{
    width: 100%;
    height: 100%;
    line-height: 1.5;
    text-align: center;
}

#body-wrapper.theorie #info_button{
    display: none;
}

/* geen geluid icoon bij presentation modellen
#questionWrapper.presentation ~ div.soundicon{
    display: none;
}*/
/* 

    OUD BERICHT: geen geluid icoon bij vragen op de rondleidingen pagina
    NIEUW BERICHT 2014-03-07: Toch wel tonen van geluidsicoon;
    NIEUW BERICHT 2014-03-07: toch nog even niet
 
#body-wrapper.rondleiding #questionWrapper.presentation div.soundicon,
#body-wrapper.rondleiding  div.soundicon{
    display: none ;
}

*/

/* Rekenbeeld partner css */
body.springstof .logo,
body.rekenbeeld .logo{
    background-image: url(../partner/rekenbeeld/logo_rekenbeeld_klein_transparant.png);
    width: 155px;
    height: 26px;
    top: 11px;
    position: absolute;
    left: 99px;
}

body.springstof .logo{
    background-image: url(../partner/springstof/logo.png);
    width: 137px;
    height: 42px;
    top: 4px;}

/* logo niet tonen als er een vraag open is  */
#body-wrapper.praktijk.contains-questions .logo,
#body-wrapper.question_open  .logo{
    display: none !important;
}

/* Geen buttons bij rondleidingen (op de rondleiding pagina) */
#body-wrapper.rondleiding #backgroundQuestionWrapper div.buttons{
    display: none;
}

/* Ok knop in information_popup zeflde font-size als in vragen*/
.information_popup .button_ok{
    font-size: 12px;
}

#overlayPopup div.content{
    height: 445px;
}
 
 body {
	 background: #74B7D2;
 }
 body.inner {
	 background:#fff;
 }
 .sluiten_rekenmachine{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 28px;
    height: 28px;
 }
 .popup_drag_close {
	 color:transparent;
	 background:url(../img/interface/icon_sluiten.png) center  center no-repeat;
	 width:36px;
	 height:36px;
	 position: absolute;

	 top:-9px;
	 right:-9px;
	 font-size:0px;
	 color:red;
 }
 div.rekenmachine {
	 overflow:visible;
 }

 /* Uitgezet voor delegator puntje :13096 (R01);
body.question_open{
	background: #346782;
}*/

body.inner.question_open {
	background: #fff;
}
#body-wrapper{
    text-align: left;
    width: 900px;
    margin: 0 auto;
    padding-top: 15px;
    height: 640px;
	position:relative;
}body.inner #body-wrapper {
	width:auto;
	height:auto;
	padding-top:0px;
}
#priority_messages{
    display: none;  
}
.theorie, .theorie a {
	 color: #202E38;
 }
.hidden {
	overflow: hidden;
	display: none;
}

.praktijk, .praktijk a {
	color: #43381E;
}
.tab.contains_niveau {
    margin-bottom: 26px;
}
div.tab.demo-inactive{
    -moz-opacity:.40; 
    filter:alpha(opacity=40); 
    opacity:.40;
} 


#body-wrapper.praktijk.contains-questions .center-panel, #body-wrapper.praktijk.contains-questions .tab, #body-wrapper.praktijk.contains-questions .sector {
	display:none;
}
/*
    ===========
    RESULTATEN
    ===========
*/
div.resultaat-onderwerp {
    border:none;
    height:22px;
}

div.resultaat-onderwerp div.resultaat-voortgang {
    height:22px;
}
tr.with-subitem td:first-child {
    text-decoration: underline;
}
tr.with-subitem:hover td {
    color:#777;
}
div.resultaten td{
    color: #202E38;
}

div.resultaten h2 {
    margin-top:10px;
}

div.resultaten h3 {
    margin-top: 6px;
}
#resultaten-header{
    border-bottom: 1px solid #2497C9;
    height: 26px;
}#resultaten-header a{
    float: left;
    display: block;
    padding: 0 20px;
    color: #005980;
    height: 26px;
    position: relative;
    line-height: 25px;
    text-decoration: none;
    cursor: pointer;
}#resultaten-header a.selected{
    border: 1px solid #2497C9;
    border-bottom: none;
    background-color: white;
}#resultaten-header a.selected div.shadow{
    position: absolute;
    height: 21px;
    background: url(../img/tab_shadow.png);
    width: 8px;
    right: -9px;
    top: 4px;
}

#resultaten-body{
    padding-top: 16px;
}#resultaten-body div.resultaat{
    margin-top: 2px;
}#resultaten-body div.resultaat div.resultaat-titel{
    background-color: #f5f5f5;
    height: 28px;
    width: 643px;
    cursor: pointer;
    color: #2497C9;
    line-height: 30px;
    border-bottom: 5px solid #5fbde3;
}#resultaten-body div.resultaat div.resultaat-titel div.resultaat-naam{
    background-image: url(../img/verder_small.png);
    background-repeat: no-repeat;
    margin-left: 6px;
    font-weight: bold;
    background-position: left center;
    width: 400px;
    float: left;
    padding-left: 20px;
    color: #2497C9;
}#resultaten-body div.resultaat div.resultaat-titel div.resultaat-naam.open{
    background-image: url(../img/verder_small_beneden.png);
}

#resultaten-body div.resultaat div.resultaat-onderwerpen{
    padding-left: 40px;
    display: none;
    padding-bottom: 5px;
    padding-top: 5px;
}#resultaten-body div.resultaat div.resultaat-onderwerpen.open{
    display: block;
}

#content{
    font-size: 12px !important;
    font-family: Arial, Verdana, Helvetica !important;
}

#content td {
    vertical-align: middle;
} 

/* Sidebar */
#sidebar-navigation{
    margin-top: 20px;
}
#sidebar-navigation a{
    font-size: 14px;
    color: #005980;
    text-decoration: none;
}#sidebar-navigation h1{
    margin: 0 auto;
    display: block;
    font-weight: normal;
    width: 136px;
    height: 50px;
    background: url(../img/wleft_item.png);
    text-align: center;
    color: #005980;
    font-size: 15px;
    line-height: 50px;
}#sidebar-navigation h1.selected{
    background: url(../img/wleft_item_selected.png);
}#sidebar-navigation h1.with-hover:hover{
    background: url(../img/wleft_item_over.png);
    cursor: pointer;
}#sidebar-navigation div.subitems{
    padding-left: 45px;
}#sidebar-navigation div.subitems a{
    padding-left: 20px;
    margin: 5px 0 0 0;
    display: block;
    background: url(../img/verder_small.png) no-repeat left center; 
}#sidebar-navigation div.subitems a:hover{
    text-decoration: underline;
}#sidebar-navigation div.subitems a.selected{
    color: black;
}

.resultaat-voortgang-mini {
   height: 2px;
   width: 55px;  
   left: 0px;
	position: absolute;
	bottom: 0px;	
	margin-left: 17px;
}div.tab.left .resultaat-voortgang-mini, div.tab.right .resultaat-voortgang-mini {

	bottom: 1px;	

} div.tab.first.left .resultaat-voortgang-mini, div.tab.first.right .resultaat-voortgang-mini {

	bottom: 2px;	

} .resultaat-voortgang-mini .voortgang-meter-mini {
   height: 2px;
   width: 55px;
   left: 0px;
   position: relative;
   background-color: white;
} .resultaat-voortgang-mini .voortgang-meter-mini div {
   height: 2px;
   left: 0px;
   position: absolute;
} .resultaat-voortgang-mini .voortgang-meter-mini div.red  {
   background-color: #9d000b !important;
   z-index: 10;
} .resultaat-voortgang-mini .voortgang-meter-mini div.yellow {
   background-color: #C0B000 !important;
   z-index: 11;
} .resultaat-voortgang-mini .voortgang-meter-mini div.green {
   background-color: #068306 !important;
   z-index: 12;
}
.item .resultaat-voortgang-mini {
    left: 18px;
}

#content h1{
    margin-top: 0px;
    color: #2497C9;
    font-size: 18px;
    font-weight: bold;
}

#center-panel {
	position:absolute;
	left:89px;
	background-image:url(../img/interface/background_kleur_1.png);
	width:666px;
	height:514px;
	padding:20px 30px;
	top:40px;
	z-index:50;
}
body.inner #center-panel, body.inner #content {
	position:relative;
	left:auto;
	top:auto;
	width:auto;
	height:auto;
	background-image:none;
	background-color:#fff;
}
body.inner #content {
	width:700px;
	left:50px;
}
#center-panel.praktijk {
	background-image: url(../img/interface/background_kleur_2.png);
}

a.video span.correct {
    background-image: url(../img/presentatie_play_green.png);
}

a.video span.sufficient {
    background-image: url(../img/presentatie_play_yellow.png);
}

a.video span.wrong {
    background-image: url(../img/presentatie_play_red.png);
}

#content div.itemblok > div.item, #content div.itemblok > div.thumbnail, #content div.itemblok a.video {
    position:relative;
    height:82px;
}

.ie7 #content div.itemblok > div.item, .ie7 #content div.itemblok > div.thumbnail, .ie7 #content div.itemblok a.video {
    position: relative;
    height: 72px;
}

#content a.video span.itemblok {
    background-image: url('../img/oefening_zwart_alpha80.png') !important;
    position:absolute;
    bottom:10px;
    left:10px;
    width:25px;
    height:25px;
}


#content a.video span.itemblok.correct {
    background-image: url('../img/oefening_groen_alpha80.png') !important;
}

#content a.video span.itemblok.sufficient {
    background-image: url('../img/oefening_geel_alpha80.png') !important;
}

#content a.video span.itemblok.wrong {
    background-image: url('../img/oefening_rood_alpha80.png') !important;
}

#content .itemblok .item .inhoud .item {
    bottom:10px;
    position:absolute;
    left:0px;

    line-height: 25px;
    height: 25px;
}

div.tab {
	width: 79px;
	height: 110px;
	padding:10px;
	display:block;
	line-height: 80px;
}

.top-panel {
	height: 32px;
}

.top-panel a {
	background-color: #fff;
	border: 1px solid black;
	border-bottom: 0px;
	padding: 10px 40px;
	margin-left: 30px;
}
  
a.sector {
	line-height: 58px;
	text-align: center;
	background-image:url(../img/interface/tab_top_kleur_1_not_active.png);
	width:226px;
	height:50px;
	font-size:18px;
	font-weight:bold;
	display:block;
	left:248px;
	top:1px;
	position:absolute;
	text-decoration:none;
}
a.sector.active {
	background-image:url(../img/interface/tab_top_kleur_1.png);
	z-index:101;
}
a.sector.praktijk {
	left:429px;
	background-image: url(../img/interface/tab_top_kleur_2_not_active.png);
}
a.sector.praktijk.active {
	background-image: url(../img/interface/tab_top_kleur_2.png);
}

a.sector.resultaten {
	left: 690px;
	width:95px;
	height:50px;
	text-decoration: none;
	background-image: url(../img/interface/tab_top_res_not_active.png);
}

a.sector.resultaten.active {
	background-image: url(../img/interface/tab_top_res.png);
}
  
div.tab {
	background-image:url(../img/interface/button_tab_kleur_1_not_active.png);
	width:89px;
	height:89px;
	position:relative;
	top:0px;
    pointer-events: none;
} /* TODO: tabkleuren
*/

div.tab img {
	position:absolute;
	left:15px;
	top:26px;
    pointer-events:auto;
}

div.tab.first img, .center-tabs div.tab img {
	top:16px;
}

.center-tabs div.tab img {
    top:15px;
}


#content.theorie .center-tabs div.tab img{
    top: 18px;
}
#body-wrapper.theorie div.tab.right.theorie img{
    top:29px;
}
#body-wrapper.theorie div.tab.theorie.right.first img,
#content.theorie div.tab.first img, 
#body-wrapper.theorie .center-tabs div.tab img {
    top:19px;
}
#body-wrapper.praktijk div.tab.right.praktijk img{
    top: 37px;
}
#body-wrapper.praktijk div.tab.right.praktijk.first img{
    top: 26px;
}
#body-wrapper.praktijk div.center-tabs.toright div.tab.praktijk img{
    top: 25px;
}


div.tab.right img {
    left:auto;
    right:14px;
}

div.tab span {
	text-decoration: none;
	position:absolute;
	bottom:23px;
	font-size:10px;
	height:20px;
	line-height:20px;
	width:90px;
	font-weight:bold;
    pointer-events: auto;
}div.tab span span{
    position: absolute;
    bottom: 9px;
    line-height: 10px;
    height: auto;
    width: 90px;
    text-align:center;
    left: 0;
}div.center-tabs div.tab span span{
    bottom: 6px;
}div.tab div.toets-icon{
    position: absolute;
    right: 16px;
    top: 15px;
    width: 10px;
    height: 13px;
    background: url(../img/voortgang_kruis.png);
}div.tab div.toets-icon.passed{
    background: url(../img/voortgang_krul.png);
}div.tab.right div.toets-icon{
    top: 27px;
}

div.tab.right.first div.toets-icon {
    top: 16px;
}

div.tab.right {
	text-align:right;
}

div.tab.right span {
	right:10px;
}

div.tab.last.left span, div.tab.last.right span, .center-tabs div.tab span {
	bottom:15px;
}
div.tab.last.left span span {
    bottom: 8px;
}
div.tab.left, div.tab.right {
	position: absolute;
	width:79px;
	height:110px;
}

div.tab.left.first, div.tab.right.first {
	height:100px;
}
  
div.tab.left {
	position:absolute;
	left:1px;
	background-image:url(../img/interface/tab_left_kleur_1_not_active.png);
	z-index:1;
}
div.tab.left.first {
	background-image:url(../img/interface/tab_left_top_kleur_1_not_active.png);
	width:99px;
}
div.tab.left.active {
	background-image: url(../img/interface/tab_left_kleur_1.png);
	z-index:61 !important;
}
div.tab.left.active.first {
	background-image: url(../img/interface/tab_left_top_kleur_1.png);
}

div.tab.left.last {
	background-image: url(../img/interface/tab_left_down_kleur_1_not_active.png);
	width:99px;
	height:100px;
}

div.tab.left.active.last {
	background-image: url(../img/interface/tab_left_down_kleur_1.png);
}

div.tab.right {
	left:804px;
	background-image: url(../img/interface/tab_right_kleur_1_not_active.png);
	z-index:1;
}
div.tab.right.first {
	background-image: url(../img/interface/tab_right_top_kleur_1_not_active.png);
	width: 99px;
	left:784px;
}
div.tab.right.active {
	background-image: url(../img/interface/tab_right_kleur_1.png);
	z-index: 71 !important;
}
div.tab.right.active.first {
	background-image: url(../img/interface/tab_right_top_kleur_1.png);
}

div.tab.right.last {
	background-image: url(../img/interface/tab_right_down_kleur_1_not_active.png);
    width: 99px;
    height: 100px;
    left:784px;
}

div.tab.right.active.last {
	background-image: url(../img/interface/tab_right_down_kleur_1.png);
}


/* Aparte achtergronden voor praktijk */
div.tab.praktijk {
	background-image:url(../img/interface/button_tab_kleur_2_not_active.png);
}
div.tab.praktijk.left {
	background-image: url(../img/interface/tab_left_kleur_2_not_active.png);
}

div.tab.praktijk.left.first {
	background-image: url(../img/interface/tab_left_top_kleur_2_not_active.png);
}

div.tab.praktijk.left.active {
	background-image: url(../img/interface/tab_left_kleur_2.png);
}

div.tab.praktijk.left.active.first {
	background-image: url(../img/interface/tab_left_top_kleur_2.png);
}

div.tab.left.last {
	background-image: url(../img/interface/tab_left_down_kleur_2_not_active.png);
}

div.tab.left.active.last {
	background-image: url(../img/interface/tab_left_down_kleur_2.png);
}

div.tab.praktijk.right {
	background-image: url(../img/interface/tab_right_kleur_2_not_active.png);
}

div.tab.praktijk.right.first {
	background-image: url(../img/interface/tab_right_top_kleur_2_not_active.png);
}

div.tab.praktijk.right.active {
	background-image: url(../img/interface/tab_right_kleur_2.png);
}

div.tab.praktijk.right.active.first {
	background-image: url(../img/interface/tab_right_top_kleur_2.png);
}

div.tab.praktijk.right.last {
	background-image: url(../img/interface/tab_right_down_kleur_2_not_active.png);
}

div.tab.praktijk.right.active.last {
	background-image: url(../img/interface/tab_right_down_kleur_2.png);
}



div.tab_0.left, div.tab_0.right {
	top: 40px;
}

div.tab_1.left, div.tab_1.right {
	top: 118px;
}

div.tab_2.left, div.tab_2.right {
	top: 207px;
}

div.tab_3.left, div.tab_3.right {
	top: 296px;
}

div.tab_4.left, div.tab_4.right {
	top: 385px;
}

div.tab_5.left, div.tab_5.right {
	top: 474px;
}

div.tab a {
    text-decoration: none;
}


/* extra oefening tabs */
div.extra {
    display: none;
}
div.center-tabs div.extra {
    display: block;
}

div.center-tabs div.extra {
    height: 30px;
    position: absolute;
    top: 100px;
    padding-top: 5px;
    width: 90px;
}

div.center-tabs div.tab.hasextra {
    background-image:url(../img/interface/button_tab_extra_kleur_1_not_active.png);
    width:89px;
    height:120px;
}

div.center-tabs div.tab.hasextra span.titel {
    bottom: 46px;
}

div.center-tabs div.extra span.extra {
    bottom: 14px;
}

/**/

div.resultaat-voortgang div.voortgang-meter {
    background-image:url(../img/balkje_grijs.png);
}

.ie7 div.resultaat-voortgang div.voortgang-meter {
    position:absolute;
}

div.resultaat-voortgang div.voortgang-meter div.red {
    background-image: url(../img/balkje_rood.png);
}

div.resultaat-voortgang div.voortgang-meter div.yellow {
    background-image: url(../img/balkje_geel.png);
}

div.resultaat-voortgang div.voortgang-meter div.green {
    background-image: url(../img/balkje_groen.png);
}

div.toets-editor {
    width:640px;
}


.logo {
	background-image:url(../img/logo.png);
}

#body-wrapper.question_open .tab {
	display:none;
}

#body-wrapper.question_open .sector {
	display: none;
}

#body-wrapper.question_open .center-panel {
	display: none;
}

.center-tabs {
    margin:0 auto;
    margin-top:00px;
}
.center-tabs.themas {
    margin-top:0px;
}
.center-tab-header {
    margin:0 auto;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    color: #202E38;
} .center-tab-header.rows1 {
      margin-top:150px;
} .center-tab-header.rows2 {
    margin-top:100px;
} .center-tab-header.rows3 {
    margin-top:50px;
} .center-tab-header.rows4 {
    margin-top:0px;
}

.center-tab-header.themas {
    margin-top:30px;
}
.center-tab-header.niveaus {
    margin-top: 120px;
}

.center-tabs div.tab {
	float:left;
}
.center-tabs div.niveau {
    height:60px;
    width:80px;
    position:absolute;
    top:90px;
    left:14px;
}

.center-tabs div.niveau_1 {
    background-image:url(../img/icons/icon_niveau_1_80x60.png);
}

.center-tabs div.niveau_2 {
    background-image: url(../img/icons/icon_niveau_2_80x60.png);
}

.center-tabs div.niveau_3 {
    background-image: url(../img/icons/icon_niveau_3_80x60.png);
}

.center-tabs div.niveau_4 {
    background-image: url(../img/icons/icon_niveau_4_80x60.png);
}

/* One panel two column layout */

#body-wrapper.onepanel div.twocolumn div.left-column{
    background: url(../img/nieuw.png) no-repeat right 185px;   
     float: left;
    width: 480px;
    min-height: 430px;
}#body-wrapper.onepanel div.twocolumn div.right-column{
    float: right;
    width: 350px;
}

/* one panel layout */

/* Panel header */
#body-wrapper.onepanel div.panel-header{

}


/* Panel content */
#body-wrapper.onepanel div.panel-content{
    padding: 50px 20px 0px 20px;
	background-color:white;
	border-radius:15px;
	box-shadow:0px 0px 15px #000;
	width:846px;
	height:514px;
	position:relative;
	top:-5px;
}

/* fix voor sort to hotspots */
div.stackCardhorizontal{
    border: 1px solid transparent;
}

/* Panel footers */
#body-wrapper.onepanel div.panel-footer{

}

/*ffrekenen*/
/* Panels and headers */
#body-wrapper.ffrekenen div.top-panel {  
    text-align: center;
}

#body-wrapper.ffrekenen div.left-panel {
    width: 100px;
    min-height: 100px;
    float: left;
}

#body-wrapper.ffrekenen div.right-panel {
    width: 100px;
    min-height: 100px;
    float: right;
}

/* Panel content */
#content{
    overflow: hidden;
    height: 514px;
    padding: 0 5px;
}
#body-wrapper.resultaten #content{
    overflow: auto;
}
.ie7 #content {
    position:relative;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.overlay_div {
	z-index:2000;
}

/*
 SPUL VOOR RESULTATEN STYLING

*/

.subitem {
    padding-left:20px;
}
.subsubitem {
    padding-left:40px;
}
.subsubsubitem {
    padding-left:60px;
}

.with-subitem {
	cursor:pointer;
}

/*
* spul voor pagina styling
*/

#content td.left {
    width:272px;
}

#content td.right {
    width: auto;
}


/*
* SPUL VOOR IQLIB STYLING
*
*/

#backgroundQuestionWrapper {
	width:866px;
	padding:0px 0px;
	background-color: #fff;
	border:10px solid #fff;
	position:absolute;
	left:6px;
	top:10px;
	display:none;
	z-index:150;
	border-radius:15px;
	-moz-border-radius:15px;
	box-shadow:0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	overflow:hidden;
	behavior: url(ffrekenen/js/PIE.htc);
}
body.inner #backgroundQuestionWrapper {
	width:820px;
	border-radius:0px;
	box-shadow:none;
	overflow:auto;
}

#backgroundQuestionWrapper.praktijk {
	background-color: #fff;
	border: 10px solid #fff;
}

#backgroundQuestionWrapper.open {
	height:554px;
	display:block;
}
body.inner #backgroundQuestionWrapper.open {
	height: 554px;
    padding:0px;
    border-width:5px;
    border-top-width:0px;
    border-bottom-width:0px;
    top:0px;
}

#backgroundQuestionWrapper .buttons{
	position:absolute;
	top:10px;
	left:10px;
}

#backgroundQuestionWrapper .buttons a {
	height:36px;
	width:36px;
	display:block;
	cursor:pointer;
}

#backgroundQuestionWrapper .buttons #info_button {
	background-image:url(../img/icon_les.png);
	margin-bottom:10px;
}

#backgroundQuestionWrapper .buttons #calculator_button {
	background-image:url(../img/icon_rekenmachine.png);
    height:40px;
}

#questionWrapper {
	width: 700px;
	margin: 0px auto;
}

body.inner #questionWrapper {
	position:relative;
	left:0px;
}

.question_main, .popup_main, .question_embed_main, .answer_main {
	background-color: #fff;
}
.progress_current{
    background: #74B7D2 !important;
}
#backgroundQuestionWrapper.praktijk .question_main, #backgroundQuestionWrapper.praktijk .popup_main, #backgroundQuestionWrapper.praktijk .question_embed_main, #backgroundQuestionWrapper.praktijk .answer_main {
	background-color: #fff;
}

.question_main, .popup_main, .question_embed_main {
	padding: 20px 10px 32px 10px;
	width:680px;
	background-color:#fff;
}

.question_main {
	padding-top:10px;
	padding-bottom:45px;
}


div.rekenmachine {
	width: 355px !important;
    padding:0px;
    padding-top:18px;
}

div.feedback_main {
    border: 2px solid #346782 !important;
	border-radius: 20px;
	-moz-border-radius:20px;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
    behavior: url(ffrekenen/js/PIE.htc);
}

.ie7 .feedback_main, .ie8 .feedback_main {
    border-radius:0px;
}


div.popup_main {
    border: 3px solid #346782 !important;
    /*left:0px;*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
    behavior: url(ffrekenen/js/PIE.htc);
}

.ie7 .popup_main, .ie8 .popup_main {
    border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow:none;
}


.popup_drag {
	background-color: #77c0e0;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	behavior: url(ffrekenen/js/PIE.htc);
}

.ie7 .popup_drag, .ie8 .popup_drag {
    border-radius: 0px;
    box-shadow: none;
    behaviour: none;
}

.GecijferdSPA {
	margin-top: 8px;
}
.button_left {
	height: 24px;
}

.button_ok, .button_stop, .button_reset{
	border: none ;
}

.button_ok:hover, .button_stop:hover , .button_reset:hover {
    border:none;
}

.GecijferdSPA {
    background: none !important;
    height: 26px !important;
}

div.popup_main{
    border: 1px solid #e1e1e1 !important;
}

#questionWrapper.presentation #answerdiv {
	height:80px !important;
	overflow:auto !important;
	width:auto !important;
}
#questionWrapper.openmulti{
    
}


#content div.item a {
    line-height:26px;
}

#content div.item div.item_icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../img/oefening_zwart_alpha60.png');
    float: left;
}

#content div.item div.item_icon.correct {
    background: url('../img/oefening_groen_alpha60.png') !important;
}

#content div.item div.item_icon.sufficient {
    background: url('../img/oefening_geel_alpha60.png') !important;
}

#content div.item div.item_icon.wrong {
    background: url('../img/oefening_rood_alpha60.png') !important;
}


#content div.itemblok_extra div.item_icon{
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 25px;
    background: url('../img/oefening_zwart_alpha60.png');
    height: 25px;
}#content div.itemblok_extra div.item_icon.correct {
	background: url('../img/oefening_groen_alpha60.png') !important;
}#content div.itemblok_extra div.item_icon.sufficient {
	background: url('../img/oefening_geel_alpha60.png') !important;
}#content div.itemblok_extra div.item_icon.wrong {
	background: url('../img/oefening_rood_alpha60.png') !important;
}

.itemblok .item p {
    width:210px !important;
}

#content div.item div.item_icon.toets {
    background: url('../img/interface/icon_starten.png') !important;
}#content div.item div.item_icon.correct.toets, #content div.item div.item_icon.sufficient.toets {
    background: url('../img/interface/icon_goed.png') !important;
}#content div.item div.item_icon.wrong.toets {
    background: url('../img/interface/icon_fout.png') !important;
}

div.itemblok hr{
    border-style: solid;
    border-color: gray;
    margin: 8px 0;
    height:1px;
    border-top: none;
}


#content table.content {
	height: 490px;
}

/* Fix voor <sup> en <sub> tags (reset hierboven) */
sup{
	vertical-align: super !important;
}sub{
    vertical-align: sub !important;
}

/* play sound knopje */
.tabletSound {
	background-image: url(../img/icon_geluid.png);
	width: 20px;
	height: 20px;
	float: right;
    position:relative;
    top:11px;
	cursor: pointer;
	background-size:20px 20px;
}

.ie9 .tabletSound {
    position: relative;
    top: -32px;
    right: -5px;
}

.ie9 .answer_main{
    overflow: visible;
}

.ie9 .answer_button{
    position: relative;
    left: -20px;
}

/* Dinges voor aftellen feedback */
.timer {
	background-image: url(../img/icon_time_20.gif);
	width: 20px;
	height: 20px;
	float: right;
    position:relative;
    top:11px;
}

.presentation div.answer_main{
    padding-top: 2px !important;
    top: 458px !important;
}

.timed-question {
   
    width: 50px;
    height: 50px;
    position: absolute;
    float: right;
    background-image: url(../img/stopwatch_big.png);
    right: 0px;
    top: 70px;
}
.reeksteller {
    padding: 8px;
    width: 100px;
    height: 24px;
    position: absolute;
    float: right;
    font-size: 13px;
    right: 0px;
    font-family: Verdana, Arial;
    text-align: right;
    top: 0px;
}

.soundicon {
	background-image: url(../img/icon_geluid.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 8px;
	width: 24px;
	height: 24px;
	position: relative;
	float: right;
	right: 0px;
	top: 26px;
}

.soundicon.stop {
	background-image: url(../img/icon_geluid_off.png);
}

.overlay_div {
	width:862px;
	height:562px;
	left:50%;
	margin-left:-433px;
	top:38px;
	position:absolute;
	background-color:#fff;
	border-radius:15px;
	-moz-border-radius: 15px;
	box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	padding:6px 1px;
	behavior: url(ffrekenen/js/PIE.htc);
}

.overlay_div.tiny {
    width:400px;
    height:300px;
    margin-left:-200px;
    top:138px;
}

.overlay_div.html {
    padding:10px;
}

.overlay_div.full {
	width:886px;
	height:562px;
	margin-left: -443px;
	top:38px;
}

.overlay_div.praktijk {
	background-color: #fff;
}

.overlay_iframe {
	width: 850px;
	height: 562px;
	overflow:hidden;
    border:none;
}
span.plusje{
    width: 10px;
    display: inline-block;
}
.autobutton {
	border-radius:5px;
	-moz-border-radius: 5px;
	border: 2px solid #81b8cd;
	background-color:#fff;
	height: 20px;
	line-height: 20px;
	font-size:12px;
	behavior: url(ffrekenen/js/PIE.htc);
}
.autobutton:hover {
	background-color: #F3D4A6;
}

.closebutton {
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	width:26px;
    height:26px;
    background-image:url(../img/interface/icon_sluiten.png);
}

/* Nieuwe BUTTONS */

.button_ok, .button_stop,  .button_reset, .button_left {
    height:42px;
    line-height:42px;
    width:81px;
    padding-left:8px;
    padding-right:32px;
}



.answer_main, .feedback_main, .popup_main {
    padding-bottom:44px;
}

.button_ok {
    background:url(../img/interface/button_ok.png) no-repeat;
}

.button_ok:hover {
    background: url(../img/interface/button_ok_active.png) no-repeat;
}

.button_stop{
    background: url(../img/interface/button_stop.png) no-repeat;
}
.button_reset{
    background: url(../img/interface/button_reset.png) no-repeat;
}

.button_stop:hover{
    background: url(../img/interface/button_stop_active.png) no-repeat;
}
.button_reset:hover{
    background: url(../img/interface/button_reset_active.png) no-repeat;
}

.button_verder {
    background: url(../img/interface/button_verder.png) no-repeat;
}

.button_verder:hover {
    background: url(../img/interface/button_verder_active.png) no-repeat;
}

.GecijferdSPA .button_ok {
    background: url(../img/interface/button_info.png) no-repeat;
}

.GecijferdSPA .button_ok:hover {
    background: url(../img/interface/button_info_active.png) no-repeat;
}


.gaverder-buttons {
    margin-top:20px;
    text-align:center;
}

.gaverder-buttons a{
    line-height: 42px;
    display: inline-block;
    height: 42px;
    background: url(../img/interface/button_ok.png);
    width: 101px;
    padding-left: 20px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
}.gaverder-buttons a:hover{
    background: url(../img/interface/button_ok_active.png);
}
.gaverder-buttons a.button-nee{
    background: url(../img/interface/button_stop.png);
}
.gaverder-buttons a.button-nee:hover{
    background: url(../img/interface/button_stop_active.png);
}

.gaverder-header {
    margin:0 auto;
    margin-top:150px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    color: #202E38;
}


#body-wrapper.rondleiding #content div.item div.item_icon,
#body-wrapper.rondleiding #content div.item div.item_icon.wrong,
#body-wrapper.rondleiding #content div.item div.item_icon.sufficient,
#body-wrapper.rondleiding #content div.item div.item_icon.correct  {
    background: url('../img/icon_les_alternate_4_klein.png') !important;
}

#backgroundQuestionWrapper{
    overflow: hidden !important;
}


.information_popup.popup_main {
    top: 51px;
}

#ajax_server_error{
    position: absolute;
    top: 30px;
    right: 12px;
    font-size: 22px;
    color: red;
    font-weight: bold;
    display: none;
}

#dragoverlay{
    height: 192px;
    width: 615px;
    z-index: 1000;
    position: relative;
    top: -192px;
    background-color: black;
    opacity: 0.0;
}