A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:actived {text-decoration:none;}
p{TEXT-ALIGN:justify}
p{font-size:11pt;}
td{font-size:11pt;}
th{font-size:12pt;}
p.klein{font-size:9pt;}
H3{font-size:13pt; font-weight:bold;}
H2{font-size:12pt;}
h6{color:#808080; background-color:white;}


body 
{
  	font-size:100.01%;
    font-family:Arial,Helvetica, sans-serif; 
    color:black; background-color:white; 
    margin:0;	 	
  	padding: 0;
    min-width: 41em; /* Mindestbreite verhindert Anzeigefehler */
    overflow:hidden; /* Wichtig für die richtige Darstellung */ 
    
}

body,table,p  {
}
img {
   border:0;
}

h1 {
    font-size:2em;
    margin:10px 0pt 0.7em; padding:0.3em;   /* 10px Abstand Top, 0pt Abweichung Schriftgroeße, 0.7em Schriftgroeße */        
}
#obenlinks 
{
  	position:absolute;
 	top:0;			/* Abstand zum oberen Fensterrand */
  	left:10;		/* Abstand zum linken Fensterrand */
  	height:85px;		/* Blockhöhe */
  	right:200px;		/* Blockbreite */
    padding:0;		/* Interpretation Boxmodell! */  	
  	background:url("OlafBilder/HG_Wasser_links.gif");
    overflow:hidden;	/* Scrollbalken unterbinden */
  /* nur für IE: */
   	width: 200px;    
}  
  
#obenlinks .inhaltDiv 
{
  	margin:6px;		/* Abstand des Inhalts zum Blockrand */
}  
  
#oben 
{
  	position:absolute;
 	top:0px;			/* Abstand zum oberen Fensterrand */
  	left:200px;		/* Abstand zum linken Fensterrand */
  	right:200;		/* Abstand zum rechten Fensterrand */
  	height:85px;		/* Blockhöhe */
  	padding:0;		/* Interpretation Boxmodell! */  	
  	background:url("OlafBilder/HG_Wasser_oben.gif");
    overflow:hidden;	/* Scrollbalken unterbinden */
    width: 907;
}
  
#oben .inhaltDiv 
{
  	margin:20px;		/* Abstand des Inhalts zum Blockrand */
}
  
#balken_oben 
{
    position:absolute;
 	top:83px;			/* Abstand zum oberen Fensterrand */
  	left:10;		/* Abstand zum linken Fensterrand */
  	right:200;		/* Abstand zum rechten Fensterrand */
  	height:8px;		/* Blockhöhe */
  	padding:0;		/* Interpretation Boxmodell! */
  	overflow:hidden;	/* Scrollbalken unterbinden */
  	width:100%; /* benoetigt der IE */				
}    

 #links { 
  	position:absolute;
  	top:100px;		/* Abstand zum oberen Fensterrand */
  	left:10px;		    /* Abstand zum linken Fensterrand */
  	bottom:80px;		/* Abstand zum unteren Fensterrand */
  	width:190px;		/* Blockbreite */
  	padding:0;		/* Interpretation Boxmodell! */  	
  	overflow:auto;		/* Scrollbalken, unterbinden */    
    /* nur für IE: */
    height:expression((document.body.clientHeight - 175) + "px");
 				/* top-Wert + bottom-Wert = 180 */       
 }  

    ul#links 
    {
        font-size:1.1em;    
        float:left; 
        margin:10px 1px 1.5em; padding: 0; /* 10(oben) */
        /* border:1px dashed silver; */
    }
  
    * html ul#links 
    {  /* Korrekturen fuer IE 5.x */
        width:11.6em;    
        padding-left:0;
        padd\ing-left:0em;
    }
  
    ul#links li 
    {
        list-style:none; /* damit keine Aufzaehlungzeichen erscheinen */
        margin:0.6em; padding:0;        
    }

    ul#links a, ul#links span, ul#links h2 
    {
        
        display:block; 
        padding:0.2em;
        text-decoration:none; font-weight:bold;
        border:1px solid black;
        border-left-color:white; border-top-color:white;
        color:maroon; background-color:white; background:url("OlafBilder/HG_Button.GIF"); width:150px; 
    }

    * html ul#links a, ul#links span, ul#links h2 
    {
        width:100%;    /* Breitenangabe fuer IE 5.x */
        w\idth:8.8em;  /* Breitenangabe fuer IE 6 */
    }

    ul#links a:hover, ul#links span 
    {
        border-color:white;
        border-left-color:black; border-top-color:black;
        color:white; background-color:gray;
    } 	

div#Info {
    font-size:0.9em;
    float:right; width:12em;
    margin:163px 25px 1.1em; padding:0;
    background-color:#E1002D; color: black; border:1px solid black;
    border-left-color:white; border-top-color:white; width:150px; 
  }
  div#Info h2 {
    font-size:1.2em;
    margin:0.2em 0.5em;
  }
  div#Info p {
    font-size:0.9em;
    margin:0.5em;
  }



div#mitte 
{
  	position:absolute;
  	top:91px;		    /* Abstand zum oberen Fensterrand */
  	left:190px;		    /* Abstand zum linken Fensterrand */
  	bottom:70px;		/* Abstand zum unteren Fensterrand */
  /*	right:200;	*/	    /* Abstand zum rechten Fensterrand */
  	overflow:auto;		/* Scrollbalken, falls notwendig */
  /* nur für IE: */
 /* 	width: 907;   */
	width:expression((document.body.clientWidth - 190) + "px"); 
 				/* left-Wert + right-Wert = 400 */
  	height:expression((document.body.clientHeight - 151) + "px");
 				/* top-Wert + bottom-Wert = 151 */
} 
 
div#mitte .inhaltDiv 
{
  	margin:30px;		/* Abstand des Inhalts zum Blockrand */
    margin-left:20px;   
}   
 
#unten 
{
  	position:absolute;
  	left: 10;		/* Abstand zum linken Fensterrand */
  	bottom:0 !important;	/* Abstand zum unteren Fensterrand */
  	bottom:-1px;	/* nur für IE */
  	
	right:200;		/* Abstand zum rechten Fensterrand */
  	height:60px;		/* Blockhöhe */
  	padding:0;		/* Interpretation Boxmodell! */
  	background-color:#FFFFFF; color:#0000ff;
  	overflow:hidden;	/* Scrollbalken unterbinden */  
  	width:100%; /* benoetigt der IE */	
}


/********************************************************************************************/

/* nachfolgendes ist für die Bilder */

/********************************************************************************************/


/* Extratext auf den Uebersichtsseiten  */
/* -- oben  --                         */
#etueboben    {
   text-align:left;
}
/* -- unten --                         */
#etuebunten   {
   text-align:left;
}


/* Navigations-"Blaettern"-Eintrge */
#bloben {
   text-align:right;
}
#blunten {
   text-align:center;
}


/* Ordner-Navigationsleiste */
#ordnavi  {
   text-align:left;
}


/* Unterordner-Liste */
#ordner  {
}
#ordner table {
}
#ordner img {
   margin-right:1em;
   vertical-align:middle;
}
#ordner td.abst {   
   padding-right:1em;
}


/* Tabelle mit Vorschaubildern */
#vorschau {
   text-align:center; /* nur fr den IE */
}


/* Tabellenrahmen und -abstnde */
#vorschau table  {
   empty-cells:show;
   margin-left:auto;
   margin-right:auto;
   border-spacing:1px;
}
#vorschau td {
   text-align:center;
   vertical-align:top;
   padding:1px;
}
#vorschau td .bild {
   width:280px;
   height:280px;
   background-color:transparent;
   margin:auto;
}
#vorschau td .pano {
}


/* Bildbeschreibungen bersichtsdatei */
#vorschau .beschr {
}
/*   normal (und auch "klein", soweit dort nichts anderes steht) */
#vorschau .gr {
   font-size:smaller;
}
/*   kleiner (in der Beschreibung mit \kl gekennzeichnet) */
#vorschau .kl {
   font-size:smaller;
}


/* Links zu Text-, Audio und Videodatei */
#vorschau .aviwavtxt {
   font-size:80%;
}


/* Fuzeile (Link nach oben und Hinweis auf Programm) */
#fusszeile {
   text-align:center;
   font-size:70%;
}
#fusszeilecopyright  {
   float:left;
   text-align:left;
   margin:0;
}
#fusszeilenachoben  {
}
#fusszeileproghinweis {
   float:right;
   padding-left:2em;
   margin:0;
}


/**** Formatierung fr die Einzelbild-Seite ****/
#einzelbild {
   text-align:center;
}


/* Formatierung fr die Navigationszeile in den Dateien der groen Bilder */
#navieinzelbild {


}
#navieinzelbild a {
   margin-left:1em;
   margin-right:1em;
}


/* Das groe Bild selber */
#grossbild {
}
#grossbild img {
margin:0ex 0.5em 0ex 0.5em;
}


/* Extratext auf den Einzelbild-Seiten */
/* -- oben --                          */
#eteinzeloben  {
   text-align:left;
}
/* -- unten --                         */
#eteinzelunten {
   text-align:left;
}


/* Bildbeschreibungen bei den groen Bildern */
#einzelbild .beschr{
}
/*   normal (und auch "klein", soweit dort nichts anderes steht) */
#einzelbild .gr {
   font-size:smaller;
}
/*   kleiner (in der Beschreibung mit \kl gekennzeichnet) */
#einzelbild .kl {
   font-size:smaller;
}
/* Links zu Text-, Audio und Videodatei */
#einzelbild .aviwavtxt {
   font-size:80%;
}