BODY {
  font-size: 12px;
}

th {text-align:left;}

.voet {
	clear:both;
  display: block;
  background: #00AEEF;
  padding: 5px 10px;
  margin-top: 50px;
  color: #FFFFFF;
  overflow:hidden;
  text-align:center;
}
.scheidingslijn {height:1px; background-color:#D8D8D8;}
.lichtgrijs {background-color:#E4E4E4;}
.geselecteerd {background-color:#0C0;}
.klein {font-size:11px;}

.icon {
	border-radius: 2px;
	width: 11px;
	height: 10px;
	margin-left: 1px;
	margin-right: 8px;
	margin-top: 2px;
	float: left;
	background-color: #00A7E6;
	text-align: center;
	color: #000;
	padding-top: 1px;
	font-size: 9px;
}



.rd {text-align:right; color:008DC4; margin-right:10px;}
.rd2 {text-align:right; color:008DC4; margin-right:10px; padding-top:2px;}
.rd3 {text-align:right; color:008DC4; margin-right:10px; padding-top:3px;}

.L000 {float:left; overflow:hidden;}
.L010 {float:left; width:10px; overflow:hidden;}
.L020 {float:left; width:20px; overflow:hidden;}
.L025 {float:left; width:25px; overflow:hidden;}
.L030 {float:left; width:30px; overflow:hidden;}
.L035 {float:left; width:35px; overflow:hidden;}
.L040 {float:left; width:40px; overflow:hidden;}
.L050 {float:left; width:50px; overflow:hidden;}
.L060 {float:left; width:60px; overflow:hidden;}
.L070 {float:left; width:70px; overflow:hidden;}
.L080 {float:left; width:80px; overflow:hidden;}
.L090 {float:left; width:90px; overflow:hidden;}
.L100 {float:left; width:100px; overflow:hidden;}
.L110 {float:left; width:110px; overflow:hidden;}
.L120 {float:left; width:120px; overflow:hidden;}
.L130 {float:left; width:130px; overflow:hidden;}
.L140 {float:left; width:140px; overflow:hidden;}
.L150 {float:left; width:150px; overflow:hidden;}
.L160 {float:left; width:160px; overflow:hidden;}
.L170 {float:left; width:170px; overflow:hidden;}
.L180 {float:left; width:180px; overflow:hidden;}
.L190 {float:left; width:190px; overflow:hidden;}
.L200 {float:left; width:200px; overflow:hidden;}
.L210 {float:left; width:210px; overflow:hidden;}
.L220 {float:left; width:220px; overflow:hidden;}
.L230 {float:left; width:230px; overflow:hidden;}
.L240 {float:left; width:240px; overflow:hidden;}
.L250 {float:left; width:250px; overflow:hidden;}
.L260 {float:left; width:260px; overflow:hidden;}
.L270 {float:left; width:270px; overflow:hidden;}
.L280 {float:left; width:280px; overflow:hidden;}
.L290 {float:left; width:290px; overflow:hidden;}
.L300 {float:left; width:300px; overflow:hidden;}
.L310 {float:left; width:310px; overflow:hidden;}
.L320 {float:left; width:320px; overflow:hidden;}
.L330 {float:left; width:330px; overflow:hidden;}
.L340 {float:left; width:340px; overflow:hidden;}
.L350 {float:left; width:350px; overflow:hidden;}
.L360 {float:left; width:360px; overflow:hidden;}
.L370 {float:left; width:370px; overflow:hidden;}
.L380 {float:left; width:380px; overflow:hidden;}
.L390 {float:left; width:390px; overflow:hidden;}
.L400 {float:left; width:400px; overflow:hidden;}
.L410 {float:left; width:410px; overflow:hidden;}
.L420 {float:left; width:420px; overflow:hidden;}
.L430 {float:left; width:430px; overflow:hidden;}
.L440 {float:left; width:440px; overflow:hidden;}
.L450 {float:left; width:450px; overflow:hidden;}
.L460 {float:left; width:460px; overflow:hidden;}
.L470 {float:left; width:470px; overflow:hidden;}
.L480 {float:left; width:480px; overflow:hidden;}
.L490 {float:left; width:490px; overflow:hidden;}
.L500 {float:left; width:500px; overflow:hidden;}
.L510 {float:left; width:510px; overflow:hidden;}
.L520 {float:left; width:520px; overflow:hidden;}
.L530 {float:left; width:530px; overflow:hidden;}
.L540 {float:left; width:540px; overflow:hidden;}
.L550 {float:left; width:550px; overflow:hidden;}
.L560 {float:left; width:560px; overflow:hidden;}
.L570 {float:left; width:570px; overflow:hidden;}
.L580 {float:left; width:580px; overflow:hidden;}
.L590 {float:left; width:590px; overflow:hidden;}
.L600 {float:left; width:600px; overflow:hidden;}
.L610 {float:left; width:610px; overflow:hidden;}
.L620 {float:left; width:620px; overflow:hidden;}
.L630 {float:left; width:630px; overflow:hidden;}
.L640 {float:left; width:640px; overflow:hidden;}
.L650 {float:left; width:650px; overflow:hidden;}
.L660 {float:left; width:660px; overflow:hidden;}
.L670 {float:left; width:670px; overflow:hidden;}
.L680 {float:left; width:680px; overflow:hidden;}
.L690 {float:left; width:690px; overflow:hidden;}
.L700 {float:left; width:700px; overflow:hidden;}
.L710 {float:left; width:710px; overflow:hidden;}
.L720 {float:left; width:720px; overflow:hidden;}
.L730 {float:left; width:730px; overflow:hidden;}
.L740 {float:left; width:740px; overflow:hidden;}
.L750 {float:left; width:750px; overflow:hidden;}
.L770 {float:left; width:770px; overflow:hidden;}
.L760 {float:left; width:760px; overflow:hidden;}
.L780 {float:left; width:780px; overflow:hidden;}
.L790 {float:left; width:790px; overflow:hidden;}
.L800 {float:left; width:800px; overflow:hidden;}
.L810 {float:left; width:810px; overflow:hidden;}

.Rechts {text-align:right;}
.R000 {float:left; overflow:hidden;}
.R010 {float:left; width:10px; text-align:right; overflow:hidden;}
.R020 {float:left; width:20px; text-align:right; overflow:hidden;}
.R030 {float:left; width:30px; text-align:right; overflow:hidden;}
.R040 {float:left; width:40px; text-align:right; overflow:hidden;}
.R050 {float:left; width:50px; text-align:right; overflow:hidden;}
.R060 {float:left; width:60px; text-align:right; overflow:hidden;}
.R070 {float:left; width:70px; text-align:right; overflow:hidden;}
.R080 {float:left; width:80px; text-align:right; overflow:hidden;}
.R090 {float:left; width:90px; text-align:right; overflow:hidden;}
.R100 {float:left; width:100px; text-align:right; overflow:hidden;}
.R110 {float:left; width:110px; text-align:right; overflow:hidden;}
.R120 {float:left; width:120px; text-align:right; overflow:hidden;}
.R130 {float:left; width:130px; text-align:right; overflow:hidden;}
.R140 {float:left; width:140px; text-align:right; overflow:hidden;}
.R150 {float:left; width:150px; text-align:right; overflow:hidden;}
.R160 {float:left; width:160px; text-align:right; overflow:hidden;}
.R170 {float:left; width:170px; text-align:right; overflow:hidden;}
.R180 {float:left; width:180px; text-align:right; overflow:hidden;}
.R190 {float:left; width:190px; text-align:right; overflow:hidden;}
.R200 {float:left; width:200px; text-align:right; overflow:hidden;}
.R210 {float:left; width:210px; text-align:right; overflow:hidden;}
.R220 {float:left; width:220px; text-align:right; overflow:hidden;}
.R230 {float:left; width:230px; text-align:right; overflow:hidden;}
.R240 {float:left; width:240px; text-align:right; overflow:hidden;}
.R250 {float:left; width:250px; text-align:right; overflow:hidden;}
.R260 {float:left; width:260px; text-align:right; overflow:hidden;}
.R270 {float:left; width:270px; text-align:right; overflow:hidden;}
.R280 {float:left; width:280px; text-align:right; overflow:hidden;}
.R290 {float:left; width:290px; text-align:right; overflow:hidden;}
.R300 {float:left; width:300px; text-align:right; overflow:hidden;}
.R310 {float:left; width:310px; text-align:right; overflow:hidden;}
.R320 {float:left; width:320px; text-align:right; overflow:hidden;}
.R330 {float:left; width:330px; text-align:right; overflow:hidden;}
.R340 {float:left; width:340px; text-align:right; overflow:hidden;}
.R350 {float:left; width:350px; text-align:right; overflow:hidden;}
.R360 {float:left; width:360px; text-align:right; overflow:hidden;}
.R370 {float:left; width:370px; text-align:right; overflow:hidden;}
.R380 {float:left; width:380px; text-align:right; overflow:hidden;}
.R390 {float:left; width:390px; text-align:right; overflow:hidden;}
.R400 {float:left; width:400px; text-align:right; overflow:hidden;}

.CLEAR0 {clear:both; height:0px;}
.CLEAR1 {clear:both; height:1px;}
.CLEAR2 {clear:both; height:2px;}
.CLEAR3 {clear:both; height:3px;}
.CLEAR4 {clear:both; height:4px;}
.CLEAR5 {clear:both; height:5px;}
.CLEAR6 {clear:both; height:6px;}
.CLEAR7 {clear:both; height:7px;}
.CLEAR8 {clear:both; height:8px;}
.CLEAR9 {clear:both; height:9px;}
.CLEAR10 {clear:both; height:10px;}
.CLEAR20 {clear:both; height:20px;}
.CLEAR30 {clear:both; height:30px;}
.CLEAR40 {clear:both; height:40px;}
.CLEAR50 {clear:both; height:50px;}

.LabelKleur {color:#999;}
.Titel {color:#00AEEF; padding-left:10px; font-size:14px; font-weight:bold;}
.TitelGroot {color:#00AEEF; font-size:24px; font-weight:bold;}
.Fout {color:#F00;}
.TOE {overflow:auto;float: none;}
.Blauw {color:#0099BC;}
.Groot14 {font-size:14px;}
.Groot16 {font-size:16px;}
.Groot18 {font-size:18px;}
.Groot20 {font-size:20px;}

ul {margin-top:5px; margin-bottom:10px;}

a {	text-decoration:none; color:#000;}
a:hover {
	color:#00F;
	cursor: pointer;
}
.hover:hover {
	color:#00F;
	cursor: pointer;
}
.hover2:hover {
	color:#EC008C;
	cursor: pointer;
}
.hover3:hover {
	cursor: pointer;
}
.balk {background-color:#EBF3FA;}

.scoreGroen {color:#090;}
.scoreOranje {color:#F7941E;}
.scoreRood {color: #C60000;}
.scoreBlauw {color: #00AEEF;}
.RoodWit {background-color: #C60000; color:#FFF;}
.WitWit {background-color: #FFF; color:#FFF;}

.bgroen { background: #069D1C;}
.boranje { background: #F7941E;}
.brood { background: #E60000;}
.bblauw { background: #00AEEF;}

.button:hover {
	background-color: #666; cursor:pointer;
}
.buttonplat:hover {
	background-color: #666; cursor:pointer;
}

td {padding-right: 5px;}
.grijs {color: #A2A2A2;}
.dik { font-weight: bold; }
.cursief {font-style:italic;}
.Center {text-align:center;}
.achtergrond {background-color:#F0F0F0;}

.BON {border:none; color:#00AEEF; background-color:transparent; float:right; padding:3px;}


.H020 {height:20px;}
.H040 {height:40px;}
.H060 {height:60px;}
.H080 {height:80px;}
.H100 {height:100px;}
.H120 {height:120px;}
.H140 {height:140px;}
.H160 {height:160px;}
.H180 {height:180px;}
.H200 {height:200px;}
.H220 {height:220px;}
.H240 {height:240px;}
.H260 {height:260px;}
.H280 {height:280px;}
.H300 {height:300px;}
.H400 {height:400px;}

.W050 {width:50px}
.W100 {width:100px}
.W150 {width:150px}
.W200 {width:200px}
.W250 {width:250px}
.W280 {width:280px}
.W290 {width:290px}
.W300 {width:300px}
.W330 {width:330px}
.W340 {width:340px}
.W350 {width:350px}
.W400 {width:400px}
.W450 {width:450px}
.W500 {width:500px}
.W550 {width:550px}
.W600 {width:600px}
.W650 {width:650px}
.W700 {width:700px}
.W750 {width:750px}
.W800 {width:800px}
.W900 {width:900px}

.PT01 { padding-top:1px;}
.PT02 { padding-top:2px;}
.PT03 { padding-top:3px;}
.PT04 { padding-top:4px;}
.PT05 { padding-top:5px;}
.PT06 { padding-top:6px;}
.PT07 { padding-top:7px;}
.PT08 { padding-top:8px;}
.PT09 { padding-top:9px;}
.PT10 { padding-top:10px;}
.PT11 { padding-top:11px;}
.PT12 { padding-top:12px;}

.PB01 { padding-bottom:1px;}
.PB02 { padding-bottom:2px;}
.PB03 { padding-bottom:3px;}
.PB04 { padding-bottom:4px;}
.PB05 { padding-bottom:5px;}
.PB06 { padding-bottom:6px;}
.PB07 { padding-bottom:7px;}
.PB08 { padding-bottom:8px;}
.PB09 { padding-bottom:9px;}
.PB10 { padding-bottom:10px;}
.PB11 { padding-bottom:11px;}
.PB12 { padding-bottom:12px;}

.PL01 { padding-left:1px;}
.PL02 { padding-left:2px;}
.PL03 { padding-left:3px;}
.PL04 { padding-left:4px;}
.PL05 { padding-left:5px;}
.PL06 { padding-left:6px;}
.PL07 { padding-left:7px;}
.PL08 { padding-left:8px;}
.PL09 { padding-left:9px;}
.PL10 { padding-left:10px;}
.PL11 { padding-left:11px;}
.PL12 { padding-left:12px;}

.PR01 { padding-right:1px;}
.PR02 { padding-right:2px;}
.PR03 { padding-right:3px;}
.PR04 { padding-right:4px;}
.PR05 { padding-right:5px;}
.PR06 { padding-right:6px;}
.PR07 { padding-right:7px;}
.PR08 { padding-right:8px;}
.PR09 { padding-right:9px;}
.PR10 { padding-right:10px;}
.PR11 { padding-right:11px;}
.PR12 { padding-right:12px;}
.PR13 { padding-right:13px;}
.PR14 { padding-right:14px;}
.PR15 { padding-right:15px;}
.PR16 { padding-right:16px;}
.PR17 { padding-right:17px;}
.PR18 { padding-right:18px;}
.PR19 { padding-right:19px;}
.PR20 { padding-right:20px;}


.MR01 {margin-right:1px;}
.MR02 {margin-right:2px;}
.MR03 {margin-right:3px;}
.MR04 {margin-right:4px;}
.MR05 {margin-right:5px;}
.MR06 {margin-right:6px;}
.MR07 {margin-right:7px;}
.MR08 {margin-right:8px;}
.MR09 {margin-right:9px;}
.MR10 {margin-right:10px;}
.MR11 {margin-right:11px;}
.MR12 {margin-right:12px;}
.MR13 {margin-right:13px;}
.MR14 {margin-right:14px;}
.MR15 {margin-right:15px;}
.MR16 {margin-right:16px;}
.MR17 {margin-right:17px;}
.MR18 {margin-right:18px;}
.MR19 {margin-right:19px;}
.MR20 {margin-right:20px;}
.MR30 {margin-right:30px;}
.MR40 {margin-right:40px;}
.MR50 {margin-right:50px;}

.MT01 {margin-top:1px;}
.MT02 {margin-top:2px;}
.MT03 {margin-top:3px;}
.MT04 {margin-top:4px;}
.MT05 {margin-top:5px;}
.MT06 {margin-top:6px;}
.MT07 {margin-top:7px;}
.MT08 {margin-top:8px;}
.MT09 {margin-top:9px;}
.MT10 {margin-top:10px;}
.MT11 {margin-top:11px;}
.MT12 {margin-top:12px;}
.MT13 {margin-top:13px;}
.MT14 {margin-top:14px;}
.MT15 {margin-top:15px;}
.MT16 {margin-top:16px;}
.MT17 {margin-top:17px;}
.MT18 {margin-top:18px;}
.MT19 {margin-top:19px;}
.MT20 {margin-top:20px;}
.MT30 {margin-top:30px;}
.MT40 {margin-top:40px;}
.MT50 {margin-top:50px;}


/*** NIEUW [2019-05-13] ***/

.leerling-persoon .regel {
  padding-bottom: 4px;
}

.leerling-categorien .regel {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #bfdbe6;
}

.leerling-schalen .regel {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #bfdbe6;
}

.leerling-vragen .regel {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #bfdbe6;
}

.leerling-categorien .regel:last-child,
.leerling-schalen .regel:last-child,
.leerling-vragen .regel:last-child {
  border-bottom: 0px;
}

.leerling-oproepen UL {
  list-style: circle;
  padding-left: 20px;
}

.leerling-oproepen UL LI {
  padding: 3px 0;
}

.leerling-oproepen UL LI:hover,
.leerling-oproepen UL LI:focus {
  color: #00F;
  text-decoration: underline;
  cursor: pointer;
}