/* 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: #A80C35 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: #E80C35; } .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: #FF0C35; } .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: #A80C35; background: white; width: 109px; height: 23px; } .scroll form input, scroll form textarea { font-family: Courier; font-size: 12; } button { background: #A80C35; 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: #A80C35; 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; }