/*  Da der Internet Explorer schon sehr alt ist versteht er einige Angaben des
   orginal CSS nicht. Hier versuchen wir ihm mit zusätzlichem CSS auf die Sprünge
   zu helfen. */

/* Max-Width für den IE 5+6 mit Hilfe von JavaScript simulieren */
div#container {
 width: 750px; /* Falls JavaScript ausgeschalten ist wird dieser feste Wert verwendet */
 width:expression(document.body.clientWidth>905?"900px":"auto");
}

/* Ein Workaround für den IE <=6, der kein margin: auto; zum Zentrieren der Seite versteht. */
body { /* durch das zentrieren des Body erreichen wir dass auch container zentriert ist. */
 text-align: center;
}
#container { /* Jetzt müssen wir alles innerhalb des Containers wieder linksbündig machen. */
 text-align: left;
 font-size:100.1%;
}
h1{
padding: 1em 0px 1em 0px;
border-bottom: 0px;
}
/* Logo im IE 5+6 nicht abschneiden lassen */
#logo {
 line-height: 63px;
}
 
html + body #menu li {
 display: block;
 float: left;
 
}

#menu {
margin:0;
height:27px;
padding: 0px 2% 0px 0px;/* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
  }
#menu li img{
padding-bottom:0px;
}




/* Abstände bei der Subnavigation bei IE 5+6 anpassen */
#subnav {
 padding-left: 10px;
 padding-bottom:0px;
} 

#main {
  padding: 0 21% 0 20px; /* Der rechte Abstand (31%) stellt sicher, dass auch nach dem Umfließen der Subnavigation der Text genau so breit wird wie oben und ein zwei-Spalten Eindruck entsteht. */
  line-height: 1.5em; /* Zur besseren Lesbarkeit erhöhen wir die Zeilenhöhe. */
}