/* CSS Document */
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #F2F4F3;
    background-image: url('../images/bg2.gif');
    background-repeat: no-repeat;
    background-position: 120px 80px;
}

/* NAVIGATIE */


.divhoofdmenu{
	position:absolute;
	left:150px;
	top:2px;
	width:726px;
	height:28px;
	z-index:3;
	visibility: visible;
}

/* hoofdmenu */
/*
A:link.menu   {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
background-color: #33406C;
text-decoration: none;
font-weight: bold;
padding: 3px;
}

A:active.menu  {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
background-color: #33406C;
text-decoration: none;
font-weight: bold;
padding: 3px;
}

A:visited.menu{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
background-color: #33406C;
text-decoration: none;
font-weight: bold;
padding: 3px;
}

A:hover.menu{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
background-color: #33406C;
text-decoration: none;
font-weight: bold;
padding: 3px;
}
A.menu_switchrole   {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
background-color: #339900;
text-decoration: none;
font-weight: bold;
padding: 3px;
margin-left: 20px;
}
*/

/* submenu */

A:link.submenu   {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
background-color: #B1B8C0;
text-decoration: none;
font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
		margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}

A:active.submenu  {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
background-color: #B1B8C0;
text-decoration: none;
font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
		margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}

A:visited.submenu{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
background-color: #B1B8C0;
text-decoration: none;
font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
		margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}

A:hover.submenu{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
background-color: #F2F4F3;
text-decoration: none;
font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}


.submenuselect{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #FFFFFF;
background-color: #F2F4F3;
text-decoration: none;
font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
		margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}

/* algemeen */

A:link   {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
font-weight: bold;
}

A:active{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
font-weight: bold;
}

A:visited{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
font-weight: bold;

}

A:hover{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
font-weight: bold;
}


/* tabmenu */



A:link.tab {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

A:active.tab{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

A:visited.tab{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;

}

A:hover.tab{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}






.tabdeselect{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #B1B8C0;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border: 1px solid #666666;


}

.tabdeselectOpdracht{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #b1b8c0;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border: 1px solid #666666;




}


.emptytab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #F2F4F3;
	text-decoration: none;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom: 1px solid #666666;


}


.player{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

.opdrachten{
	border: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

.knop   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	margin: 3px;
	border: 1px solid #003366;
	background-color: #FFFFFF;


}

.borderzij {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	background-color: #FFFFFF;

}

.borderzijonder {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	background-color: #FFFFFF;

}





.divsubmenu{
	position:absolute;
	left:10px;
	top:35px;
	width:385px;
	height:40px;
	z-index:3;
	visibility: visible;
}



.divopdrachten{
	position:absolute;
	left:495px;
	top:76px;
	width:400px;
	height:440px;
	z-index:4;
	visibility: visible;





}

.divfeedback{
	position:absolute;
	left:495px;
	top:76px;
	width:400px;
	height:440px;
	z-index:7;
	visibility: hidden;



}


.divcommentaar{
	position:absolute;
	left:495px;
	top:76px;
	width:400px;
	height:440px;
	z-index:6;
	visibility: hidden;

}


.divscorenavigatie{
	position:absolute;
	left:14px;
	top:65px;
	width:300px;
	height:490px;
	z-index:1;
	visibility: visible;

}

.divsubmenuvideo{
position:absolute;
left:10px;
top:369px;
width:400px;
height:19px;
z-index:4;
visibility: visible;
}

TD.dgrijs{
background-color: #003366;
font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #FFFFFF; text-decoration: none; height: 20px;
padding-left: 5px;
}

TD.lgrijs{
background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.tijd   {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: #333333;
background-color: #BCD788;
text-decoration: none;
font-weight: bold;
}
.bg {
	background-attachment: fixed;
	background-image: url(../images/bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.inputbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #BCD788;
	font-weight: bold;
}
.bgtable {
	background-color: #C5CCCD;
}
.bgtr{
	background-color: #B1B8C0;
}
.titel {
	font-family: Arial, Helvetica, sans-serif;
	color: #093D73;
	font-weight: bold;
}

.border {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #9dafa8;
	background-color: #FFFFFF;
	margin: 0px;
}
.lijstTitel {
	font-family: Arial, Helvetica, sans-serif;
	color: #093D73;
	font-weight: bold;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7C9DD;

}
.lijstContent {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding: 2px;

}
.lijstContentUser {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding: 2px;
	margin-left:10px;
	background-color: #FFFFFF;

}
.lijstContentWit {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding: 2px;
	background-color: #FFFFFF;

}
.lijstContentKleur {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	padding: 2px;
	background-color: #F2F4F3;
}

.rowcolor1cell1 {
    background-color: #FFF;
    border-bottom: #B7C9DD 1px solid;    
}
.rowcolor1cell2 {
    background-color: #F2F2F2;
    border-bottom: #B7C9DD 1px solid;
}

.rowcolor2cell1 { 
    background-color: #EFEFEF;
    border-bottom: #B7C9DD 1px solid;
}

.rowcolor2cell2 {
    background-color: #E3E3E3;
    border-bottom: #B7C9DD 1px solid;
}

/* tabmenu */

.tabselect {
	font-size: 80%;
	color: #FFFFFF;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px none #666666;
	border-left: 1px solid #666666;
	height: 20px;
}


.tabdeselect {
	font-size: 80%;
	color: #000000;
	background-color: #B1B8C0;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border: 1px solid #666666;
	height: 20px;

}

.emptytab {
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom: 1px solid #666666;
}.TitelVet {
	font-family: Arial, Helvetica, sans-serif;
	color: #093D73;
	font-weight: bold;
	font-size: 80%;
	height: 20px;
	border: 0px none;

}
.borderOnly {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	border: 1px solid #9dafa8;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.contentOpdracht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	background-color: #FFFFFF;


}
.userListingHeader {
	background-color: #FFFFFF;
	width: 100%;
}

.opdrachtBorder {
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666666;
	border-left-color: #666666;
	background-color: #FFFFFF;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}
.tabselectOpdracht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #99cc66;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-top: 1px none #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px none #666666;
	border-left: 1px solid #666666;	font-size: 80%;
	color: #FFFFFF;
	background-color: #99cc66;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px none #666666;
	border-left: 1px solid #666666;
	height: 20px;
}
div.paginatitel {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 500px;
	font-size: 20px;
	font-weight: bold;
	color: #003366;
	text-align: right;
}


.helptekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	padding: 3px;
}

.helptekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	padding: 3px;
}

.titel-video {
	color: #003366;
	font-size: 12px;
	font-weight: bold;
}

.video-timedisplay{
    color: #000000;
    font-size: 12px;
}

.virtualVideoScore
{
   border: 1px solid #666666;
   padding:1px;
   background-color:#FFFFFF;
}

.virtualVideoScore TD
{
   border: 1px solid #666666;
   padding:1px;
   background-color:#FFFFFF;
}

.virtualVideoScoreItem
{
  border:0px;
  padding:0px;
}

.virtualVideoScoreItem TD
{
 border:0px;
 background-color:#FFFFFF;
 font-size:10px;
}

.moduleListingModule
{
    background-color:#FFFFFF;
    padding:2px;
}

.moduleListingModule TD
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #000055;
}

.moduleListingUser TD
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background-color:#FFFFFF;
}

.catalogueListingExplanation
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 10px;
}

.catalogueListingItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	background-color: #F2F4F3;

}

.titel-catalogus {
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 2px;
	padding-right: 4px;
}

.header {
	font-size: 80%;
	color: #FFFFFF;
	background-color: #003366;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px none #666666;
	border-left: 1px solid #666666;
	height: 20px;
}

.mainmenu_background {
	position: absolute;
	top: 0px;
	height: 67px;
	width: 100%;
	left:0px;
	background-color:#F2F4F3;
	border-bottom: 1px solid #666666;
}
.mainmenu_bottom_row {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 23px;
	/* background-color: #D3E6EA; */
	background-color: #6A7B8D;
}
.mainmenu_flags {

}
.mainmenu_dividu_image {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 67px;
	width: 141px;
}

.addguest_window {
	position: absolute;
	top: 165px;
	left: 50px;
	width: 900px;
	height: 400px;
	border: 1px solid black;
	background-color: white;
}

.addguest_message
{
	position: absolute;
	top: 100px;
	left:150px;
	width:510px;
	height: 378px;
	font-size: 12px;
	font-weight: bold;
	color: red;
	border: none;
}

.addguest_input {
	font-family: arial;
	color: black;
	width: 250px;
	border: 1px solid #7F9DB9;
	background-color: white;
}

.addguest_textarea {
	font-family: arial;
	color: black;
	width: 250px;
	height: 82px;
	border: 1px solid #7F9DB9;
	background-color: white;
}

.addguest_sendbutton
{
	position: absolute;
	right: 80px;
	bottom: 30px;
	width: 200px;
	height: 22px;
	border: 1px solid black;
	color: white;
	background-color: #6A7B8D;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.addguest_modulelisting
{
	border: 1px solid #7F9DB9;
	height: 205px;
	overflow: auto;
}

.index_language_switch
{
	border: 1px solid black;
	background-color: white;
	z-index: 1;
	width: 150px;
	height: 22px;
	padding-left: 5px;
	padding-top: 1px;
	line-height: 120%;
	vertical-align: middle;
	
	position: absolute;
	top: 44px;
	right: 150px;
	
	cursor: pointer;
}
.lang_switch_label
{
	position: absolute;
	top: 46px;
	right: 310px;
	
	text-align: right;
	color:white;
	font-weight: bold;
}
.colofonbutton
{
	position: absolute;
	top: 46px;
	right: 20px;
	
	text-align: right;
	text-decoration: underline;
	color:white;
	font-weight: bold;	
	
	cursor: pointer;
}

img {
    border: 0
}

.gradebook {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: #003366;
}