/*********************************************************************
     TEAM versie 3.0
     Stoas Intermedia © 2001-2005
     Albert Rhemrev / Douwe Harder
**********************************************************************/

/**************************
 achtergrond
**************************/
.main_background { 
	position:absolute; 
	width:788px; 
	height:550px; 
	background-repeat:no-repeat;
	border: 0px none; 
	cursor:default;
}

/**************************
 menubalk
**************************/
.menubalk {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto; 
	visibility:hidden;
}

.menutitle { 
	position:absolute; 
	top:46px;
	width:auto;
	height:20px; 
	cursor:pointer; cursor:hand;
	font-weight:bold; 
	font-size:11px;  
	text-align:left; 
	white-space:nowrap;
	padding-top:3px;
	padding-left:15px; 
	padding-right:15px;
	color:#FFFFFF; 
	background-color:transparent;
}

.menutitle_over {
	color:#FFFFFF; 
	background-color:#FFA43E;
}

.menutitle_separator {
	position:absolute; 
	top:46px; 
	width:1px; 
	height:20px;
	border-left:0px solid #FFFFFF;
}

/**************************
 onderwerpen/cases submenu
**************************/
.menu_onderwerpen {
	position:absolute; 
	top:66px; 
	left:100px; 
	width:auto; 
	height:auto; 
	font-weight:bold; 
	font-size:11px; 
	color:#FFFFFF; 
	background-color:#345475;
	visibility:hidden; 
	border:0px solid #FFFFFF;
	
}

.menu_onderwerpen_item {/*onderwerpen menu item*/
	/*color:#160C5E; 
	white-space:nowrap;
	background-color:#F8FADC;*/
	cursor:pointer; cursor:hand;
	padding:4px 4px 4px 4px;
}

.menu_onderwerpen_item_over {
	color:#FFFFFF;
	background-color:#FFA43E;
	
}

.menu_onderwerpen_item_checked {
}

.menu_onderwerpen_item_checked_over{
}


/**************************
 basis elementen
**************************/
.verderknop {
	position:absolute;
	left:764px;
	top:520px;
	cursor:pointer; cursor:hand;
}

.terugknop {
	position:absolute;
	left:698px;
	top:520px;
	cursor:pointer; cursor:hand;
}

.versie {
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
}

#schermid {
	position:absolute; 
	visibility:hidden;
	top:530px; 
	left:0px; 
	width:auto; 
	height:20px; 
	font-size:11px; 
	text-align:left; 
	font-weight:bold; 
	color:#FFFFFF; 
	padding:2px;
	background-color:#000000; 
	cursor:default;
}

.Page {
	position:absolute; 
	top:82px; 
	left:0px; 
	width:788px; 
	height:440px; 
	font-size:12px;  
	color:#160C5E;
}

.outside_border {
	position:absolute;
	left:15px;
	top:30px;
	width:760px; 
	height:392px;
	border:1px solid #A6A6A6;
	background-color:#FFFFFF;
}

.inside_border {
	position:absolute;
	top:0px;
	height:390px;
	border:1px solid #A6A6A6;
	background-color:#FFFFFF;
}

.inside_border_graphic {
	position:absolute;
	top:0px;
	height:390px;
	border:1px solid #A6A6A6;
	background-color:#FFFFFF;
}

.BGLeft {
	left:0px;
}

.BGRight {
	right:0px
}

.BGWidth33 {
	width:250px;
}

.BGWidth50 {
	width:379px;
}

.BGWidth66 {
	width:508px;
}

.BGWidth100 {
	width:758px;
}

.illustratie {
	position:absolute;
	left:9px;
	top:8px;
	background-position:center top;
	background-repeat:no-repeat;
	border:0px solid #A6A6A6;
}

.course_title {
	position:absolute; 
	top:3px; 
	left:15px; 
	font-size:24px; 
	font-weight:bold; 
	color:#26528F; 
	cursor:default;
}

.subject_title {
	position:absolute; 
	top:88px; 
	left:15px; 
	font-size:16px; 
	font-weight:bold; 
	color:#26528F; 
	cursor:default;
}

.page_number{
	position:absolute; 
	top:528px; 
	left:717px; 
	width:52px; 
	height:18px; 
	font-size:11px; 
	text-align:center; 
	font-weight:bold; 
	color:#FFFFFF; 
	cursor:default;
}

.TextField {
	top:15px;
	left:15px;
	height:auto;
}

.field_text_standard {
	position:absolute;
	border:0px none; 
	color:#000000; 
	font-size:12px;  
	cursor:default;
	/*scrollbar-base-color:#C2B8D1;*/
}

.field_text_feedback {
	position:absolute;
	border:0px none;
	color:#000000; 
	font-size:12px; 
	cursor:default;
}

.feedback50 {
	position:absolute;
	background-image:url(../skin/feedback50.gif);
	background-repeat:no-repeat;
	left:15px;
	top:284px;
	width:321px;
	height:102px;
	border:0px none;
	visibility:hidden;
}

.feedback66 {
	position:absolute;
	background-image:url(../skin/feedback66.gif);
	background-repeat:no-repeat;
	left:15px;
	top:284px;
	width:402px;
	height:102px;
	border:0px none;
	visibility:hidden;
}

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

.bevestigvraag {
	position:absolute;
	top:284px;
	right:15px;
	cursor:pointer; cursor:hand;
}

.accent {
	color:#FF6600;
}

.vinkje {
	color:#008000;
}

.bubbleleft {
	position:absolute;
	left:162px;
	width:215px;
	height:auto;
	border:2px solid #FFA43E;
	color:#000000; 
	background-color:#FFFFFF;
	font-size:12px;
	padding:4px 4px 4px 4px;
}

.bubbleleft_pointer {
	position:absolute;
	left:152px;
	width:12px;
	background-image:url(../skin/bubbleleft.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

.bubbleright {
	position:absolute;
	left:385px;
	width:215px;
	height:auto;
	border:2px solid #FFA43E;
	color:#000000; 
	background-color:#FFFFFF;
	font-size:12px;
	padding:4px 4px 4px 4px;
}

.bubbleright_pointer {
	position:absolute;
	left:598px;
	width:12px;
	background-image:url(../skin/bubbleright.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.dragobject {
	position:absolute;
	left:30px;
	width:auto;
	border-width:0px;
	border-style:none;
	color:#000000;
	font-weight:bold;
	font-size:13px ; 
	cursor:pointer; cursor:hand;
}

.droptarget {
	position:absolute;
	left:385px;
	width:360px; 
	height:auto;
	color:#26528F;
	border:1px solid #26528F;
	font-size:13px ; 
	font-weight:bold;
	cursor:default;
	padding:4px 4px 4px 4px;
}


/**************************
	Hottext
**************************/
.hottextLink {
	color:#0000FF; 
	cursor:pointer; cursor:hand;
}

.hottextLink_visited {
}

.hottextLink_active {
}

.Hotspot {
	cursor:pointer; cursor:hand;
/*	border="1px solid #CC0000";*/
}

/**************************
 Bibliotheek
**************************/
.backgroundpopup {
}

.bibliotheek_background {
}

.bibliotheek_title { /* +course_title */
	top:3px; 
	left:14px;
}

.bibliotheekitem {
	color:#FFFFFF; 
	background-color:#787878;
	font-size:12px; 
	font-weight:bold;  
	width:100%; 
	margin-top:10px; 
	margin-bottom:0px; 
	padding:3px 3px 3px 16px; 
	cursor:pointer; cursor:hand;
}

.bibliotheek_outside_border {
	left:15px;
	top:56px;
	width:586px; 
	height:360px;
}

.bibliotheek_inside_border {
	left:250px;
	top:0px;
	width:334px;
	height:100%;
}

.bibliotheek_inside_border_graphic {
	left:0px;
	top:0px;
	width:250px; 
	height:100%;
}

.bibliotheek_linksfield {
	left:0px;
	top:0px;
	width:100%; 
	height:100%;
}

.bibliotheek_contentfield {
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:auto;
	padding-top:13px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:13px;
}

/**************************
 Help
**************************/
.help_background {
}

.help_title { /* +course_title */
	top:3px; 
	left:14px;
}

.helptext { /* +field_text_standard */
	position:absolute;
	top:69px;
	left:34px;
	width:548px;
	height:340px;
	overflow:auto;
	padding:5px;
	border:2px solid #A6A6A6;
	background-color:#FFFFFF;
}

/**************************
 Titel
 **************************/
.TitelIllustratie { /*illustratie op titelpagina*/
	position:absolute;
	left:380px;
	top:26px;
	width:359px; 
	height:372px;
	background-position:center center;
	background-repeat:no-repeat;
}

.start { 
	position:absolute; 
	right:18px;
	top:442px;
	width:auto;
	height:20px; 
	cursor:pointer; cursor:hand;
	font-weight:bold; 
	font-size:11px;  
	text-align:right;
	white-space:nowrap;
	padding-top:3px;
	padding-left:15px; 
	padding-right:15px;
	color:#FFFFFF; 
	background-color:transparent;
}

/**************************
 Case 
**************************/
.CaseGraphic {
	background-position:center 20px;
	background-repeat:no-repeat;
}

.CaseText {
	left:40px;
	top:285px;
	width:300px; 
	height:auto;
}

.showantwoorden {/* 	"Jouw actie" knop
			erft van menutitle */ 
	position:absolute; 
	right:5px;
	bottom:5px;
	height:20px; 
	width:90px;
	cursor:pointer; cursor:hand;
	font-weight:bold; 
	font-size:11px;  
	white-space:nowrap;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	padding-top:3px;
	color:#FFFFFF; 
	background-color:transparent;
}

.showantwoorden_over {
	color:#FFFFFF; 
	background-color:#FFA43E;
}

.response_separator {
	position:absolute; 
	left:0px; 
	width:100%; 
	height:2px;
	border-top:2px solid #A6A6A6;
}

.CaseAnswersGroup {
	visibility:hidden;
}

.CaseAnswers {
	position:absolute;
	left:40px;
	right:30px;
	margin-top:20px;
}

.CaseAnswerIcons {
	position:absolute;
	left:20px;
	margin-top:20px;
}

/**************************
 Case Feedback tabel 
**************************/
.table_feedback  {
	color:#000000; 
	font-size:11px; 
	cursor:default; 
	border-collapse:collapse;
}

.table_feedback_ok {
	background-image:url(../skin/ok.gif);
}

.table_feedback_up {
	background-image:url(../skin/up.gif);
}

.table_feedback_down {
	background-image:url(../skin/down.gif);
}

.table_feedback_goed {
	background-image:url(../skin/exit_goed.gif);
}

.table_feedback_fout {
	background-image:url(../skin/exit_fout.gif);
}

#Printfbtable { /*erft van menu_title*/
	position:absolute;
	top:444px;
	right:5px;
	width:auto;
	text-align:center;
	cursor:pointer; cursor:hand;
	padding-left:5px;
	padding-right:5px; 
	border:0px none;
}

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

/**************************
 Stoppen
***************************/
.stoppen_background {
	background-image:url(../skin/stop_popup.gif);
}

.stoppenmessage {
	position:absolute;
	top:15px;
	left:15px;
	width:280px;
	font-size:18px;
	color:#345475;
	cursor:default;
}

.stoppenja {
	position:absolute;
	top:76px;
	left:35px;
	cursor:pointer; cursor:hand;
}

.stoppennee {
	position:absolute; 
	top:76px; 
	left:186px; 
	cursor:pointer; cursor:hand;
}

/**************************
 Credit scherm
**************************/
.CreditTekst {
	position:absolute;
	left:10%;
	top:75%;
	width:80%; 
	height:auto;
	border-width:0px;
	border-style:none;
	color:#003333;
	font-size:14px; 
	font-weight:bold;
	cursor:default;
	text-align:center;
}

#CreditLogo {
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	height:55%;
	background-image:url(../skin/stoaslogo.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.klantlogo {
	position:absolute;
	left:700px;
	top:9px;
	width:48px;
	height:30px;
	background-image:none;
	background-repeat:no-repeat;
}

/**************************
 algemeen
**************************/
.mouse_over {
	cursor:pointer; cursor:hand;
}

* { /*compatibility settings */
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

body {
	font-family:Arial; 
	background-color:#000000;
	margin:0px;
}

a {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer; cursor:hand;
}

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:16;
	text-indent:-16px;
}

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

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