html, body{
height:100%;
}
html {
	margin-bottom: 0.1px;
}
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;
			width:100%;
			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:164px;
			width:100%;
			z-index:2;
		}
		
		
		/* Nun für den MSIE */
		* html, * html body 
		{
			overflow:auto;
			overflow-x: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;
			overflow-x:hidden;			
			
			
			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:#4f4f4f;
			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! */
		}


