body
		{ 
			position:absolute;
			background:#ffffff;

		}
		html, body
		{ 
			top:0; left:0; right:0;
			min-height:100%;
			margin:0;
			padding:0;
			width:100%;
			background-image:url(pix/bg_body.jpg);
			background-attachment:fixed;
		}
		body, p, td {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:12px;
			letter-spacing:1px;
			color:#777777;
		}
		input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif;}
		h1 {
			color:#0066cc;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;
			}
		h2 {
			color:#0066cc;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:16px;
			font-weight:bold italic;
			}
		a
		{
			color:#0066cc;
			text-decoration:none;
			letter-spacing:1px;
		}
		a:hover
		{
			text-decoration:underline;
		}
		.grey {color:#777777; text-decoration:none;}
		
		#logo {
			position:fixed;
			text-align:right;
			width:100%;
			z-index:4;
			padding: 55px 0 0 0 ;
			margin:0;
			color:#0066CC;
			letter-spacing:0;
		}
		#logo a
		{
			color:#777777;
			text-decoration:none;
			letter-spacing:0;
		}
		#logo a:hover
		{
			color:#0066cc;
			text-decoration:underline;
		}
		
		#header_container 
		{
			position:fixed;
			height:165px;
			top:0; left:0; right:0;
			padding:0;
			margin:0;
			height:3em;
			z-index:3;
		}
 
		#header 
		{
			position:absolute;
			top:0; left:0; right:0; bottom:0;
			height:165px;
			background-image:url(pix/bg_top.png); /* all browsers including Mac IE */
			-background-image:url(pix/bg_top.gif); /* hack for IE6 and below */
			background-repeat:repeat-x;
			
			margin:0;
			padding:0;
			text-align:left;
			vertical-align:top;
		}
		* html #header 
		{
			
		}
		#menu
		{
			position:fixed;
			top:4em;
			left:.5em;
			width:9em;
			border: 3px dotted #dedede;
			padding:.5em;
			padding-top:105px;
		}
		#content_container
		{
			margin:0;
			padding-top:150px;
			/*
			padding-left:200px;
			padding-right:200px;
			*/
			padding-bottom:80px;
			z-index:2;
		}
	
		#content {
			width:300px;
			text-align:justify;
		}
		.content_img {
			position:absolute; 
			margin-left:330px;
			background-image:url(pix/bg_content_img.gif);
			background-repeat:no-repeat;
			padding:18px 25px 25px 12px;
		}
		#headline {
			width:400px;
			height:35px;
			text-align:justify;
		}
		#headline img {
			margin-left:0;
		}	
		#footline {
			width:400px;
			text-align:justify;
		}
		#footer_container
		{
			position:fixed;
			bottom:0; left:0; right:0;
			text-align:right;
			margin:0;
			height:38px;;
			z-index:3;
		}
		#footer 
		{
			background-image:url(pix/bg_bot.gif);
			background-repeat:repeat-x;
			background-position:bottom;
			position:absolute;
			top:0; left:0; right:0; bottom:0;
			z-index:1;
		}
		
		/* SPAM-Schutz ~ E-Mail wird dabei umgekehrt geschrieben: ed.xipme@ofni ~ Hochwirksam lt.: http://www.drweb.de/magazin/wirklich-wirksamer-schutz-fr-e-mail-adressen */
		span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
		/* 
		
		/* 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 #headline {
			height: 50px;
		}	
		*html #logo {
			position:absolute;
			text-align:right;
			width:100%;
			z-index:5;
			margin:0;
			padding-right: 16px;
		}
		* html #menu
		{
			position:absolute;
		}
		* html #header,* html #footer
		{
			height:100%;
			position:static;
		}
		* html #content_container
		{
			position:absolute;
			top:0; bottom:0; left:0; right:0;
			height:100%;
			width:100%;
			overflow:auto;
			margin:0;
		}
		* html .content_img {
			position:absolute; 
			margin-left:330px;
			background-image:url(pix/bg_content_img.gif);
			background-repeat:no-repeat;
			padding:18px 25px 25px 12px;
		}		
		#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! */
		}