/* dieses stylesheet funktioniert in allen browsern 100% gleich,
   solange alle paddings auf "0" stehen und alle grössen in % definiert sind. */
body{
    margin:0;
    padding:0;
    background-color: #878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#header2-box a:link,
#header2-box a:visited,
#footer1-box a:link,
#footer1-box a:visited,
#footer2-box a:link,
#footer2-box a:visited{
	text-decoration: none;
	color: #fff;
}
#header2-box a:hover,
#footer1-box a:hover,
#footer2-box a:hover{
	text-decoration: none;
	color: #ffa;
}
 #header1-box{
  position:absolute;
  top:1%; /*das ersetzt das obere padding*/
  left:5%;
  width:90%;
  height:8%;
  padding:0;
  background-image:url(grafiken/logo1_trans.gif);
  background-repeat:no-repeat;
 }
 #sprachwahl {
  position:absolute;
  top:0;
  right:0;
  text-align:right;
 }
 #header2-box{
  position:absolute;
  top:9%;
  left:5%;
  width:90%;
  height:6%;
  padding:0;
  text-align:right;
  font-size:14px;
  color:#878787;
 }
 #content-box{
  position:absolute;
  text-align:center; /*für IE6, um die Inhalte zu zentrieren*/
  top:15%;
  left:5%;
  height:70%;
  width:90%;
  background-color: #b4b4b4;
  padding:0;
  overflow:auto;
 }
 #footer1-box{
  position:absolute;
  bottom:0;
  left:5%;
  height:13%; /*statt 15% werden hier weniger genommen, um das obere padding zu ersetzen*/
  padding:0;
  color:#878787;
 }
 #footer2-box{
  position:absolute;
  bottom:0;
  right:5%;
  height:13%; /*statt 15% werden hier weniger genommen, um das obere padding zu ersetzen*/
  padding:0;
  text-align:right;
  font-size:12px;
  color:#eee;
 }
 @media screen{
  body>#header-box{
   position:fixed;
  }
  body>#footer-box{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden; /* für IE6 */
 }
 * html #content-box{
  overflow:auto;   /* für IE6 */
 }