/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background-color:#FFFFFF;
}
body {
	background:url();
	background-repeat:repeat-x;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#004684;
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Verdana,Helvetica,sans-serif;
	list-style:none;
}

<!------ mijn css----------!>
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004684;
	text-decoration:underline;
}
	
#tekst {
	padding:10px;
	z-index: 10;
	position: absolute;
	left: 304px;
	top: 220px;
	width: 535px;
	height: 522px;
	vertical-align:top;
	overflow:auto;
}

/* BANNER */
#banner1a, #banner2a, #banner3a, #banner4a {
	z-index: 1;
	position: absolute;
	left: 34px;
	top: 32px;
	width: 826px;
	height:188px;
}

#banner1a {
	background:url(../images/banner1a.png) no-repeat;
}

#banner2a {
	background:url(../images/banner2a.png) no-repeat;
}

#banner3a {
	background:url(../images/banner3a.png) no-repeat;
}

#banner4a {
	background:url(../images/banner4a.png) no-repeat;
}

/* FOOTER */
#footer1a, #footer2a, #footer3a, #footer4a {
	z-index: 3;
	position: absolute;
	left: 34px;
	bottom: 38px;
	width: 259px;
	height:114px;
}

#footer1a {
	background:url(../images/footer1a.png);
}

#footer2a {
	background:url(../images/footer2a.png);
}

#footer3a {
	background:url(../images/footer3a.png);
}

#footer4a {
	background:url(../images/footer4a.png);
}

.slogan {
	position: absolute;
	top: -153px;
	left:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:lighter;
	line-height: 30px;
	color: rgba(221, 205, 255, 0.7);
	width: 225px;
}

.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weigth: bold;
	color:#004684;
}
		
.subtitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weigth: bold;
	color:#004684;
}

div#container {
	width: 890px;
	top: 0px;
	position: absolute;
	left: 50%;
	margin-left: -445px;
	margin-right: auto;
}


#topProjecten {
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 889px;
	height:74px;
	background:url(../images/OVnetwerkProjecten_01.png) no-repeat;
}
	
#bottomProjecten {
	z-index: 0;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 889px;
	height:65px;
	background:url(../images/OVnetwerkProjecten_04.png) no-repeat;
}

#contentProjecten {
	background:url(../images/OVnetwerkProjecten_02.png) repeat-y;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 890px;
	height:800px;
}

#top {
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 889px;
	height:74px;
	background:url(../images/OVnetwerk_01.png) no-repeat;
}
	
#bottom {
	z-index: 0;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 889px;
	height:65px;
	background:url(../images/OVnetwerk_04.png) no-repeat;
}

#content {
	background:url(../images/OVnetwerk_02.png) repeat-y;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 890px;
	height:800px;
}
			
#menu1 {
	z-index: 100;
	position: absolute;
	left: 40px;
	top: 190px;
	width: 564px;
	color:#ffffff;
	background-color: rgba(255, 255, 255, 0.5);
}
	
.aMenu1 {
	padding : 1px 1px 1px 1px;
	margin-left : 22px;
	display : block;
	float : left;
	width : 105px;
	text-align:center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height:20px;
	color:#004684; 
	text-decoration:none;
	background-color:#FFFFFF;
}

.aMenu1:hover {
	color:#004684; 
	background-color:#ffe475;
}
	
.aMenu1:active {
	color:#cccccc; 
	background-color:#ffdd51;
}	
	
.copyrigth {
	z-index: 11;
	position: absolute;
	left: 220px;
	top: 625px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weigth: bold;
	color:#ffffff;
}
<!----------------!>


a img{
	border:0;
	margin: 3px 3px 3px 3px;
}
.clear{
	clear:both;
}

#Menu2 {
	position:absolute;
	top: -417px;
	margin-left: 29px;
	width: 200px;
	float:left;
	padding:0px 0px 0px 0px;
	background-color:  rgba(255, 255, 255, 0.5);
}
	#Menu2 li {
		margin: 5px;
		border:1px solid #ddd;
	}
	#Menu2 a {
		color:#333;
		font-size:12px;
		margin-left: 27px;
		line-height:20px;
		text-decoration:none;
	}
	#Menu2 li:hover {
		background:#ffe475;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#cccccc;
	}


div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}





/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}


div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:left;
	padding:5px;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}



	#Header form {
		float:right;
		width:200px;
		margin:25px 25px 0px 25px;
	}
	#Header form * {
		display:inline !important;
		border:0px;
	}
	#Header form div {
	}
	#Header form input.text {
		width:130px;
		color:#000;
		border:1px solid #000066;
		padding:5px;
	}
	#Header form input.action {
		font-weight:bold;
	}

.searchResults h2 {
	font-size:2.2em;
	font-weight:normal;
	color:#0083C8;
	margin-bottom:15px;
}
.searchResults p.searchQuery {
	color:#333;
	margin-bottom:10px;
}

.searchResults ul#SearchResults li {
	margin-bottom:20px;
}
	ul#SearchResults p {
		font-size:1.1em;
		font-weight:normal;
		line-height:2em;
		color:#333;
	}
	ul#SearchResults a.searchResultHeader {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		margin:20px 0 8px 0;
		padding-left:20px;
		background:url(../images/treeicons/search-file.gif) no-repeat left center;
	}
		ul#SearchResults a {
			text-decoration:none;
			color:#0083C8;
		}
		ul#SearchResults a:hover {
		border-bottom:1px dotted #0083C8;
		}