body {
  background-color: #333;
  font: 0.7em Helvetica, Arial, sans-serif;
  text-align: center; 
  border: none;
}
  
#container {
  width: 65em;
  height: 40em;
  text-align: left;
  margin: 0 auto;

}

/*Text*/

#inhalt {
 position: absolute;
 top: 26%;
 margin-top: -7.59em;
 width: 48em;
 height: 33em;
 float: right;
 font: 1em Helvetica, Arial, sans-serif;
 padding: 0 0 0 15em;
 overflow: hidden; 
 
}

/*Hintergrund*/

img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -285px;
  margin-left: -380px;
}

#datei {
width: 48em;
height: 33em;
background-color: #993333;
}

/*Navigation*/

#navi { 
 position: absolute;
 top: 60%;
 margin-top: -8.4em;
 padding: 0 0 0 2em;
 width: 12em;
 height: 14em;
 float: left;
 font: 1em Helvetica, Arial, sans-serif; 
}

#navi ul { 
 list-style-type: none;
 padding: 0;
}

#navi li {
 margin: 0 0 1px 0;
 padding: 0;
}

#navi li a:link, #navi li a:visited {
 display: block; 
 color: white;
 text-decoration: none;
 font-weight: bold;
 width: 100%;
}

#navi li a:hover, #navi li a:active, #navi li a:focus {
 display: block;
 background-color: #5d5d5d;
 width: 100%
}

#aktuell {
 display: block;
 background-color: #5d5d5d;
 padding-left: 2px;
 width: 100%
}

#lang a {
  font-family: Arial,Helvetica,sans-serif;
  font-size: smaller;
  text-align: left;
  text-decoration: none;
  color: #8b8b8b;
}

#lang li{
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
 
}

.deutsch {
padding: 4px 16px;
background-image: url("../Bilder/deutsch_klein.gif"); background-repeat: no-repeat;
height: 10px;
width: 0px;
}

.english {
padding: 4px 16px;
background-image: url("../Bilder/english_klein.gif"); background-repeat: no-repeat;
height: 10px;
width: 0px;
}

.francaise{
padding: 4px 16px;
margin: 0 5px;
background-image: url("../Bilder/francaise_klein.gif"); background-repeat: no-repeat;
height: 10px;
width: 0px;
}

.italiano {
padding: 4px 16px;
background-image: url("../Bilder/italiano_klein.gif"); background-repeat: no-repeat;
height: 10px;
width: 0px;
}

#lang li a:hover, #lang li a:active, #lang li a:focus {
background-color: transparent;
width: 0px;
padding: 4px 16px;
display: block;
}


/*Angaben für IE*/

*html body {
 height: 100%;
 width: 100%;
 overflow: hidden;
}

html>body #navi {
 position: fixed;
}

html>body #navi li a {
 width: auto;
}

*html #navi {width: 14em; padding: 1em 0 0 0;}
*html #inhalt {width: 64em; padding: 1em 0 1em 15em;}
*html #datei {width: 49em; height: 33em; overflow: hidden;  }
*html #lang li {width: 4px; }