body { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 16px }
/* -----------------  headers and footer: ---------------- */
#header1 { height: 16px; width: 100%; padding: 0 0 5px; }
#language { float: left; }
#user { float: right; }

div.simple_menu_h { vertical-align: middle; }
div.simple_menu_h ul { padding: 0; margin: 0; list-style: none; text-align: center; height: 16px; display: inline-block; }
div.simple_menu_h li { display: inline; list-style-type: none; float: left; padding-left: 0.5em; }
div.simple_menu_v ul { list-style: none; display: inline-block; }
div.simple_menu_h li a, div.simple_menu_v li a, div.simple_menu_h span a { text-decoration: none; }

span.logon_status a { text-decoration: none; }

#header2 { height: 34px;  width: 100%; }

#home_link { display:inline-block; }
#home_link { font-family: Verdana, Arial, Helvetica, sans-serif; }
#home_link { font-weight:bold; font-size: 16px; letter-spacing: 0.2em; } 
#home_link a { text-decoration: none; }
#home_link a:hover { text-decoration: none; }

#header3 { height: 20px; width: 100%; height: 16px; }

#styles_menu { float: left; width: 15%; padding: 2px; }
#usergrp { float: right; padding: 2px; }

div.menu4 { display:inline-block; margin-left:0%; width: 80%; } 
div.menu4 ul{ padding: 3px 10px; margin: 0; list-style: none; text-align: left; float: left; } 
div.menu4 ul li{ display:block; position:relative; float: left;  padding: 4px 10px; }
div.menu4 ul li a { margin-left: 2px; white-space: nowrap; font-size: 1em; text-decoration: none; padding: 4px 10px; } 

.breadcrumb li { display: inline; } 
.breadcrumb li+li:before { content:" > \00a0 \00a0 "; } 
.breadcrumb li { font-size: 1em; padding: 1em 0.5em; white-space: nowrap;  }
.breadcrumb li a { text-decoration: none; }


/* ---- parts menu -----*/
div.menu_h { display: inline; }
div.menu_h ul { padding: 0; margin: 0; list-style: none; text-align: center; height: 16px; display: inline-block; }
div.menu_h ul li { display: inline; }
div.menu_h ul li a { margin-left: 3px; padding: 2px 7px; font-size: 1em; border: 1px solid #666666; text-decoration: none; 
border-radius:5px; }


div.spacer { float: left; width:3%; min-height: 716px; background-color: #ffffff }
div.spacer { float: left; width:3%; min-height: 460px; background-color: #ffffff }

/* in order to make foot 'sticky': fixed position bottom:0 left:0 for foot and padding-bottom for main_block */
#foot { width:100%; font-weight:normal; padding: 0.3em; text-decoration: none; height: 16px; text-align: center; position: fixed; bottom: 0; left: 0; }

/* bij foot: position: absolute; bottom: 0px;  gaat mis bij scroll */
#foot a { text-decoration: none; }
#foot a:hover{ text-decoration: none; }
/* -----------------  end headers and footer ---------------- */


/* --------- sidebar_menu ---(obsolete, used for subjects and infos list ---------------- */
div.sidebar_menu { width:18%; min-height: 420px; overflow:hidden; display:inline-block; 
padding:10px 0;font-size:.9em; float:left; border-radius:3px; }
div.sidebar_menu ul { list-style: none; padding: 4px 0px 0 3px; margin:0 }
div.sidebar_menu li { padding:0 0 0 6px;  }
div.sidebar_menu li.lvl0 { margin-left: 0px; }
div.sidebar_menu li.lvl1 { margin-left: 6px; }
div.sidebar_menu li.lvl2 { margin-left: 12px; }
div.sidebar_menu li.lvl3 { margin-left: 24px; }
div.sidebar_menu li.lvl4 { margin-left: 30px; }
div.sidebar_menu span.lock { font-style: italic }
div.sidebar_menu span.tit { font-weight: bold }
div.sidebar_menu a { margin-left: 12px; text-decoration: none; padding: 2px; font-style: italic }
/* --------- end of sidebar_menu --- (obsolete) ---------------- */


div.std_menu ul { text-align: left;  float: left; margin: 0; padding: 3px 10px; }
div.std_menu ul li { display: inline; }
div.std_menu ul li a { margin-left: 3px; padding: 1px 7px; font-size: 1em; text-decoration: none; }

#main_block { float: left; top: 40px; width:94%; background-color: white; min-height: 716px; padding-bottom: 24px; }
/* opm: 99.9% voor konqueror opm: clear:both verwijderen lost (soms) probleem bij afdruk vanuit firefox op */
/* #voetbalk {width:99.9%; background-color: #bfbf60; height:30px; text-align: center} */
/* #midden_blok a { text-decoration: none; } */

h4.nav_links a { padding : 1em 0.6em; display: inline; width: 10%; padding: 0.1em 0.8em; text-decoration: none; border-radius:5px; }
h4.signin a { text-decoration: none; }

/* old  */
#nav1 { float: left; margin-left: 6%; width: 99.8%; min-height: 16px; }

div.navlist1 ul { list-style-type: none; padding: 0; margin-left: 0; min-height: 18px; border-bottom: 1px solid #666666; font: bold 12px Verdana, sans-serif; }
div.navlist1 li { margin: 0; display: inline; }
div.navlist1 li a { padding: 3px 0.2em; margin-left: 3px; border: 1px solid #666666; border-bottom: none;
	text-decoration: none; line-height: 16px; }
div.navlist1 li a#first { margin-left: -4%; margin-right: 6px; border: 1px solid #666666; }  

div.eqnr { text-decoration: none; padding: 0.1em 0.4em; position: relative; width: 20px; height: 20px; }


/* --------- hlp bubbles  ------------- */

div.hlp_left, div.hlp_right, div.hlp_left_big, div.hlp_right_big { position: relative; display: inline-block; vertical-align: top; }
div.hlp_left a, div.hlp_right a, div.hlp_left_big a, div.hlp_right_big a { text-decoration: none; }
div.hlp_left a span, div.hlp_right a span, div.hlp_left_big a span, div.hlp_right_big a span { display: none; }

div.hlp_left a:hover span, div.hlp_left_big a:hover span, div.hlp_right a:hover span, div.hlp_right_big a:hover span { display: block; position: absolute; }
div.hlp_left a:hover span, div.hlp_left_big a:hover span { width: 466px; height: 100px; left: -480px; top: -5px; padding: 5px; }
div.hlp_right a:hover span,div.hlp_right_big a:hover span { width: 480px; height: 100px; left: 50px; top: -5px; padding: 5px; }
div.hlp_left_big a:hover span, div.hlp_right_big a:hover span { height: 220px; }

div.hlp_right_small { position: relative; display: inline-block; vertical-align: top; }
div.hlp_right_small a { text-decoration: none; }
div.hlp_right_small a span { display: none; }

div.hlp_right_small a:hover span { display: block; position: absolute; }
div.hlp_right_small a:hover span { width: 480px; height: 100px; left: 50px; top: -5px; padding: 5px; }
div.hlp_right_small a:hover span { height: 20px; }


/* --------- nieuw  ------------- */

#login_msg { position: absolute; left: 950px; top: 60px; width: 20%; height:116px; padding: 10px; }

#schema_blok {float: left; min-width:20%; overflow: auto; width: 36%; height: 620px; }

td.button, td.button_sel { height: 2em; }
td.button a { padding: 3px; text-decoration: none; border-radius:3px; }
td.button_sel a { padding: 3px; text-decoration: none; }

div.operatorbutton { text-decoration: none; padding: 0.1em 0.4em; width: 20px; height: 20px; position: relative; }


#statement_block { float: left; width:60%; overflow: auto; padding: 0.4em 1em; min-height: 500px; }
#statement_block table { width:100%; border-collapse: collapse; border:1px solid BLACK; border-left: 0; border-right: 0; }
#statement_block td { border-left: 0; border-right: 0; border-top:1px; }

#next_step table { width:100%; border-collapse: collapse; border: 0; background-color: #F9F6F4; }
#next_step td { border: 0; }

/* input new statement block */
input.taskin_expr { width:16em; }
input.taskin_list { width:6em; }
input.taskin_units { width:3em; }
input.taskin_numeric { width:6em; }
div.task_instructions { height:50px; vertical-align:top }

input.hint_block { font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
input.hint_block:hover { font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } 

#werkmenuveld { float: left; width:100%; min-height: 80px }
#message { float: left; width:100%; min-height: 60px }

div.scroll { cursor: text; color: #5D5D5D; overflow: auto; padding: 3px; border-left: 3px solid #d0d0d0;
border-top: 1px solid #d0d0d0; 	border-bottom: 1px solid #d0d0d0; }
/* ----- einde 1 of 2 blokken ( main_info of schema_blok en statement_block) ------------------------ */

/* plain table for table class (used for tutor reports) */
.bodyform fieldset { padding: 10px; }
table.plain { width: 100%; clear: both; border-collapse: collapse; }
table.plain tr.firstrow { height: 15px; }
table.plain th.sorting a, table.plain td.selected a, table.plain th a, table.plain td.selcol a
 { display : block; font-weight : bold; text-decoration : none; padding : 0 0.5em; }
table.plain th a, table.plain td.selcol a { text-align: left; }
table.plain th a:hover, table.plain td.selcol a:hover, table.plain th.sorting a:hover
 { display: block; font-weight: bold; text-decoration: none; padding : 0 0.5em; }

#op { display:inline-block; float: left; }

/* --------- test met nieuw menu  ------------- */

a.button2 , a.button2_sel { margin-left: 3px; padding: 1px 7px; font-size: 1em; border: 1px solid #666666;
    text-decoration: none; border-radius: 3px; }
a.button2 { background-color: #DFEFFF; color: #0f4b7d; }
a.button2:hover { background-color: #6699CC; color: White; } 
a.button2_sel { background-color: #9BA7B3; color: white; }

/* toegevoegd voor test login en change password form 7 mar 2025 */


input[type=text], input[type=password], select, textarea { width: 100%; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding: 12px; border: 1px solid #ccc; border-radius: 4px;
  box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; }

input[type=submit] { background-color: #66A825;
color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; }

input[type=submit]:hover { background-color: #45a049; }

div.container { float: left; border-radius: 5px; background-color: #f2f2f2; background-color: LIGHTGRAY; width: 1020px; padding: 20px; }

a.button3 { background-color: #f44336; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; }