* {
	padding: 0;
	margin: 0;
}

html, body {
	background-image: url('../pics/layout/background.png');
	background-repeat: repeat;
	color: #4b4b4b;
	font-family: Trebuchet MS, Arial, Verdana, Helvecita;
	font-size: 12px;
	height: 100%;
}

a,a:visited {
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	padding-bottom: 8px;
}

img {
	border: 0;
}

/***********************************************************************
**			ADMIN
***********************************************************************/
div.table_header{
	border-bottom: 1px solid gray;
	font-weight: bold;
}
















/***********************************************************************
**			ONDERWIJSAANBOD
***********************************************************************/
th.table_top {
	border-bottom: 1px solid gray;
	text-align: center;
}
.onderwijsaanbod_table td {
	padding: 3px;
	text-align: center;
}








/***********************************************************************
**			TOTALE CONTAINER (EXCL. FOOTER)
***********************************************************************/
#total_container {
	background-image: url('../pics/layout/content_background.png');
	background-repeat: repeat-y;

	margin: 0 auto -22px;
	width: 1018px;

	min-height: 100%;
	height: auto !important;
	height: 100%;
}














		/***********************************************************************
		**			HEADER
		***********************************************************************/
		#header_foto {
			overflow: hidden;
			float: left;
			height: 130px;
			width: 629px;
		}

		#header_foto img{
			top:0; left:0;
		}
		#header_titel {
			float: right;
			font-weight: bold;
			line-height: 18px;
			padding-right: 31px;
			padding-top: 18px;
			text-align: right;
		}
		#header_info {
			color: #9a9a9a;
			font-weight: normal;
			line-height: 15px;
			margin-top: 30px;
		}

		#header_info a, #header_info a:visited{
			color: #808fb0;
		}


		/***********************************************************************
		**			MAINCONTENT CONTAINER
		***********************************************************************/
		#maincontent_container{
			float: left;
			padding: 0 0 15px 22px;
			width: 720px;
			line-height: 16px;
			text-align: justify;
		}


		#maincontent_container h1{
			color: #808fb0;
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 20px;
		}

		#maincontent_container h2{
			color: #808fb0;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 18px;
		}

		#maincontent_container h3{
			color: #808fb0;
			font-size: 14px;
			font-weight: normal;
			margin-bottom: 16px;
		}

		#maincontent_container h4{
			color: #808fb0;
			font-size: 12px;
			font-weight: normal;
			margin-bottom: 14px;
		}

		#maincontent_container ul{
			list-style: square;
			margin-left: 35px;
		}
		#maincontent_container li{
			margin-top: 3px;
		}

		.pre-text{
			display: block;
			font-size: 14px;
			font-weight: bold;
			float: left;
			padding-right: 30px;
			padding-bottom: 10px;
		}
		.spacing{
			margin-top: 15px;
		}

		/***********************************************************************
		**			Content CONTAINER
		***********************************************************************/
		.maincontent_content_container {
			padding: 25px 0 0 0;
		}

				.maincontent_content_container a, .maincontent_content_container a:visited{
					color: #999999;
					font-weight: bold;
					text-decoration: none;
				}
				.maincontent_content_container a:hover{
					color: #4b4b4b;
				}

				#quick_nav {
					margin: 25px 0;
				}





		/***********************************************************************
		**			WIDGET CONTAINER
		***********************************************************************/
		#widget_container{
			float: right;
			padding: 0px 32px 15px 18px;
			width: 208px;
			min-height: 480px;
		}

		#widget_container a, #widget_container a:visited{
			color: #808fb0;
			font-weight: bold;
			text-decoration: none;
		}

		.widget_content_container {
			border: 1px solid #818181;
			margin: 25px 0 0 0;
		}

		.widget_titel {
			background-image: url('../pics/layout/widget_background.png');
			color: #dedede;
			height: 24px;
			font-weight: bold;
			font-size: 14px;
			padding-top: 6px;
			text-align: center;
		}

		.widget_body {
			padding: 5px;
			background-color: #e6e6e6;
		}

		.widget_citaat_body {
			background-image: url('../pics/layout/citaat_bg.png');
			background-repeat: no-repeat;
			background-color: #e6e6e6;
			height: 145px;
			padding: 30px 30px 25px 23px;
		}

		#citaatTekst{
			height: 130px;
		}

		#citaatAuteur{
			height: 20px;
			text-align: right;
			padding-right: 10px;
		}




		/***********************************************************************
		**			CORRECTION CLASSES
		***********************************************************************/
		.content_container {
			padding: 0 9px;
			width: 1000px;
		}

		.push {
			height: 22px;
		}

		.clear {
			clear: both;
		}








/***********************************************************************
**			FOOTER
***********************************************************************/
#footer_container {
	color: white;
	height: 22px;
	margin: 0 auto;
	width: 1018px;
}

	#footer_content {
		background-image: url('../pics/layout/footer_background.png');
		background-repeat: repeat-x;
		font-size: 11px;
		font-weight: bold;
		height: 20px;
		padding-top: 2px;
		text-align: center;
	}

	#footer_content a, #footer_content a:visited{
		color: white;
	}





/***********************************************************************
**			NIEUWS CONTAINER EN CONTENT
***********************************************************************/
.news_container {
	border-bottom: 1px solid gray;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

	.news_container img{
		margin: 5px;
	}
	.news_container h3{
		margin: 0px;
		padding: 0px;
	}

.news_header{
	width: 100%;
}
	.news_title{
		float: left;
		width: 80%;
	}

	.news_date{
		float: right;
		width: 20%;
		text-align: right;
	}

.news_content{
	width: 100%;
}

.file_box{
	background-color: #dedede;
	margin-top: 15px;
}




/***********************************************************************
**			SPAN CLASSES
***********************************************************************/
.title_gray {
	color: #666666;
	font-size: 30px;
}
.title_blue {
	color: #808fb0;
	font-size: 30px;
}
.subtitle_gray {
	color: #666666;
	font-size: 19px;
}
.subtitle_blue {
	color: #808fb0;
	font-size: 19px;
}
.error{
	color: #8b0c06;
}
.hidden{
	display: none;
}
.bold{
	font-weight: bold;
}
.center{
	text-align: center;
}