/* --<<[[ AANPASSING !!! VOLZET !!! ]]>>-- */
#animation{
	height:						210px !important;
}
#animation #actueel{
	height:						240px !important;
	padding:					5px 0px 5px 20px !important;
	
}
#animation #actueel ul{
	padding:					0 0 10px 20px;
}
#animation #actueel ul li{
	background:					url(../../images/layout/bullet.gif) 2px 10px no-repeat;
	font-size:					11px;
	line-height:				14px;
	padding:					0 0 0 10px;
}
/* --<<[[ AANPASSING !!! VOLZET !!! ]]>>-- */

@charset "utf-8";

html,
body{
	background:					#ffffff none;
	margin:						0;
	padding:					0;
}
a{
	color:						#cc0000;
	text-decoration:			none;
}
a img{
	border:						0px none;
	font-size:					0%;
	line-height:				0%;
}
ul,
ul li{
	font-size:					0%;
	line-height:				0%;
	list-style-type:			none;
	margin:						0;
	padding:					0;
}
hr{
	border:						0px none;
	border-top:					1px solid #cccccc;
	height:						0;
	margin:						0;
	padding:					5px 0 10px 0;
	size:						0;
}
table{
	border:						0px none;
	border-collapse:			collapse;
	width:						auto;
}
table tr th,
table tr td{
	vertical-align:				top;
}
.clear{
	clear:						both;
}
.print{
	display:					none;
	visibility:					hidden;
}

#container{
	border-top:					5px solid #f0f0f0;
	color:						#333333;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	margin:						0 auto;
	padding:					0;
	width:						780px;
}

#header{
	overflow:					auto;
}
#header #logo,
#header #navigation{
	display:					block;
	float:						left;
	padding:					10px 0;
}
#header #logo{
	margin:						40px 0 0 0;
	width:						490px;
}
#header #logo a{
	outline:					none;
}
#header #navigation ul{
	display:					block;
	float:						left;
	min-width:					120px;
}
#header #navigation ul#nav_left{
	margin:						0 10px 0 0;
}
#header #navigation ul li a{
	background:					#ffffff;
	border-bottom:				1px solid #f0f0f0;
	color:						#333333;
	display:					block;
	font-size:					11px;
	line-height:				11px;
	outline:					none;
	padding:					4px 5px 4px 10px;
	text-decoration:			none;
	width:						125px;
}
#header #navigation ul li.last a{
	border-bottom:				1px solid #ffffff;
}
#header #navigation ul li a:hover{
	color:						#cc0000;
}
#header #navigation ul li a.active{
	background:					#cc0000 !important;
	border-bottom:				1px solid #e68080 !important;
	color:						#ffffff !important;
}

#animation #showcase,
#animation #actueel{
	display:					block;
	float:						left;
}
#animation #showcase{
	background:					#aaaaaa;
	height:						210px;
	margin:						0 10px 0 0;
	overflow:					hidden;
	padding:					0;
	width:						480px;
}
#animation #actueel{
	background:					#f0f0f0;
	height:						190px;
	padding:					15px 0px 5px 20px;
	width:						270px;
}
#animation #actueel ul li a{
	background:					url(../../images/layout/bullet.gif) 1px 11px no-repeat;
	color:						#333333;
	display:					block;
	font-size:					10px;
	line-height:				12px;
	outline:					none;
	padding:					5px 10px;
	text-decoration:			none;
}
#animation #actueel ul li a:hover{
	color:						#cc0000;
}
#content_wrapper{
	line-height:				18px;
	min-height:					220px;
	padding:					15px 0;
	position:					relative;
}
#content_wrapper a:hover{
	background:					#cc0000;
	color:						#ffffff;
}
#content_wrapper a.blanco{
	background:					none !important;
	color:						#333333;
}
#content_wrapper a.pdf{
	background-image:			url(../../images/layout/icon_pdf.gif);
	background-position:		right center;
	background-repeat:			no-repeat;
	padding:					0 14px 0 0;
}
#content_wrapper p{
	margin:						0;
	padding:					0 0 10px 0;
}
#content_wrapper ul{
	padding:					0 0 10px 20px;
}
#content_wrapper ul li{
	background:					url(../../images/layout/bullet.gif) 2px 9px no-repeat;
	font-size:					11px;
	line-height:				18px;
	padding:					0 0 0 10px;
}
#content_wrapper ul.leeg li{
	background:					none !important;
}
#content_wrapper ol{
	padding:					0 0 10px 20px;
}
#content_wrapper ol li{
	padding:					0 0 0 10px;
}

#content_wrapper #breadcrumb{
	color:						#aaaaaa;
	font-size:					10px;
	line-height:				12px;
	margin:						0 0 10px 0;
	width:						780px;
}
#content_wrapper #breadcrumb a{
	color:						#aaaaaa;
	text-decoration:			none;
}
#content_wrapper #breadcrumb a:hover{
	background:					#aaaaaa;
	color:						#ffffff;
}
#content_wrapper #content_main,
#content_wrapper #content_extra{
	display:					block;
	float:						left;
}
#content_wrapper #content_main.small{
	margin:						0 10px 0 0;
	padding:					10px 30px 20px 0;
	width:						450px;
}
#content_wrapper #content_main.large{
	margin:						0;
	padding:					10px 0px 20px 0;
	width:						780px;
}
#content_wrapper #content_extra{
	padding:					10px 0 20px 0;
	width: 						290px;
}

/* --<<[[ LERAARS ]]>>-- */
form{
	margin:						0;
	padding:					0;
}
#frm_login label,
#frm_login input{
	display:					block;
	float:						left;
}
#frm_login br{
	clear:						both;
}
#frm_login label{
	padding:					3px 10px;
	width:						110px;
}
#frm_login #frm_error{
	border:						1px solid #cc0000;
	color:						#cc0000;
	margin:						0 0 20px 0;
	padding:					5px 0 5px 15px;
}
#frm_login #frm_username,
#frm_login #frm_password{
	background-color:			#f6f6f6;
	background-image:			url(../../images/layout/gradient.png);
	background-position:		top center;
	background-repeat:			repeat-x;
	border:						1px solid #cccccc;
	color:						#333333;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	margin:						1px 0;
	padding:					3px;
	width:						130px;
}
#frm_submit{
	background-color:			#cc0000;
	background-image:			url(../../images/layout/gradient.png);
	background-position:		top center;
	background-repeat:			repeat-x;
	border:						1px solid #cc0000;
	color:						#ffffff;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	margin:						10px 0 0 20px;
	padding:					3px 10px;
	width:						100px;
}

/* --<<[[ ACTUEEL ]]>>-- */
#actueel_list{
	margin:						0 0 20px 0;
	min-height:					180px;
}
#actueel_list p{
	clear:						both;
}
#actueel_list .date,
#actueel_list a{
	display:					block;
	float:						left;
}
#actueel_list span.date{
	color:						#454545;
	font-size:					10px;
	padding:					2px 0;
	width:						85px;
}
#actueel_list a{
	margin:						0 0 10px 0;
	padding:					2px 5px 2px 10px;
	width:						350px;
}
#actueel_list a:hover{
	background:					#f0f0f0 !important;
	background-image:			url(../../images/layout/gradient.png);
	background-position:		top center;
	background-repeat:			repeat-x;
}
#actueel_list a strong{
	color:						#cc0000 !important;
}
#actueel_list a .subtitle{
	color:						#333333 !important;
}

#actueel_nav{
	clear:						both;
}
#actueel_nav a{
	color:						#333333;
	font-size:					10px;
	outline:					none;
}
#actueel_nav a:hover{
	background:					none !important;
	color:						#cc0000 !important;
}
#actueel_nav a.prev{
	display:					block;
	float:						left;
	text-align:					left;
}
#actueel_nav a.next{
	display:					block;
	float:						right;
	text-align:					right;
}
#actueel_nav br{
	clear:						both;
}

/* --<< AGENDA ]]>>-- */
#agenda{
	border-bottom:				1px solid #cccccc;
	border-right:				1px solid #cccccc;
	width:						100%;
}
#agenda th,
#agenda td{
	border-left:				1px solid #cccccc;
	border-top:					1px solid #cccccc;
	font-size:					10px;
	font-weight:				normal;
	width:						110px;
}
#agenda .weekend{
	width:						111px !important;
}
#agenda td.weekend{
	background:					#f0f0f0;
}
#agenda .dag{
	background:					#f0f0f0;
	color:						#333333;
	display:					block;
	font-size:					9px;
	line-height:				10px;
	margin:						0 0 3px 0;
	padding:					2px 5px;
	text-align:					right;
}
#agenda .weekend .dag{
	background:					#e0e0e0;
}
#agenda .activiteiten{
	min-height:					65px;
}
#agenda .dag.vandaag{
	background:					#cc0000 !important;
	color:						#ffffff !important;
}
#agenda .activiteiten.vandaag{
	background:					#f7d9d9 !important;
}
#agenda a{
	border-style:				solid;
	border-width:				1px;
	color:						#333333;
	display:					block;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					10px;
	line-height:				10px;
	margin:						0 1px 2px 1px;
	padding:					3px 5px;
}
#agenda a:hover{
	background-color:			#cc0000 !important;
	border-color:				#cc0000 !important;
	color:						#ffffff !important;
}
#agenda a,
#agenda a:hover{
	background-image:			url(../../images/layout/gradient.png);
	background-position:		top center;
	background-repeat:			repeat-x;
}
#agenda_nav{
	padding:					0 10px;
	position:					absolute;
	right:						0;
	text-align:					center;
	top:						37px;
	width:						270px;
}
#agenda_nav a{
	color:						#333333;
	font-size:					10px;
	outline:					none;
}
#agenda_nav a:hover{
	background:					none !important;
	color:						#cc0000 !important;
}

/* --<<[[ BIBLIOTHEEK ]]>>-- */
#bibliotheek{
	width:						100%;
}
#bibliotheek tr.row_0{
	background:					#ffffff;
}
#bibliotheek tr.row_1,
#bibliotheek tr.row_3{
	background:					#f0f0f0;
}
#bibliotheek tr.row_2{
	background:					#e5e5e5;
}
#bibliotheek tr.row_hover{
	background:					#d7e5f5;
}
#bibliotheek th{
	font-size:					10px;
	text-align:					left;
}
#bibliotheek td{
	border-top:					1px solid #cccccc;
	font-size:					10px;
}
#bibliotheek .boekmerk{
	text-align:					center;
	width:						80px;
}
#bibliotheek td.boekmerk span{
	background-color:			#333333;
	background-image:			url(../../images/layout/gradient.png);
	background-position:		top center;
	background-repeat:			repeat-x;
	color:						#ffffff;
	display:					block;
	font-size:					10px;
	margin:						1px 2px;
	text-align:					center;
	width:						76px;
}
#bibliotheek td.boekmerk span.kleurmerk{
	background-color:			#00cc33;
}
#bibliotheek th.auteur,
#bibliotheek th.titel,
#bibliotheek th.uitgever{
	padding:					0 0 0 10px;
}
#bibliotheek .auteur{
	padding:					2px 0 0 10px;
	width:						200px;
}
#bibliotheek .titel{
	padding:					2px 0 0 10px;
	width:						240px;
}
#bibliotheek .uitgever{
	padding:					2px 0 0 10px;
	width:						166px;
}
#bibliotheek .uitgave{
	padding:					2px 0 0 0;
	text-align:					center;
	width:						60px;
}

#bibliotheek_nav a{
	padding:					2px 5px;
}
#bibliotheek_nav a.active{
	background:					#cc0000 !important;
	color:						#ffffff !important;
	text-transform:				uppercase;
}

/* --<<[[ IN BEELD ]]>>-- */
#in_beeld_list a{
	clear:						both;
	display:					block;
	height:						120px;
	margin:						0 0 5px 0;
	width:						480px;
}
#in_beeld_list a img{
	background:					#ffffff;
	border:						1px solid #e5e5e5;
	display:					block;
	float:						left;
	margin:						5px;
	padding:					4px;
}
#in_beeld_list a strong{
	display:					block;
	float:						left;
	padding:					35px 0 0 20px;
	width:						330px;
}
#in_beeld_list a span{
	color:						#333333 !important;
	display:					block;
	float:						left;
	font-size:					10px;
	padding:					0 0 0 20px;
}
#in_beeld_list a:hover{
	background-color:			#f0f0f0;
}
#in_beeld_list a:hover img{
	border:						1px solid #cccccc;
}
#in_beeld_list a:hover strong{
	color:						#cc0000;
}

#in_beeld_nav{
	padding:					0 10px;
	position:					absolute;
	right:						0;
	text-align:					center;
	top:						37px;
	width:						270px;
}
#in_beeld_nav a{
	color:						#333333;
	font-size:					10px;
	outline:					none;
}
#in_beeld_nav a:hover{
	background:					none !important;
	color:						#cc0000 !important;
}
#in_beeld_nav a.inactive,
#in_beeld_nav a.inactive:hover{
	color:						#999999 !important;
}
#in_beeld_nav a.prev{
	display:					block;
	float:						left;
	text-align:					left;
}
#in_beeld_nav a.next{
	display:					block;
	float:						right;
	text-align:					right;
}
#in_beeld_nav a.index,
#in_beeld_nav span{
	font-size:					11px;
	padding:					0 5px;
}
#in_beeld_nav br{
	clear:						both;
}

#in_beeld #in_beeld_images,
#in_beeld #in_beeld_text{
	display:					block;
	float:						left;
}
#in_beeld #in_beeld_images{
	font-size:					0%;
	line-height:				0%;
	width:						490px;
}
#in_beeld #in_beeld_images .error{
	font-size:					11px !important;
	line-height:				14px !important;
}
#in_beeld #in_beeld_text{
	padding:					0 0 0 10px;
	width:						270px;
}
#in_beeld #in_beeld_text p{
	text-align:					justify;
}
#in_beeld_images #preview,
#in_beeld_images a img{
	background-color:			#ffffff;
	border:						1px solid #e5e5e5;
	display:					block;
	float:						left;
	margin:						0 10px 10px 0;
	padding:					4px;
}
#in_beeld_images a img{
	opacity:					.84;
}
#in_beeld_images a:hover img{
	opacity:					.99;
}
#in_beeld_images #preview_frame{
	height:						220px;
	overflow:					hidden;
	position:					relative;
	width:						220px;
}
#in_beeld_images #preview #preview_image{
	position:					absolute;
}
#in_beeld_images #preview a img{
	background-position:		center;
	background-repeat:			no-repeat;
	border:						0px none !important;
	margin:						0 !important;
	padding:					0 !important;
}
#in_beeld_images br{
	clear:						both;
}

/* --<<[[ SITEMAP ]]>>-- */
#sitemap,
#sitemap ul{
	padding:					0 0 0 20px;
}
a.level_0{
	color:						#333333 !important;
}
a.level_1{
	color:						#666666 !important;
}
a.level_2{
	color:						#999999 !important;
}
a.level_3{
	color:						#cccccc !important;
}
a.level_0:hover,
a.level_1:hover,
a.level_2:hover,
a.level_3:hover{
	color:						#ffffff !important;
}

#footer{
	border-top:					1px solid #f0f0f0;
	font-size:					10px;
	padding:					5px 0 10px 0;
	text-align:					center;
}
#footer a{
	color:						#aaaaaa;
	padding:					0 2px;
	text-decoration:			none;
}
#footer a:hover{
	background:					#aaaaaa;
	color:						#ffffff;
}


/* --<<[[ CSS3 ]]>>-- */
#frm_login #frm_error{
	-moz-border-radius:			10px;
	-webkit-border-radius:		10px;
}
#frm_login input{
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
}
#agenda a{
	-moz-border-radius:			7px;
	-webkit-border-radius:		7px;
}