@CHARSET "ISO-8859-1";

/*

content

font: Arial, 11px
line-height: 16px;
color: #5a5a5c

h1

font-size: 14px;
font-weight: bold;
color: #e85425

h2

font-size: 12px;
font-weight: bold;
color: #5a5a5c

Oranje blok opzij

color: #e85425
line-height: 20px;

*/

/*******( Style reset )***********/

	body,td,th,a,h1,h2,h3,h4,p,ul,li,hr,form,input,hr,label, img {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration:none;
		}

/*******( Helpers )***************/

	.spacer {
		clear: both;
		}

	.kader {
		border: 1px solid #768799;
		background-color: #fff;
		padding: 2px;
		}

/*******( Typography )************/

	body, input, select, textarea, td, th {
		font-family: arial;
		font-size: 11px;
		color: #5a5a5c;
		}
		
	body {
		line-height: 1.5em;
		}
	
	h1, h2, h3, h4 {
		line-height: 1em;
		}

	h1 {
		font-size: 22px;
		color: #e85425;
		margin-bottom: 8px;
		margin-top: 8px;
		}

	h2 {
		font-size: 20px;
		color: #5a5a5c;
		}

	h4.datum {
		background: url(/img/h4_datum_bg.png) no-repeat left;
		height: 20px;
		line-height: 20px;
		padding-left: 4px;
		color: #fff;
		margin-bottom: 6px;
		font-size: 11px;
		font-weight: normal;
		}

/*******( Structure )*************/

	html {
		width: 100%;
		height: 100%;
		}
	body {
		margin: 0px;
		background: #fff url(/img/bg_fill.jpg) repeat-y center;
		text-align: center;
		width: 100%;
		height: 100%;
		}
	input.textfield {
		border: 1px solid #E85425;
		}
	input[type=file] {
		width: auto !important;
		}
		#bg {
			position: absolute;
			left: 0;
			top: 0;
			background: #fff url(/img/bg.jpg) no-repeat top center;
			width: 100%;
			height: 1020px;
			}
		#wrapper {
			text-align: left;
			width: 952px;
			position: relative;
			margin: 0 auto;
			}
			#container {
				}
				#header {
					height: 232px;
					width: 952px;
					background: url(/img/header_bg.jpg) no-repeat right;
					position: relative;
					}
					a#logo_attendiz {
					    position: absolute;
					    left: 6px;
					    top: 10px;
					    }
					#headermenu {
						position: absolute;
						left: 295px;
						top: 190px;
						}
					#login {
						position: absolute;
						left: 550px;
						top: 100px;
						background: url(/img/white_trans.png);
						height: 100px;
						width: 200px;
						}
						#login h2 {
								margin: 5px 10px;
								color: #e85425;
								font-size: 14px;
								}
						#login p {
							margin-bottom: 4px;
							margin-left: 10px;
							}
							#login label {
								width: 80px;
								float: left;
								line-height: 20px;
								font-weight: bold;
								}
							#login input.text {
								float: left;
								width: 100px;
								height: 20px;
								}
							#login a {
								float: left;
								color: #555;
								}
							#login input.submit {
								float: right;
								margin-right: 10px;
								}
				#main {
					width: 810px;
					float: left;
					margin-right: 10px;
					margin-left: 10px;
					}
					#menu {
						}
					#left {
						width: 230px;
						float: left;
						margin-right: 30px;
						text-align: right;
						line-height: 22px;
						}
					#content {
						width: 540px;
						float: left;
						}
				#side {
					width: 111px;
					float: left;
					}
				#content ul.Images {
					margin: 0;
					padding: 0;
					}
				#content ul.Images li {
					list-style-type: none;
					float: left;
					padding: 0;
					margin: 0 10px 10px 0;
					}

/*******( Headermenu )************/

	#headermenu {
		font-size: 13px;
		}
		#headermenu ul {
			}
			#headermenu li {
				position: relative;
				width: 85px;
				height: 18px;
				display: block;
				float: left;
				background: url(/img/headermenu_sprite.gif);
				background-repeat: no-repeat;
				margin: 0px 5px;
				}
				#headermenu a.mainitem {
					display: block;
					text-indent: -3000px;
					}
					#headermenu li.itemcontainer_home {
						background-position: 0px -128px;
						width: 32px;
						}
					#headermenu li.itemcontainer_contact {
						background-position: 0px -144px;
						width: 42px;
						}
					#headermenu li.itemcontainer_inloggen {
						background-position: 0px -160px;
						width: 48px;
						}
					#headermenu li.itemcontainer_registreren {
						background-position: 0px -176px;
						width: 66px;
						}

/*******( Menu )******************/

	#menu {
		font-size: 13px;
		font-weight: bold;
		margin: 10px 0px 20px 0px;
		}
		#menu ul {
			}
			#menu li {
				position: relative;
				width: 85px;
				height: 18px;
				display: block;
				float: left;
				background: url(/img/menu_sprite.gif);
				background-repeat: no-repeat;
				margin: 0px 5px;
				}
				#menu a {
					color: #5a5a5c;
					font-weight: bold;
					margin: 0px 8px;
					}
					#menu a.mainitem {
						display: block;
						text-indent: -3000px;
						}
						#menu li.itemcontainer_algemeen {
							background-position: 0px 0px;
							width: 60px;
							}
						#menu li.itemcontainer_ouders {
							background-position: 0px -16px;
							width: 43px;
							}
						#menu li.itemcontainer_missie_en_visie {
							background-position: 0px -32px;
							width: 80px;
							}
						#menu li.itemcontainer_doelgroep {
							background-position: 0px -48px;
							width: 58px;
							}
						#menu li.itemcontainer_onderwijs {
							background-position: 0px -64px;
							width: 58px;
							}
						#menu li.itemcontainer_kwaliteitsbeleid {
							background-position: 0px -80px;
							width: 85px;
							}
						#menu li.itemcontainer_vestigingen {
							background-position: 0px -96px;
							width: 64px;
							}
						#menu li.itemcontainer_personeel {
							background-position: 0px -112px;
							width: 60px;
							}
					#menu li.split {
						display: block;
						float: left;
						height: 18px;
						line-height: 18px;
						width: 5px;
						background: none;
						}
				#menu .submenu_container {
					position: absolute;
					top: 14px;
					left: -15px;
					background-color: #fff;
					padding: 5px;
					z-index: 10;
					width: auto;
					}
					#menu .submenu_container a {
						font-size: 11px;
						display: block;
						margin-left: 10px;
						padding: 0;
						}

/*******( Submenu )******************/

	#submenu {
		margin-top: 7px;
		font-size: 20px;
		font-weight: bold;
		list-style-type: none;
		height: 32px;
		color: #E85425;
		}
		#submenu a {
			color: #E85425;
			}
		#submenu dd, #submenu dt {
			float: left;
			}
		#submenu dt {
			margin-right: 20px;
			}
		#submenu dd {
			margin-left: 20px;
			padding-right: 20px;
			border-right: 2px solid #E85425;
			}
			#submenu dd.last {
				border-right: 0;
				padding-right: 0;
				}
			
/*******( Left )******************/

	#left {
		text-align: right;
		color: #e85425;
		}
		#left a {
			color: #e85425; 
			}
			#left a:hover {
				text-decoration: underline; 
				}

/*******( Content )***************/

	.home img {
		margin-top: 10px;
		}

	#content .kolommen {
		margin-top: 20px;
		}
		#content .kolom {
			width: 260px;
			float: left;
			}
			#content .kolom1 {
				margin-right: 20px;
				}

	#content a {
		color: #e85425; 
		}
		#content a:hover {
			text-decoration: underline; 
			}
	#content ul {
		margin-left: 15px;
		margin-bottom: 15px;
		}
		#content li {
			list-style-type: disc;
			}

	#content tr {	
	    vertical-align: top;
	    }
	#content th {
	    text-align: left;
	    }

/*******( Side )******************/
	
	#side {
		font-size: 11px;
		margin-top: 14px;
		}
		#side .blok {
			margin-bottom: 20px;
			}
			#side h2 {
				border-top: 1px solid #5a5a5c;
				padding-top: 4px;
				color: #e85425;
				font-weight: bold;
				font-size: 12px;
				margin-bottom: 4px;
				}
			#side a {
				color: #5a5a5c;
				}
				#side a:hover {
					color: #000;
					}
			#side ul {
				margin-left: 15px;
				}
				#side li {
					list-style-type: circle;
					}
/*******( sIFR )*****************

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

	.sIFR-replaced {
		visibility: visible !important;
		z-index: 4;
		}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
		}

	.sIFR-hasFlash #left h1 {
		visibility: hidden;
		}
	.sIFR-hasFlash #content h1 {
		visibility: hidden;
		}
	.sIFR-hasFlash #content h2 {
		visibility: hidden;
		font-weight: bold;
		letter-spacing: -2px;
		}
	.sIFR-hasFlash #side h2 {
		visibility: hidden;
		font-weight: bold;
		letter-spacing: -2px;
		}
*/
::-moz-selection{
	background: #E85426;
	color: #fff;
	}

::selection {
	background: #E85426;
	color: #fff;
	}

	.besloten_side {
		background: url(/img/besloten_side_bg.jpg) no-repeat top;
		height: 500px;
		color: #5A5A5C;
		font-weight: bold;
		}		
		.besloten_side .inner {
			padding: 40px 12px;
			}
			.besloten_side .titel {
				border-bottom: 1px solid #5A5A5C;
				border-top: 1px solid #5A5A5C;
				margin: 5px 0px;
				}
			#left .besloten_side a {
				color: #5A5A5C;
				}
				#left .besloten_side a:hover {
					color: #000;
					text-decoration: none;
					}
		.besloten_side h2 {
			font-size: 20px;
			letter-spacing: -2px;
			}
		.beslotenmenu {
			padding: 4px 0px;
			border-bottom: 1px solid #5A5A5C;
			}

			
    /****( Notities )**********************************/
    #notities {
		margin-top: 20px;
		}
		#notities table {
			margin-top: 20px;
			}
			#notities table th {
				background-color: #414141;
				color: #fff;
				text-align: left;
				font-size: 9pt;
				padding: 2px 10px;
				}
				#notities table th.datum {
					}
				#notities table th.auteur {
					}
				#notities table th.titel {
					}
				
			#notities table tr.comment_row td {
				background-color: #545454;
				color: #fff;
				padding: 2px 10px;
				}
				#notities table tr.hover td {
					background-color: #656565;
					cursor: pointer;
					}
			#notities table tr.comment_row_content td {
				background-color: #d2d2d2;
				color: #414141;
				}
				#notities table tr.comment_row_content td div.comment_files {
					float: right;
					width: 180px;
					margin-left: 10px;
					margin-bottom: 10px;
					background-color: #656565;
					color: #fff;
					padding: 10px;
					}
					#notities table tr.comment_row_content td div.comment_files a {
						color: #fff;
						}
					#notities table tr.comment_row_content td div.comment_files strong {
						display: block;
						margin-bottom: 5px;
						}
				#notities table tr.comment_row_content td div.comment_content {
					padding: 10px;				
					}
					
    /****( Notities Form )******************************/
	form#comment_form {
		margin-top: 20px;
		background-color: #d2d2d2;
		padding-bottom: 10px;
		position: relative;
		height: 190px;
		}
		form#comment_form h3 {
			background-color: #7f7f7f;
			color: #fff;
			padding: 4px;
			padding-left: 10px;
			position: relative;
			margin-bottom: 10px;
			}
			form#comment_form h3 span {
				display: block;
				position: absolute;
				right: 10px;
				top: 4px;
				color: #fff;
				}
				form#comment_form h3 span a {
					color: #fff;
					}
		form#comment_form p {
			margin: 0;
			padding: 0;
			margin-bottom: 4px;
			padding-left: 10px;
			}
		form#comment_form label {
			display: block;
			float: left;
			width: 120px;
			}
		form#comment_form input.text, form#comment_form textarea {
			background-color: #fff;
			width: 200px;
			}
		form#comment_form textarea {
			width: 200px;
			height: 100px;
			border: 0;
			}
		/*
		form#comment_form p#comment_content_p {
			position: absolute;
			right: 10px;
			top: 35px;
			}
			form#comment_form p#comment_content_p label {
				width: 40px;
				}
				*/