body { font-family: "Verdana", "sans-serif"; text-align:left; /* for IE */ font-size: 12px; margin:0 auto; /* for the rest */ vertical-align: middle; } #wrapper { line-height: 0px; text-align:left; /* reset text alignment */ width:100%; /* or a percentage, or whatever */ position:fixed; top:0px; } #main_frame { line-height: 0px; position:absolute; left:0px; top:50%; margin-top:-300px;/* half main elements height*/ width:100%; height:600px; } #header_container { width:100%; height:86px; position: relative ; } #header_container_bg { background: #f4f4f4 ; top:-86px; width:874px; height:88px; opacity: 0.8; filter: alpha(opacity = 80); position: relative ; } #presentation_container { top:0px; width:100%; text-align:left; position: relative ; } #content_container_wrap { top:-84px; text-align:center; width:100%; height:430px; position: relative ; } #content_container { top:0px; width:100%; height:420px; position: relative ; } #content_container_bg { background-color:#ffffff; top:-420px; left:0px; width:874px; height:440px; opacity: 0.85; filter: alpha(opacity = 85); position: relative ; } #footer_container { width:100%; top:-72px; height:50px; opacity: 0.8; filter: alpha(opacity = 80); position: relative; } .header_table { height:70px; } .content_table { color: #002046; } .presentation_table { background: #00365E ; position: relative; text-align:left; overflow:hidden; } .footer_table { background: #ffffff ; } #dienst_bodytext { color: #666666; font: 11px arial; z-index: 1 width: 330px; height: 380px; overflow:auto; } #project_scroll_list { width: 100%; height: 384px; overflow:auto; } #presentation_pane { width: 860; height: 454px; padding: 0em; position: relative;text-align:left; } #menuspacer { width: 10px } #footertext { color: #999999; font: 11px arial; z-index: 1 } #footertext a { color: #666666; font: 10px arial; text-decoration: none; z-index: 1 } #footertext a:hover { color: #003366; font: 10px arial; text-decoration: none; z-index: 1 } #bodyheader { text-align: center; color: #003366; font: 16px arial; z-index: 2 } #bodytext { color: #666666; font: 11px arial; z-index: 1 } table.directions th { background-color:#EEEEEE; } img { color: #000000; } #directions td { color: #222222; font: 10px arial; z-index: 1 } #status td { color: #666666; font: 10px arial; z-index: 1 } #projectcell { color: #003366; border-color: #FF0000; border: 1px; border-top-width:1px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; border-style:solid; font: 11px arial; width: 140px; height: 140px; z-index: 10 } #projectcell a { color: #666666; font: 10px arial; text-decoration: none; z-index: 1 } #projectcell a:hover { color: #003366; font: 10px arial; text-decoration: none; z-index: 1 } #project_detail_header { color: #003366; font: bold 11px arial; z-index: 1 } #staffcell { color: #003366; font: 11px arial; width: 100px; height: 100px; z-index: 10 } #page-background { position:fixed; background-repeat: no-repeat; top:0; left:0; width:100%; height:100%; } }