body, html {
	margin: 0px;
	padding: 0px;
	color: #e2e2e2;
	background-color: #c9c9c9;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	width: 100%;
	overflow-x: hidden;

	scrollbar-3dlight-color: #c9c9c9;
	scrollbar-darkshadow-color: #656469;
	scrollbar-highlight-color: #656469;
	scrollbar-track-color: #656469;
	scrollbar-shadow-color: #c9c9c9;
	scrollbar-arrow-color: #c9c9c9;
	scrollbar-face-color: #656469;
	scrollbar-width:3px;
}

#mainbox {
	margin: 0px;
	padding: 0px;
	background: #656469 url("../images/bg.jpg") repeat-x scroll bottom left;
}

	#container {
		margin: 0px;
		padding: 0px;
		color: #e2e2e2;
		background: url("../images/content.jpg") no-repeat scroll bottom left;
		z-index: 1;
	}

		.paars {
			color: #b50438;
		}

		#menu {
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 10px 20px;
			width: 846px;
			height: 44px;
			_overflow: hidden;
		}

			.menu_item, .menu_item_adecom {
				margin: 0px 64px 0px 0px;
				padding: 0px;
				position: relative;
				background: url("../images/knop.jpg") no-repeat scroll top left;
				width: 135px;
				height: 44px;
				font-size: 17px;
				text-align: center;
				line-height: 42px;
				float: left;
			}

			.menu_item_adecom { background: url("../images/knop_adecom.jpg") no-repeat scroll top left; }
			.menu_item { background: url("../images/knop.jpg") no-repeat scroll top left; }


				.menu_item a, .menu_item_adecom a {
					color: #e2e2e2;
					text-decoration: none;
					height: 44px;
					vertical-align: middle;
					display: block;
				}

				#foto1 { background: url("../images/knop_foto1.jpg") no-repeat scroll top left; }
				#foto2 { background: url("../images/knop_foto2.jpg") no-repeat scroll top left; }
				#foto3 { background: url("../images/knop_foto3.jpg") no-repeat scroll top left; }
				#foto4 { background: url("../images/knop_foto1.jpg") no-repeat scroll top left; }

				#foto1, #foto2, #foto3, #foto4 {
					margin: 0px;
					padding: 0px;
					position: absolute;
					width: 122px;
					height: 167px;
					bottom: -166px;
					left: 6px;
					display: none;
					z-index: 1;
				}

		#content {
			font-family: arial, verdana, helvetica, sans-serif;
			font-size: 14px;
			width: 720px;
			margin: 0px;
			padding: 10px 8px 0px 20px;
			overflow: auto;
		}

			#content font, #content a {
				font-size: 18px;
			}

			#content a, #content a:visited {
				color: #ccc;
			}

			.contactform_input, .contactform_text {
				border: 1px solid #000;
			}

		#submenu {
			position: relative;
			right: 48px;
			margin: 0px 0px 4px 0px;
			padding: 2px 0px 0px 0px;
			font-size: 16px;
			text-align: right;
			z-index: 2;
		}

			#submenu ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}

			#submenu ul li {
				margin: 0px;
				padding: 0px;
				display: inline;
			}

			#submenu ul li a {
				margin: 0px 8px 0px 8px;
				padding: 0px;
				color: #e2e2e2;
				text-decoration: none;
			}

			#submenu ul li a:hover {
				text-decoration: underline;
			}

	#kompas {
		position: relative;
		height: 262px;
		background: url("../images/kompas.jpg") no-repeat scroll top left;
		z-index: 1;
	}

		#voettekst {
			padding: 55px 0px 0px 150px;
		}

		#logo {
			position: absolute;
			top: 50px;
			left: 670px;
			width: 277px;
			height: 99px;
			background: url("../images/logo3.jpg") no-repeat scroll top left;
		}

	#afbeelding {
		position: absolute;
		top: 20px;
		right: 100px;
		width: 122px;
		height: 169px;
	}

		#afbeelding_tekst {
			font-family: arial, verdana, helvetica, sans-serif;
			font-size: 14px;
			margin: 169px 0px 0px 0px;
			padding: 0px;
			text-align: center;
			width: 122px;
		}

	#zeilboot {
		position: absolute;
		background: #c9c9c9 url("../images/zeilboot.gif") no-repeat scroll top left;
		width: 75px;
		height: 129px;
		top: 20px;
		right: 0px;
		z-index: 5;
	}

	#balk_rechts {
		margin: 0px;
		padding: 0px;
		position: absolute;
		background-color: #1394a3;
		width: 48px;
		right: -1px;
		top: 109px;
		z-index: 4;
	}

		#balk_rechts_spreuk {
			position: relative;
			margin: 0px;
			padding: 0px;
			width: 48px;
			height: 460px;
			background: url("../images/spreuk.jpg") no-repeat scroll top left;
		}

	#footer {
		position: absolute;
		bottom: 20px;
		left: 20px;
		font-size: 12px;
		font-style: italic;
		color: #888;
		z-index: 6;
	}

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

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

