/*achtergrond*/
.main_background { 
	background-image:url(sjabloon.jpg); 
}

.backgroundpopup {
	background-image:url(popupbackdrop.gif);
}

/**************************
 achtergrond
**************************/
.main_background { 
	width:1000px; 
	height:650px; 
	left:expression((document.body.clientWidth-1000) / 2); 
	top:expression((document.body.clientHeight-650) / 2);
}

/**************************
 menubalk
**************************/
.menubalk {
	left:20px;
	top:86px;
	width:955px;
	height:20px;
}

.menutitle { 
	top:9px;
	height:24px; 
	font-size:12px;
	color:#0084a1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(none);
	padding-left:16px;
	padding-top:5px;
	margin-left:10px;
	background-color:none;
	letter-spacing:0px;
}

.menutitle_over {
	color:#079fc1;
	text-decoration:underline;
	background-image: url(none);
	background-color:#FFFFFF;
}


/**************************
 onderwerpen/cases submenu
**************************/
.menu_onderwerpen {
	top:33px; 
	font-size:12px;
	font-family: verdana, arial, Helvetica, sans-serif;
	color:#0084a1;
	background-color:#d3f0f7;
	border:0px solid #FFFFFF;
	margin-left:3px;
	letter-spacing:0px;
}

.menu_onderwerpen_item {
	padding:6px 15px 6px 22px;
	border:1px;
	bordercolor:#78a0cb;
	background-image: url(done_no_light.gif);
}

.menu_onderwerpen_item_over {
	color:#079fc1;
	text-decoration:underline;
	background-color:#ffffff;
	background-image: url(done_no_dark.gif);
}


.PrintScreenKnop {
	visibility:hidden
}

.menu_onderwerpen_item_checked {
	background-image: url(done_yes_light.gif);
}

.menu_onderwerpen_item_checked_over{
	background-image: url(done_yes_dark.gif);
}

.PrintScreenKnop {
	visibility:hidden; 
}


/**************************
 basis elementen
**************************/
.verderknop {
	left:558px;
	top:617px;
	height:30px;
	width:30px;
}

.terugknop {
	left:455px;
	top:617px;
	height:30px;
	width:30px;
}

#schermid {
	top:623px;
	height:2px;
	left:14px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	color:#FFFFFF;
	background-color:#0084a1;
	letter-spacing:1px;
}

.Page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;  
	top:160px;
	left:25px;
	width:900px; 
	height:400px;
	border:0px solid #000000;
	border-left:0px solid #395073;  
	background:none;
}

.outside_border {
	left:0px;
	top:0px;
	width:900px; 
	height:400px;
	border:0px solid #FF0000;
	background:none;
}

.inside_border {
	height:400px;
	border:0px solid #00e677;  
	background:none;
}

.inside_border_graphic {
	height:400px;
	border:0px solid #FF0000;  
	background:none;
}

.BGWidth33 {
	width:330px;
	border:0px solid #FFFFFF;
}

.BGWidth50 {
	width:450px;
	border:0px solid #FFFFFF;
}

.BGWidth66 {
	width:570px;
	border:0px solid #FFFFFF;
}

.BGWidth100 {
	width:900px;
	border:0px solid #FFFFFF;
	margin-left:19px;
}	


.illustratie {
	left:0px;
	top:0px;
	background-position: center top;
	border:0px solid #FFFFFF;
	height:400px;
}

.TextField {
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
.}

.course_title {
	color:#0084a1; 
	position:absolute; 
	top:35px; 
	left:45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
}

.subject_title {
	top:142px; 
	left:45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:bold;
	color:#079fc1;
	letter-spacing:0px;
}

.page_number{
	top:620px; 
	left:417px; 
	width:200px; 
	height:22px; 
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff; 
}

.field_text_standard {
	font-size:12px;
	line-height:19px;
	color:#000000;
}

.field_text_feedback {
	font-size:12px; 
	line-height:17px;
	color:#000000;
}


.feedback50 {
	width:360px;
	left:16px;
	top:325px;
	height:120px;
}

.feedback66 {
	width:480px;
	left:16px;
	top:325px;
	height:120px;
}

.fbfield {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px;
	margin-top:15px;
}

.bevestigvraag {
	position:absolute;
	top:324px;
	right:25px;
	cursor:pointer; cursor:hand;
}

.accent {
	color:#0086a4;
}

.vinkje {
	color:#007D00;
}

.bubbleleft {
	left:185px;
	width:255px;
	color:#000000;
	border:2px solid #85dbec;
	background-color:#FFFFFF;
	font-size:12px;
}

.bubbleleft_pointer {
	left:173px;
}

.bubbleright {
	left:455px;
	width:255px;
	color:#000000;
	border:2px solid #85dbec;
	background-color:#FFFFFF;
	font-size:12px;
	text-align: right;
}

.bubbleright_pointer {
	left:710px;
}

.dragobject {
	left:30px;
	color:#ffffff;
	background-color:#0084a1;
	font-size:12px; 
	padding:3px 4px;
}

.droptarget {
	left:520px;
	color:#0084a1;
	border:1px solid #0084a1;
	background-color:#ffffff;
	font-size:12px; 
	padding:6px 3px 6px 4px;
}


/**************************
 Bibliotheek
**************************/

.bibliotheek_background {
	background-image:url(bibliotheekbackdrop.gif);
	background-repeat:no-repeat;
	background-color:#fbfeff;
}


.bibliotheek_title { /* +course_title */
	visibility:hidden;
}

.bibliotheekitem {
	color:#FFFFFF;
	background-color:#0084a1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:6px;
	margin-top:0px;
}

.bibliotheek_outside_border {
	top:60px;
	height:385px;
	width:100%;
	background-color:#fbfeff;
}

.bibliotheek_inside_border {
	height:100%;
	background-color:#fbfeff;
}

.bibliotheek_inside_border_graphic {
	width:248px; 
	height:100%;
	background-color:#fbfeff;
}

.bibliotheek_linksfield {
	width:100%;
	height:100%;
	padding-left:30px;
	padding-top:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#fbfeff;
}

.bibliotheek_contentfield {
	width:100%;
	height:100%;
	overflow:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#fbfeff;
	padding-top:35px;
	padding-left:15px;
}



/**************************
 Help
**************************/
.help_background {
	background-image:url(helpbackdrop.gif);
	background-repeat:no-repeat;
	background-color:#fbfeff;
}

.help_title { /* +course_title */
	visibility:hidden;
}

.helptext { /* +field_text_standard */
	top:70px;
	height:460px;
	border:0px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#fbfeff;
	left:20px;
	width:580px;
}


/**************************
 Titel
 **************************/
.TitelIllustratie { /*illustratie op titelpagina*/
	left:24px;
	top:-1px;
	width:900px; 
	height:410px;
}

.start { 
	right:370px;
	top:456px;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	letter-spacing:0px;
}

/**************************
 Case 
**************************/
.CaseGraphic {
	background-position:center 10px;
	background-repeat:no-repeat;
	position:absolute;
	width:440px;
	height:230px;
	left:0px;
	top:0px;
}

.CaseText {
	top:265px;
	left:29px;
	font-size:12px;
	width:390px;
}

.CaseAnswers {
	left:40px;
	margin-top:20px;
}

.CaseAnswerIcons {
	left:20px;
	margin-top:20px;
	width:7px;
	height:13px;
}

.showantwoorden {/* 	"Jouw actie" knop erft van menutitle */ 
	font-size:12px;  
	color:#0084a1; 
	background-color:#transparent;
	letter-spacing:1px;
	padding:5px;
}

.showantwoorden_over {
	color:#079fc1; 
	background-color:#ffffff;
	text-decoration:underline;
}

.response_separator {
	border-top:1px solid #0084a1;
	left:40px;
	width:380px;
}
/**************************
 Case Feedback tabel 
**************************/
.table_feedback  {
	color:#000000; 
	font-size:12px; 
	cursor:default; 
	border-collapse:collapse;
}
#Printfbtable { /*erft van menu_title*/
	top:420px;
	right:378px;
	padding-left:15px;
	padding-right:15px;
	color:#0084a1;
}

/* tekst van response in feedback tabel */
.tableResponse  {
	color:#0084a1;
}

/**************************
 Stoppen
***************************/
.stoppenmessage {
	top:35px;
	left:13px;
	width:280px;
	text-align: center;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#ffffff;
	font-weight:bold;
}

.stoppenja {
	position:absolute;
	top:70px;
	left:13px;
	cursor:pointer; cursor:hand;
}

.stoppennee {
	position:absolute; 
	top:70px; 
	left:150px; 
	cursor:pointer; cursor:hand;
}



/**************************
 Credit scherm
**************************/
.CreditTekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0084a1;
	font-size:12px; 
	top:280px;
	left:110px;
}

#CreditLogo {
	position:absolute;
	left:-11px;
	top:-50px;
	width:1000px;
	height:300px;
	background-image:url(logo.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.klantlogo {
	left:0px;
	top:0px;
	width:1000px;
	height:70px;
	background-image:url(none);
}

/**************************
 algemeen
**************************/
body {
	font-family:Verdana, Arial; 
	background-color:#e4f1ce;
}

a {
	color:#0084a1;
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
	font-weight: bold;
}

.hottextLink {
	color:#0084a1; 
	text-decoration:underline;
	cursor:pointer; cursor:hand;
	font-weight: bold;
}

.hottextLink_visited {
	color:#6b6b6b;
	text-decoration:underline; 
	font-weight: bold;
}

.hottextLink_active {
	color:#ffffff;
	background-color:#5dbfd3;
	font-weight: bold;
	text-decoration:none;
}

.hottextLinkMO {
	color:#0084a1; 
	text-decoration:none;
	border-bottom-width:3px;
	border-bottom-style:double;
	cursor:pointer; cursor:hand;
	font-weight: bold;
}

.hottextLinkMO_visited {
	color:#6b6b6b;
}

.hottextLinkMO_active {
	color:#ffffff;
	background-color:#5dbfd3;
	border-bottom-style:none;
}


ul {
	list-style-position:inside;
	list-style-type:disc;
	padding:0px;
	margin-top:0px; 
	margin-bottom:0px;
	margin-left:16px;
	text-indent:-16px;
}

ol {
	list-style-position:inside;
	list-style-type:decimal;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:23;
	text-indent:-16px;
}

li {
	margin-top:0px;
	margin-bottom:0px;
}

p {
	margin-top:0px;
	margin-bottom:0px;
}

/* maten graphics:
hoogte 398
breedte	33 328
		50 448
		66 568
		100	898
		hottekst graphic 448

titel 900 x 410

case 390 x 240
*/

/**************************
 Mosaic Template
**************************/
.mosaic_table {
	position:absolute;
	left:0px;
	top:0px;
	width:448px;
	height:398px;
	border-collapse:separate;
}

.mosaic_cell{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:78px;
	height:78px;
	color:#000000;
	background-position:center center;
	background-image:url(wordgamesky.jpg);
	cursor:pointer; cursor:hand;
	border:1px solid #ffffff;
}

.mosaic_right {
	visibility:hidden;
}

.mosaic_wrong {
	background-image:url(wordgamesky_wrong.jpg);
	border-color:#C00000;
}

.mosaic_rightanswer_indicator {
	background-image:url(wordgamesky_right.jpg);
	border-color:#00C000;
}