.norm_headline_left { font-family: Arial; font-size: 10pt; color: #000000; font-weight: bold; 
               margin-left: 0; margin-top: 0; margin-bottom: 0 }
.small_infoline_middle { font-family: Arial; font-size: 8pt; color: #000000; text-align: center; margin-top: 0; margin-bottom: 2px }
.small_infoline_left { font-family: Arial; font-size: 8pt; color: #000000; text-align: left; margin-top: 0; margin-bottom: 2px }


.norm_textline_left { font-family: Arial; font-size: 10pt; color: #000000; margin-left: 0; 
               margin-top: 10px; margin-bottom: 10px }
.norm_textline_right { font-family: Arial; font-size: 10pt; color: #000000; text-align: right; margin-top: 0; margin-bottom: 10px }

.small_textline_left { font-family: Arial; font-size: 8pt; color: #000000; margin-left: 0; 
               margin-top: 5px; margin-bottom: 5px }
.small_textline_right { font-family: Arial; font-size: 8pt; color: #000000; text-align: right; margin-top: 0; margin-bottom: 7px }



a            { font-family: Arial; font-size: 8pt; color: #003366; text-decoration: none; 
               margin-left: 0 }
a:link       {font-family: Arial; font-size: 8pt; color: #003366; text-decoration: none; 
               margin-left: 0 }
a:visited    {font-family: Arial; font-size: 8pt; color: #003366; text-decoration: none; 
               margin-left: 0 }
a:hover      {font-family: Arial; font-size: 8pt; color: #003366; text-decoration: underline; 
               margin-left: 0 }
a:active     {font-family: Arial; font-size: 8pt; color: #003366; text-decoration: underline; 
               margin-left: 0 }

.inactive_link { font-family: Arial; font-size: 8pt; font-weight: bold; 
               margin-left: 0 }

/* CSS Lightbox */
/* nicht verwendet */
/*Folgende Anweisung gilt für alle Listenelemente ungeordneter Listen der Klasse lightbox*/ 
ul.lightbox li {
 overflow: hidden; 
 position: absolute;
 width: 0; 
 height: 0;
 left: 0;
 top: 0;
 opacity: 0; 
}

/* Durch die Pseudoklasse "target" (:target) am Listenpunkt li wird definiert, was passiert, wenn
man auf den Bereich klickt, der von dem Listenpunkt umschlossen wird. Klickt man noch mal darauf,
kommt diese Einstellung nicht mehr zur Anwendung. */
ul.lightbox li:target {
  width: 100%;
  height: 100%;
  opacity: 1;                     
  background: rgba(100, 100, 100, 0.8); 
   -moz-transition: opacity 1.5s; /* Zeitdauer für firefox*/
  -o-transition: opacity 1.5s;    /*... für Opera */
  -webkit-transition: opacity 1.5s; /*... für Smartphone, tablet, google*/
}

ul.lightbox li:target a {
  /*z-index: 100;*/
  position: absolute;
  margin: 0 50%;
}
ul.lightbox li:target a img {
  max-height: 800px;
  margin: 10% auto;
}


