p {
		line-height:			20px;
	}
	
	table {
		width:					100%;
		border-collapse:		collapse;
		padding:				0;
		text-align:				left;
	}
	
	table.clickable tbody tr td,
	table.clickable tbody tr th {
		cursor:					pointer;
	}
	
	table.clickable tbody tr.ignore td,
	table.clickable tbody tr.ignore th {
		cursor:					default;
	}
	
	table thead a {
		text-decoration:		none;
		color:					#fff;
	}
	
	table tbody a {
		text-decoration:		underline;
		color:					#444545;
	}
	
	table th, table td {
		padding:				6px 12px;
		line-height:			20px;
		font-size:				12px;
		vertical-align:			top;
		text-align:				left;
	}
	
	table thead th {
		font-family:			"Arial Black", Gadget, Arial, Helvetica, sans-serif;
		font-size:				11px;
		color:					#fff;
		padding:				4px 8px;
		text-transform:			uppercase;
		background:				#c0c0c0;
	}
	
	table thead {
		border:					solid 1px #c0c0c0;
	}
	
	table thead th.tab_container {
		padding:				0;
	}
	
	table thead th.tab_container a {
		display:				inline-block;
		padding:				4px 10px 4px 8px;
		background:				url("../images/seperator/default.png") repeat-y right center;
		color:					#f2f2f2;
		text-decoration:		none;
	}
	
	table thead th.tab_container a.active,
	table thead th.tab_container a:hover {
		color:					#fff !important;
	}
	
	table thead th.tab_container a.templates {
	    float:                  right;
	    background-position:    left center;
	}
	
	.green table thead th.tab_container a,
	table.green thead th.tab_container a {
		color:					#eaf3d4;
		background-image:		url("../images/seperator/green.png");
	}
	
	.green table thead th, table.green thead th {
		background:				#a9d04f;
	}
	
	.green table thead, table.green thead {
		border:					solid 1px #a9d04f;
	}
	
	.blue table thead th, table.blue thead th {
		background:				#499ad5;
	}

	.blue table thead, table.blue thead {
		border:					solid 1px #499ad5;
	}
	
	.pink table thead th, table.pink thead th {
		background:				#f05680;
	}
	
	.pink table thead, table.pink thead {
		border:					solid 1px #f05680;
	}
	
	.red table thead th, table.red thead th {
		background:				#f04e52;
	}
	
	.red table thead, table.red thead {
		border:					solid 1px #f04e52;
	}
	
	.orange table thead, table.orange thead {
		border:					solid 1px #f58420;
	}
	
	.orange table thead th, table.orange thead th {
		background:				#f58420;
	}
	
	.yellow table thead, table.yellow thead {
		border:					solid 1px #fbad18;
	}
	
	.yellow table thead th, table.yellow thead th {
		background:				#fbad18;
	}
	
	.sea table thead, table.sea thead {
		border:					solid 1px #19bde7;
	}
	
	.sea table thead th, table.sea thead th {
		background:				#19bde7;
	}
	
	table tbody {
		border:					#E5E5E5 solid 1px;
		background:				#F1F1F1;/*#f8f8f8;*/
	}
	
	table th {
		font-weight:			normal;
	}
	
	table td span.submit {
		display:				inline-block;
		text-align:				right;
		width:					292px;
		float:					right;
	}
	
	table td span.full {
		width:					459px;
	}
	
	table td.image {
		width:					96px;
	}
	
	table h2 {
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				14px;
		font-weight:			bold;
		color:					#787878;
		text-transform:			uppercase;
		margin:					0 0 4px;
	}
	
	table h2 a {
		text-decoration:		none;
	}
	
	table .bold td{
		font-weight:            bold;
	}
	
	table.rechten td, table.rechten th {
		background:				url("../images/wit.gif") top center repeat-x;
		padding:				6px;
	}
	
	table.rechten tr th.recht {
		width:					10px;
	}
	
	table.rechten tr span {
		white-space:			nowrap;
	}
	
	table.rechten td {
		border:					solid 1px #cdcccb;
		background-color:		#f1f0f0;
	}
	
	div.rechten_values table.rechten {
		border-top:				solid 1px #cdcccc;
	}
	
	table.rechten td.groep a {
		text-decoration:		none;
		color:					#444545;
		display:				inline-block;
		height:					20px;
		width:					143px;
	}
	
	table.rechten td img {
		cursor:					pointer;
	}
	
	table.rechten tr.alt td {
		border:					solid 1px #cdcccb;
		background-color:		#fafafa;
	}
	
	table.rechten th {
		border:					solid 1px #96d8f7;
		background-color:		#c9ebfc;
		color:					#2e84c6;
	}
	
	table.rechten a {
		color:					#2e84c6;
		text-decoration:		underline;
	}
	
	table.rechten tr.alt th {
		border:					solid 1px #96d8f7;
		background-color:		#dcf2fd;
	}
	
	table.rechten td {
		text-align:				center;
	}
	
	table.rechten tr.italic {
		font-style:				italic;
	}
	
	table.rechten img.lock {
		opacity:				0.25;
		filter:					alpha(opacity=25);
	}
	
	table.rechten .hide {
		display:				none;
	}
	
	div.rechten_values {
		overflow-x:				scroll;
		width:					623px;
	}
	
	table.rechten td.item {
		text-align:				left;
		border-right:			solid 1px #9fdbf8 !important;
		padding-left:			16px;
	}
	
	/* Data tabel */

	table.data th,
	table.data td {
		padding:				4px 8px;
	}
	
	table.data  th,
	table.data  td img {
		vertical-align:			middle;
	}
	
	table.data thead th {
		font-size:				12px;
		font-weight:			bold;
		font-family:			Arial, Helvetica, sans-serif;
		text-transform:			none;
		color:					#fff;
		line-height:			16px;
	}
	
	
	
	ul.select_list  li {
		line-height:			26px;
	}
	
	span.checkbox {
		width:					12px;
		height:					15px;
		margin:					0 8px 1px 0;
		vertical-align:			middle;
		display:				inline-block;
		font-size:				0;
		background:				url("../images/checkbox_unchecked.gif") center center no-repeat;
	}
	
	span.checkbox.checked {
		background:				url("../images/checkbox_checked.gif") center center no-repeat;
	}
	
	span.radio {
		width:					12px;
		height:					15px;
		margin:					0 8px 2px 0;
		vertical-align:			middle;
		display:				inline-block;
		font-size:				0;
		background:				url("../images/radio_unchecked.png") center center no-repeat;
	}
	
	span.radio.checked {
		background:				url("../images/radio_checked.png") center center no-repeat;
	}
	
	table tbody tr td.controls {
		padding:				12px 12px 0px;
	}
	
	table tbody tr td.nav {
		text-align:				right;
		padding:				6px 12px 12px;
	}
	
	table tbody tr td.nav a {
		border:					solid 1px #eaeaea;
		font-size:				12px;
		color:					#5b5b5c;
		text-decoration:		none;
		padding:				2px;
		line-height:			1;
		background:				#fff;
		display:				inline-block;
		vertical-align:			middle;
		/*width:					12px;*/
		padding:				4px;
		text-align:				center;
	}
	
	table tbody tr td.nav a:hover, table tbody tr td.nav a.active {
		color:					#888;
		background:				#eaeaea;
		border:					solid 1px #b7b7b7;
		margin:					3px;
	}
	
	.green table tbody tr td.nav a:hover, .green table tbody tr td.nav a.active {
		color:					#71993f;
		border-color:			#a2c93f;
		background:				#f0f4d3;
	}
	
	.red table tbody tr td.nav a:hover, .red table tbody tr td.nav a.active {
		color:					#f05680;
		border-color:			#f59eb9;
		background:				#fde8f0;
	}
	
	.blue table tbody tr td.nav a:hover, .blue table tbody tr td.nav a.active {
		color:					#499ad5;
		border-color:			#a7d6f3;
		background:				#daeffc;
	}
	
	.sea table tbody tr td.nav a:hover, .sea table tbody tr td.nav a.active {
		color:					#499ad5;
		border-color:			#a7d6f3;
		background:				#daeffc;
	}
	
	.pink table tbody tr td.nav a:hover, .pink table tbody tr td.nav a.active {
		color:					#f05680;
		border-color:			#f59eb9;
		background:				#fde8f0;
	}
	
	table.data a {
		text-decoration:		none;
	}
	
	table.data tbody tr td {
		background:				#e6e6e6;
		border-bottom:			solid 1px #c0c0c0;
	}
	
	table.data tbody, table.data head {
		border:					0;
	}
	
	table.data tbody tr.alt td {
		background:				#f0f0f0;
	}
	
	table.data td.match {
		width:					10px;
	}
	
	table.data td.match span {
		white-space:			nowrap;
	}
	
	table.data {
		border:					solid 1px #c0c0c0;
	}
	
	.green table.data {
		border:					solid 1px #c7dd72;
	}
	
	.green table.data thead th a {
		color:					#fff;
	}
	
	.green table.data tbody td {
		border-bottom:			solid 1px #c7dd72;
	}
	
	.green table.data tbody tr td {
		background:				#e6efbf url("../images/wit.gif") repeat-x top center;
	}
	
	.green table.data tbody tr.alt td {
		background-color:		#f0f4d3;
	}
	
	.red table.data,
	html body div#container div.center table.data_red {
		border:					solid 1px #f9cadc;
	}
	
	.red table.data thead,
	html body div#container div.center table.data_red thead  {
		border:					solid 1px #f37c80;
	}
	
	.red table.data thead th,
	html body div#container div.center table.data_red thead th {
		background:				#f37c80;
	}
	
	.red table.data tbody td,
	html body div#container div.center table.data_red tbody td {
		border-bottom:			solid 1px #f9bec5;
	}
	
	.red table.data tbody tr td,
	html body div#container div.center table.data_red tbody tr td {
		background:				#fbd0d4 url("../images/wit.gif") repeat-x top center;
	}
	
	.red table.data tbody tr.alt td,
	html body div#container div.center table.data_red tbody tr.alt td {
		background-color:		#fcdfe0;
	}
	
	.red table.data tbody tr.inactive td,
	html body div#container div.center table.data_red tbody tr.inactive td {
		background-color:		#fef0f1;
		color:					#f9cbcd;
	}
	
	.red table.data thead th a,
	html body div#container div.center table.data_red thead th a {
		color:					#fff;
	}
	
	.blue table.data {
		border:					solid 1px #9dd3f3;
	}
	
	.blue table.data thead  {
		border:					solid 1px #75b1dc;
	}
	
	.blue table.data thead th {
		background:				#75b1dc;
	}
	
	.blue table.data thead th a {
		color:					#fff;
	}
	
	.blue table.data tbody td {
		border-bottom:			solid 1px #aadaf5;
	}
	
	.blue table.data tbody tr td {
		background:				#c5e4f8 url("../images/wit.gif") repeat-x top center;
	}
	
	.blue table.data tbody tr.alt td {
		background-color:		#daf0fc;
	}
	
	.pink table.data {
		border:					solid 1px #f9cadc;
	}
	
	.pink table.data thead  {
		border:					solid 1px #f285b0;
	}
	
	.pink table.data thead th a {
		color:					#fff;
	}
	
	.pink table.data thead th {
		background:				#f285b0;
	}
	
	.pink table.data tbody td {
		border-bottom:			solid 1px #f8c3da;
	}
	
	.pink table.data tbody tr td {
		background:				#facedf url("../images/wit.gif") repeat-x top center;
	}
	
	.pink table.data tbody tr.alt td {
		background-color:		#fce1ec;
	}
	
	.yellow table.data {
		border:					solid 1px #ffd279;
	}
	
	.yellow table.data thead {
		border-color:			#ffd279;
	}
	
	.yellow table.data thead th {
		background:				#ffd279;
		color:					#555655;
		font-weight:			bold;
	}
	
	.yellow table.data tbody td {
		border-bottom:			solid 1px #ffdd98;
	}
	
	.yellow table.data tbody tr td {
		background:				#ffecc5 url("../images/wit.gif") repeat-x top center;
	}
	
	.yellow table.data thead th a {
		color:					#555655;
	}
	
	.yellow table.data tbody tr.alt td {
		background-color:		#fef5de;
	}
	
	.orange table.data {
		border:					solid 1px #ffcf77;
	}
	
	.orange table.data thead {
		border-color:			#ffcf77;
	}
	
	.orange table.data thead th {
		background:				#ffcf77;
		color:					#555655;
		font-weight:			bold;
	}
	
	.orange table.data thead th a {
		color:					#555655;
	}
	
	.orange table.data tbody td {
		border-bottom:			solid 1px #ffcf77;
	}
	
	.orange table.data tbody tr td {
		background:				#ffecc5 url("../images/wit.gif") repeat-x top center;
	}
	
	.orange table.data tbody tr.alt td {
		background-color:		#fef5de;
	}
	
	.sea table.data {
		border:					solid 1px #9dd3f3;
	}
	
	.sea table.data thead  {
		border:					solid 1px #4ec8f0;
	}
	
	.sea table.data thead th {
		background:				#4ec8f0;
	}
	
	.sea table.data thead th a {
		color:					#fff;
	}
	
	.sea table.data tbody td {
		border-bottom:			solid 1px #aadaf5;
	}
	
	.sea table.data tbody tr td {
		background:				#c3e9fb url("../images/wit.gif") repeat-x top center;
	}
	
	.sea table.data tbody tr.alt td {
		background-color:		#daf1fb;
	}
	
	.pink table.clickable tbody tr:hover td,
	.pink table.clickable tbody tr:hover th	{
		background-color:		#fdb0ce;
	}
	
	.red table.clickable tbody tr:hover td,
	.red table.clickable tbody tr:hover th	{
		background-color:		#faa9b0;
	}
	
	.orange table.clickable tbody tr:hover td,
	.orange table.clickable tbody tr:hover th,
	.yellow table.clickable tbody tr:hover td,
	.yellow table.clickable tbody tr:hover th {
		background-color:		#fad38b;
	}

	.green table.clickable tbody tr:hover td,
	.green table.clickable tbody tr:hover th {
		background-color:		#deee99;
	}
	
	.blue table.clickable tbody tr:hover td,
	.blue table.clickable tbody tr:hover th	{
		background-color:		#a3dbff;
	}
	
	span.req {
		color:					#f00;
	}
	
	textarea {
		padding:				4px;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		width:					282px;
		background:				#fff;
		border:					1px solid #dbdad9;
		color:					#444545;
	}
	
	textarea.full {
		width:					449px;
	}
	
	select {
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		background:				#fff;
		border:					1px solid #dbdad9;
		color:					#444545;
	}
	
	input.text {
		padding:				4px;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		width:					282px;
		background:				#fff;
		height:					16px;
		border:					1px solid #dbdad9;
		color:					#444545;
	}
	
	input.text:disabled {
		border:					1px solid #e6e5e5;
		color:					#dbdad9;
	}
	
	label.disabled {
		color:					#9a9a9a;
	}
	
	input.middle {
		width:					96px;
	}
	
	input.short {
		width:					32px;
	}
	
	div.tip {
		background:				#dbf1fe;
		padding:				6px 12px;
		color:					#238acb;
	}
	
	div.tip a {
		color:					#238acb;
		text-decoration:		underline;
	}
	
	div.tip img {
		margin:					0 10px 0 0;
	}
	
	div.sidebox,
	div.contentbox {
		background:				#f1f1f1;
		font-family:			Arial, Helvetica, sans-serif;
	}
	
	div.sidebox {
		padding:				10px 13px;
		color:					#787878;
	}
	
	div.contentbox {
		padding:				10px 13px;
	}
	
	div.contentbox table th,
	div.contentbox table td {
		padding:				6px 0;
	}
	
	div.contentbox table.padding th,
	div.contentbox table.padding td {
		padding:				6px 12px;
	}
	
	div.contentbox table,
	div.contentbox tbody,
	div.contentbox td,
	div.contentbox th {
		border:					0;
		background:				transparent none;
	}
	
	div.contentbox table tbody .padding_left {
		padding-left:			12px;
	}
	
	div.contentbox table tbody .padding_right {
		padding-right:			12px;
	}
	
	div.contentbox table tbody .border_left {
		border-left:			solid 1px #e4e4e4;
	}
	
	div.contentbox table tbody .border_right {
		background:				url("../images/wit.gif") center right repeat-y;
	}
	
	div.contentbox table tbody .border_top {
		border-top:				solid 1px #e4e4e4;
	}
	
	div.contentbox table tbody .border_bottom {
		background:				url("../images/wit.gif") bottom center repeat-x;
	}
	
	div.contentbox ul.news li {
		padding:				4px 72px 4px 24px;
		width:					271px;
		border:					solid 1px #e2e2e2;
		background:				url("../images/news_bg.png") no-repeat scroll center center;
		white-space:			nowrap;
		margin-bottom:			6px;
	}
	
	div.contentbox table.data td,
	div.contentbox table.data th {
		padding:				4px 8px;
	}
	
	div.contentbox ul.news li div.datum {
		width:					64px;
		border-left:			solid 1px #e2e2e2;
		text-align:				center;
		float:					right;
		line-height:			28px;
		height:					28px;
		margin-top:				-4px;
		margin-right:			-72px;
	}
	
	div.sidebox a,
	div.contentbox a {
		color:					#787878;
	}
	
	img.school_logo {
		border:					solid 1px #e4e4e4;
		/*width:					247px;*/
	}
	
	div.sidebox h2,
	div.contentbox h2 {
		margin:					0 0 8px;
		text-transform:			uppercase;
		font-family:			"Arial Black", Gadget, Arial, Helvetica, sans-serif;
		font-size:				18px;
		color:					#787878;
		letter-spacing:			-1px;
	}
	
	div.content_small > div > ul {
		padding:				0;
		margin:					0;
		list-style-type:		none;
	}
	
	div.content_small > div > ul li {
		line-height:			24px;
		padding:				0 0 0 24px;
		background:				url("../images/list_item.gif") center left no-repeat;
	}

	.color {
		text-decoration:		none;
		color:					#ccc;
	}
	
	div.content_large > p > a {
		text-decoration:		underline;
	}
		
	.pink .color,
	.pink > p > a {
		color:					#f05680;
	}
	
	.green .color,
	.green > p > a {
		color:					#a9d04f;
	}
	
	.blue .color,
	.blue > p > a {
		color:					#499ad5;
	}
	
	.red .color,
	.red > p > a {
		color:					#f04e52;
	}
	
	.orange .color,
	.orange > p > a {
		color:					#f58420;
	}
	
	.yellow .color,
	.yellow > p > a {
		color:					#fbad18;
	}
	
	.sea .color,
	.sea > p > a {
		color:					#19bde7;
	}
	
	input#street,
	input#city {
		width:					200px;
	}
	
	input#number,
	input#prefix,
	input#postal {
		width:					69px;
	}
	
	span.user_male,
	span.user_female {
		display:				inline-block;
		padding:				0 0 0 20px;
		margin:					0 0 0 4px;
	}
	
	span.user_male {
		background:				url("../images/icons/user-nude.png") left center no-repeat;
	}
	
	span.user_female {
		background:				url("../images/icons/user-nude-female.png") left center no-repeat;
	}
	
	span.date_of_birth {
		display:				inline-block;
		padding:				0 20px 0 0;
		margin:					0 4px 0 0;
		background:				url("../images/icons/cake.png") right center no-repeat;
	}
	
	table thead tr th span.toolbar {
		float:					right;
		font-family:			Arial, Helvetica, sans-serif;
		color:					#fff;
		border:					solid 1px #e2e2e2;
		background:				#c6c6c6;
		text-transform:			none;
		font-size:				12px;
		padding:				0 4px;
		margin:					0 -4px 0 0;
		max-width:				100px;
	}
	
	.green table thead tr th span.toolbar,
	table.green thead tr th span.toolbar {
		background:				#c3e16d;
		border-color:			#cbe884;
	}
	
	.red table thead tr th span.toolbar,
	table.red thead tr th span.toolbar {
		background:				#dd6c6d;
		border-color:			#e68c8d;
	}
	
	.yellow table thead tr th span.toolbar,
	table.yellow thead tr th span.toolbar {
		background:				#fbb631;
		border-color:			#fcc660;
	}
	
	.pink table thead tr th span.toolbar,
	table.pink thead tr th span.toolbar {
		background:				#f487a2;
		border-color:			#f6a4ba;
	}
	
	.orange table thead tr th span.toolbar,
	table.orange thead tr th span.toolbar {
		background:				#f09f5e;
		border-color:			#edab75;
	}
	
	.blue table thead tr th span.toolbar,
	table.blue thead tr th span.toolbar {
		background:				#5da5da;
		border-color:			#81b9e2;
	}
	
	.sea table thead tr th span.toolbar,
	table.sea thead tr th span.toolbar {
		background:				#4ec8f0;
		border-color:			#81b9e2;
	}
	
	table thead tr th span.toolbar a {
		color:					#fff;
		text-decoration:		none;
	}
	
	table tbody tr span.toolbar {
		float:					right;
		font-family:			Arial, Helvetica, sans-serif;
		color:					#444445;
		border:					solid 1px #d7d7d7;
		background:				#f5f5f5;
		text-transform:			none;
		font-size:				12px;
		padding:				0 4px;
		margin:					0 -4px 0 0;
	}
	
	table tbody tr span.toolbar a {
		color:					#444445;
		text-decoration:		none;
	}
	
	div.tooltip_container {
		position:				absolute;
		z-index:				999;
	}
	
	div.tooltip_content {
		position:				relative;
		min-width:				10px;
		margin:					16px 0 0 0;
		line-height:			22px;
		padding:				6px;
		border:					solid 1px #c2c2c2;
		font-family:			Arial, Helvetica, sans-serif;
		color:					#171717;
		font-size:				12px;
		background:				#fff;
	}
	
	div.tooltip_content a {
		color:					#171717;
	}
	
	img.tooltip_image {
		position:				absolute;
		top:					0;
		left:					0;
		z-index:				1;
	}
	
	div.inline_list_container,
	div.inline_list_container div {
		z-index:				0;
	}
	
	div.inline_list_container {
		position:				relative;
		width:					432px;
		height:					370px;
	}
	
	div.inline_list {
		position:				absolute;
		left:					0;
		top:					0;
		bottom:					0;
		width:					204px;
	}
	
	div.inline_list_selected {
		left:					auto;
		right:					0;
	}
	
	div.inline_list > ul {
		border:					solid 1px #dbdad9;
		background:				#fff;
		position:				absolute;
		top:					26px;
		bottom:					0;
		left:					0;
		right:					0;
		overflow-y:				scroll;
	}
	
	div.inline_list_all > ul > li > ul {
		border-bottom:			solid 1px #dbdad9;
	}
	
	div.inline_list_all > ul > li > ul > li {
		padding:				2px 6px;
		cursor:					pointer;
	}
	
	div.inline_list_all > ul > li > ul > li:hover {
		background:				#c0ffc0;
		color:					#005d02;
	}
	
	div.inline_list_all > ul > li > ul > li.selected {
		background:				#80ff80;
		color:					#005d02;
	}
	
	div.inline_list_all span.klas {
		cursor:					pointer;
		display:				block;
		padding:				4px;
		height:					20px;
		border-bottom:			solid 1px #dbdad9;
		background:				#f7f7f7;
	}
	
	div.inline_list_all span.expander {
		display:				inline-block;
		vertical-align:			middle;
		margin:					0 6px 0 2px;
		width:					16px;
		height:					16px;
		background:				url("../images/icons/minus.png") center center no-repeat;
	}
	
	div.inline_list_all > ul > li.collapsed > span.klas > span.expander {
		background:				url("../images/icons/plus.png") center center no-repeat;
	}
	
	/*div.inline_list_all > ul > li.collapsed > span.klas {
		background:				#fff;
	}*/
	
	div.inline_list_all > ul > li.collapsed > ul {
		height:					0;
		display:				none;
	}
	
	div.inline_list_all > ul > li > span.klas:hover {
		background:				#c0ffc0;
		color:					#005d02;
	}
	
	div.inline_list_all > ul > li.selected > span.klas {
		background:				#80ff80;
		color:					#005d02;
	}
	
	div.inline_switch {
		position:				absolute;
		left:					205px;
		right:					205px;
		top:					0;
		bottom:					0;
		text-align:				center;
	}
	
	div.inline_switch a {
		text-decoration:		none;
	}
	
	div.inline_switch a img.switch_add,
	div.inline_switch a img.switch_remove {
		position:				absolute;
		width:					16px;
		height:					16px;
		top:					50%;
		left:					50%;
	}
	
	div.inline_switch a img.switch_add {
		margin:					-20px 0 0 -8px;
		cursor:					pointer;
	}
	
	div.inline_switch a img.switch_remove {
		margin:					4px 0 0 -8px;
		cursor:					pointer;
	}
	
	div.inline_list_selected > ul > li > span.klas {
		display:				block;
		margin:					6px;
		border-bottom:			solid 1px #bee3f8;
		height:					20px;
		color:					#4e75b7;
		
	}
	
	div.inline_list_selected > ul > li > span.klas > img {
		float:					right;
		cursor:					pointer;
	}
	
	div.inline_list_selected > ul > li > ul > li {
		padding:				1px 6px;
		cursor:					pointer;
	}
	
	div.inline_list_selected > ul > li > ul > li:hover {
		background:				#d6f0fc;
		color:					#0077bd;
	}
	
	div.inline_list_selected > ul > li > ul > li.selected {
		background:				#a8e0f8;
		color:					#0077bd;
	}
	
	div.klas_simpel {
		margin:					8px 0 0 0;
	}
	
	table.klas_uitgebreid {
		margin:					8px 0 0 0;
	}
	
	div.klas_docenten li,
	div.klas_stagemakelaars li,
	div.klas_controls li {
		padding:				0 0 0 20px;
		background:				left center no-repeat;
	}
	
	div.klas_docenten li {
		background-image:		url("../images/icons/user-business.png");
	}
	
	div.klas_stagemakelaars li {
		background-image:		url("../images/icons/user-white.png");
	}
	
	div.klas_controls li {
		background-image:		url("../images/list_item.gif");
	}
	
	div.klas_controls li.mail {
		background-image:		url("../images/icons/mail.png");
	}
	
	form.wijzig_klas {
		float:					right;
	}
	
	form.wijzig_klas input.button {
		height:					26px;
		margin:					0 0 0 8px;
	}
	
	form.wijzig_klas input.text {
		width:					32px;
	}
	
	table.leerling_uitgebreid th img{
		position:				absolute;
		margin:					2px 0 0 0;
	}
	
	table.leerling_uitgebreid th h2 {
		padding:				0 0 0 70px;
		color:					#5b5b5c;
		margin:					0;
	}
	
	table.leerling_uitgebreid td li.leerlingnr {
		padding:				0 0 24px 70px;
	}
	
	table.leerling_uitgebreid ul li a {
		color:					#006eb2;
		text-decoration:		none;
	}
	
	table.leerling_uitgebreid td {
		border-top:				solid 1px #e2e2e2;
	}
	
	table td.leerling_left {
		width:					200px;
		border-right:			solid 1px #e2e2e2;
	}
	
	table td.leerling_right {
		width:					150px;
		padding:				10px 12px 6px 16px;
		border-left:			solid 1px #e2e2e2;
	}
	
	table td#leerling_controls {
		padding:				12px;
		width:					154px;
	}
	
	table td#leerling_controls button {
		margin:					0 0 8px;
	}
	
	table td#leerling_controls div.left label {
		line-height:			26px;
		margin:					0 7px 0 0;
	}
	
	table td.leerling_profiel {
		width:					170px;
		text-align:				center;
	}
	
	table td.leerling_profiel img.leerling_foto {
		background:				#fff;
		border:					solid 1px #e2e2e2;
		padding:				8px;
	}
	
	table td.leerling_profiel button {
		margin-top:				5px;
	}
	
	span.blue_arrow {
		padding:				0 0 0 20px;
		background:				url("../images/icons/arrow-000-medium.png") left center no-repeat;
	}
	
	span.blue_arrow,
	span.blue_arrow a {
		color:					#3186c7;
	}
	
	span.newspaper {
		padding:				0 0 0 20px;
		background:				url("../images/icons/newspaper.png") left center no-repeat;
	}

	table.voorkeur_list,
	table.aanvragen_list {
		height:					100%;
		width:					42%;
		float:					left;
	}
	
	
	
	table.voorkeur_list {
		margin:					0 1% 0 0;
		width:					56%;
	}
	
	table.voorkeur_list ul li {
		line-height:			26px;
		display:				block;
	}
	
	table.aanvragen_list {
		margin:					0 0 0 1%;
	}

	table.aanvragen_list div.rejected {
		background:				#fcdedf;
		border:					solid 1px #f9b8bf;
	}
	
	table.aanvragen_list div.approved {
		background:				#c7eafb;
		border:					solid 1px #96d6f6;
	}
	
	table.aanvragen_list div.pending {
		background:				#c7eafb;
		border:					solid 1px #96d6f6;
	}
	
	table.aanvragen_list div.title {
		color:					#016eb4;
	}
	
	table.aanvragen_list td > div {
		margin:					4px 0;
		padding:				4px 8px;
	}
	
	table.aanvragen_list td > div > a{
		padding:				0 0 0 20px;
	}
	
	/*table.stage_tabel h2 span {
		display:				block;
		float:					right;
	}*/
	
	table.stage_tabel {
	    line-height:            1.5;
	    border:                 1px solid #e1e1e1;
	    border-collapse:        separate ;
    }
	
	table.stage_tabel h2 {
	    color:                  #909090;
    }
    
    table.stage_tabel > tbody > tr td.stage_tabel_top {
	    border-top:				solid 1px #e1e1e1;
	}
    
	table.stage_tabel > tbody > tr > td {
		background:				#f1f0f0 repeat-x top center;
	}
		
	table.stage_tabel a {
	    text-decoration:        none;
    }
	
	table.stage_tabel h2 span img {
		margin-bottom:			3px;
		margin-right:			4px;
	}
	
	table.stage_tabel td.stage_tabel_data {
	    width:                  217px;
	}
	
	table.stage_tabel .note {
	    float:                  right;
	}
	
/*  
    table.stage_tabel .stage_tabel_details,
    table.stage_tabel .stage_tabel_controls,
    table.stage_tabel .stage_tabel_expander {
        display:                none;
    }
    
*/    
    .stage_tabel_expander .section {
        float:                  left;
        width:                  49%;
        margin-right:           1%;
        margin-top:             10px;
    }
	
    .stage_tabel_expander {
        overflow:               hidden;
    }
    
    #stage_tabel_accept > tbody > tr > td {
        background:             #feeef6;
    }
    
    #stage_tabel_accept {
	    border:                 1px solid #ffdafb;
    }
    
    #stage_tabel_accept > tbody > tr td.stage_tabel_top {
	    border-top:				solid 1px #ffdafb;
	}
	
	#stage_tabel_accept a.toggle_arrow {
	    color:                  #ff0084;
    }
    
    #stage_tabel_accept h2 {
	    color:                  #00a31f;
    }
    
    #stage_tabel_finished {
	    border:                 1px solid #aff67a;
    }
    
    #stage_tabel_finished > tbody > tr td.stage_tabel_top {
	    border-top:				solid 1px #aff67a;
	}
    
    #stage_tabel_finished  > tbody > tr > td {
        background:             #d8ffbb;
    }
	
	#stage_tabel_finished a.toggle_arrow {
	    color:                  #3ead0e;
    }
    
    #stage_tabel_finished h2 {
	    color:                  #3ead0e;
    }
    
    #stage_tabel_denied {
	    border:                 1px solid #fccaca;
    }
    
    #stage_tabel_denied > tbody > tr td.stage_tabel_top {
	    border-top:				solid 1px #fccaca;
	}
	
    #stage_tabel_denied  > tbody > tr > td {
        background:             #ffe4e4;
    }
    
    /*
    #stage_tabel_denied,
	#stage_tabel_denied > tbody,
	#stage_tabel_denied > tbody > tr > td {
		border:					solid 1px #fccaca;
	}*/
	
	#stage_tabel_denied a.toggle_arrow {
	    color:                  #ff0000;
    }
    
    #stage_tabel_denied h2 {
	    color:                  #ff0000;
    }
    
	table.help_categories {
		width:					188px;
		float:					left;
	}
	
	table.help_categories a {
		text-decoration:		none;
	}
	
	table.help_categories tbody td a.active {
		text-decoration:		underline;
	}
	
	table.help_categories tbody tr th a.active {
		font-weight:			bold;
	}
	
	table.help_categories tbody th {
		padding:				6px 12px 6px 26px;
		background:				url("../images/icons/small_question.png") no-repeat 8px;
		/*background:				url("../images/icons/category_expanded.png") no-repeat 8px;*/
	}
	
	table.help_categories tbody tr td,
	table.help_categories tbody tr th {
		border:					1px solid #e5e5e5;
	}
	
	table.help_categories tbody tr td ul li {
		line-height:			24px;
		background:				url("../images/icons/small_question.png") no-repeat 16px;
		padding-left:			32px;
	}
	
	table.help_categories tbody tr th.collapsed {
		background-image:		url("../images/icons/category_collapsed.png");
	}
		
	table.help_categories tbody tr th.expanded {
		background:		url("../images/icons/category_expanded.png") no-repeat 4px;
	}	
		
	table.help_categories tbody tr td.collapsed {
		display:				none;
	}
	
	table.help_subjects {
		float:					right;
		width:					700px;
	}
	
	table.help_subjects .color {
		color:					#6ba643;
	}
	
	table.help_contact {
		margin-top: 			16px;
		float: 					right;
		width: 					700px;
	}
	
	table.help_contact h2 {
		color:					#318dcc;
	}
	
	table.help_contact a {
		color:					#6ba643;
	}
	
	table.clean,
	table.clean > th,
	table.clean > td,
	table.clean > thead,
	table.clean > thead > tr,
	table.clean > thead > tr > th,
	table.clean > thead > tr > td,
	table.clean > tbody,
	table.clean > tbody > tr,
	table.clean > tbody > tr > th,
	table.clean > tbody > tr > td {
		margin:					0 !important;
		padding:				5 !important;
		border:					0 !important;
		border-collapse:		collapse !important;
		background:				transparent none !important;
		color:					#444545 !important;
		font-family:			Arial, Helvetica, sans-serif !important;
		font-weight:			normal !important;
		font-size:				12px !important;
		line-height:			1.5 !important;
		text-transform:			none !important;
	}
	
	table.mijn_afrondingsverzoeken td
	{
		padding: 5px !important;
	}
	
	.no-padding {
		padding:				0;
		margin:					0;
	}
	
	/**
	 * Toevoeging voor profiel pagina
	 * @author Remon Oldenbeuving
	 * Zie maar even wat je dr van vind daniel
	 */
	span.pass {
		padding:                0px 0px 0px 15px;
		font-weight:            bold;
		line-height:            18px;
		display:                none;		
	}
	
	span.pass.goed {
		background:             url('/templates/default/images/icons/key--green.png') left top no-repeat;
		color:                  #65933f;
	}
	
	span.pass.matig {
		background:             url('/templates/default/images/icons/key--blue.png') left top no-repeat;
		color:                  #3b9ed8;
	}
	
	span.pass.slecht {
		background:             url('/templates/default/images/icons/key--red.png') left top no-repeat;
		color:                  #d63739;
	}
	
	div#preloader {
		position:				absolute;
		bottom:					100%;
		left:					0;
	}
	
	a.switcher {
		text-decoration:		none;
		border:					solid 1px #e2e2e2;
		padding:				2px 6px;
		display:				inline-block;
	}
	
	div#content div.content_large ul.leerjaar_lijst {
		list-style-type:		none !important;
		display:				block;
		padding:				0 !important;
		clear:					both;
		margin-left:			36px;
	}
	
	div#content div.content_large ul.leerjaar_lijst li {
		list-style-type:		none !important;
		display:				block;
		float:					left;
		padding:				0;
	}
	
	div#content div.content_large ul.leerjaar_lijst a {
		background:				#f1f0f0;
		color:					#444445;
		text-decoration:		none;
		display:				block;
		margin-right:			8px;
		border:					solid 1px #e1e1e1;
		padding:				4px 11px;
	}
	
	div#content div.content_large ul.leerjaar_lijst li.disabled a {
		background:				#f4f3f3;
		color:					#8c8989;
		border:					1px solid #ecebeb;
		cursor:					default;
	}
	
	div.color {
		margin-bottom:			3px;
	}
	
	div#content div.content_large ul.leerjaar_lijst li a.active,
	div#content div.content_large ul.leerjaar_lijst li a:hover{
		background:				#fbad18;
		color:					#fff;
		border-color:			#e69324;
	}
	
	div#content div.content_large ul.leerjaar_lijst li.disabled a.active,
	div#content div.content_large ul.leerjaar_lijst li.disabled a:hover {
		background:				#f4f3f3;
		color:					#8c8989;
		border:					1px solid #ecebeb;
	}
	
	div.option_box {
		line-height:			24px;
		border:					solid 1px #cdcccb;
		background:				#f1f0f0 url("../images/option_box.png") top center repeat-x;
		color:					#5b5b5c;
		padding:				0 8px;
		float:					left;
		position:				relative;
		margin-right:			8px;
	}
	
	div.legenda {
		width:					400px;
	}
	
	div.option_box_open {
		line-height:			24px;
		border:					solid 1px #cdcccb;
		color:					#5b5b5c;
		padding:				0 8px;
		background:				#f1f0f0 url("../images/option_box_open.png") top center repeat-x;
		display:				none;
		position:				absolute;
		top:					-1px;
		left:					-1px;
		right:					-1px;
	}
		
	div.legenda table td {
		padding:				0 8px;
		margin:					0;
		font-size:				11px;
		line-height:			24px;
	}
	
	div.legenda table tbody {
		border:					0;
	}
	
	div.legenda table {
		border:					0;
		position:				absolute;
		top:					25px;
		left:					0;
		width:					417px;
		background:				#f1f0f0;
		display:				none;
		border:					solid 1px #cdcccb;
	}
	
	div.legenda span.icon_color {
		display:				inline-block;
		vertical-align:			middle;
		width:					14px;
		height:					14px;
		border:					solid 1px #c0c0c0;
		margin-bottom:			3px;
		margin-right:			3px;
	}
	
	div.legenda span.icon_yellow {
		border-color:			#e5d11d;
		background:				#fdf6af;
	}
	
	div.legenda span.icon_red {
		border-color:			#f59598;
		background:				#fac1b8;
	}
	
	div.legenda span.icon_purple {
		border-color:			#f2a6c9;
		background:				#f5dcea;
	}
	
	div.legenda span.icon_green {
		border-color:			#a0cc3a;
		background:				#cce5b9;
	}
	
	div.nieuw_item {
		width:					100px;
	}
	
	div.nieuw_item table {
		width:					320px;
		position:				absolute;
		border:					solid 1px #cdcccb;
		right:					-1px;
		top:					25px;
	}
	
	div.nieuw_item table tbody {
		border:					solid 1px #cdcccb;
	}
	
	/**
	 * @author Remon Oldenbeuving
	 * Dit gooi ik hier in, heb het uit jquery.fileinput.css gesloopt
	 * zie maar even of je het dr mee eens bent!
	 **/
	span.fileinput {
		display:				inline-block;
		position:				relative;
	}

	span.fileinput .text {
		padding:				4px;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		background:				#fff;
		height:					16px;
		border:					1px solid #dbdad9;
		color:					#444545;
		width:					195px;
		vertical-align:			middle;
		margin-right:			5px;
		display:				inline-block;
		overflow:				hidden;
	}

	span.fileinput button {
		vertical-align:			middle;
		height:					26px;
	}
	
	/*
	* @author Gertjan Jansen
	* Dit gooi ik hier omdat we dit overal moeten gebruiken voor error fields
	**/
	
	table tr.error td input, table tr.error td textarea, input.error, textarea.error {
		background-color: 				#FFFFCC !important;
		background-repeat: 				no-repeat !important;
		background-position: 			268px center !important;
		background-image: 				url('/templates/default/images/excl.png') !important;
	}
	
	table tr.error td div.dropdown_container div.dropdown_box_container, div.error div.dropdown_container div.dropdown_box_container
	{
		background:						#ffc !important;
	}

	table tr.error td div.dropdown_container div.dropdown_box_value, div.error div.dropdown_container div.dropdown_box_value
	{
		background-color:				#ffc;
		background-image:				url('/templates/default/images/excl.png');
		background-repeat:				no-repeat;
		background-position:			center right;
	}
	
	table .search_options td
	{
		background: #f1f0f0;
	}
	
	table .search_options th
	{
		background: #f1f0f0;
		width: 100px;
	}
	
	table .search_options
	{
		border: #e0e0e0;
	}
	
	a.toggle_zoekopties
	{
		text-decoration: none;
	}
	
	/* 
		REMON EDIT
		
		Dit heb ik uit registreren/index.css gejat
	*/
	input.text.manditory
	{
		background-color: 				#FFFFCC !important;
		background-image: 				url(/templates/default/images/excl.png) !important;
		background-repeat: 				no-repeat !important;
		/*background-position: 			268px center !important;*/
		background-position:			98% 50%;
	}
	
	textarea.manditory
	{
		background-color:				#FFC !important;
		background-image:				url(/templates/default/images/excl.png) !important;
		background-repeat:				no-repeat !important;
		background-position:			98% 50%;
	}

	div.dropdown_container.manditory div.dropdown_box_container
	{
		background:						#ffc;
	}

	div.dropdown_container.manditory div.dropdown_box_value
	{
		background-color:				#ffc;
		background-image:				url(/templates/default/images/excl.png);
		background-repeat:				no-repeat;
		background-position:			center right;
	}
	
	table.import thead {
		border: 0;
	}
	
	table.import thead th {
		line-height: 26px;
	}
	
	table.import thead th div.dropdown_container {
		line-height: 21px;
	}
	
	table.import thead th,
	table.import tbody td {
		text-transform: none;
		background: #f2f1f1 url("../images/wit.gif") left center repeat-y;
		border-left: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		color:	#171717;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	table.import tbody tr.alt td {
		background: #fafbfb url("../images/wit.gif") left center repeat-y;
	}
	
	div.import_container {
		overflow-x: auto;
		width: 874px;
		border: solid 1px #ccc;
		height: 544px;
	}
	
	span.current {
		font-size: 0.86em;
	}

	table.planning th {
		text-align: left;
		background: #dcf2fd url("../images/wit.gif") top center repeat-x;
		border-bottom: solid 1px #91cef1;
		border-right: solid 1px #91cef1;
		color: #2e84c6;
		width: 10px;
	}
	
	table.planning th.arrow {
		text-align: center;
	}
	
	table.planning th.arrow img {
		vertical-align: middle;
		margin-top: 3px;
	}
	
	table.planning tr.alt th {
		background-color: #c9ebfc;
	}
	
	table.planning td {
		width: 113px;
		text-align: center;
		background: #f1f0f0 url("../images/wit.gif") left center repeat-y;
		border: solid 1px #ccc;
		padding: 0;
	}
	
	table.planning td.head {
		padding: 6px 12px;
	}
	
	table.planning tr.alt td {
		background-color: #fafbfb;
	}
	
	table.planning ul {
		display: block;
		position: relative;
	}
	
	table.planning ul li {
		position: absolute;
		top: -1px;
		left: -1px;
		background: #f6dcea;
		border: solid 1px #f3a6c9;
		color: #444545;
		width: 118px;
		text-align: left;
	}
	
	table.planning ul li.red {
		background: #fac1b8;
		border: solid 1px #f59598;
	}
	
	table.planning ul li.green {
		background: #cce5b9;
		border: solid 1px #a1cd3a;
	}
	
	table.planning ul li.yellow {
		background: #fef6af;
		border: solid 1px #e5d21c;
	}
	
	/* "orange", "grey", "sea" moeten nog*/
		
	
	table.planning ul li p {
		padding: 3px 9px 2px;
		margin: 0;
		font-size: 11px;
	}
	
	table.planning ul li img {
		vertical-align: text-top;
	}
	
	table.planning ul li:hover div.details {
		display: block;
	}
	
	table.planning ul li div.details {
		display: none;
	}
	
	table.planning ul li ul.notes {
		left: 138px;
		width: 24px;
		border-top: solid 1px #F3A6C9;
		top: -1px;
		position: absolute;
	}
	
	table.planning ul li.yellow ul.notes {
		border-top: solid 1px #e5d21c;
	}
	
	table.planning ul li:hover ul.notes {
		display: none;
	}
	
	table.planning ul li ul.notes li {
		position: static;
		display: block;
		width: 24px;
		line-height: 32px;
		text-align: center;
		border-top: 0;
		border-left: 0;
		background: #f6dceb url("../images/note_purple.png") repeat-x top center;
	}
	
	table.planning ul li.yellow ul.notes li {
		background: #fdf6b1 url("../images/note_yellow.png") repeat-x top center;
		border-color: #E5D21C;
	}
	
	table.planning ul li:hover {
		width: 192px;
		z-index: 99;
	}
	
	table.bewerk tbody tr td input.csv_edit
	{
		width:							100%;
		margin:							-6px 0;
		height:							30px;
		border:							none;
		display:						none;
	}
	
/*  table.bewerk tbody tr td span
    {
        display:                        inline;
    }*/
    
    table.import tbody tr.ignore td
    {
        color:                          #FAFBFB;
    }
    
    table.import tbody tr.ignore.alt td
    {
        color:                          #CCC;
    }
	
	table.bewerk tbody tr td.edit
	{
		background:						#FFFFCC;
	}
	
	table.bewerk tbody tr td.edit span
	{
		display:						none;
	}
	
	table.bewerk tbody tr td.edit input.csv_edit
	{
		background:						#FFFFCC;
		display:						inline-block;
	}
	
	html body div.contentbox .linkblock a {
		color:							#444445;
		display:						inline-block;
		padding:						0 5px;
	}
	
	.linkblock a:hover,
	.linkblock a.active {
		background:						#f89844;
		border:							solid 1px #f5841f;
		color:							#ffffff !important;
		text-decoration:				none !important;
		padding:						0 4px !important;
	}
	
	ol.toplist {
		list-style-type:				decimal;
		list-style-position:			inside;
		margin:							8px 0;
	}
	
	ol.toplist li {
		border-bottom:					solid 1px #e4e4e4;
		line-height:					24px;
		color:							#0671aa;
	}
	
	ol.toplist li div {
		float:							right;
		text-align:						right;
	}
	
	ol.toplist li a {
		color:							#444445;
		text-decoration:				none;
	}
	
	div.stat_graph {
		line-height:					19px;
		font-size:						10px;
		width:							480px;
	}
	
	div.stat_graph div.canvas {
		width:							414px;
		background:						url("../images/graph_repeat.png") scroll repeat top left;
		border-left:					solid 1px #cdcccb;
		border-top:						solid 1px #cdcccb;
		border-right:					solid 1px #cdcccb;
		float:							right;
		position:						relative;
		margin:							0 18px 24px 0;
	}
	
	div.stat_graph div.canvas div {
		height:							14px;
		margin:							2px 0 5px;
		background:						#c0c0c0;
	}
	
	div.stat_graph div.canvas div.last {
		margin-bottom:					3px;
	}
	
	div.stat_graph div.canvas div.green {
		background:						url("../images/graph/green.png") scroll repeat top left;
	}
	
	div.stat_graph div.canvas div.green_alt {
		background:						url("../images/graph/green_alt.png") scroll repeat top left;
	}
	
	div.stat_graph div.canvas div.blue {
		background:						url("../images/graph/blue.png") scroll repeat top left;
	}
	
	div.stat_graph div.canvas div.blue_alt {
		background:						url("../images/graph/blue_alt.png") scroll repeat top left;
	}
	
	div.stat_graph div.canvas div.pink {
		background:						url("../images/graph/pink.png") scroll repeat top left;
	}
	
	div.stat_graph div.canvas div.pink_alt {
		background:						url("../images/graph/pink_alt.png") scroll repeat top left;
	}
	
	div.stat_graph div.canvas ul.legend {
		position:						absolute;
		display:						block;
		height:							19px;
		bottom:							-19px;
		left:							13px;
		right:							-14px;
		width:							415px;
	}
	
	div.stat_graph div.canvas ul.legend li {
		display:						block;
		float:							left;
		width:							83px;
		text-align:						right;
	}
	
	div.print_item {
		float:							right;
		font-size:						12px;
		color:							#444445;
		font-family:					Arial, Helvetica, sans-serif;
		line-height:					25px;
	}
	
	div.print_item a {
		color:							#444445;
		text-decoration:				underline;
		border:							0;
	}
	
	div.graph_vertical {
		line-height:					37px;
		text-align:						right;
		font-size:						10px;
		width:							480px;
	}
	
	div.graph_vertical div.canvas {
		text-align:						center;
		float:							right;
		margin-top:						18px;
		margin-right:					18px;
		margin-left:					8px;
		width:							419px;
		background:						url("../images/graph_vertical.png") scroll repeat top left;
		border-left:					solid 1px #cdcccb;
		border-top:						solid 1px #cdcccb;
		border-right:					solid 1px #cdcccb;
	}
	
	/* PLANNING */
	#weergave { 
	    margin:                 4px 10px 0 0;
        float:                  left;
    }
	
	.planning_button {
	    background:				url("../images/planning-button/licht.jpg") no-repeat;
	    height:                 30px;
	    width:                  57px;
	    float:                  left;
	    text-align:             center;
	    padding:                4px 0px 0px 0px;
	    margin-right:           10px;
	}
	
	.planning_button:hover , .planning_button.active {
	    background:				url("../images/planning-button/donker.jpg") no-repeat;
	    cursor:                 pointer;
	}
	
	table.planningtable td
	{
	    text-align:             left;
	} 
	
	table.planningtable th
	{
	    width:                  190px;
	}
	
	table.planningtable div
	{
	    float:                  left;
	}
	
	table.planningtable #time
	{
	    width:                  120px;
	}
	
	table.planningtable #seperator
	{
	    width:                  20px;
	}
		
    div#quickwidget ul li {
        display:                block;
        width:                  133px;
        margin-bottom:          16px;
        float:                  left;
        text-align:             center;
        margin-right:           26px;
    }

	div#quickwidget ul.toewijzen li {
        margin-left:           94px;
    }
    
    div#quickwidget ul li.omega {
        margin-right:           0;
    }
    
    div#quickwidget ul li a {
        display:                block;
        width:                  133px;
        padding-top:            142px;
        background:             url("../images/quickwidget.png") top left no-repeat scroll;
        position:               relative;
        cursor:                 pointer;
    }
    
    div#quickwidget ul li span.quickwidget_image {
        display:                block;
        position:               absolute;
        top:                    1px;
        left:                   1px;
        width:                  127px;
        height:                 125px;
        line-height:            125px;
        overflow:               hidden;
        cursor:                 pointer;
    }
    
    div#quickwidget ul li span.quickwidget_image img {
        vertical-align:         middle;
        cursor:                 pointer;
    }
    
    div#quickwidget ul li span.quickwidget_spacer {
        display:                inline-block;
        height:                 125px;
        vertical-align:         middle;
        cursor:                 pointer;
    }
    
    div#quickwidget ul li a:hover span.quickwidget_image {
        border:                 solid 5px #afafb0;
        height:                 115px;
        line-height:            115px;
        width:                  117px;
    }
    
    div#quickwidget ul li a:hover span.quickwidget_spacer {
        height:                 115px;
    }
    
    div#newestwidget div.newestwidget_top {
        width:                  611px;
        height:                 8px;
        overflow:               hidden;
        background:             transparent url("../images/newestwidget.png") bottom center no-repeat;
    }
    
    div#newestwidget div.newestwidget_content {
        width:                  611px;
        border-bottom:          solid 1px #dededd;
        height:                 241px;
        color:                  #787878;
        overflow:               hidden;
        background:             transparent url("../images/newestwidget_repeat.png") top center repeat-y;
        position:               relative;
    }
    
    div#newestwidget div.newestwidget_item {
        padding:                5px 12px;
        height:                 110px;
        border-bottom:          solid 1px #e2e2e2;
        font-size:              11px;
    }
    
    div#newestwidget div.tip_label {
        background:             transparent url("../images/tip_label.png") top right no-repeat;
    }
    
    div#newestwidget div.newestwidget_item p {
        line-height:            20px;
        height:                 40px;
        margin-bottom:          5px;
        overflow:               hidden;
    }
    
    div#newestwidget div.newestwidget_item h3 {
        color:                  #787878;
        font-size:              13px;
        margin-bottom:          5px;
    }
    
    div#newestwidget div.newestwidget_item div.details,
    div#newestwidget div.newestwidget_item div.date {
        line-height:            22px;
    }
    
    div#newestwidget div.newestwidget_item div.details a {
        color:                  #f05680;
    }
    
    div#newestwidget div.newestwidget_item div.date {
        float:                  right;
        color:                  #46a2da;
    }
    
    div#newestwidget div.nav {
        height:                 7px;
        width:                  611px;
        margin:                 8px 0;
    }
    
    div#newestwidget div.nav_up,
    div#newestwidget div.nav_down {
        float:                  right;
        width:                  13px;
        height:                 7px;
        margin-left:            8px;
    }
    
    div#newestwidget div.nav_up {
        background:             transparent url("../images/newest_arrow_up.png") no-repeat center center;
    }
    
    div#newestwidget div.nav_down {
        background:             transparent url("../images/newest_arrow_down.png") no-repeat center center;
    }
    
    div#newestwidget div.newestwidget_container {
        position:               absolute;
        top:                    0;
    }
    
    td#category_side_list {
        padding:                0;
        border-bottom:          0;
    }
    
    td#category_side_list li {
        border-bottom:          solid 1px #e2e2e2;
        border-top:             solid 1px #fff;
		cursor:					pointer;
		height: 				41px;
		line-height:            41px;
		text-align:             right;
    }

    td#category_side_list li img {
		margin:					5px 0 0 5px;
		vertical-align:			middle;
		float: 					left;
		max-width:				32px;
    }

	td#category_side_list li span {
	    display:                inline-block;
	    line-height:            20px;
	    width:                  140px;
	    padding:                0 0 0 10px;
	    vertical-align:         middle;
	    text-align:             left;
    }

	td#category_side_list li span.strong {
		font-weight:			bold;
	}
    
    div#information_message {
        background:             url("../images/information_message.png") no-repeat left top;
        line-height:            32px;
        padding:                0 0 0 34px;
        height:                 42px;
    }
    
    div#information_message span {
        display:                none;
        font-weight:            bold;
    }
    
    .information_leerlingen div#information_message .information_leerlingen {
        display:                inline;
    }
    
    .information_beheerders div#information_message .information_beheerders {
        display:                inline;
    }
    
    .information_stagebieders div#information_message .information_stagebieders {
        display:                inline;
    }
    
    div#information_message li a {
        float:                   right;
        display:                block;
        border-top:             solid 1px #afdef3;
        border-left:            solid 1px #afdef3;
        border-right:           solid 1px #afdef3;
        text-decoration:        none;
        width:                  100px;
        text-align:             center;
        margin:                 9px 0 0 5px;
        height:                 32px;
        line-height:            32px;
        font-weight:            normal;
        color:                  #318dcc;
        background:             #e0f5ff;
    }
    
    .information_leerlingen div#information_message li a#information_leerlingen,
    .information_beheerders div#information_message li a#information_beheerders,
    .information_stagebieders div#information_message li a#information_stagebieders,
    div#information_message li a:hover {
        line-height:            41px;
        height:                 41px;
        font-weight:            bold;
        border-top:             solid 1px #89dbff;
        border-left:            solid 1px #89dbff;
        border-right:           solid 1px #89dbff;
        color:                  #318dcc;
        background:             #bce9fe;
        margin:                 0 0 0 5px;
    }
    
    
    html body div#information_management tr td a {
        text-decoration:        none;
        color:                  #5b5b5c;
    }
    
    table.information_leerlingen {
        display:                none;
    }
    
    table.information_beheerders {
        display:                none;
    }
    
    table.information_stagebieders {
        display:                none;
    }
    
    .information_beheerders table.information_beheerders {
        display:                block;
    }
    
    .information_stagebieders table.information_stagebieders {
        display:                block;
    }
    
    .information_leerlingen table.information_leerlingen {
        display:                block;
    }
    
    .uitlegwidget {
        background:             #dbf1fd url("../images/uitleg.png") no-repeat scroll 15px center;
        height:                 46px;
        padding:                15px 15px 15px 75px;
        color:                  #248bcb;
    }
    
    .uitlegwidget p {
        margin:                 0;
        line-height:            23px;
        height:                 46px;
        overflow:               hidden;
        width:                  370px;
    }
    
    .uitlegwidget button {
        float:                  right;
        margin:                 10px 0 0;
        white-space:            nowrap;
    }

	.updatewidget {
        background:             #FEE181 url("../images/receive_present.png") no-repeat scroll 15px center;
        height:                 46px;
        padding:                15px 15px 15px 75px;
        color:                  #000;
    }
    
    .doedetest_widget {
        background:             #FEE181 url("../images/ikbengeweldig_icon.png") no-repeat scroll 15px center;
        padding:                15px 15px 15px 100px;
        
    }
    
    

	.updatewidget a, .updatewidget a:visited {
		text-decoration:		underline;
        color:                  #000;
    }
    
    .updatewidget p {
        margin:                 0;
        line-height:            23px;
        height:                 46px;
        overflow:               hidden;
        width:                  370px;
    }
    
    .updatewidget button {
        float:                  right;
        margin:                 10px 0 0;
        white-space:            nowrap;
    }
    
    p.colourcontainer {
        line-height:            30px;
    }
    
    p.summary {
        display:                block;
        border:                 solid 1px #e2e2e2;
        padding:                15px 20px;
        background:             #fff;
        line-height:            23px;
        color:                  #444545;
    }
    
    p.summary span.right {
        float:                  right;
        display:                block;
        text-align:             left;
        width:                  87px;
        white-space:            nowrap;
    }
    
    span.colourbox {
        display:                inline-block;
        vertical-align:         sub;
        width:                  15px;
        height:                 15px;
        padding:                2px;
        background:             #fff;
        border:                 solid 1px #e2e2e2;
    }
    
    span.colourbox span {
        display:                block;
        width:                  15px;
        height:                 15px;
    }
    
    a.unlocker,
    a.status_change {
        display:                block;
        padding:                1px 5px;
        height:                 24px;
        line-height:            24px;
    }
    
    a.unlocker:hover,
    a.status_change:hover {
        padding:                0 4px;
        background:             #fff url("../images/icons/pencil-small.png") no-repeat scroll;
        border:                 solid 1px #DBDAD9;
    }
    
    a.unlocker {
        width:                  72px;
    }
    
    a.unlocker:hover {
        background-position:    60px center;
    }
    
    a.status_change {
        width:                  102px;
    }
    
    a.status_change:hover {
        background-position:    90px center;
    }
    
    table.v_middle td,
    table.v_middle th {
        vertical-align:         middle;
    }
    
    html body table.data tbody tr.alert td,
    html body table.data tbody tr.alert th {
        background:             #fee47c !important;
    }
    
    html body table.data tbody tr.alert:hover td,
    html body table.data tbody tr.alert:hover th {
        background:             #ffeb9b !important;
    }

	html body table.data tbody tr.red td,
    html body table.data tbody tr.red th {
        background:             red !important;
    }

 	html body table.data tbody tr.red:hover td,
    html body table.data tbody tr.red:hover th {
        background:             red !important;
    }
    
    div.activity_legenda {
        position:               relative;
    }
    
    div.activity_legenda div.title {
        color:                  #5b5b5c;
        line-height:            23px;
        height:                 23px;
        overflow:               hidden;
        border:                 solid 1px #e2e2e2;
        padding:                0 8px;
        background:             url("../images/option_box.png") repeat-x scroll center top #F1F0F0;
        cursor:                 pointer;
    }
    
    div.activity_legenda_open div.title {
        background:             url("../images/option_box_open.png") repeat-x scroll center top #F1F0F0;
    }
    
    div.activity_legenda div.title span.arrow {
        display:                inline-block;
        height:                 23px;
        width:                  8px;
        margin-right:           4px;
        background:             transparent url("../images/arrows/grey_horizontal.png") no-repeat scroll center center;
        vertical-align:         middle;
    }
    
    div.activity_legenda_open div.title span.arrow {
        background:             transparent url("../images/arrows/grey_DESC.png") no-repeat scroll center center;
    }
    
    div.activity_legenda div.legend {
        position:               absolute;
        top:                    24px;
        left:                   0;
        right:                  0;
        width:                  853px;
        display:                none;
        line-height:            26px;
        font-size:              12px;
        padding:                10px;
        border-left:            solid 1px #e2e2e2;
        border-right:           solid 1px #e2e2e2;
        border-bottom:          solid 1px #e2e2e2;
        background:             #fff;
    }
    
    div.activity_legenda_open div.legend {
        display:                block;
    }
    
    div.activity_legenda div.legend div.legend_split {
        width:                  50%;
        float:                  left;
    }
    
    div.activity_legenda div.legend ul li {
        line-height:            26px;
        height:                 26px;
        overflow:               hidden;
        color:                  #757576;
    }
    
    div.activity_legenda div.legend h3 {
        color:                  #444545;
        font-weight:            bold;
        font-size:              12px;
    }
    
    div.activity_legenda div.legend ul li img {
        margin:                 3px 10px 7px 0;
    }
    
    div.activity_legenda div.legend ul li span.value {
        display:                inline-block;
        width:                  90px;
        white-space:            nowrap;
        color:                  #444545;
    }
    
    table#progress {
        margin-bottom:          32px;
    }
    
    table#progress,
    table#progress tbody {
        border:                 none 0;
    }
    
    table#progress th {
        text-align:             right;
        white-space:            nowrap;
    }
    
    table#progress th span {
        white-space:            nowrap;
    }
    
    table#progress td {
        padding:                0;
        border:                 solid 1px #e8e7e7;
        background:             #fff;
        width:                  100%;
    }
    
    table#progress td.labels {
        border:                 0 none;
        background:             transparent;
    }
    
    table#progress td.labels div.progress {
        height:                 40px;
    }
    
    table#progress div.progress {
        width:                  100%;
        position:               relative;
    }
    
    table#progress div.progress div {
        display:                block;
        overflow:               hidden;
        background:             #e8e7e7;
    }
    
    table#progress th.legend {
        padding:                0;
        line-height:            31px;
        height:                 31px;
        border:                 solid 1px #e8e7e7;
        background:             #fff;
        text-align:             left;
        color:                  #7f7d7d;
        font-size:              11px;
    }
    
    table#progress th.legend div.legend_title {
        float:                  left;
        line-height:            31px;
        height:                 31px;
        padding:                0 8px;
        background:             url("../images/option_box.png") repeat-x scroll center top #F1F0F0;
        border-right:           solid 1px #e8e7e7;
        color:                  #5b5b5c;
        font-size:              12px;
    }

    table#progress div.progress div.t1,
    table#progress div.progress div.t2,
    table#progress div.progress div.t3,
    table#progress div.progress div.t4,
    table#progress div.progress div.t5,
    table#progress div.progress div.t6,
    table#progress div.progress div.t7,
    table#progress div.progress div.t8 {
        width:                  60px;
        margin-left:            -30px;
        text-align:             center;
        position:               absolute;
        top:                    4px;
        font-size:              11px;
        left:                   13%;
        background:             transparent none;
    }
    
    table#progress div.progress div.b1,
    table#progress div.progress div.b2,
    table#progress div.progress div.b3,
    table#progress div.progress div.b4,
    table#progress div.progress div.b5,
    table#progress div.progress div.b6,
    table#progress div.progress div.b7 {
        position:               absolute;
        width:                  1px;
        top:                    0;
        left:                   13%;
        height:                 31px;
    }
    
    table#progress div.progress div.b2,
    table#progress div.progress div.t2 {
        left:                   25%;
    }
    
    table#progress div.progress div.b3,
    table#progress div.progress div.t3 {
        left:                   38%;
    }
    
    table#progress div.progress div.b4,
    table#progress div.progress div.t4 {
        left:                   50%;
    }
    
    table#progress div.progress div.b5,
    table#progress div.progress div.t5 {
        left:                   63%;
    }
    
    table#progress div.progress div.b6,
    table#progress div.progress div.t6 {
        left:                   75%;
    }
    
    table#progress div.progress div.b7,
    table#progress div.progress div.t7 {
        left:                   88%;
    }
    
    
    table#progress div.progress div.t8 {
        left:                   100%;
    }
    
    table#progress div.progress div.q1,
    table#progress div.progress div.q2,
    table#progress div.progress div.q3,
    table#progress div.progress div.q4 {
        height:                 14px;
        margin-top:             8px;
        float:                  left;
        position:               relative;
    }
    
    table#progress th.legend span {
        display:                inline-block;
        vertical-align:         middle;
        width:                  11px;
        height:                 11px;
        border:                 solid 1px;
        margin-left:            16px;
        margin-right:           8px;
    }
    
    table#progress div.progress div.q1,
    table#progress th.legend span.q1 {
        background-color:       #8bc640;
        border-color:           #66a443;
    }
    
    table#progress div.progress div.q2,
    table#progress th.legend span.q2 {
        background-color:       #f05680;
        border-color:           #e03766;
    }
    
    table#progress div.progress div.q3,
    table#progress th.legend span.q3 {
        background-color:       #6cbeeb;
        border-color:           #3aa4dd;
    }
    
    table#progress div.progress div.q4,
    table#progress th.legend span.q4 {
        background-color:       #fdc010;
        border-color:           #d9a228;
    }
    
    div.aligner_right {
        float:                  right;
    }
    
    div.aligner_right div.aligner_text {
        line-height:            26px;
        float:                  left;
        margin-right:           10px;
    }
    
    div.aligner_right div.dropdown_container {
        float:                  left;
    }

    table#progress_data,
    table#progress_data tbody {
        border-top:             0;
        font-size:              12px;
    }
    
    table#progress_data td,
    table#progress_data th {
        border:                 solid 1px #e2e2e2;
        background:             url("../images/wit.gif") repeat-x scroll center top;
    }
    
    table#progress_data th {
        font-weight:            bold;
        border-top:             none;
    }
    
    table#progress_data div.month {
        float:                  left;
        width:                  53px;
        text-align:             right;
    }
    
    table#progress_data div.strong {
        font-weight:            bold;
    }
    
    table#progress_data div.green {
        color:                  #2fa248;
    }
    
    table#progress_data td span {
        white-space:            nowrap;
    }
    
    table#progress_data tr.alt td,
    table#progress_data tr.alt th {
        background-color:       #eef1f5;
    }
    
    table#progress_data tr.border1 td {
        padding:                0;
        height:                 1px;
        border-bottom:          0;
    }
    
    table#progress_data tr.border2 td {
        padding:                0;
        height:                 1px;
        border-top:             0;
        background:             none;
    }
    
    #help_subjects h2 {
        margin:                 16px 0 8px;
        color:                  #99c03F;
    }
    
    #help_subjects ul, .controls ul {
        padding:                0 0 0 16px;
        list-style-type:        square;
    }
    
    #help_subjects img {
        margin:                 2px auto;
        border:                 solid 2px #c0c0c0;
    }

	#no_logo {
		background:				#FFF;
		min-height:				118px;
		padding:				15px;
		width:					220px;
	}
	
	table tbody #leerling_buttons button.button_link {
		text-decoration:		none;
		border:					none;
		margin:					0;
		/*padding:				3px 6px;*/
		width:					180px;
	}
	
	table tbody #leerling_buttons button.button_link img{
		border:					0px;
		margin:					0 0 4px 5px;
		padding-top:			1px;
	}
	
	#sb_stages_list li {
	   list-style:              inside disc;
	}

    .pink .schema .head {
        color: white;
        font-weight: bold;
        background-color: #F285B0;
        border-right: 1px solid white;
    }

    .schema .details {
        margin-top: -4px;
        display: block;
        font-weight: normal;
        font-size: 0.9em;
        color: #ffe7e7;
    }

    td.period {
        border-right: 1px solid white;
        text-align: center;
        line-height: 40px;
        font-size: 1.3em;
    }

    td.period a {
        display: block;
        width: 100%;
    }

    th.day {
        width: 65px;
        text-align: center;
    }

    .pink table.data tbody tr td.on {
        background-color: #90D97C;
    }