/*

--------------------------------------
 Bioquest website :: 
--------------------------------------

  - CSS sheed :: lystyle.php
  - version :: 1.0.0
  - Media :: screen
  
--------------------------------------

*/

/* Tags */

html {
	margin: 				0px;
	min-width: 				1000px;
	width: 					100%;
	min-height:				100%;
	height:					100%;
}
body {
	background-color: 		#f6f9ff;
	font: 					10pt "Verdana", Arial, sans-serif;
	margin: 				0px;
	min-width: 				1002px;
	min-height:				100%;
	height: 				100%;
	vertical-align:			top;
}

a {
	color: 					black;
	text-decoration: 		none;
}
a:active {
	color: 					#32CD32;
}
a:hover {
	color: 					#3975a8;
	cursor: 				pointer;
}

#middlebody a {
	color: 					#395876;
	text-decoration: 		none;
}
#middlebody a:active {
	color: 					#32CD32;
}
#middlebody a:hover {
	color: 					#3975a8;
	cursor: 				pointer;
}
			
/* ID's */

/* Hoofdindeling layout */
.page_table {
	width:					100%;
	height: 				100%;
	vertical-align: 		top;
}
#main_table {
	background-repeat: 		no-repeat;
	display: 				block;
	height:					100%;
	width: 					1002px;
}

/* De Header */
#logo_table {
	border-bottom: 			1px solid black;
	border-right: 			1px solid black;
	height: 				100px;
	width: 					100%;
}
#logo_row {
	height: 				100px;
	width: 					100%;
}
#smcbio_logo {			/* Header afbeelding van de website */
	background-image:	 	url("images/header.jpg");
	background-repeat: 		no-repeat;
	border-bottom: 			1px solid black;
	height:					100px;
	width: 					800px;
}
#line {					/* Het meldingen gedeelte in de header */
	color: 					white;
	float:					right;
	height:					90px;
	margin-top:				10px;
	margin-right:			10px;
	text-align: 			right;
	width: 					200px;
}

#pageside {
	background:				url("images/right-Q1.jpg") left top no-repeat #508abc;
	height:					100%;
	width:					100%;
}

/* Het Werk gedeelte van de website */
#main_body {
	vertical-align: 		top;
	border-right: 			1px solid black;
	height: 				100%;
}
#leftmenu {
	vertical-align: 		top;
	width: 					180px;
}
#middlebody {
	vertical-align: 		top;
}
.main_inleiding {
	background-color: #496d89;
	color: white;
	font-style: italic;
	background-image: url('images/jeroenht.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 14px;
	border: 1px solid black;
	padding: 10px;
	padding-bottom: 30px;
	text-align: left;
}
* html .main_inleiding {
	background-image: url('images/jeroenht_ie.png');
}

/* De Footer van de website */
#footer_table {
	margin: 0px;
	width: 100%;
}
#footer_row {
	height: 				75px;
}
#footer_img {
	background: url("images/footer.png") #508abc;
	background-position: center;
	background-repeat: no-repeat;
	border-top: 1px solid black;
	height: 75px;
}
* html #footer_img {
	background-image: url("images/footer_ie.png");
}
#date_feedback {
	color: white;
	float: left;
	font-family: Verdana;
	font-size: xx-small;
	line-height: 120%;
	margin-left: 20px;
}
* html #date_feedback {
	margin-left: 10px;
}
#get_ff {
	color: #888;
	float: right;
	font-family: "Bitstream Vera Sans Mono", monospace;
	font-size: xx-small;
	line-height: 120%;
	margin-right: 20px;
	text-align: right;
	text-transform: uppercase;
	display: none;
}
* html #get_ff {
	margin-right: 10px;
	display: block;
}
#ff_rules {
	color: #888;
	float: right;
	font-family: "Bitstream Vera Sans Mono", monospace;
	font-size: xx-small;
	line-height: 120%;
	margin-right: 10px;
	text-align: right;
	text-transform: uppercase;
	display: none;
}
#ff_rules, [dummy] {
	margin-right: 20px;
	display: block;
}
.webstat {
	margin-top: 5px;
}

/* 

TODO: Uitzoeken waarvoor het dient en kijken wat weg kan en wat niet

*/
			#row_04 {
				display: none;
				height: 10px;
			}

			.sublink {
				font-weight: bold;
			}
			.body_header_table {
				background-repeat: no-repeat;
				border: 0px;
				margin: 0px;
				width: 100%;
			}
			
			.menu_spacer_row {
				height: 10px;
			}
			.lower_body {
				margin: 0px;
				width: 100%;
			}
			
/*

Tot hier

*/
			
/* Logo's op de introductiepagina */
#logo_madscientist {
	background-image: 		url("http://www.themadscientist.nl/jeroenlesgevenmetpassie/header1.gif");
	background-repeat: 		no-repeat;
	display: 				block;
	width: 					778px;
	height: 				126px;
}
#logo_smcbio {
	background-image: 		url("images/logo_I1.jpg");
	background-repeat: 		no-repeat;
	border:					1px solid black;
	display: 				block;
	margin-right:			14px;
	width: 					249px;
	height: 				146px;
}
#logo_bioquest {
	background-image: 		url("images/logo_Q1.jpg");
	background-repeat: 		no-repeat;
	border:					1px solid black;
	display: 				block;
	margin-right:			14px;
	width: 					249px;
	height: 				146px;
}
#logo_biopuzzel {
	background-image: 		url("images/logo_P1.jpg");
	background-repeat: 		no-repeat;
	border:					1px solid black;
	display: 				block;
	width: 					249px;
	height: 				146px;
}
#logo_brem {
	background-image: 	url("images/brem-logo-249.png");
	background-repeat: 	no-repeat;
	border:				1px solid black;
	display: 			block;
	margin-right:		14px;
	width: 				249px;
	height: 			146px;
}
#logo_smc {
	background-image: 	url("images/smc.jpg");
	background-repeat: 	no-repeat;
	border:				1px solid black;
	display: 			block;
	margin-right:		14px;
	width: 				249px;
	height: 			146px;
}
#logo_hu {
	background-image: 	url("images/logo_hu.gif");
	background-repeat: 	no-repeat;
	border:				1px solid black;
	display: 			block;
	width: 				249px;
	height: 			146px;
}
			
			/* regel 01 */
			#row_01 {
				height: 10px;
			}
			#cell_01 {
				width: 10px;
			}
			#cell_02 {
				width: 182px;
			}
			#cell_03 {
				width: 20px;
			}
			#cell_04 {
				width: 780px;
			}
			#cell_05 {
				width: 10px;
			}
			
			/* regel 02 */
			#row_02 {
				height: 100%;
				vertical-align: top;
			}
/* TODO: vernieuwen van module afbeeldingen */

/* Het rechter deel van een menu top 		*/
.nav_solid {
	background-color: 		#3975a8;
	background-image: 		url("images/wl_gradient_top.jpg");
	background-repeat: 		repeat-y;
	background-position: 	right;
	border-top: 			1px solid #000000;
	border-right: 			1px solid #000000;
	border-bottom: 			1px solid #000000;
	color: 					white;
	font-size: 				10pt;
	height: 				21px;
	width: 					154px;
}

/* Het linker deel van een menu top			*/

.mod_blok {
	background-color: 		#3975a8;
	background-image: 		url("images/wl_groteblok_top.jpg");
	background-repeat: 		no-repeat;
	border-top: 			1px solid #000000;
	border-left: 			1px solid #000000;
	border-bottom: 			1px solid #000000;
	height: 				21px;					
	width: 					27px;
}
						
/* Het menu body gedeelte					*/
.menu_middle {
	background-color: 		#ffffff;
	border-left:			1px solid black;
	border-right:			1px solid black;
	border-bottom:			1px solid black;
	width: 					180px;
}
/* Het body gedeelte						*/
.tekst_deel {
	background-color: #ffffff;
	border-left:			1px solid black;
	border-right:			1px solid black;
	border-bottom:			1px solid black;
	font-size: 11pt;
	padding: 15px;
}
.tekst_deel_nopad {
	background-color: #ffffff;
	border-left:			1px solid black;
	border-right:			1px solid black;
	border-bottom:			1px solid black;
	font-size: 11pt;
	padding: 0px;
}
				
				.small_body {
					vertical-align: top;
				}
				.small_table {
					width: 100%;
				}
				
						.mod_blok2 {
							background-color: 	#3975a8;
							/*background-image:	url("images/wl_groteblok2_top.jpg");*/
							background-repeat:	no-repeat;
							height: 			21px;					
							width: 				27px;
						}
						.modred_blok {
							background-image: url("images/wl_groteblok_red.png");
							background-repeat: no-repeat;
							height: 21px;						
							width: 27px;
						}
						.mod_solid {
							background-color: 	#3975a8;
							background-repeat: 	repeat-x;
							border-top: 		1px solid #000000;
							border-bottom: 		1px solid #000000;
							color: white;
							font-family:  "Verdana", Arial, sans-serif;
							font-size: 10pt;
							height: 21px;
						}
						.mod_solid2 {
							background-color: #3975a8;
							/*background-image: url("images/wl_header_top.jpg");*/
							background-repeat: repeat-x;
							color: white;
							font-family:  "Verdana", Arial, sans-serif;
							font-size: 10pt;
							height: 21px;
						}
						.modred_solid {
							background-image: url("images/wl_header_red.png");
							background-repeat: repeat-x;
							color: white;
							font-family:  "Verdana", Arial, sans-serif;
							font-size: 10pt;
							height: 21px;	
						}
						.mod_gradient {
							background-color: #3975a8;
							background-image: url("images/wl_gradient_top.jpg");
							background-repeat: no-repeat;
							border-top: 		1px solid #000000;
							border-right: 		1px solid #000000;
							border-bottom: 		1px solid #000000;
							height: 21px;
							text-align: right;
							vertical-align: middle;
							width: 121px;
						}
						.modred_gradient {
							background-image: url("images/wl_gradient_red.jpg");
							background-repeat: no-repeat;
							height: 21px;
							text-align: right;
							vertical-align: middle;
							width: 121px;
						}
							.rollover_open {
								background-image: url("images/wl_up_down.gif");
								background-position: bottom;
								border: 1px hidden black;
								cursor: pointer;
								display: inline;
								float: right;
								height: 16px;
								margin-right: 5px;
								width: 16px;
							}
							.rollover_open:hover {
								border: 1px dotted #eeeeee;
								height: 15px;
								margin-right: 4px;
							}
							
							.rollover_close {
								background-image: url("images/wl_up_down.gif");
								background-position: top;
								border: 1px hidden black;
								cursor: pointer;
								display: inline;
								float: right;
								height: 16px;
								margin-right: 5px;
								width: 16px;
							}
							.rollover_close:hover {
								border: 1px dotted #eeeeee;
								height: 15px;
								margin-right: 4px;
							}
						
							
						.bottom_cell {
							background-image: url("images/wl_bordersbottom_body.jpg");
							background-repeat: repeat-x;
							height: 1px;
						}
						.tekst_border_left {
							background-image: url("images/wl_bodyleft_border.png");
							background-repeat: repeat-y;
							width: 1px;
						}
						.tekst_border_right {
							background-image: url("images/wl_bodyright_border.png");
							background-repeat: repeat-y;
							width: 1px;
						}
						.tekst_redborder_left {
							background-image: url("images/wl_bodyleftred_body.gif");
							background-repeat: repeat-y;
							width: 5px;
						}
						.tekst_redborder_right {
							background-image: url("images/wl_bodyright_red.gif");
							background-repeat: repeat-y;
							width: 6px;
						}
						.bottom_cell_red {
							background-image: url("images/wl_bordersbottomred_body.jpg");
							background-repeat: repeat-x;
						}
			
				.vspacer {
					width: 10px;
				}
				
				.close {
					display: none;
				}
			
			/* regel 03 */
			#row_03 {
				height: 10px;
			}
			
			/* classes */
			.sb_onbekend {
				color: red;
				font-size: 10pt;
			}
			.images_XHTML {
				border: 0px;
				height: 31px;
				width: 88px;
			}
			.images_FF {
				border: 0px;
			}
			.images_TH {
				border: 0px;
			}
			#smclogo {
				border: 0px;
				height: 54px;
				margin-bottom: 5px;
				width: 118px;
			}
			.navinhoud {
				text-align: center;
			}
			.navlist {
				display: block;
				font: 10pt  "Verdana", Arial, sans-serif;
				list-style-image: url("images/wl_kleineblok_top.png");
				margin-top: 5px;
				margin-left: 25px;
				margin-bottom: 5px;
				padding: 5px;
				vertical-align: top;
			}
			* html .navlist {
				list-style-image: url("images/wl_kleineblok_top.gif");
			}
			.bodylist {
				margin: 0px;
				padding-left: 15px;
				font: 10pt  "Verdana", Arial, sans-serif;
				list-style-image: url("images/wl_kleineblok_top.png");
				vertical-align: top;
			}
			* html .bodylist {
				list-style-image: url("images/wl_kleineblok_top.gif");
			}
			.error_list {
				margin-top: 15px;
				font: 10pt  "Verdana", Arial, sans-serif;
				list-style-image: url("images/wl_kleinewaarschuwing_top.png");
				vertical-align: top;
			}
			* html .error_list {
				list-style-image: url("images/wl_kleinewaarschuwing_top.gif");
			}
			.body_tekst_table {
				width: 100%;
			}
			
			/* Opgeklapte menu's */
			
/*
//////////////////
// Layer styles //
//////////////////
*/

.hiddenlayer {
	display: none;
}
.showlayer {
	display: block;
}

/* Inlogscherm css sheed */

.button {
	background: none;
	border: 0px solid #000;
	font-size: 9pt;
	height: 18px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
}

.buit {
	color: red;
	display: block;
	float: right;
	margin: 10px;
	padding: 0px;
}

.b60 {
	background-image: url("images/buttons20051026/btsmall60_normal.gif");
	width: 60px;
}
.b60:hover {
	background-image: url("images/buttons20051026/btsmall60_selected.gif");
}

.b70 {
	background-image: url("images/buttons20051026/btsmall70_normal.gif");
	width: 70px;
}
.b70:hover {
	background-image: url("images/buttons20051026/btsmall70_selected.gif");
}

.b80 {
	background-image: url("images/buttons20051026/btsmall80_normal.gif");
	width: 80px;
}
.b80:hover {
	background-image: url("images/buttons20051026/btsmall80_selected.gif");
}

.b90 {
	background-image: url("images/buttons20051026/btmedium90_normal.gif");
	width: 90px;
}
.b90:hover {
	background-image: url("images/buttons20051026/btmedium90_selected.gif");
}

.b100 {
	background-image: url("images/buttons20051026/btmedium100_normal.gif");
	width: 100px;
}
.b100:hover {
	background-image: url("images/buttons20051026/btmedium100_selected.gif");
}

.ftbutton {
	background: none;
	background-image: url("images/buttons20051026/btsmall60_normal.gif");
	border: 0px solid #000;
	font-size: 9pt;
	font-weight: bold;
	height: 18px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
	width: 60px;
}
.ftbutton:hover {
	background-image: url("images/buttons20051026/btsmall60_selected.gif");
}

.stbutton {
	background: none;
	background-image: url("images/buttons20051026/btsmall60_normal.gif");
	border: 0px solid #000;
	font-size: 9pt;
	font-weight: bold;
	height: 18px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
	width: 60px;
}
.stbutton:hover {
	background-image: url("images/buttons20051026/btsmall60_selected.gif");
}

.searchbutton {
	background-image: url("images/searchknop.gif");
	display: block;
	float: left;
	width: 23px;
	height: 20px;
	margin: 0px;
	vertical-align: bottom;
}

.st_action {
	margin-top: 10px;
	font-size: 9pt;
	font-family: monospace, courier, serif;
}
.st_action a {
	font-style: italic;
	cursor: pointer;
}

.sb_hoofdstuk {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 10px;
}
.sb_lp {
	font-size: 9pt;
}
.studie_menu {
	font-size: 10pt;
}
.sb_geenles {
	font-size: 10pt;
	margin-bottom: 10px;
}

/* Inlog formulier */
.formback {
	color:					#000000;
	font:					10pt "Verdana", Arial, sans-serif;
}
.fsb {
	display:				block;
	vertical-align:			middle;
}
* html .fsb {
	height:					57px;
}
.fsn {
	display:				none;
	vertical-align:			middle;
}
* html .fsn {
	height: 57px;
}
.inlogusr {
	background:				none;
	margin-left:			10px;
	padding:				3px;
	width:					150px;
}
.inlogpwd {
	background:				none;
	margin-left:			10px;
	padding:				3px;
	width:					150px;
}
.leg {
	color:					#000000;
	font-size:				8pt;
	font-weight:			bold;
	margin-top:				5px;
	margin-left:			10px;
	text-align:				left;
}
.inlogbut {
	margin-left:			10px;
}
.inlogonthoud {
	margin-bottom: 			5px;
	margin-left: 			10px;
}

.rnav {
	float: right;
}
.printicon {
	background-image: url("images/devart/printico.gif");
	background-position: top;
	border: 1px hidden black;
	cursor: pointer;
	display: inline;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 20px;
}
.emailicon {
	background-image: url("images/devart/email_in1.gif");
	background-position: top;
	border: 1px hidden black;
	cursor: pointer;
	display: inline;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 26px;
}
.printicon2 {
	background-image: url("images/devart/printico.gif");
	background-position: top;
	cursor: pointer;
	display: inline;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 20px;
}
.emailicon2 {
	background-image: url("images/devart/email_in1.gif");
	background-position: top;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 26px;
}
.procent_bar {
	background-image: url("images/procent_bar.png");
}
.stats_num {
	color: #3FA130;
	font-size: 8pt;
}

/*
/////////////////////////
// Apple style buttons //
/////////////////////////
*/

.vorige_knop {
	background-image: url("images/leftknop.jpg");
	background-repeat: no-repeat;
	height: 20px;
	width: 23px;
}
.volgende_knop {
	background-image: url("images/rightknop.jpg");
	background-repeat: no-repeat;
	height: 20px;
	width: 23px;
}
.boven_knop {
	background-image: url("images/upknop.jpg");
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-left: 5px;
	height: 20px;
	width: 23px;
}
.onder_knop {
	background-image: url("images/downknop.jpg");
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-left: 5px;
	height: 20px;
	width: 23px;
}
.top_knop {
	background-image: url("images/topknop.jpg");
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: 5px;
	margin-bottom: 5px;
	height: 20px;
	width: 23px;
}
.last_knop {
	background-image: url("images/bottomknop.jpg");
	background-repeat: no-repeat;
	margin-left: 5px;
	height: 20px;
	width: 23px;
}
.eerste_knop {
	background-image: url("images/firstknop.jpg");
	background-repeat: no-repeat;
	height: 20px;
	width: 23px;
}
.laatste_knop {
	background-image: url("images/endknop.jpg");
	background-repeat: no-repeat;
	height: 20px;
	width: 23px;
}
.overzicht_knop {
	background-image: url("images/overviewknop.jpg");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 23px;
}
.kalender_knop {
	background-image: url("images/calendarknop.jpg");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 23px;
}
.huidige_knop {
	background-image: url("images/homeknop.jpg");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 23px;
}

.overview_box {
	background-color: #3975a8;
	border: 1px solid black;
	color: white;
	font-size: 10pt;
	padding: 5px;
}

.overview_underbox {
	background-color: #cde0f0;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: black;
	font-size: 9pt;
	height: 20px;
}

.drop_down_cell {
	height: 20px;
	text-align: center;
	vertical-align: bottom;
	width: 20%;
}

/*
 Begin
*/

.nav ul {
	list-style: none;
	margin: 0;
	position: absolute;
	top: -999em;
	left: -1px;
}

/* Navigation */
.nav, .nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.nav ul {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
}
.nav li {
	color: black;
}

.nav {
	z-index: 100;
	position: relative;
}
.nav li {
	float: left;
	padding-top: 2px;
	position: relative;
}
.nav li ul {
	background: #cde0f0;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	display: block;
	font-size: 8pt;
	list-style: none;
	width: 100%;
}
/*
#nav-one li:hover a, 
#nav-one li.sfHover a {
	background: #fff;
	color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	background: #fff;
	color: #000;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	background: #fff;
	color: #000;	
}*/

.nav li:hover ul,
.nav li.sfHover ul {
	top: 20px;
}
.nav ul li {
	border: 0;
	float: none;
	padding-bottom: 2px;
	padding-left: 5px;
}

/*
/////////
// End //
/////////
*/

.info {
	color: gray;
	font-size: 9pt;
	margin-bottom: 5px;
}

/* CMS shit */
.addbutton {
	background-image: url("images/addknop.jpg");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	margin-left: 2px;
	width: 23px;
}

.removebutton {
	background-image: url("images/removeknop.jpg");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	margin-left: 2px;
	width: 23px;
}

.okbutton {
	background-image: url("images/accepteren.jpg");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	margin-left: 2px;
	width: 23px;
}

.resetbutton {
	background-image: url("images/annuleren.jpg");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	margin-left: 2px;
	width: 23px;
}

.module_titel {
	background-color: #3FA130;
	border: 1px solid white;
	color: white;
	font-size: 8pt;
	height: 15px;
	padding-left: 3px;
}

.module_body {
	border: 1px solid black;
	font-size: 10pt;
	padding-left: 3px;
}

/* B-uren tabel */
.table {
	border: 1px;
}
.kruising {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	width: 30px;
}
.header {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	color: #ffffff;
	height: 20px;
	text-align: center;
}
.changes {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	text-align: center;
}
.dag {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	color: #ffffff;
	height: 20px;
	text-align: center;
	width: 50px;
}
.rdag {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	color: #ffffff;
	height: 20px;
	text-align: center;
	width: 140px;
}
.lesuur {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 20px;
}
.tklas {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	padding: 6px;
	text-align: left;
	vertical-align: top;
}
.stklas {
	background-color: #bbf19d;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	text-align: center;
}
.sklas {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	text-align: center;
}

/*

/////////////////////////////////
/								/
/	STANDAARD TABEL OPMAAK		/
/								/
/	DDP (c)						/
/								/
/////////////////////////////////

*/

.tabel {			/* De opmaak van de tabel als geheel			*/
	border: none;
	width: auto;
}

/* /////// Het header gedeelte van de tabel /////// */

.kop {				/* Alle header cellen van de tabel 				*/
	background-color:	#3975a8;
	border-bottom:		1px solid black;
	border-top:			1px solid black;
	color:				#ffffff;
	font-size:			10pt;
	height:				20px;
	padding-left:		5px;
	padding-right:		5px;
	text-align:			center;
}

.lkop {				/* De meeste linker header cell van de tabel 	*/
	border-right:		1px solid black;
	border-left:		1px solid black;
}

.rkop {				/* De meeste rechter header cell van de tabel 	*/
	border-right:		1px solid black;
}

.mkop {				/* Alle tussen liggende cellen					*/
	border-right:		1px solid black;
}

/* /////// Het body gedeelte van de tabel /////// */

.cel {				/* Alle body cellen van de tabel 				*/
	border-bottom:		1px solid #999999;
	font-size:			9pt;
	height:				32px;
	padding-left:		5px;
	padding-right:		10px;
	padding-top:		5px;
	padding-bottom:		5px;
	vertical-align:		top;
}

.lcel {				/* De meeste linker body cell van de tabel 	*/
	border-left:		1px solid #999999;
	border-right:		1px solid #999999;
	text-align: 		center;
}

.rcel {				/* De meeste rechter body cell van de tabel 	*/
	border-right:		1px solid #999999;
}

.mcel {				/* Alle tussen liggende cellen					*/
	border-right:		1px solid #999999;
}

/* /////// Het footer gedeelte van de tabel /////// */

.voet {
	background-color:	#3975a8;
	border-bottom:		1px solid black;
	border-top:			1px solid black;
	color:				#ffffff;
	font-size:			9pt;
	height:				32px;
	padding-left:		5px;
	padding-right:		5px;
	text-align:			center;
}

.lvoet {			/* De meeste linker footer cell van de tabel 	*/
	border-left:		1px solid black;
	border-right:		1px solid black;
}

.rvoet {			/* De meeste rechter footer cell van de tabel 	*/
	border-right:		1px solid #999999;
}

.mvoet {			/* Alle tussen liggende cellen					*/
	border-right:		1px solid black;
}

/*

///////////// EINDE /////////////
/								/
/	DDP (c)						/
/								/
/	STANDAARD TABEL OPMAAK		/
/								/
/////////////////////////////////

*/

/*

/////////////////////////////////
/								/
/	DDP (c)						/
/								/
/	SPECIAAL TABEL OPMAAK		/
/								/
/////////////////////////////////

*/

/* Kleuren van de achtergronden van Lessen, SO's, PW's, SE's en inlever data */
.lescel {
	background-color: #ccdfee;
	color: black;
}
.socel {
	background-color: #a5d1ec;
	color: black;
}
.pwcel {
	background-color: #5b9dbe;
	color: black;
}
.secel {
	background-color: #70b4dd;
	color: white;
	font-weight: bold;
}
.idcel {
	background-color: #70b4dd;
	color: white;
	font-weight: bold;
}

.lescelr {
	background-color: #ccdfee;
	color: black;
}
.socelr {
	background-color: #5b9dbe;
	color: black;
}
.pwcelr {
	background-color: #5b9dbe;
	color: black;
}
.extcelr {
	background-color: #ffff66;
	color: black;
}
.extuurcelr {
	background-color: #ff9999;
	color: black;
}

.linkercel {
	background-color: #cae7ff;
	color: black;
}

/*

///////////// EINDE /////////////
/								/
/	DDP (c)						/
/								/
/	SPECIAAL TABEL OPMAAK		/
/								/
/////////////////////////////////

*/

/*

/////////////////////////////////
/								/
/	DDP (c)						/
/								/
/	FORM OPMAAK					/
/								/
/////////////////////////////////

*/

.formkop {
	font-size: 12pt;
	color: #071a7b;
}

.formtekst {
	font-size: 9pt;
	color: gray;
	vertical-align: top;
}

.formcheckbox {
	font-size: 9pt;
	color: gray;
	padding-bottom: 20px;
	vertical-align: top;
}

.formnodig {
	color: red;
	font-size: 7pt;
	vertical-align: super;
}

.formverplicht {
	color: gray;
	font-size: 8pt;
	margin-top: 20px;
}

.formfout {
	color: red;
	font-size: 8pt;
	margin-bottom: 20px;
}

/*

////////////// EINDE ////////////
/								/
/	DDP (c)						/
/								/
/	FORM OPMAAK					/
/								/
/////////////////////////////////

*/

/*

/////////////////////////////////
/								/
/	DDP (c)						/
/								/
/	MENU OPMAAK					/
/								/
/////////////////////////////////

*/

.menutekst {
	font-weight: bold;
}

/*

////////////// EINDE ////////////
/								/
/	DDP (c)						/
/								/
/	MENU OPMAAK					/
/								/
/////////////////////////////////

*/


.wtklas {
	background-color:	#dbf4e6;
	border-bottom:		1px solid #999999;
	border-right:		1px solid #999999;
	font-size:			9pt;
	height:				32px;
	text-align:			center;
}
.tklas1 {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	text-align: center;
}
.fklas {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	text-align: center;
}
.sfklas {
	background-color: #bbf19d;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	text-align: center;
}
.wfklas {
	background-color: #dbf4e6;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 9pt;
	height: 32px;
	text-align: center;
}
.lokaal {
	color: black;
	float: right;
	font-size: 8pt;
}
.invulling {
	border-top: 1px dotted #999999;
	color: #686868;
	font-size: 8pt;
	margin-top: 4px;
}
.invul {
	color: #686868;
	font-size: 8pt;
	margin-top: 4px;
}
.overhoring {
	border-top: 1px dotted white;
	color: white;
	font-size: 8pt;
	margin-top: 4px;
}
.opmerking {
	color: white;
	font-size: 8pt;
}

/* Aanmelden voor b-uren */
.sb_onderwerp {
	border: 1px solid black;
	padding: 3px;
}

.aanmeld_tabel {
	width: 100%;
}

.aanmeld_header {
	background-color: #3FA130;
	border: 1px solid black;
	color: #fff;
	padding-left: 10px;
	width: 100%;
}

.aanmeld_nk {
	padding-left: 10px;
	width: 100%;
}
.an {
	color: #888;
	float: left;
	padding-right: 5px;
	width: 150px;
}
.da {
	color: #888;
	float: left;
	width: 130px;
}
.lessen {
	display: block;
	color: #888;
	font-size: 10pt;
	margin-left: 30px;
	margin-top: 3px;
}
.studietop {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 100px;
}
.studietop1 {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 100px;
}
.chtop {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 32px;
}
.chschrap {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 100px;
}
.sttype {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 60px;
}
.stdatum {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 130px;
}
.stlesuur {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 60px;
}
.stlokaal {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 60px;
}
.sttheorie {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 300px;
}
.sthw {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 130px;
}
.stpracticum {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 250px;
}
.stdm {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 130px;
}
.sttijdstip {
	background-color: #3FA130;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	width: 90px;
}
.studienav {
	background-color: #3FA130;
	border: 1px solid black;
	color: #ffffff;
	font-size: 10pt;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-top: 5px;
}
.stnav_tabel {
	border: 0px hidden #000000;
	width: 100%;
}
.empty_cross {
	color: red;
	font-size: 8pt;
}
.arrowcell {
	width: 100px;
}
.hfdcell {
	text-align: left;
}

.sb_onderwerp {
	border: 1px solid #000;
}

#sb_lessen {
	display: none;
}

.paragraaf {
	margin-top: 15px;
	font-size: 11pt;
}

.inhoud_tabel {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	vertical-align: top;
}
.inhoud_tabel td {
	text-align: center;
	width: 60px;
}
.inhoud_tabel .left {
	border-right: 1px solid black;
	padding-right: 10px;
	text-align: left;
}
.inhoud_tabel .leftbottom {
	border-right: 1px solid black;
	border-top: 1px solid black;
	text-align: left;
}
.inhoud_tabel .lefttop {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: left;
}
.inhoud_tabel .bottom {
	border-top: 1px solid black;
}
.inhoud_tabel .top {
	border-bottom: 1px solid black;
}
.boxmodel {
	background-color: #071a7b;
	border: 1px solid black;
	color: white;
	font-size: 10pt;
	margin: 10px;
	padding: 10px;
}
.code {
	background-color: #ffffe4;
	border: 1px solid black;
	font-size: 9pt;
	padding: 15px;
}

/* Lesstof classes */
.imglayer {
	float: right;
	font-size: 9pt;
	padding: 5px;
	margin: 5px;
	background-color: #e5f0fc;
	border: 1px solid #999999;
	text-align: center;
}

.lesson_italic {
	font-style: italic;
}
.lesson_bold {
	font-weight: bold;
}
.lesson_underline {
	text-decoration: underline;
}
.lesson_paragraph {
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
}
.lesson_smallheader {
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 12pt;
	font-weight: bold;
}
.lesson_super {
	font-size: 8pt;
	vertical-align: super;
}
.lesson_sub {
	font-size: 8pt;
	vertical-align: sub;
}

/* Speciale opmaak */
.zoekterm {
	background-color: #ffffe4;
	font-weight: bold;
}
.wq_new {
	color: green;
	font-size: 8pt;
	font-weight: bold;
	margin-left: 20px;
}