<style type="text/css">
/*
Tribute: Stefan Muenz at http://www.selfhtml.org for the best documentation  available. Manymany hints, tricks and ideas.
Dennis Riehle for the idea with headers and footers. I pilfered and adapted his tutorial from http://www.tutorial.riehle-web.com
*/

body
{
  position:absolute;
  background-color:#BFBFBF;
}

body,table,td,tr,div,p,pre,h1,h2,h3,h4,h5,h6,ul
{
  font-family: "Courier New", monospaced;
  color:#00007F;
}

h1, h2, h3, h4, h5, h6 {color:#005050; font-weight:bold;}
h1 {font-size:130%;}
h2 {font-size:125%;}
h3 {font-size:110%; font-style:oblique;}

html, body
{
	top:0; left:0; right:0;
	min-height:100%;
	margin:0; padding:0;
	width:100%;
  /*background-color:#BFBFBF;*/
  background-color:#efefcc;
}

#header_container
{
  position:fixed; top:0; left:0; right:0; z-index:3;
  text-align:center;
  margin:0;
  height:160px;
  /*background:#BFBFBF; hides text scrolling past*/
  background-color:#efefcc;
  background-image:url(images/ruler.png); background-repeat:repeat-x; background-position:30px 80px;
}

#header
{
  position:absolute; top:0; left:40; right:0; bottom:0; z-index:3;
  margin:0;
  background-image:url(images/mann_oben.png); background-repeat:no-repeat;
}

#content
{
  margin-top:170px; margin-left:220px; margin-right:80px; margin-bottom:200px; z-index:2;
}

#footer_container
{
  position:fixed; bottom:0; left:0; right:0; z-index:3;
  text-align:center;
  margin:0;
  height:160px;
  background-image:url(images/ruler.png); background-attachment:fixed; background-repeat:repeat-x; background-position:bottom;
}

#footer
{
  position:absolute; top:0; left:0; right:0; bottom:0; z-index:3;
  margin:0;
  background-image:url(images/mann_unten2.png); background-repeat:no-repeat; background-position:right;
}

#band_container
{
	display:block;
  position:fixed; top:130; left:0; right:0; bottom:0; z-index:3;
  height:80%; width:200px;
}

#band
{
	position:absolute; top:0; left:150; right:0; bottom:0; z-index:4;
	background-image:url(images/band.png); background-repeat:repeat-y;
}

/* all links defined */
a:link, a:visited, a:hover, a:active, a.focus
{
	font-weight:bold; color:#0000E0; text-decoration:none;
}

a.menu
{
  position:fixed; top:0,left:70;right:0;bottom:0; z-index:4;
  height:110px;
	background-image:none;
}

a.menu:link, a.menu:visited {background-image:none;}

/*Adding overflow: solved the problem that the hover image doesn't disappear in IE*/
a.menu:hover
{
	position:fixed; top:0; left:0; right:0; bottom:0; z-index:4;
	background-image:url(images/climb3.png); background-repeat:no-repeat;
  background-position: 125px 15px;
  height:110px; width:200px;
  overflow:hidden;
}
a.menu:active {background-image:none;}

a.menu:focus
{
	position:fixed; top:0; left:0; right:0; bottom:0; z-index:4;
	background-image:url(images/climb3.png); background-repeat:no-repeat;
  background-position: 125px 15px;
  height:110px; width:200px;
  overflow:hidden;
}

/* Sub-Menus*/
#submenu_container
{
  position:absolute; top 0px; left:220px; right:0px; bottom:0px; z-index:4;
  height:30px; width:100%;
  text-align:left;
}

/* For silly MSIE */

* html, * html body
{
  overflow:hidden; bottom:0; height:100%;
}

* html #header_container, * html #footer_container
{
  position:absolute; width:100%; padding-right:16px;
}

* html #submenu_container
{
  position:absolute; top:130; bottom:0; left:220; right:0;
  height:30px; width:100%; overflow:auto;
  margin:0;
}

* html #band_container
{
	position:absolute; top:160; padding-right:30px; height:80%;
}

* html #band
{
	position:absolute; height:100%; padding-right:30px;
}

* html #menu {position:absolute;}

* html #header,* html #footer
{
  height:100%; position:static; margin-left:40px;
}

* html #content
{
  position:absolute; top:160; bottom:0; left:0; right:0;
  height:70%; width:100%; overflow:auto;
  margin:0;
  padding-top:20px; padding-bottom:160px; padding-left:220px; padding-right:100px;
}
* html a.menu
{
	position:absolute;
}

</style>