*
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  margin-top:0;
}


body, td, div {
  font-family:Arial;
  padding:0px; margin:0px;
  scrollbar-base-color:#DCECFD;
  scrollbar-arrow-color:#FFA341;
  scrollbar-darkshadow-color:#144674;
  scrollbar-shadow-color:#144674;
}

body {
  overflow:hidden;
}

h1 {
  position:absolute; top:15px; left:10px;
  color:#144674; font-size:18px; font-weight:bold;
}
.contentContainer h1 {
  color:black;
}

h3 {
  position:absolute; top:50px; left:30px;
  width:700px;
  font-size:14px; font-weight:normal;
}

h3, h3 p {
  font-size: 13px;
}

h6 {
  position:absolute; top:430px; left:30px;
  font-size:11px; font-weight:normal;
}

p {
  font-size:14px; font-weight:normal;
}

form {
  margin: 0; padding: 0;
}

.hidecontent .contentContainer2 * {
  visibility:hidden;
}

.hidden {
  display:none;
}

.visible {
  display:block;
}

.correct {
  border:solid 3px lime;
}

.incorrect {
  border:solid 3px red;
}

.unanswered {
  border:solid 3px blue;
}

.trButton {
  position:absolute; top:20px; right:20px; z-index:1000;
}

.contentContainer {
  width:766px; height:469px;
  margin:20px 14px 0px 14px;
  padding:1px;
  border:solid 1px #B1AEA7;
}

.contentContainer2 {
  position:relative;
  width:100%; height:100%;
  background-color:#DCECFD;
}

#help {
  position:absolute; top:495px; left:15px;
  cursor:pointer;
}

#zoekwoordbutton {
  position:absolute; bottom:3px; right:52px;
  cursor:pointer;

  display: none;
}
#helpbutton {
  position:absolute; bottom:3px; right:6px;
  cursor:pointer;
}
#terugbutton {
  position:absolute; bottom:3px; left:14px;
  cursor:pointer;
}

#allelessen {
  position:absolute; top:495px; left:65px;
  cursor:pointer;
}

#status {
  position:absolute; top:520px; left:110px;
}

#leslabel {
  position:absolute; top:495px; left:126px;
  font-family:Arial; font-size:16px;
  color:#777777;
}

#leslabel strong {
  padding-left: 1em;
}

#oeflabel {
  padding-left: 1em;
  font-family:Arial; font-size:16px;
  color:#777777;
}

.title {
  position:absolute;
  font-size:20px; font-weight:bold;
}

.message {
  position:absolute;
  padding:10px;
  font-size:17px; font-weight:bold;
}

input {
  width:314px; height:35px;
  font-size:20px;
  border:solid 1px #939290; background-color:white;
  background-image:url(../media/bginput.jpg);
  padding:3px 0px 0px 8px;
}

div#dropdown {
  display: inline;
  
  
}

div#dropdown div#dropdownbutton{
  display: inline;
  position: absolute;
  margin-left:-9px;
  margin-top:3px;
  width: 7px; height:14px;
  background-image:url(../media/dropdownlittlebutton.gif);
  background-repeat: no-repeat;
}

div#dropdown div#dropdowncontent {
  position: absolute; 
  margin-top: 20px;
  margin-left: -122px;
  width: 122px;    border: solid 1px #939290;
  overflow:hidden;
}

div#dropdown.users div#dropdowncontent {
  position: absolute; 
  margin-top: 20px;
  margin-left: -157px;
  width: 157px;    border: solid 1px #939290;
}

div#dropdown div.collapsed {
  height:1px;
  display:none;
}

div#dropdown div#dropdowncontent ul{
  color: #000000;
  font-size:10px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color:white;
  height: 200px;
  overflow: auto;
}
div#dropdown div#dropdowncontent ul.docenten {
  height: 0;
  overflow: hidden;
}
div#dropdown div#dropdowncontent ul li {
  padding-left: 1px;
  cursor: default;
}
div#dropdown div#dropdowncontent ul li.selected {
  background-color: #939290;
  padding-left: 1px;
}

.buttonTextXLdiv {
  position:absolute;
  cursor:pointer;
}

.buttonTextXLimg {
}

.whiteletters {
  color: #FFFFFF;
}
.buttonTextXLmsg {
  position:absolute;
  overflow:hidden;
  padding:12px 20px 10px 15px;
  font-size:16px; font-weight:bold;
}

.buttonTextXLdiv .center {
  text-align:center;
}

#helpfog, #helpframe, .helpC, .helpBox {
  behavior: url(#default#time2);
}

#helpframe, #helpfog {
  position: absolute;
  top: 0; left: 0; 
  height: 100%; width: 100%;
  z-index: 20;
}

#helpfog {
  top: 0;
  z-index: 100;
  _filter: alpha(opacity=70);
  opacity:0.7;
  background-color: #fff;
}

.hide {
  display: none;
}

.helpC {
  position: absolute;
}

.helpBox {
  position: absolute;
  height: 62px; width: 160px;
  padding: 5px 4px 2px 48px;
  font: bold 18px/62px Arial, sans-serif;
  vertical-align: middle;
}

#helpBox1 {
  background: url(../media/help/ballon_1.gif) no-repeat;
}

#helpBox2 {
  background: url(../media/help/ballon_2.gif) no-repeat;
}

#helpBox4, #helpBox3 {
  background: url(../media/help/ballon_3.gif) no-repeat;
}

#helpBoxL1 {
  background: url(../media/help/ballon_1_l.gif) no-repeat;
  height: 53px; width: 172px;
  padding: 0px 4px 2px 58px;
  font: bold 18px/53px Arial, sans-serif;
}

#helpBoxL2 {
  background: url(../media/help/ballon_2_l.gif) no-repeat;
  height: 53px; width: 172px;
  padding: 0px 4px 2px 58px;
  font: bold 18px/53px Arial, sans-serif;
}

#helpBoxL4, #helpBoxL3 {
  background: url(../media/help/ballon_3_l.gif) no-repeat;
  height: 53px; width: 172px;
  padding: 0px 4px 2px 58px;
  font: bold 18px/53px Arial, sans-serif;
}

.imgholder {
  border:solid 1px #B1AEA7;
  background-color:#FFFFFF;
  padding:2px;
}

.imgholder img {
  padding:0px; margin:0px;
}

#errMsg{
  visibility:hidden;
  position:absolute; top:65%; left:25%;
  width:400px; height:20px;
  color:red;
  xborder:solid 1px red;

}

#soundFrame
{
  position:absolute; top:-100px; left:0px;
  width:0; height:0;
}

#pages
{
  width: 250px;
  position:fixed;
   _position:absolute;
   _top:expression(eval(document.body.scrollTop)+document.body.clientHeight-this.clientHeight);
   left:925px;
   background-color: #144674;
   padding: 10px 10px 5px 10px;
}

#pages span
{
  padding: 0px 5px 0px 0px;
  color: red;
  cursor: pointer;
}
#pages .current
{
  font-weight: 900;
  font-size: 20px;
  cursor: default;
}