html{
	height: 100%;
	min-height: 100%;
	fontsize: 100%;
	font-family: Arial, helvetica, Sans-serif;
}
body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
body.blogs{
	background-image: url('/images/bg_blogs.gif');
	background-repeat: repeat-x;
	background-color: #003580;
}
#canvas{
	width: 960px;
	margin: 0px auto -45px auto;
	min-height: 100%;
}
/*body.blogs #canvas{
	background-image: url('/images/bg_canvas_blogs.gif');
	background-repeat: repeat-y;
}*/

	#header{
		background-position: 0 30px;
		background-repeat: no-repeat;
		height: 374px;
		position: relative;
		background-color: #fff;
	}
	body.home #header{
		background-image: url('/images/bg_header.jpg');
		height: 400px;
	}
	body.info #header{
		background-image: url('/images/bg_informatie.jpg');
	}
	body.janvermeer #header{
		background-image: url('/images/bg_janvermeer.jpg');
	}
	body.blogs #header{
		background-image: url('/images/bg_blogs.jpg');
	}
		#header ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: 50px;
			right: 330px;
		}
			#header ul li{
				float: left;
				margin-right: 50px;
			}
		ul#actions{
			list-style-type: none;
			right: 350px;
			bottom: 0;
			font-size: 0.9em;
		}
			ul#actions li{margin: 0 0 0 10px;}
			ul#actions li a{
				padding-left: 20px;
				background-repeat: no-repeat;
				text-decoration: none;
				color: #003580;
			}
			ul#actions li a:hover{text-decoration: underline;}
			a.print{background-image: url('/images/btn_print.gif');}
			a.forward{background-image: url('/images/btn_mail.gif');}
			a.save{background-image: url('/images/btn_save.gif');}
		#header .logo{
			position: absolute;
			right: 0;
			bottom: 0;
		}
		#header .title{
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0px;
			bottom: 0px;
			height: 113px;
		}
		
		body.home #header .title{
			right: 170px;
			bottom: 20px;
		}
	#content{

		width: 580px;
		padding: 3px;
		padding-left: 30px;
		margin-top: 0px;
		color: #003580;
		overflow: hidden;
		position: relative;
	}
	
	/*	body.blogs #content{
		margin: 0;
		width: auto;
	}
	#content p{	width: 500px;}
		#content ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}*/
		
			.bouw ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		a {color: #003580;}
		#collage{
			background-image: url('/images/bg_blogfotos.jpg');
			background-repeat: no-repeat;
		}
			#collage a{
				display: block;
				background-color: #fff;
				color: #003580;
				font-weight: bold;
				text-decoration: none;
				text-align: right;
			}
			#collage a:hover{
				background-color: #000;
				color: #fff;
			}
				#collage a span{
					display: block;
					height:22px;
					padding: 5px 6px 0 6px;
				}
			a.blok4{margin-top: 140px;}
		.bouw{
			padding-top: 4px;
			width: 213px;
			margin-left: 20px;
		}
		
		
			# content .bouw ul,.schoolkrant ul{
			list-style-type: none;
				width: 200px;
				margin: 10px 0 0 0;
				padding: 0 0 0 10px;
			}
				.bouw ul li,.schoolkrant ul li{margin: 10px 0 0 0;}
					.bouw ul li a{color: #fff;}
			.bouw a.next,.schoolkrant a.next{color: #c3d9f5; margin-bottom: 20px;}
		.schoolkrant{
			width: 200px;
			background-color: #fff;
			/*margin-top: -46px;*/
			padding: 32px 20px 0 20px;
		}
			.schoolkrant ul li a{color:#000;}
			.right ul li a{color:#000;}
	ul#navigation{
		margin: 0 0 60px 0;
		position: relative;
		width: 220px;
		top: 30px;
		left: 496px;
		list-style-type: none;
	}
	
	
	#sidebar{
		width: 330px;
		float: right;
		padding-top: 3px;
		background-image: url('/images/bg_sidebar.gif');
		background-repeat: no-repeat;
		min-height: 510px;
	}
		#sidebar h2{
			padding: 5px 0 5px 10px;
			background-color: #a5b8c9;
			color: #fff;
			font-size: 0.9em;
		}
		#sidebar ul{
			list-style-type: none;
			margin: 0 0 0 10px;
			padding: 0;
			clear: both;
		}
			#sidebar ul li{margin: 0 0 10px 0;}
			#sidebar  a{color: #000;}
			
		.blogs #sidebar {background-image: none; background-color: #ffffff; border: 2px solid #003580;}
		.blogs #content {border: 2px solid #003580;}
		.blogs #sidebar h2{	background-color: #003580;}
			
#footer{
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	height: 45px;
	background-image: url('/images/footer_gradient_line.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}
	#footer #meta{
		float: right;
		list-style-type: none;
		margin: 5px 0 5px 0;
	}
		#footer #meta li{
			float: left;
			margin-left: 30px;
		}
body.home #footer{
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	height: 45px;
	background-image: url('/images/bg_footer.gif');
}
	#footer h2{
		position: absolute;
		top: 5px;
		left: 16px;
		margin: 0;
		padding: 0;
	}
	#news{
		position: absolute;
		top: 8px;
		left: 93px;
	}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.next{
	margin-top: 30px;
	margin-right: 10px;
}

img{ border: none;}

.anchor{
        display: block;
        text-align: right;
        width: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        color: #003580;
        text-decoration: none;
        background-image: url('/images/btn_top.gif');
        background-repeat: no-repeat;
        background-position: 420px 0px;
}

.vermeersubmit {background-color: #798693; color: #ffffff; font-weight: bold}