body {
    	font: normal 100.01% Helvetica, Arial, sans-serif; 
    	color: black; background-color: white;
    	min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }
  
  h3 {
	font: normal 120.01% Helvetica, Arial, sans-serif; word-spacing:0.4em;
    	color: black; font-weight: bold; margin: 0px 0px 5px 0px;
  }
  
  h4 {
	font: normal 110.01% Helvetica, Arial, sans-serif;
    	color: black; font-weight: bold;
  }
  
  html {
     padding: 0;
  }
  body {
	margin: 0; padding: 0;

  }
  
  #fixiert {
    position: absolute;
  }
   
  .logo {
    background-color:#CC0000; 
	/* width:11.15em; */
	width: 14em;
	height: 4em; 
	left: 0em; 
	top:0em; 
	margin: 0;
  }
  
  .symbol {
	position: relative; 
	left: 3.4em; 
	top:0.6em;
	/*  top:0.2em;  */
	background-color:#AAAAAA; 
	width: 7em; 
	height: 2.em;
  }
  
  .spr {
	position: relative; 
	left: 1em;  
	top:0.2em; 
	width: 12em;
	height: 1.5em;
	background-color:#FFFFDD;
  }
  
  .spr_img {
	position: relative; 
	left: 0.2em;  
	top:0.1em; 
	/* top:2.2em; */
	 
	height: 1.1em;
	padding: 0; margin: 0;
  }
  
  .spr_text {
	position: absolute;
	top:0.2em; 
	left: 3em;
	
	line-height: 1.2em;
  }
  
  #hr_menue {
	width: 9.5em; position: relative; top: 0.1em;
  }
  
  .menueoben {
	background-color:#0000CC; 
	width: 45.65em; 
	height: 4em; 
	/* left: 11.3em;  */
	left: 14.15em;
	top:0em; 
	margin: 0;
  }
  *html .menueoben { width: 45.5em; }
  
  .menuelinks {
	background-color:#FFFF00; 
	/* width:11.15em; */
	width: 14em; 
	height: 32em; 
	left: 0em; 
	top:4.2em;
	margin: 0
  }
  *html .menuelinks { width: 13.85em; } 
  /*  *html .menuelinks { height: 34em; }   */

  .menueunten {
    bottom: 0em; 
	/* left: 11.3em;  */
	left: 14.15em;
    width: 45.65em;
	height: 1.5em;
    background-color: #CC0000;
  }
  *html .menueunten { width: 45.5em; }
  *html .menueunten { position: absolute; bottom: auto; top: 36.7em;}
  /* IE6 hat Probleme mit "bottom". Wenn man den unteren Browserrand nach oben schiebt, also die Browserhöhe verkleinert,
	wird ein mit der Angabe "bottom" plaziertes Element nach oben verschoben. 
	Die Folge: Dieses Element kann dann permanent quer über einem anderen Element liegen. */
  
  .inhalt{
	background-color:#CCCCCC; 
	width: 43.65em; /* ist um 2em reduziert wegen padding: 1em */
	height: 29em;
	/* height: 30em; */ 
	/* position: absolute; */ 
	left: 14.3em; 
	top:4.2em;		
	margin:0; 
	padding: 1em;
	padding-bottom: 2em;
  }
  *html .inhalt { width: 43.5em; }

  #inhalte {
	position: absolute;
	/* left: 11.3em;  */
	left: 14.15em;
  }
  

  
  html>body #fixiert {  /* nur fuer moderne Browser! */
    	position: fixed;
  }
  html>body #menueunten {  /* nur fuer moderne Browser! */
    	position: fixed;
  }
  
  

  #rahmen { height: 100% }
  
  *html #body{ height: 100%; overflow-y: hidden; }
  *html #rahmen { height: 100%; width: 100%; overflow: auto; }	
  
  ul { list-style-type:none;}
  .link1 li {padding: 0.2em 0em 0em 0em; margin: 0em 0em 0em 0.1em; width:100% } 
  .link2 li {padding: 0px 0px 0px 0px; margin: 0px; }
  .linkheader { width: 8em; position: relative; left: 2em; font: bold 100.01% Helvetica, Arial, sans-serif; }
  /*  .link1 { padding-left: 0.3em; padding-top: 0.2em; margin-top: 0.2em; 
  margin-left: 0.3em; font: normal 90.01% Helvetica, Arial, sans-serif;} */
   .link0 { position: absolute; top: 0.3em; left: 50%; margin: 0 -2.5em;
	font: normal 90.01% Helvetica, Arial, sans-serif; width: 5em;}
   .link1 { padding: 0em 0.1em 0.2em 0.3em; margin: 0em 0.5em 0em 0.5em; 
	font: normal 90.01% Helvetica, Arial, sans-serif; 
	background-color:#FFFFDD;
	}
   .link2 { padding: 0em 0em 0em 0.3em; margin: 0em 0em 0em 0.5em;
	font: 1.1em Helvetica, Arial, sans-serif; line-height: 1.1em; }
   *html .link2 {padding: 0em 0em 0em 0.5em; margin: 0em 0em 0em 0.5em;}
  
   .link3 { padding: 0.1em 0em 0em 0em; margin: 0em 0em 0em 0em; 
	font: normal 0.8em Helvetica, Arial, sans-serif; width: 8.5em; line-height: 1.1em; }
   *html .link3 { padding: 0em 0em 0em 0em; margin: 0; 
   font: normal 0.7em Helvetica, Arial, sans-serif; line-height: 1em;
   }
     .link4 { position: absolute; top: 0.1em; left: 50%; margin: 0 -4.25em;
	font: normal 80.01% Helvetica, Arial, sans-serif; width: 8.5em;
	word-spacing:0.4em; white-space:nowrap;}
	.link5 { 
	font: normal 0.9em Helvetica, Arial, sans-serif;}
	/* word-spacing:0.4em; legt den Abstand zwische Worten fest 
	white-space:nowrap; verhindert automatischen Zeilenumbruch */
   .link-zentriert {
   /* text-align:center; margin-left:2em; margin-right:2em; */
   /*line-height:250%; width:auto; margin:1em 20%; text-align:center;*/
   /*width: 5em; margin: 1em auto; */
   position: absolute; left: 50%; margin: 0 -2.5em; width: 5em;
   /*  dient dem zentrieren in Firefox und (!) in Internet Explorer */
   }
  
  .menuebox { 
	top:0.6em;
	background-color:#DDDDFF; 
	width: 5.5em; 
	height: 2.6em;
} 
  
  #menuebox1 { position: absolute; left: 0.5em; }
  
  #menuebox2 { position: absolute; left: 6.5em;}
  
  #menuebox3 { position: absolute; left: 12.5em;}
  
  #menuebox4 { position: absolute; left: 18.5em;}
  
  #menuebox5 { position: absolute; left: 24.5em;}
  
  #menuebox6 { position: absolute; left: 30.5em;}
  
  .menuebox_u {
	bottom:0.2em;
	background-color:#FFDDDD; 
	width: 8.5em; 
	height: 1.1em;
	padding: 0; margin: 0;
} 

*html .link4 { padding-left: 13px; }
/*  zentriert Layout der unteren Menüleiste in IE 5 und IE 6 */
  
  #menuebox_u1 { position: absolute; left: 0.5em;}
  
  #menuebox_u2 { position: absolute; left: 9.5em;}
  
  #menuebox_u3 { position: absolute; left: 18.5em;}
  
  #menuebox_u4 { position: absolute; left: 27.5em;}
  
  #menuebox_u5 { position: absolute; left: 36.5em;}
  /*
  .foto-zeile {
    height: 145px; position: absolute; top: 60px;
  }
  */
  .foto-frame {
	position: inherit; left: 10px;
	background-color: white; border: solid 3px white; margin: 5px; padding-top: 2px;
	font: normal 80.01% Helvetica, Arial, sans-serif; 
  }