/* BASIC HTML ELEMENTS */

/* DEFINITION OF CLASSES */

body {
	margin: 0px;
	padding: 0px;
	background: white;
	overflow: hidden;	/* Suppress viewport scroll bars */
	}

/* DEFINITION OF CLASSES */

.home {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 132px;		/* 2px extra width to enforce white border-right !!!! */
	height: 64px;		/* 2px extra height to enforce white border-bottom !!!! */
	padding: 0px;
	background-image: url(images/ace-visual.gif);
	background-repeat: no-repeat;
	color: white;
	z-index: 10;
	}

.top-nav, .top-nav p {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px; 
	height: 62px;
	margin: 0px;
	padding-left: 132px;
	color: white;
	background: #000000 url(images/outline.gif) no-repeat;
	  /* 'fixed' omitted in above background property to accommodate Opera7 quirk */
	background-position: right bottom;
	z-index: 8;
	}

.top-nav .buttonbar {
	position: fixed;
	top: 47px;
	right: 0px;
	height: 13px;
	padding-left: 134px;
	overflow: hidden;
	z-index: 9;
	}

.top-nav .buttonbar .here img {
	background: #404040;
	}
.top-nav .buttonbar .here img,
.top-nav .buttonbar a img {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: solid white 1px;
	text-decoration: none;
	}

.top-nav .buttonbar a:hover img {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: solid white 1px;
	background: #606060;
	}

.left-menu {
	position: fixed;
	top: 64px;
	bottom: 0px;
	left: 0px;
	width: 130px;
	padding: 0px;
	background: #E6E6E6;
	z-index: 6;
	}

.left-menu .button {
	position: relative;
	top: 40px;
	height: 30px; 
	border: none;
	}

.left-menu a, .left-menu a img {
	background: #cccccc;
	border: none;
	}

.left-menu a:hover, .left-menu a:hover img {
	background: #ffffff;
	border: none;
	}

.left-menu .here img {
	background: transparent;
	border: none;
	}

.left-copyright {
	position: fixed;
	bottom: 6px;
	left: 0px;
	width: 130px;
	background: transparent;
	z-index: 6;
	}

.left-copyright form {
	position: fixed;
	bottom: 130px;
	left: 10px;
	width: 109px;
	margin-bottom: 10px;
	font-size: 0px;
	}

.left-copyright form input {
	color: #000000;
	background: white;
	width: 109px;
	height: 23px;
	}

.scroll form input, scroll form textarea {
	font-family: Courier;
	font-size: 12;
	}

button {
	background: #000000;
	width: 69px;
	height: 23px;
	cursor: pointer;
	}

.greenwich {
	position: absolute;
	top: 0px;
	left: 336px;
	bottom: 0px;
	width: 2px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: white;
	}

.westofgreenwich {
	position:absolute;
	top: 0px;
	left: 18px;
	bottom: 18px;
	width: 300px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

.eastofgreenwich {
	position: absolute;
	top: 0px;
	left: 356px;
	right: 18px;
	bottom: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

.miniscrollbox { 
	background: white; 
	border: solid #cccccc 1px; 
	padding: 3px; 
	overflow: auto; 
	}

.scroll {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 18px;		/* Padding within Scroll bar area */
	background: white url(images/verloop.gif) repeat-x fixed;
	overflow: auto;
	}

.bodemvrijheid {
	height: 18px;
	}

.footer {
	position: fixed;
	right: 0px;
	bottom: 0px;
	left: 132px;
	height: 4px;
	margin: 0px;
	padding: 0px;
	border: none;
	background: #000000;
	z-index: 4;
	}

.footer p {
	display: none;
	}

.sitemap {
	padding: 10px;
	margin: 0px 0px 10px 0px;
	}

.sitemap .button {
	height: 30px; 
	border: none;
	}

.sitemap a, .sitemap a img {
	background: #cccccc;
	border: none;
	}

.sitemap a:hover, .sitemap a:hover img {
	background: #ffffff;
	border: none;
	}

.textbox {
	position: relative;
	float: right;
	display: inline;
	border: 1px solid #333333;
	background: #DDDDDD;
	margin:	4px 4px 4px 10px;
	padding: 7px;
	overflow: auto;
	}

/* DEFINITION OF SPECIFIC DIVs */

#mainframe {
	position: absolute;
	top: 64px;		/* leave room for top header + white line */
	right: 0px;		/* nudge to right side */
	bottom: 4px; 		/* leave room for footer bar */
	left: 132px;		/* leave room for left menu + white line */
	padding: 0px;		/* Mozilla introduces extra padding-top ??? */
	background: white;
	z-index: 2;
	}

#mission {
	position: relative;
	float: right; 
	width: 150px; 
	border-left: solid 2px white; 
	margin: 0px 0px 10px 18px; 
	padding: 0px 0px 10px 18px;
}

#footnote {
	position: relative;
	clear: both;
	left: 0px; 
	right: 0px;
	margin-top: 18px;
	padding: 0px 0px 0px 0px;
	border-top: solid 2px #E6E6E6; 
}