body{ 	
	font-family: Times, Times New Roman, Serif; 
	color: #3a3a3c;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #ffffff;
}

#subliminal{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	color: #3a3a3c;
	font-size: 250px;
	z-index: 1000;
}

	.subliminal{
		display: none;	
	}

	.divider{
		height: 0px; font-size: 0px; clear: both;
	}
	
	.dottedline{
		margin: 6px 0px 6px 0px;
		height: 1px; 
		background: url('../img/menuline.gif') left center repeat-x;
	}
	
	form{ margin: 0px; padding: 0px; }
	p{ margin: 0px 0px 1em 0px; padding: 0px; }

#menu{
	position: absolute;
	width: 171px;
	height: 100%;
	margin-top: 100px;
	margin-left: 20px;	
	z-index: 15;
	text-align: center;
	line-height: 12px;
 	font-size: 11px;
}

	.menu{	color: #3a3a3c; }
	
	.menu .menuheader{ padding-bottom: 2px; }
	.menu .menuline{ margin: 6px 0px 9px 0px; }
	
	.menu p{ margin: 0px 0px 1em 0px; padding: 0px; }
	.menu a{ color: #3a3a3c; font-size: 12px; }
	.menu a:hover{ color: #ff0000; font-size: 12px; }
	.menu .txtbutton{ color: #3a3a3c; text-decoration: none; font-size: 12px; }
	.menu .txtbutton:hover{ color: #3a3a3c; text-decoration: underline; font-size: 12px; }
	.menu .active{ color: #A7A7A7; text-decoration: underline !important; font-size: 12px; }
	.menu .menubutton{ font-size: 14px !important; line-height: 13px; }

	.submenu{ }
	.submenu_container{ overflow: hidden; }
	
#container{
	position: absolute;	
	margin-top: 50px;
	margin-left: 172px;
	width: 805px;
	height: 634px;
	z-index: 10;
}

	.content{	color: #3a3a3c; font-size: 11px; }
	.content p{ margin: 0px 0px 0.5em 0px; padding: 0px; }
	.content a{ color: #3a3a3c; }
	.content a:hover{ color: #3a3a3c; text-decoration: underline; }

	.zoombutton{
		font-size: 10px !important;
	}
	.projectbutton{
		font-size: 12px !important;
	}
	.partbutton{
		font-size: 14px !important;
	 	line-height: 13px; 
	}

	#shadow{
		position: absolute;	
		width: 805px;
		height: 634px;
		background: url('../img/shadow.gif') top left no-repeat;
		z-index: 10;
	}
	
	#viewer{
		position: absolute;	
		margin-top: 20px;
		margin-left: 20px;
		width: 765px;
		height: 594px;
		z-index: 20;
		overflow: hidden;
	}
		#map{
			position: absolute;
			margin: 0px;
			padding: 0px;
			z-index: 10;
			background: #ffffff;
		}
	
	#overlay{
		position: absolute;
		margin-top: 200px;
		margin-left: 200px;
		background-color: #ffffff;
		width: 235px;
		z-index: 100;	
		display: none;
	}
	
		#overlay a{
			font-size: 12px;
			text-decoration: none;
		}
		
		#overlay a.active{
			color: #A7A7A7;
			text-decoration: underline !important;
		}
		
		#overlay a:hover{
			 text-decoration: underline !important;
		}
	
		.overlay{
			
		}
	
		.overlay_container{
			padding: 10px;
			text-align: center;
		}

		.overlay .txtbutton{
			color: #3a3a3c;
			text-decoration: none;
			font-size: 11px;	
		}
		.overlay .txtbutton:hover{ 
			color: #3a3a3c; 
			text-decoration: underline !important; 
			font-size: 11px; 
		}
		
		.overlay .inputtext{
			font-family: Times, Times New Roman, Serif; 
			border: 0px;
			background: url('../img/menuline.gif') bottom left repeat-x;
		}
		
		.overlay_close{
			float: right;
			margin-top: -5px;
			cursor: pointer;
		}
		
	#contact{
		position: absolute;
		margin-top: 200px;
		margin-left: 180px;
		background-color: #ffffff;
		width: 235px;
		z-index: 100;	
		display: none;
	}
	
	#stuff{
		position: absolute;
		margin-top: 0px;
		margin-left: 0px;
		background-color: #ffffff;
		width: 235px;
		z-index: 100;	
		display: none;
	}
	
	#mailinglist{
		position: absolute;
		margin-top: 0px;
		margin-left: 0px;
		background-color: #ffffff;
		width: 235px;
		z-index: 100;	
		display: none;
	}
	
	#project{
		position: absolute;
		margin-top: 280px;
		margin-left: 180px;
		background-color: #ffffff;
		width: 235px;
		z-index: 100;	
		display: none;
	}
	
		#project a{
			font-size: 12px;
			text-decoration: none;
		}
		
		#project a.active{
			color: #A7A7A7;
			text-decoration: underline !important;
		}
		
		#project a:hover{
			 text-decoration: underline !important;
		}
		
		
	
	#selection{
		position: absolute;
		margin-top: 280px;
		margin-left: 180px;
		background-color: #ffffff;
		width: 235px;
		z-index: 100;	
		display: none;
	}
	
		#selection a{
			font-size: 12px;
			text-decoration: none;
		}
		
		#selection a.active{
			color: #A7A7A7;
			text-decoration: underline !important;
		}
		
		#selection a:hover{
			 text-decoration: underline !important;
		}
		
/*
**	DROP SHADOW
*/
	.dropshadow{ }
		.shadowelement{ position: absolute; }
			.lefttop{ width: 45px; height: 45px; }
			.leftbg{ width: 45px; background: url('http://www.no-office.nl/img/s_l.png') repeat-y; }
			.leftbottom{ width: 45px; height: 45px; }
			.bottombg{ height: 27px; background: url('http://www.no-office.nl/img/s_b.png') repeat-x; }
			.rightbottom{ width: 50px; height: 27px; }
			.rightbg{ width: 14px; background: url('http://www.no-office.nl/img/s_r.png') repeat-y; }
			.righttop{ width: 14px;	height: 15px; }