@charset "utf-8";
/* style.css */

/* 	------------------------------------------------------------ */
/*  UITLEG GROOTTES
 *  Groottes zijn relatief (ems).
 *  Zo kan in alle browsers netjes ingezoomd worden.
 *  Als volgt berekenen:
 *  *************************************************************
 *  1 ÷ parent font-size × gewenste aantal pixels = aantal em
 *  *************************************************************
 *  hierbij ermee rekening houden dat standaard font-size 16px is
 *  en dat elementen font-size van elkaar erven. Dus html heeft als
 *  font-size 16px in alle standaard browsers.
 *  Handig: http://riddle.pl/emcalc/?
/* 	------------------------------------------------------------ */

/* 	------------------------------------------------------------ */
/* 	Algemeen */
/* 	------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
}

html { 
	font-size: 100%;
	height: 100%;
} 

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #676767;
	color : #000;
	height: 100%;
}


body > #wrapper {
	height: auto;
	min-height: 100%;
}




.clear {
	clear: both;
}

/* 	------------------------------------------------------------ */
/* 	Wrapper */
/* 	------------------------------------------------------------ */
#wrapper {
	width: 60em;  /* 960px */
	margin: 0 auto 0 auto; /* T R B L */

	text-align: left;
	background-color: #FFF;

	height: 100%;

	background-image: url(../images/lines.png);
	background-repeat: repeat-y;

}


/* 	------------------------------------------------------------ */
/* Header	 */
/* 	------------------------------------------------------------ */

#header {
	width: 960px;
	height: 160px;
	background-color: #FFF;
	background-image: url("../images/header-nieuw.jpg");
    background-repeat: no-repeat;
}


/* 	------------------------------------------------------------ */
/* logo */
/* 	------------------------------------------------------------ */

#logo {
	margin-left: 8.75em;
	margin-top: 3.125em;

}

img#logo {
	border: 0;
}


/* 	------------------------------------------------------------ */
/* Content	 */
/* 	------------------------------------------------------------ */

#content {
	margin-left: 8.75em;
	width: 48.438em;
	padding-bottom: 20px;
	


}

	#content p {
		font-size: 0.813em;
		line-height: 1.55em;
	}


/* 	------------------------------------------------------------ */
/* Maincontent	 */
/* 	------------------------------------------------------------ */


	#maincontent {
		width: 33.75em;
		float: left;
		padding: 0 0.625em 0.625em 10px;
	
	}

	#maincontent p {
		padding: 0.6em 0 0.938em 0;
	}
	
	#maincontent ul {
		margin-left: 2em;
		font-size: 0.813em;
		line-height: 1.55em;
		padding: 0.6em 0 0.938em 0;
	}


	#maincontent h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.563em;
		font-weight: normal;
	}

	#maincontent h2 {
		font-size: 1em;
		font-weight: bold;
		padding: 0.938em 0 0 0;
		color: #CC0720;
	}

	#maincontent .subtitle {
		padding-bottom: 1.563em;
	}

	#maincontent a {
		color: #1D9870;
		font-weight: bold;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color:#1D9870;
		text-decoration: none;
	}

	#maincontent a:hover {
		color: #13654A;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color:#13654A;
		text-decoration: none;
	}


	#maincontent table {
		font-size: 0.75em;
		border-spacing: 0;
		border: 1px solid #CCC;
		margin: 0.625em 0 0.625em 0;
	}

	#maincontent td {
		border: 1px solid #CCC;
		padding: 0.5em;
		vertical-align: top;
	}

	#maincontent p.link_pdf {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_pdf.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}

	#maincontent p.link_doc {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_doc.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}

	#maincontent p.link_site {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_site.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}

	#maincontent p.link_video {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_video.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}

	#maincontent p.link_afbeelding {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_afbeelding.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}

	#maincontent p.link_powerpoint {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_powerpoint.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}

	#maincontent p.link_audio {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_audio.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}

	#maincontent p.link_overig {
		padding: 0 0.5em 1.25em 2.8em;
		background-image: url(../images/file_overig.png);
		background-position: left top;
		background-repeat: no-repeat;
		min-height: 2.5em;
	}


/* 	------------------------------------------------------------ */
/* Bulletin	 */
/* 	------------------------------------------------------------ */

	#bulletin {
		float: left;
		width: 10.625em;
		padding: 0.625em;
	}

	#bulletin img {
		border: 0;

	}

	#bulletin h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.938em;
		font-weight: bold;
		padding: 0 0 0.938em 0;
		color: #009EE0;
		text-transform: uppercase;
		
	}


/* 	------------------------------------------------------------ */
/* footer	 */
/* 	------------------------------------------------------------ */

#footer {
	margin: -20px 0 0 0;
	font-size: 0.688em;
	color: #A5A5A5;
position: relative;
height: 20px;
clear: both;
text-align: center;


	
}

#footer a {
	text-decoration: none;
	color: #A5A5A5;
	
}

#footer a:hover {
	text-decoration: underline;
	color: #4B4B4B;
	
}



/* 	------------------------------------------------------------ */
/* mainmenu */
/* 	------------------------------------------------------------ */

#mainmenu {
	position: absolute;
	top: 6em;
	width: 54em;
	margin-left: 1.375em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	border-bottom: 1px solid #000;

}

	#mainmenu ul {
		list-style: none;

	}
	
		#mainmenu ul li {
			float: left;
			margin-bottom: -1px;
			padding: 0.2em 0.6em 1em;
		}


		#mainmenu ul li.first {


		}
		
		#mainmenu ul li.active {
			background-color: #fff;
			border: 1px solid #000;
			border-bottom: 0;
		}

			
			#mainmenu ul li a {
				color: #000;
				text-decoration: none;
				font-size: 0.938em;
				outline: none;
				
			}
			
				#mainmenu ul li.active a {
					color: #CC0720;
					text-decoration: none;


				}
								
				
				#mainmenu ul li a:hover {
					color: #009EE0;
					text-decoration: none;
				}




/* 	------------------------------------------------------------ */
/* Submenu */
/* 	------------------------------------------------------------ */

#submenu {
	position: absolute;
	top: 13em;
	font-size: 0.813em;
	width: 10.1em;
	text-align: right;
}

	#submenu ul {
		list-style: none;
		width: 100%;


	}
	
		#submenu ul li {
			width: 100%;
			padding: 0 0 0.94em 0;
		}

			
			#submenu ul li a {
				color: #000;
				text-decoration: none;
				padding-left: 0;
				line-height: 1.3em;
				outline: none;

				
			}
			
				#submenu ul li.active a {
					color: #CC0720;
					text-decoration: none;


				}
								
				
				#submenu ul li a:hover {
					color: #009EE0;

				}