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(http://www.empix.de/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:#666; vertical-align:top}
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;}
h3 {color:#0066cc; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold;	padding:0; margin:15px 0 0 0;}
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:#666;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(http://www.empix.de/pix/bg_top.png)/* all browsers including Mac IE */; -background-image:url(http://www.empix.de/pix/bg_top.gif)/* hack for IE6 and below */; background-repeat:repeat-x; margin:0; padding:0;text-align:left;vertical-align:top;	}
#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-bottom:80px;	z-index:2;}
#content {width:635px;text-align:justify;}
/*
	#content blockquote {padding-left: 35px;}
	#content ul {padding: 15px 35px;}
	#content p {padding: 10px 0 0;}
	#content h3 {padding: 0;}
*/
#headline {width:730px;	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(http://www.empix.de/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(http://www.empix.de/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! */}
		
.preis {margin:0; padding:0; text-align:right; font:bold 16px Georgia, "Times New Roman", Times, serif; color:#0066cc; /* text-shadow: 0.05em 0.05em #ffcc33*/}
#tipps {float:right; width:175px; padding-left:35px;}
#beispiele{width:155px; margin-bottom:15px; background-color:#CCC; color:#FFF; padding:1px 10px; text-align:left; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#beispiele p, #beispiele h3{color:#FFF; letter-spacing:0; margin:0; padding:5px 0}
#preis{width:155px; margin-bottom:15px; background-color:#9CF; color:#FFF; padding:1px 10px; text-align:left; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#preis p, #preis h3{color:#FFF; letter-spacing:0; margin:0; padding:5px 0}

#beispiel{background-color:#777; color:#FFF; padding:1px 10px; margin:10px 30px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#beispiel p, #beispiel h3, #beispiel a{color:#FFF; letter-spacing:0}

#frage{background-color:#AAA; color:#FFF; padding:1px 10px; margin:10px 0; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#frage p, #frage h3, #frage a{color:#FFF; letter-spacing:0}

.linie {background:#eee; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.linie img{margin-right: 15px;  -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.anker {}