html{
	height: 100%;
	background: url('../img/sitebg.gif') center left repeat-x;
}
body{ 	
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 12px;
	height: 100%;
	background: url('../img/bg.jpg') center left repeat-x;
}

#site{
	position: absolute;
	top: 50%; 
	left: 50%;
	margin-top: -300px;
	margin-left: -450px;
	width: 900px;
	height: 600px;	
	background: url('../img/bg.jpg') top left repeat-x;
}

	#scrollcontainer{
		position: absolute;
		width: 665px;
		height: 195px;
		margin-left: 94px;
		margin-top: 331px;
		overflow: hidden;
		z-index: 10;	
	}

		#scrollbar{
			position: absolute;
			width: 10px;
			height: 190px;
			margin-top: 331px;
			margin-left: 769px;
			background: #FDFAF3;
			visibility: hidden;
		}
		
		#scrollhandle{
			position: absolute;
			width: 10px;
			height: 30px;
			background: #00557E;
			visibility: hidden;
		}

		#content{
			color: #555555;
			font-size: 11px;
			background: url('../img/empty.gif');
			line-height: 160%;	
		}
		
			.content p{
				margin: 0px 0px 1em 0px;
				padding: 0px;	
			}
			
			.content h1{
				color: #00557E;
				font-size: 20px;
				font-weight: normal;
				margin: 0px 0px 1em 0px;
				padding: 0px;	
			}

	#logo{
		position: absolute;
		margin-top: 42px;
		margin-left: 31px;
		z-index: 1;
	}
	
	#header{
		position: absolute;
		margin-top: 120px;
		margin-left: 43px;
		z-index: 1;
	}
	
	#menu{
		position: absolute;
		margin-top: 264px;
		margin-left: 94px;
		height: 28px;
		width: 806px;
		background: url('../img/menubg.gif') top left repeat-x;
		z-index: 1;
	}
	
		#menuitems{
			position: absolute;
			margin-top: 6px;
			margin-left: 10px;
			color: #00557e;
			font-size: 12px;
		}
		
			#menuitems a{
				position: relative;
				top: 1px;
				color: #00557e;
				text-decoration: none;
				font-size: 12px;
				margin-left: 7px;
				margin-right: 7px;
			}
			
			#menuitems a strong{
				font-size: 13px;
			}
			
			#menuitems a:hover{
				text-decoration: underline;
			}
			
	#subs{
		position: absolute;
		margin-top: 300px;
		margin-left: 104px;
		color: #00557e;
		font-size: 11px;
		z-index: 2;
	}
	
		#subs a{
			position: relative;
			top: 1px;
			color: #E29F2F;
			text-decoration: none;
			font-size: 11px;
			margin-left: 15px;
			margin-right: 15px;
		}
		
		#subs a strong{
			font-size: 12px;
			color: #E29F2F;
		}
		
		#subs a:hover{
			text-decoration: underline;
		}
	
	#bullet{
		position: absolute;
		margin-top: 440px;
		margin-left: 785px;
		z-index: 5;
	}
	
	#dotted{
		position: absolute;
		margin-top: 331px;
		margin-left: 42px;
		height: 195px;
		width: 1px;
		background: url('../img/stippellijn.gif') top left no-repeat;
		z-index: 1;
	}
	
	#footer{
		position: absolute;
		margin-top: 526px;
		margin-left: 0px;
		height: 74px;
		width: 900px;
		background: url('../img/footer.gif') top left no-repeat;
		z-index: 1;
	}
	
	#newsticker{
		position: absolute;
		margin-top: 571px;
		margin-left: 42px;
		width: 811px;
		color: #E29E2F;
		font-weight: bold;
		z-index: 3;
	}
	
		#newsticker a{
			color: #ffffff;
			margin-left: 10px;
			margin-right: 10px;
			text-decoration: none;
		}
		
		#newsticker a:hover{
			text-decoration: underline;
		}