/*  body {
    font: normal 1em Helvetica, Arial, sans-serif;
    color: black; background-color: #ffffe0;
	
  } */

  ul#Navigation {																		/* Element, worin die kleinen Bilder ersheinen */
    margin: 0; padding: 0;
    text-align: left;
    border: 0px solid red;
    background-color: white;
	width: 482px;
  }

  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {														/* Größe des Elements / Rahmen der kleinen Bilder, margin = Außenabstand, padding = Innenabstand */
    float: left; width: 34px; 															/* Bildunterschriften im off */
    margin: 0px; padding: 2px;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: #D7D7D7; border-top-color: #D7D7D7;									
  }
  
  * html ul#Navigation a, * html ul#Navigation span {  											/* Korrektur fuer IE 5.x */
    width: 1em;
    w\idth: 1em;
  } 
  
  ul#Navigation a:hover, ul#Navigation span {
    border-color: #D7D7D7;
    border-left-color: black; border-top-color: black;
    color: white; background-color: grey;
  }
  
  ul#Navigation div {
     clear: left;
  }
  
  ul#Navigation b {                         												/* Bildunterschriften verdecken, ins off schießen */
	position:absolute;
	top:-9999px; left:-9999px;
	height:0px; width:0px;
  }   			
  

  img.mini {																			 	/* Größe der kleinen Bilder */
	position:relative; top:0px; left:0px;
	height:23px;width:34px;border:none;
  }
	
  div#minis a:hover {background:white} 													/* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
	
  div#minis a img.big {height: 0; width: 0; border-width: 0;}	 							/* die großen Bilder unsichtbar machen durch Höhe und weite = 0 */
	
  div#minis a:hover em img.big {															/* die großen Bilder sichtbar machen im oberen Frame, wenn man über die kleinen hovert */
	position:absolute; top:16px; left:8px;
	height:360px;width:480px;
	border:none;
  }
	
  div#minis a:hover b {																	/* Bildunterschriften formatieren */
	position:absolute; top:376px;left:8px;
	height:360px;width:480px; 
	font: 0.8em Helvetica, Arial, sans-serif;
	font-weight:bold; font-style:normal; color: black;
	background:transparent; 
	text-align:center; 
	line-height:2.3em;
	color: #666;
  } 																
	
  #frame {																				/* leerer Frame oben mit Text und Aufforderung */
	position:absolute; top:16px;left:8px;
	height:360px;width:480px;
	border:0px solid black;
	font: 1em Helvetica, Arial, sans-serif;
	color:black; 
	font-weight:bold;
	text-align:center;
	padding:0px 0px 0px 0px;
  } 
	
  p {margin-bottom: 23px;} 																/* Abstand unter großem Bild */ 
	
  div#galerie {																			/* Text über den kleinen Bildern (Galerien) */
	font: 0.7em Helvetica, Arial, sans-serif;
	font-weight:bold;
	color: #666;
	background-color: white;
	padding: 4px 0px 0px 0px;
/*	line-height:2.3em; */
  }
  
  div#aufforderung {
	border: 0px solid red;
    background-color: silver;
	width: 360px;
	text-align:center;
	margin:20px auto 0px auto;
  }