body
{ 
	position:absolute;
	background:#ffffff;
}

html, body
{ 
	top:0; left:0; right:0;
	min-height:100%;
	margin:0;
	padding:0;
	width:100%;
}

#header_container 
{
	position:fixed;
	top:0; left:0; right:0;
	text-align:center;
	margin:0;
	height:3em;
	z-index:3;
}

#header 
{
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	height:100%;
	background:#efefef;
	z-index:3;
	margin:0;
	padding:0.2em;
}

#menu
{
	position:fixed;
	top:4em;
	left:.5em;
	width:9em;
	border: 3px dotted #dedede;
	padding:.5em;
}

#content
{
	margin:0;
	padding-top:4.85em;
	padding-left:12em;
	padding-bottom:3em;
	z-index:2;
}

#footer_container
{
	position:fixed;
	bottom:0; left:0; right:0;
	text-align:center;
	margin:0;
	height:2em;
	z-index:3;
}

#footer 
{
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	background:#efefef;
	z-index:3;
}
		
/* Nun für den MSIE */
* html, * html body 
{
	overflow:hidden;
	bottom:0;
	height:100%;
}

* html #header_container, * html #footer_container
{
	position:absolute;
	width:100%;
	padding-right:16px;
}

* html #menu
{
	position:absolute;
}

* html #header,* html #footer
{
	height:100%;
	position:static;
}

* html #content 
{
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	height:100%;
	width:100%;
	overflow:auto;
	margin:0;
}

#menu li
{
	list-style: none;
	margin:0;
	padding:0.3em;
}

#menu li#active
{
	padding:0.5em;
	text-decoration:underline;
}

#menu a:link, #menu a:visited
{
	display:block;
	background:#eeeeee;
	color:black;
	text-decoration:none;
	margin:0;
	padding:0.2em;;
}

#menu a:hover
{
	background:#ffa421;
	color:#ffffff;
	text-decoration:underline;
}

* html #menu
{
	margin:0;
	width:10.5em;    /* Der IE soll das Element breiter darstellen, da margin und padding hier von 
					    der Breite abgezogen wird! */
}