@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#333;
	background-image:url(../dizos_backgrounds/dizos_container_glow.png);
	background-position: top center;
	background-repeat:no-repeat;
	
}

#bodyx {
	margin:0;
	padding:0;
	z-index:99;
	background-position: top center;
	background-repeat:no-repeat;
	
}


fieldset {
	float:left;
	clear:left;
	width:456px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	border: 1px solid #BFBAB0;
	background: url(../dizos_backgrounds/background_fieldset.png) repeat;
	
}

fieldset.nivo2 {
	float:left;
	clear:left;
	width:436px;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
	
	
}

fieldset.box {
	clear:none;
	width:256px;
	float:right;
	
}

fieldset.box_small {
	clear:none;
	width:185px;
	float:right;
	
}

fieldset.full {
	float:left;
	clear:left;
	width:741px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	
	
	
}

fieldset.berichtlinks {
	float:left;
	clear:left;
	width: 166px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	
	
}

fieldset.berichtmidden {
	float:left;
	clear:left;
	width:355px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	background:none;
	border:0;
}

fieldset.berichtrechts {
	float:left;
	clear:left;
	width:166px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}


fieldset.paragraaf_extra {
	float:left;
	clear:left;
	width:200px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
	
}

fieldset.geadresseerdenlinks {
	float:left;
	width: 346px;
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
	
}

fieldset.geadresseerdenlinksgroep {
	float:left;
	width: 326px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	
}

fieldset.geadresseerdenrechts {
	float:left;
	width: 346px;
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
	
}

fieldset.geadresseerdenrechtsgroep {
	float:left;
	width: 326px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	
}

fieldset.autolinks {
	float:left;
	clear:none;
	width:auto;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:10px;
	padding:10px;
	
}


fieldset.autorechts {
	float:right;
	clear:none;
	width:auto;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;
	padding:10px;
	
}

legend {
	margin-left:0px;
	padding:0px 5px 0px 5px;
	font-size:13px;
	font-weight:bold;
}

fieldset ol {
	margin:0;
	padding: 1em 1em 0 1em;
	list-style:none;
}

fieldset li {
	float:left;
	clear:left;
	width:100%;
	padding-bottom: 0.5em;
}

fieldset.submit {
	float:none;
	width:auto;
	border-style:none;
	text-align:right;
	margin-left:10px;
	margin-top:5px;
	padding:0;
	margin-bottom:0px;
	background:none;
}

label.contact {
	position:relative;
	width:21em;
	float:right;
	margin-left:10px;
	top:0.2em;
}

label.boxlist {
	position:relative;
	width:16em;
	float:right;
	margin-right:10px;
	top:0.2em;
}

p.enquete {
	margin-left:10px;
	margin-bottom:10px;
}

p.enquete_vraag {
	margin-left:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

.enquete_antwoord {
	font-size:14px;
	font-weight:bold;
}

p.enquete_fout {
	margin-left:10px;
	margin-bottom:10px;
	font-weight:bold;
	color:#C00;
}

label.enquete {
	position:relative;
	width:666px;
	float:right;
	margin-left:10px;
	text-align:left;
	top:0.2em;
}

label.berichtantwoord {
	position:relative;
	width:666px;
	float:right;
	margin-left:10px;
	text-align:left;
	
}
label.berichtantwoordinvul {
	top:-4px;
}

p.button_links {
	float:left;
	margin:10px;
}
p.button_rechts {
	float:right;
	margin:10px;
}

label {
	position:relative;
	float:left;
	width:12em;
	margin-right:1em;
	top:0.2em;
}

label.box {
	display:block;
	margin-right:0px;
	margin-bottom:5px;
	width:14em;
}

label em {
	position:absolute;
	left:12em;
	top:0.2em;
}

label strong {
	display:block;
	color:#C00;
	text-transform:uppercase;
}

.boxfout {
	display:block;
	color:#C00;
	font-weight:bold;
}

a:link {
	color: #1C75BC;
	text-decoration:none;
}
a:visited {
	color: #1C75BC;
	text-decoration:none;
}
a:hover {
	color: #1C75BC;
	text-decoration:underline;
}
a:active {
	color: #1C75BC;
	text-decoration:none;
}

.lichtgrijs {color:#CCC;}

.donkerrood {color:#C00;}

.grey_t {color:#CCC;}

.wit a:link, .wit a:visited, .wit a:active {
	color: #FFFFFF;
	text-decoration:none;
	}

.wit a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	}

.zwart a:link, .zwart a:visited, .zwart a:active {
	color: #333333;
	text-decoration:none;
	}

.zwart a:hover {
	color: #333333;
	text-decoration:underline;
	}
	
.grijs a:link, .grijs a:visited, .grijs a:active {
	color:#666;
	text-decoration:none;
	}

.grijs a:hover {
	color: #666;
	text-decoration:underline;
	}
	
.blauw a:link, .blauw a:visited, .blauw a:active {
	color: #0066CC;
	text-decoration:none;
	}

.blauw a:hover {
	color: #0066CC;
	text-decoration:underline;
	}

.rood a:link, .rood a:visited, .rood a:active {
	color: #CC0000;
	text-decoration:none;
	}

.rood a:hover {
	color: #CC0000;
	text-decoration:underline;
	}

.oranje a:link, .oranje a:visited, .oranje a:active {
	color: #FF6600;
	text-decoration:none;
	}

.oranje a:hover {
	color: #FF6600;
	text-decoration:underline;
	}

.donkergroen a:link, .donkergroen a:visited, .donkergroen a:active {
	color: #006600;
	text-decoration:none;
	}

.donkergroen a:hover {
	color: #006600;
	text-decoration:underline;
	}

.groen a:link, .groen a:visited, .groen a:active {
	color: #339900;
	text-decoration:none;
	}

.groen a:hover {
	color: #339900;
	text-decoration:underline;
	}

.paars a:link, .paars a:visited, .paars a:active {
	color: #660066;
	text-decoration:none;
	}

.paars a:hover {
	color: #660066;
	text-decoration:underline;
	}
	
.roze a:link, .roze a:visited, .roze a:active {
	color: #CC0066;
	text-decoration:none;
	}

.roze a:hover {
	color: #CC0066;
	text-decoration:underline;
	}

label.fout_r{
	
}

#home_container {
	width:auto;
	min-height:250px;
	margin-top:25px;
	margin-left:25px;
	
	
	}

	#home_header {
		height:42px;
		margin-top:10px;
		}
	
		#home_header_logo {
			margin-top:50px;
			float:left;
			width:227px;
			height:18px;
			}
	
	#home_content {
		margin-top:10px;
		}
	
		
			
		#home_login {
			
			margin-top:5px;
			float:left;
			}

	#home_footer {
		}

#user_container {
	width:976px;
	min-height:580px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
	
	}

	#user_header {
		width:976px;
		height:25px;
		margin-top:5px;
		}

		#user_header_login {
			margin-right:10px;
			float:right;
			width:auto;
			}
		
			#user_header_login_naam {
				float:right;
				width:auto;
				}
				
			#user_header_login_autorisatiegroep {
				float:right;
				width:auto;
				}
			
			#user_header_login_uitloggen {
				float:right;
				width:auto;
				}
		
		#user_header_zoekbox {
				margin-top:4px;
				float:right;
				width:180px;
				padding: 0; 
				text-align:center;
			} 
		
		#user_header_zoekbox .formfield_zoek {
			margin:0;
			color:#999;
			
			}
		#user_header_zoekbox .button_zoek {
			margin:0px 0px -4px 0px;
			}
		
		#user_header_login .scheidingsteken {
			margin-left: 5px;
			margin-right:5px;
			color:#999999;
			float:right;
			}
			
	#user_school {
			margin-left:10px;
			margin-top:0px;
			float:left;
			width:auto;
		}

		#user_school_naam {
			color:#666;
			float:left;
			width:auto;
			text-align:left;
			}
			
				
		#user_school_naam_balk {
			margin-left:10px;
			margin-top:40px;
			font-size:36px;
			font-weight:bold;
			color:#FFF;
			float:left;
			width:auto;
			text-align:left;
			}
			
		#user_school_plaats {
			color:#666;
			float:left;
			width:auto;
			text-align:left;
			}
			
		#user_school_socialMedia {
		color:#666;
		float:left;
		width:auto;
		text-align:left;
		margin-top:-2px;
		}
		
		#user_school_plaats .scheidingsteken {
			margin-left: 5px;
			margin-right:5px;
			color:#999999;
			
			}
	
		#footer_attentie {
			float:left;
			width:151px;
			}
		
		#footer_helpdesk {
			float:right;
			margin-right:200px;
			}
		
		#footer_logo {
			float:right;
			}
	
	#user_school_banner {
		width:976px;
		height:150px;
		margin:0 0 1px 0;
		padding:0;
		background-position:left top;
		background-repeat:no-repeat;
		}
	
	#user_navigatie {
		width:976px;
		height:40px;
		
		}

		#user_navigatie_buttons {
			float:left;
			}
		
		
		
		#user_navigatie_buttons .button {
			margin-right:0px;
			float:left;
			width:122px;
			height:30px;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			color:#FFFFFF;
			padding-top:11px;
			
			}
		
		#user_navigatie_buttons .buttonx {
			margin-right:0px;
			float:left;
			width:122px;
			height:29px;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			color:#FFFFFF;
			padding-top:11px;
			border-bottom:1px #FFF;
			
			}
		
		#user_navigatie_buttons a:link {
			color: #FFFFFF;
			text-decoration:none;
			
			}
		#user_navigatie_buttons a:visited {
			color: #FFFFFF;
			text-decoration:none;
			}
		#user_navigatie_buttons a:hover {
			color: #FFFFFF;
			text-decoration:underline;
			}
		#user_navigatie_buttons a:active {
			color: #FFFFFF;
			text-decoration:none;
			}
		
		#user_navigatie_buttons .block {
			height:30px;
			display:block;
			outline: none;
			}
		
		#user_navigatie_buttons .attentie {
			position:relative;
			top:13px;
			left:55px;
			width:16px;
			height:16px;
			}
			
		#user_navigatie_buttons .module {
			position:relative;
			top:-16px;
			}
			
		#user_navigatie_buttons .module_uitgelogd {
			position:relative;
			top:-16px;
			color:#CCC;
			font-size:12px;
			font-weight:normal;
			}
		
		#user_navigatie_kleurbalk {
			width:976px;
			height:10px;
			float:left;
			margin-top:-2px;
			}
	
	#user_content_zoek {
		width:976px;
		min-height:400px;
		float:left;
		
		background-image:url(../dizos_backgrounds/background_content.png);
		background-repeat:repeat;
		}
		
		#user_content_zoek_titel {
			margin-top:10px;
			margin-left:10px;
			float:left;
			font-size:14px;
			font-weight:bold;
			color:#666;
			width:960px;
			}
		
		#user_content_zoek_titel .zoekargument {
			font-size:14px;
			font-weight:normal;
			color:#F00;
			}
			
		#user_content_zoek_resultaat {
			width:960px;
			margin-top:10px;
			margin-left:10px;
			margin-bottom:10px;
			clear:left;
			float:left;
			color:#666;
			}
			
		#user_content_zoek_resultaten {
			margin-top:0px;
			margin-left:10px;
			clear:left;
			float:left;
			width:960px;
			}
			
			#user_content_zoek_resultaten p {
				width:960px;
				float:left;
				clear:left;
				margin:3px;
			}
			
			#user_content_zoek_resultaten .link {
				font-weight:bold;
				margin:5px;
			}
			
			#user_content_zoek_resultaten a {
				text-decoration:underline;
				outline: none;
			}
			
			#user_content_zoek_resultaten a:hover {
				text-decoration:none;
			}
			
			.zoekbericht {
				color:white;
				background-color:#0066CC;
			}
			
			.zoeknieuws {
				color:white;
				background-color:#CC0000;
			}
			
			.zoekagenda {
				color:white;
				background-color:#FF6600;
			}
			
	#user_content_home {
		width:976px;
		height:500px;
		float:left;
		margin-top:-7px;
		background-position:top center;
		
		}
		
	#user_content_home_modulebanner {
		float:left;
		margin-right:1px;
		width:121px;
		height:72px;
	}
	
	#user_content {
		width:976px;
		float:left;
		margin-top:0px;
		min-height:400px;
		
		}
		
		#user_content_menu {
		width:200px;
		min-height:400px;
		float:left;
		
		}
		
			#user_content_menu_titel {
			margin-top:10px;
			margin-left:10px;
			width:200px;
			float:left;
			font-size:16px;
			font-weight:bold;
			}
		
			#user_content_menu_functies {
			width:200px;
			min-height: 150px;
			float:left;
			padding-bottom:100px;
			}
			
					
			#user_content_menu_functies ul {
				list-style-type:none;
				padding-left:0px;
			}
			
			#user_content_menu_functies li.normaal {
				padding:3px 3px 3px 10px;
				
			}
			
			#user_content_menu_functies li.normaal2 {
				margin-left:25px;
				padding:3px 3px 3px 10px;
				
			}
			
			#user_content_menu_functies li.normaal3 {
				margin-left:50px;
				padding:3px 3px 3px 10px;
				
			}
			
			#user_content_menu_functies li.selectie {
				background-color:#757575;
				padding:3px 3px 3px 10px;
				color:#FFFFFF;
			}
			
			#user_content_menu_functies li.selectie a:link {
				color: #FFFFFF;
				text-decoration:none;
				}
			
			#user_content_menu_functies li.selectie a:visited {
				color: #FFFFFF;
				text-decoration:none;
				}
			#user_content_menu_functies li.selectie a:hover {
				color: #FFFFFF;
				text-decoration:underline;
				}
			#user_content_menu_functies li.selectie a:active {
				color: #FFFFFF;
				text-decoration:none;
				}
				
			#user_content_menu_functies li.selectie2 {
				background-color:#858585;
				margin-left:25px;
				padding:3px 3px 3px 10px;
				color:#FFFFFF;
			}
			
			#user_content_menu_functies li.selectie2 a:link {
				color: #FFFFFF;
				text-decoration:none;
				}
			
			#user_content_menu_functies li.selectie2 a:visited {
				color: #FFFFFF;
				text-decoration:none;
				}
			#user_content_menu_functies li.selectie2 a:hover {
				color: #FFFFFF;
				text-decoration:underline;
				}
			#user_content_menu_functies li.selectie2 a:active {
				color: #FFFFFF;
				text-decoration:none;
				}
				
			#user_content_menu_functies li.selectie3 {
				background-color:#959595;
				margin-left:50px;
				padding:3px 3px 3px 10px;
				color: #FFFFFF;
				
			}
			
			#user_content_menu_functies li.selectie3 a:link {
				color: #FFFFFF;
				text-decoration:none;
				}
			
			#user_content_menu_functies li.selectie3 a:visited {
				color: #FFFFFF;
				text-decoration:none;
				}
			#user_content_menu_functies li.selectie3 a:hover {
				color: #FFFFFF;
				text-decoration:underline;
				}
			#user_content_menu_functies li.selectie3 a:active {
				color: #FFFFFF;
				text-decoration:none;
				}
			
			#user_content_menu_module {
				clear:left;
				float:left;
				left:10px;
				bottom:10px;
				width:100px;
				height:105px;
			}
			
		#user_content_data {
			min-height:400px;
			width:776px;
			float:right;
			}
		
		#user_content_data_links {
			
			float:left;
			width:496px;
			}
			
		#user_content_data_rechts {
			float:left;
			width:270px;
			margin-right:10px;
			}
		
		#user_content_data_header {
			
			margin-top:10px;
			margin-left:10px;
			
			}
		
			#user_content_data_header_functieomschrijving {
				float:left;
				font-size:16px;
				font-weight:bold;
				
				}
				
			#user_content_data_header_instructie {
			clear:left;
			float:left;
			text-align:left;
			margin-top:10px;
			}
		
		#user_content_data_main {
			clear:left;
			float:left;
			margin-top:10px;
			margin-left:10px;
			}
			
		#user_content_data_main_buttons {
			float:right;
			margin-left:10px;
			}
			
		#user_content_data_extra_buttons {
				float:left;
				margin-right:10px;
				}
		
		#user_content_data_imagefunctie {
				float:left;
				margin-right:10px;
				}
		
		#user_content_data_titel {
				float:left;
				
				margin-left:10px;
				text-align:left;
				font-size:14px;
				font-weight:bold;
				}
		
		#user_content_data_main_zoek {
				float:left;
				margin-bottom:10px;
				}
		
		#user_content_data_main_selectie {
				float:left;
				margin-bottom:10px;
				}
		
		#user_content_data_main_paragraaf {
				float:left;
				width:496px;
				margin-top:10px;
				margin-left:10px;
		}
		
		#paragraaf_persoon {
				float:left;
				width:496px;
				margin-top:5px;
				padding-top:5px;
				border-top:#CCC solid 1px;
				
		}
		
		#paragraaf_persoon_pasfoto {
				float:left;
				width:135px;
				min-height:135px;
				padding:0;
				margin:0;
				
				
		}
		
		#paragraaf_persoon_pasfoto img {
			border:1px solid #000;
			
			
		}
		
		#paragraaf_persoon_functies {
				float:left;
				width:170px;
				min-height:140px;
				margin-left:5px;
				border-left:#CCC solid 1px;
		}
		
		#paragraaf_persoon_functies ul {
				margin:0;
				padding-left:15px;
		}
		
		#paragraaf_persoon_persoonlijk {
				float:left;
				width:170px;
				min-height:140px;
				margin-left:5px;
				padding-left:5px;
				
		}
		
		#user_content_data_main_paragraaf p.tekst_zonder_foto {
				margin: 0 0 10px 0;
				padding: 0;
				
		}
		
		#user_content_data_main_paragraaf p.tekst_links {
				margin: 0 0 10px 0;
				
				
		}
		
		#user_content_data_main_paragraaf p.tekst_rechts {
				margin: 0 0 10px 0;
				
				
		}
		
		#user_content_data_main_paragraaf p.titel_links {
				text-align:left;
				font-weight:bold;
				margin-bottom: 10px;
				
				
		}
		
		#user_content_data_main_paragraaf p.titel_rechts {
				text-align:right;
				font-weight:bold;
				margin-bottom: 10px;
				
				
		}
		
		img.foto_links {
			float:left;
			padding:4px;
			border:1px solid #CCC;
			background-color:#FFF;
			margin: 0px 15px 15px 0px;
			max-width:310px;
			
		}
		
		img.foto_rechts {
			float:right;
			padding:4px;
			border:1px solid #CCC;
			background-color:#FFF;
			margin: 0px 0px 15px 15px;
			max-width:310px;
			
		}
		
		img.foto_boven {
			float:left;
			padding:4px;
			border:1px solid #CCC;
			background-color:#FFF;
			margin: 0px 0px 15px 0px;
			
		}
		
		img.foto_onder {
			float:left;
			padding:4px;
			border:1px solid #CCC;
			background-color:#FFF;
			margin: 0px 0px 15px 0px;
		}
		
		#user_content_data_main_paragraaf_extra {
				float:right;
				margin-right:10px;
				min-width:225px;
				min-height:450px;
				background-position:center top;
				background-repeat:no-repeat;
		}
		
		#ucdl_agd_overzicht {
			
			float:left;
			width:576px;
			}
			
		#ucdr_agd_overzicht {
			float:right;
			width:190px;
			margin-right:5px;
			margin-top:0px;
			}
			
		#ucdr_agd_overzicht .groen {
				color:#39B54A;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_overzicht .rood {
				color:#C00;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_overzicht .paars {
				color:#7F3F98;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_overzicht .roze {
				color:#EC008C;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_overzicht .mokka {
				color:#CC6600;
				font-size:14px;
				font-weight:bold;
			}
		
		#ucdl_agd_kalender {
			
			float:left;
			width:576px;
			}
			
		#ucdr_agd_kalender {
			float:right;
			width:190px;
			margin-right:5px;
			margin-top:90px;
			}
			
			#ucdr_agd_kalender .groen {
				color:#39B54A;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_kalender .rood {
				color:#C00;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_kalender .paars {
				color:#7F3F98;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_kalender .roze {
				color:#EC008C;
				font-size:14px;
				font-weight:bold;
			}
			
			#ucdr_agd_kalender .mokka {
				color:#CC6600;
				font-size:14px;
				font-weight:bold;
			}
		
		#ucdm_agd_kalender_maanden	{
			float:left;
			width:550px;
			
			background-color:#FFFFFF;
			border:#999 1px solid;
			margin-bottom:5px;
		}
		
			#ucdm_agd_kalender_maanden .maand {
				float:left;
				width:42px;
				height:30px;
				background-color:#FFFFFF;
				margin-left:0px;
				margin-right:3px;
				text-align:center;
				border:none;
			}
			
			#ucdm_agd_kalender_maanden .maand_select {
				float:left;
				width:42px;
				height:30px;
				background-color:#F60;
				color:#FFF;
				margin-left:0px;
				margin-right:3px;
				text-align:center;
				border:none;
			}
		
		#ucdm_agd_kalender_dag {
			width:108px;
			height:128px;
			float:left;
			background-image:url(../dizos_backgrounds/dizos_bg_kalenderdag.png);
		}
		
			#ucdm_agd_kalender_dag p {
				width:108px;
				margin:0;
				padding:0;
				text-align:center;
			}
			
			#ucdm_agd_kalender_dag p.big24{
				font-size:24px;
				font-weight:bold;
				margin-top:10px;
			}
			#ucdm_agd_kalender_dag p.big16{
				font-size:16px;
				font-weight:bold;
				margin-top:5px;
				margin-bottom:10px;
			}
			
		#ucdm_agd_kalender_dagnamen	{
			float:left;
			width:555px;
			height:20px;
			margin-bottom:2px;
		}
		
			#ucdm_agd_kalender_dagnamen .dagnaam	{
			float:left;
			width:75px;
			height:18px;
			margin-right:2px;
			text-align:center;
			color:#999;
			border:#999 1px solid;
			background-color:#EBEBEB;
		}
		
		#ucdm_agd_kalender_data {
			float:left;
			width:555px;
			min-height:395px;
			padding-bottom:5px;
		}
		
			#ucdm_agd_kalender_data p {
				margin:0;
				padding:0;
				text-align:center;
			}
			
			#ucdm_agd_kalender_data_blanko	{
				float:left;
				width:77px;
				height:77px;
				background:none;
				margin-right:2px;
				margin-bottom:2px;
			}
			
			#ucdm_agd_kalender_data_datum	{
				float:left;
				width:75px;
				height:75px;
				border:#999 1px solid;
				margin-right:2px;
				margin-bottom:2px;
			}
			
				#ucdm_agd_kalender_data_datum.voorbij_normaal	{
					background-color:#EBEBEB;
					color:#EBEBEB;
				}
				
				#ucdm_agd_kalender_data_datum.normaal	{
					background-color:#EBEBEB;
					color:#999;
				}
				
				#ucdm_agd_kalender_data_datum.voorbij_weekend	{
					background-color:#CCC;
					color:#CCC;
				}
				
				#ucdm_agd_kalender_data_datum.weekend	{
					background-color:#CCC;
					color:#999;
				}
				
				#ucdm_agd_kalender_data_datum.activiteit	{
					background-color:#F60;
					color:#FFF;
					font-weight:bold;
				}
				
				#ucdm_agd_kalender_data_datum.oudergesprek	{
					background-color:#006600;
					color:#FFF;
					font-weight:bold;
				}
				
				#ucdm_agd_kalender_data_datum.vakantie	{
					background-color:#FFD7AE;
					color:#999;
					font-weight:bold;
				}
				
				#ucdm_agd_kalender_data_datum .dagbig	{
					font-size:15px;
				}
				
				#ucdm_agd_kalender_attention {
					width:18px;
					height:18px;
					margin-left:26px;
					margin-top:2px;
					margin-bottom:8px;
				}					
				
				#ucdm_agd_kalender_kinderen {
					clear:left;
					float:left;		
					margin-left:3px;
					margin-top:3px;
				}
				
				#ucdm_agd_postit_kinderen {
					clear:none;
					float:right;		
					margin-right:5px;
					margin-top:10px;
				}
				
					#ucdm_agd_kalender_kind {
						float:left;
						width:10px;
						height:10px;
						border:#FFF 1px solid;
						margin-right:2px;
						
					}
					
						#ucdm_agd_kalender_kind.groen {
							background-color:#39B54A;
						}
						
						#ucdm_agd_kalender_kind.rood {
							background-color:#C00;
						}
						
						#ucdm_agd_kalender_kind.paars {
							background-color:#7F3F98;
						}
						
						#ucdm_agd_kalender_kind.roze {
							background-color:#EC008C;
						}
						
						#ucdm_agd_kalender_kind.mokka {
							background-color:#CC6600;
						}
		
		#bericht_container {
			width:725px;
		}
		
			#bericht_links {
				width: 166px;
				float:left;
				margin-right:10px;
			}
			
				#bericht_links_relevantvoor {
				}
				
				#bericht_links_betreftgroepen {
				}
				
			#bericht_midden {
				width: 360px;
				float:left;
				
			}
			
				#bericht_midden_header {
					
					margin-bottom:20px;
				}
					#bericht_midden_header_afzender {
						float:left;
						clear:left;
						width:auto;
						
						margin-right:10px;
						margin-top:20px;
						border-top:1px solid;
					}
					
					#bericht_midden_header_datum {
						float:left;
						width:auto;
						margin-right:10px;
					}
					#bericht_midden_header_tijd {
						float:left;
						width:auto;
						
					}
				
				#bericht_midden_titel {
					float:left;
					clear:left;
					margin-top:10px;
					margin-bottom:10px;
					text-align:left;
					font-size:14px;
					font-weight:bold;
				}
				
				#bericht_midden_detail {
					float:left;
					clear:left;
				}
				
				#bericht_midden_foto {
					float:left;
					clear:left;
					margin-top:15px;
					
				}
				
				
				
			#bericht_rechts {
				width: 166px;
				float:right;
			}
			
				#bericht_rechts_afbeeldingen {
				}
				
				#bericht_rechts_documenten {
				}
				
				#bericht_rechts_weblinks {
				}
					
		#geadresseerden_container {
			
		}
		
			#geadresseerden_links {
				width: 366px;
				float:left;
				
			}
			
				#geadresseerden_links_groep {
				}
				
			#geadresseerden_rechts {
				width: 366px;
				float:left;
				
			}
				#geadresseerden_rechts_algemeen {
				}
	
	#algemeen_nivo_1 {
		width:100%;
		height:26px;
		float:right;
		background-color:#666;
		font-weight:bold;
		color:#FFF;
		text-align:left;
		padding:3px;
		margin-bottom:1px;
	}
	#algemeen_nivo_1_add {
		width:100%;
		float:right;
		background-color:#666;
		text-align:left;
		padding:3px;
		margin-bottom:1px;
	}
	
	#algemeen_nivo_2 {
		width:88%;
		height:26px;
		float:right;
		background-color:#999;
		color:#FFF;
		text-align:left;
		padding:3px;
		margin-bottom:1px;
	}
	#algemeen_nivo_2_add {
		width:88%;
		float:right;
		background-color:#999;
		text-align:left;
		padding:3px;
		margin-bottom:1px;
	}
	
	#algemeen_nivo_3 {
		width:76%;
		height:26px;
		float:right;
		background-color:#CCC;
		color:#333;
		text-align:left;
		padding:3px;
		margin-bottom:1px;
	}
	#algemeen_nivo_3_add {
		width:76%;
		float:right;
		background-color:#CCC;
		text-align:left;
		padding:3px;
		margin-bottom:1px;
	}
	
	#algemeen_paragraaf {
		width:96%;
		height:26px;
		float:left;
		text-align:left;
		padding:3px;
		margin:3px 3px 0px 6px;
	}
	
	#algemeen_nivo_image_down {
		float:left;
		width:24px;
		height:24px;
		margin-right:5px;
	}
	
	#algemeen_nivo_rang {
		float:left;
		width:auto;
		margin-left:5px;
		margin-right:5px;
		height:24px;
	}
	
	#algemeen_nivo_image_update {
		float:left;
		width:24px;
		height:24px;
		margin-right:5px;
	}
	
	#algemeen_nivo_content {
		margin-top:5px;
		float:left;
		width:auto;
	}
	
	#algemeen_nivo_image_delete {
		float:left;
		width:24px;
		height:24px;
	}
	
	#user_footer {
		padding:10px 0px 10px 0px;
		
		width:976px;
		float:left;
		color:#999999;
		font-size:10px;
		text-align:center;
		
		}
		
	#user_footer_module {
		float:left;
		width:100px;
		height:105px;
		
		}
	
	
	
	#user_footer_tekst {
		
		
		}
	
	#user_footer a:link, #user_footer a:visited, #user_footer a:active {
	color: #999999;
	text-decoration:none;
	}

	#user_footer a:hover {
	color: #999999;
	text-decoration:underline;
	}
	
	#user_footer .scheidingsteken {
			margin-left: 5px;
			margin-right:5px;
			color:#999999;
			
			}
	
	#infobutton {
				float:right;
				width:20px;
				margin-top:-4px;
				margin-right:20px;
				margin-left:10px;
			}
	
	#functieomschrijving {
				float:left;
				font-size:16px;
				font-weight:bold;
				
				}
	
	#algemeen {
				float:left;
				font-size:16px;
				font-weight:bold;
				color:#666;
				}
				
	#verjaardagen {
				float:left;
				font-size:16px;
				font-weight:bold;
				color:#F60;
				}
				
	#prikbord {
				float:left;
				font-size:16px;
				font-weight:bold;
				color:#0066CC;
				}
	
	#oudergesprek_planning_groepen {
				float:left;
				padding:0;
	}
		
		#oudergesprek_planning_groepen_links {
				float:left;
				width:300px;
				margin:0;
				padding:0;
		}
		
		#oudergesprek_planning_groepen_rechts {
				float:right;
				width:400px;
		}
	
	#oudergesprek_datatijden {
		width:366px;	
		
	}

		#oudergesprek_datatijden fieldset {
			width:366px;	
			min-height:225px;
		}
	
	#oudergesprek_handmatigreserveren {
		float:left;
		width: 360px;
		
	}
		#oudergesprek_handmatigreserveren fieldset {
			width:360px;	
			min-height:225px;
		}
		
	#schoolfoto_links {
		width:366px;	
		
	}

		#schoolfoto_links fieldset {
			width:366px;	
			min-height:225px;
		}
	
	#schoolfoto_rechts {
		float:left;
		width: 360px;
		
	}
		#schoolfoto_rechts fieldset {
			width:360px;	
			min-height:225px;
		}
	
	#postit_container {
		width:580px;
		float:left;
		clear:left;
	}
	
		#postit {
					float:left;
					width:175px;
					height:174px;
					margin-top:10px;
					
					margin-left:10px;
					background-image:url(../dizos_backgrounds/dizos_bg_postit_175x174.png);
					background-repeat:no-repeat;
					text-align:left;
					
					}
		
			#postit_symbool {
				width:24px;
				height:24px;
				float:left;
				margin:5px 0px 5px 15px;
			}
			
			#postit_bericht {
				float:left;
				clear:left;
				margin:0px 10px 0px 15px;;
			}
				
				#postit_bericht p {
					text-align:left;
					margin:0px 0px 5px 0px;
				}
				
				#postit_bericht p.titel {
					font-size:14px;
					font-weight:bold;
				}
				
				#postit_bericht p.datum {
					font-size:12px;
					font-weight:bold;
				}
				
				#postit_bericht p.tijd {
					font-size:12x;
					font-weight:normal;
				}
		
	#datbedoelik {
		margin-top:75px;
		margin-left:150px;
		width:300px;
		height:220px;
		float:left;
		background-image:url(../dizos_backgrounds/dizos_bg_datbedoelik.png);
		background-repeat:no-repeat;
	}
	
	#datbedoelik p {
		margin:0;
		padding:10px;
		text-align:right;
	}
	
		#datbedoelik_top {
					margin:0;
					width:300px;
					height:50px;
					float:left;
					text-align:right;
					font-size:13px;
					font-weight:bold;
					color:#FFF;
					}
		
		#datbedoelik_midden {
					margin:0;
					width:300px;
					height:79px;
					float:left;
					text-align:right;
					font-size:12px;
					font-weight:normal;
					color:#666;
		}
		
		#datbedoelik_bodem {
					margin-top:15px;
					width:300px;
					height:50px;
					float:left;
					text-align:right;
					font-size:22px;
					font-weight:normal;
					color:#666;
		}
		
		#datbedoelik_groep {
					margin-right:5px;
					width:25px;
					height:47px;
					float:right;
					text-align:center;
					font-size:22px;
					font-weight:normal;
					line-height:22px;
					color:#999;
					}
		
		
			
				
		
	
	
/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	
	margin-left: 10px;
	padding: 0px;
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	
	
	font-size:16px;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	clear:left;
	float:left;
	text-align:left;
	margin-top:10px;
	outline: none;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	text-decoration: none;
	outline: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	outline: none;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
	outline: none;
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	outline: none;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	outline: none;
}