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

input, textarea {
	font-family: arial;
	font-weight: normal;
}

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; */
}

/* NAVIGATIE */
/* algemeen */

A:link   {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

A:active{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

A:visited{
	color: #333333;
	text-decoration: none;
	font-weight: bold;

}

A:hover{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

/* algemeen */

A:link.forum   {
	font-size: 120%;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

A:active.forum{
	font-size: 120%;
	font-size: 120%;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

A:visited.forum{
	font-size: 120%;
	color: #333333;
	text-decoration: none;
	font-weight: bold;

}

A:hover.forum{
	font-size: 120%;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}


div.paginatitel {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 500px;
	font-size: 20px;
	font-weight: bold;
	color: #003366;
	text-align: right;
}

/* hoofdmenu */

.menu {
	font-size: 80%;
	color: #ffffff;
	background-color: #677991;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}

.menu_switchrole {
	font-size: 80%;
	color: #ffffff;
	background-color: #339900;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}

.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;
}

/* submenu */
.submenu   {
	font-size: 80%;
	color: #000000;
	background-color: #e7e9eb;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	height:	18px;
}

.submenuselect {
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	height:	19px;
}

.orange_submenu   {
	font-size: 80%;
	color: #000000;
	background-color: #ff9900;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	height:	18px;
}

.orange_submenuselect {
	font-size: 80%;
	color: #000000;
	background-color: #779900;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	height:	19px;
}

/* tabmenu */

.tabselect {
	font-size: 80%;
	color: #000000;
	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: #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-size: 80%;
	color: #ffffff;
	background-color: #5EC02D;
	/* background-color: orange; */
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	margin: 3px;
	cursor: pointer;
}

.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;
}


.divhoofdmenu {
	position:absolute;
	left:160px;
	top:5px;
	/* width:385px; */
	height:32px;
	z-index:1;
	visibility: visible;
}

.divsubmenu {
	position:absolute;
	left:150;
	top:47px;
	width:80%;
	height:40px;
	z-index:3;
	visibility: visible;
}

.divopdrachtinfo{
  	position:absolute;
	left:150;
	top:7px;
	width:80%;
	height:40px;
	z-index:3;
	visibility: visible;  
}

.divopdrachten {
	position:absolute;
	left:494px;
	top:76px;
	width:450px;
	height:520px;
	z-index:8;
	visibility: visible;
}

.contentOpdracht textarea {
	font-size: 100%;
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 90px;
}

.divrightsidecontent textarea.grootveld {
	font-size: 100%;
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	width: 374px;
	height: 150px;
}

.divopdracht-small {
	position:absolute;
	left:494px;
	top:76px;
	width:400px;
	height:297px;
	z-index:7;
	visibility: visible;
}

.divforum {
	position:absolute;
	left:494px;
	top:76px;
	width:450px;
	height:520px;
	z-index:7;
	visibility: hidden;

}

/* miniforum onder tab */

#miniforum .titel {
	background-color: #B1B8C0;
	margin: 2px;
	padding: 2px 2px 2px 8px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 80%;
}
#miniforum .reactie {
	background-color: #FFFFFF;
	margin: 2px 2px 10px;
	padding: 2px 2px 10px 8px;
	font-weight: normal;
	color: #000000;
	font-size: 80%;
	border: none;
}
#miniforum .datum {
	background-color: #B1B8C0;
	margin: 2px;
	padding: 2px 8px 2px 2px;
	font-weight: bold;
	color: #093D73;
	font-size: 80%;
}
#miniforum .inhoud {
	background-color: #C5CCCD;
	margin: 5px;
	padding: 3px;
}
#miniforum hr {
	background-color: #FFFFFF;
}

.divfeedback {
	position:absolute;
	left:494px;
	top:76px;
	width:450px;
	height:520px;
	z-index:6;
	visibility: hidden;



}


.divcommentaar{
	position:absolute;
	left:494px;
	top:76px;
	width:450px;
	height:520px;
	z-index:6;
	visibility: hidden;
}


.divbijlagenavigatie {
	position:absolute;
	left:17px;
	top: 425px;
	height: 141px;
	width:450px;
	z-index:1;
	visibility: visible; 
	background-color: White; /*#6D7A8D;*/
	border: none; /*1px solid black;*/
}

iframe.bijlages {
	width: 515px;
	height: 179px;
}


TD.dgrijs {
	background-color: #6D7A8D;
; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bolder; color: #FFFFFF; padding-left: 5px
}

TD.lgrijs {
	background-color: #6B7C8E;
	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-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.tijd {
	font-size: 75%;
	color: #FFFFFF;
	background-color: #4BB748;
	text-decoration: none;
	font-weight: bold;
	height:18px;
	border: 1px solid #333333;
}

.bg {
	background-attachment: fixed;
	background-image:  url(../images/bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.inputbutton {
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #5EC02D;
	font-weight: bold;
}

.bgtable {
	background-color: #839294;
}

.bgtr {
	background-color: #B1B8C0;
}

.inlogmelding {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.titel-video {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;	
}

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

.bgtr-header {
	background-color: #8ed26b;
	color: #FFFFFF;
}

table.kickoffintro {
	font-size: 88%;
	color: #000000;
	overflow: visible;
}

.bgtr-light {
	background-color: #BFC6CC;
}

table.feedbackopen {
	font-size: 80%;
	background-color: #F4F7F4;
}

table.feedbackopen td {
	background-color: #FFFFFF;
	height: 18px;
	text-align: left;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

table.modulenieuwsheader {
	font-weight: bold;
	color: #333333;
	padding: 3px;
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	height: 20px;
}

.divModuleNieuws {
	position:absolute;
	width:486px;
	height:336px;
	left: 400px;
	top: 114px;
	z-index: 2;
	visibility: visible;
}

.divModuleNieuws#feedback {
	position:absolute;
	width:486px;
	height:336px;
	left: 12px;
	top: 75px;
	z-index: 3;
	visibility: hidden;

}

.divModuleNieuws#lesdelen {
	position:absolute;
	width:486px;
	height:336px;
	left: 12px;
	top: 75px;
	z-index: 4;
	visibility: hidden;
}

table.modulenieuws {
	background-color: #CCCCCC;
}

table.modulenieuws td.actie {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

table.knop-opslaan {
	font-size: 75%;
	font-weight: bold;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	background-color:	#6d748d;

}


/* samenvattingen van laatste feedback, lesdelen */

table.feedbackopen a:link {
	color: #333333;
}

table.feedbackopen a:hover {
	color: #333333;
	text-decoration: underline;
}

table.feedbackopen a:visited {
	color: #333333;
	text-decoration: none;
}

table.feedbackopen a:active {
	color: #333333;
	text-decoration: none;
}

table.knoppen-bronnencatalogus {

	font-size: 80%;
	font-weight: bold;
	height: 30px;
	width: 200px;
}

/* videocatalogus (tabs) */

.divmijnvideo {
	position:absolute;
	left:494px;
	top:76px;
	width:450px;
	height:520px;
	z-index:9;
	visibility: visible;
}

.divallevideo {
	position:absolute;
	left:494px;
	top:76px;
	width:450px;
	z-index:10;
	visibility: hidden;
	background-color:#00FF00;
}



table.afgerondelijst#miniforum td {
	background-color: #F4F4F4;
	margin: 2px;
	padding: 2px 2px 2px 8px;
	font-weight: bold;
	color: #5EC02D;
	font-size: 80%;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66CC33;
	text-align: left;
	vertical-align: middle;
}

.borderbottom {
	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;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 1px;
	font-size: 80%;


}

table.miniforum {
	font-size: 90%;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding: 2px;
}

.scrollarea {
	overflow: auto;
	position: static;
	height: 480px;
	width: 100%;
}

div#introalle {
	position:absolute;
	left:534px;
	top:66;
	width:450;
	height:520;
	z-index:1;
	visibility: hidden;


}

div#intronieuw {
	position:absolute;
	left:534px;
	top:76;
	width:450px;
	height:520px;
	z-index:1;
	visibility: visible;
}
iframe#intro {

	border: 2px inset #999999;
}
.contentOpdracht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
}

div.divrightsidecontent_viewassignment
{
    overflow:	auto;
    height: 318px;
    padding-right:	10px;
/*
    position:	absolute;
    bottom:	210px;
    right:	1px;
*/
}

div.divrightsidecontent {
	position:absolute;
	left:540px;
	top:95px;
	width:450px;
	height:530px;
	z-index:13;
	visibility: visible;
/*	
	overflow:auto; 
*/
	background-color:#FFFFFF;

	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border-top-style: none;
}

div.divrightsidetabs{
	position:absolute;
	left:540px;
	top:75px;
	/*height:528px;*/
	
	visibility: visible;
	background-color:#6A7B8D;

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.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;
}
.opdrachtborderantw {
	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;
	font-family: "Courier New", Courier, mono;

}

.opdrachtAntwoord {
	font-family: "Courier New", Courier, mono;
}

/********** NEW DESIGN properties **********/

table.new_home {
	position: absolute;
	top: 75px;
	margin-left:	5px;
	margin-right:	10px;
	width:	98%;
	border-style:	none;
	background-color:	White;
	padding:	0 0 0 0;
}

td.new_home_text {
	width:		515px;
	vertical-align:	top;
	padding: 0px;
	margin:	0px;
	border: 1px solid black;
	background-color: #FFFFFF
}
p.new_home_text {
	margin-left: 10px;
	margin-right: 10px;
}

td.new_home_modules {
	vertical-align:	top;
}

div.new_home_modules {
	overflow:		auto;
	height:			479px;
	border: 1px solid black;
	background-color: #FFFFFF
}

td.new_buttons_line {
	background-color:	#6d748d;
	border-top: 1px solid black;
	border-bottom: 1px solid #6d748d; /* Hack to get rid of stupid white line */
	padding:	5px 10px 5px 10px;
}

td.new_home_rightsidetitle{
	background-color:	#4bb748;
	color:		White;
	font-family:		arial;
	font-size:		11pt;
	font-weight:		bold;
	height: 25px;
	padding-right:10px;
	padding-left:10px;
	border-bottom: 1px solid black;
}

a.new_module_link:active,a.new_module_link:visited,a.new_module_link:hover,a.new_module_link:link {
	color:			Black;
	font-family:		arial;
	font-size:		11pt;
	font-weight:		bold;
	text-decoration:	underline;
}

div.new_button {
	max-width:		185px;
	min-width:		85px;
	width: 185px;
	/* height:		20px; */
	border-style:	solid;
	border-width:	1px;
	border-color:	Black;
	background-color:	#4bb748;
	color:		White;
	font-family:		arial;
	font-size:		11pt;
	font-weight:		bold;
	padding:	3px;
	text-align:	center;
	cursor: pointer;
}

td.new_assignments_menu {
	padding: 		0;
	vertical-align:		middle;
	background-color:	transparent;
	border-width:		0px;
	border-style:		solid;
	margin:			0px;
	border-color:		#666666;
}

td.new_assignments_menu_not_selected {
	padding: 		0;
	vertical-align:		middle;
	background-color:	#e7e9eb;
	border-color:		#666666;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	margin:			0px;
}

td.new_assignments_menu_selected {
	padding: 		0;
	vertical-align:		middle;
	background-color:	White;
	border-color:		#666666;
	border-top-width:	1px;
	border-bottom-width:1px;
	border-bottom-color:White;
	border-top-style:	solid;
	margin:			0px;
}

td.orange_new_assignments_menu_not_selected {
	padding: 		0;
	vertical-align:		middle;
	background-color:	#ff9900;
	border-color:		#666666;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	margin:			0px;
}

td.orange_new_assignments_menu_selected {
	padding: 		0;
	vertical-align:		middle;
	background-color:	#ff9900;
	border-color:		#666666;
	border-bottom-color:	#ff9900;
	border-top-width:	1px;
	border-top-style:	solid;
	margin:			0px;
}

table.new_intro {
	overflow:		auto;

	height:			550px;
	width:			100%;
	border: 1px solid black;
	background-color: #FFFFFF
}

.new_intro_content {
	position:	absolute; 
	overflow:	auto;
	left:		17px; 
	top:		75px; 
	width:		517px; 
	height:		340px; 
	z-index:	5;
}

td.new_reaction_title {
	background-color:	#4bb748;
	color:		White;
	font-family:		arial;
	font-size:		11pt;
	font-weight:		bold;
	height: 25px;
	padding-right:10px;
	padding-left:10px;
	border: none;
}

div.new_rightside_upper_content {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-top-width:0px;
	height:320px;
	padding-bottom:	10px;
	padding-left:	10px;
	/*
	padding-right:	10px;
	*/
}

table.new_rightside_lower_content {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	width:100%;
	height:200px;

	position: relative;
	top: 10px !important;
	top:-10px;
}

td.new_attachments_iframe {
	/* border-color: black;
	border-style:	solid;
	border-top-width:	0px;
	border-left-width:	1px;
	border-right-width:	1px;
	border-bottom-width:	1px; */
	border-width:0px;
}

td.new_attachments_filler {
	border-style:	solid;
	border-width:	0px;
	border-bottom-width:	1px;
	border-color:	#666666;
	background-color:	#6a7b8d;
	width:	100%;
}

.preview_close {
	border-style: outset;
	border-width:	3px;
	padding-left: 	5px;
	padding-right: 	5px;
	margin-left:    30px;
	background-color:	#d4d4d4;
}

.gen_buttonx
{
	background-color:#68A32B ;
	cursor:pointer;
        text-align:center;
        font-size:12px;
        font-weight:bold;
        color:#FFFFFF;
        border-style:solid;
        border-width:1px;
        border-color:#FFFFFF;
	padding-left: 	5px;
	padding-right: 	5px;        
        border-spacing:3px;
}

.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;	
}

.colofonbutton
{
	position: absolute;
	top: 46px;
	right: 20px;
	
	text-align: right;
	text-decoration: underline;
	color:white;
	font-weight: bold;	
	
	cursor: pointer;
}

.inlogtitel {
	font-size: 20px;
	font-weight: bold;
	color: #003366;
}

.helptitel {
	font-size: 20px;
	font-weight: bold;
    text-align: center;
	color: #003366;
}

.helpitem {
    border: 3px double black;
    text-align: left;
    width: 350;
    padding: 1em;
    height: 400px;
}

A.verwijzing:link {color:#00F; text-decoration:underline;}
A.verwijzing:visited {color:#551A8B; text-decoration:underline;}
A.verwijzing:active {color:#00F; text-decoration:underline;}