body             {font-family: trebuchet MS, arial, geneva, sans-serif; font-size: x-small; color: #000000}
.punkte      {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:13; color:#45546A; font-weight: bold}
.headline        {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:15; font-weight: bold; color:#000000}
.subheadline     {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:13; color:#000000}
.text        {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:12; color:#000000 }
.navigation {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:10; color:#FFFFFF;}

.textbold {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:12; color:#000000; font-weight: bold}

A:link           {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:12; font-weight: bold; text-decoration: none; color: #000000}
A:visited        {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:12; font-weight: bold; text-decoration: none; color: #000000}
A:hover          {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:12; font-weight: bold; text-decoration: underline; color: #FFFFFF}
A:active         {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:12; font-weight: bold; text-decoration: none; color: #FFFFFF}

.nav-zur {
     width: 120px;
     height: 20px;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     margin-top:10px;
  
border:2px solid #a8c0d8;
left:5px;top:5px;right:5px;buttom:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background-color:#cfe6fa;
      text-align: center;  
     float:left; 
}

.nav-vor {
     width: 120px;
     height: 20px;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     margin-top:10px;
  
border:2px solid #a8c0d8;
left:5px;top:5px;right:5px;buttom:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background-color:#cfe6fa;
      text-align: center; 
     float:right;
}

A.klein:link    {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:11; text-decoration: none; color: #000000}
A.klein:visited {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:11; text-decoration: none; color: #000000}
A.klein:hover   {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:11; text-decoration: underline; color: #FFFFFF}
A.klein:active  {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:11; text-decoration: none; color: #FFFFFF}

.tab1 {background-color: #cfe6fa}
.tab2 {background-color: #C8DDF0}
.tab3 {background-color: #BCD2E8}
.tab4 {background-color: #a8c0d8}

.art-titel {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:11; color:#000000; font-weight: bold }
.art-text {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:14; color:#000000 }
.art-datum {font-family: trebuchet MS, arial, geneva, sans-serif; font-size:9; color:#FFFFFF; background-color: #a8c0d8}
.art-datum2 {font-family: trebuchet MS, arial, geneva, sans-serif;    text-align: right; font-size:9; color:#FFFFFF; background-color: #a8c0d8}

level0 {font-family: trebuchet MS, arial, geneva, sans-serif;    text-align: right; font-size:10; color:#FFFFFF;}
level1 {font-family: trebuchet MS, arial, geneva, sans-serif;    text-align: right; font-size:8; color:#FFFFFF;}

.navpfad {
   font-family: trebuchet MS, arial, geneva, sans-serif; 
font-size:10; 
   text-decoration: none;
   color: #fffFFF;
}
.navlink {
   font-family: trebuchet MS, arial, geneva, sans-serif; 
font-size:10; 
   text-decoration: none;
   color: #000000;
}


/* CSS für Standard-Artikelliste Advanced V1.4
   Modul-Author: HerrB
    CSS-Anpassung: Oldperl
    siehe http://www.contenido.org/forum/viewtopic.php?t=10957
*/

/*  DIV-Bereich für die gesamte Artikelliste
*/
.teaser_advanced0 {
     width: 285px;
     height: 220px;
     padding-left:10px;
     padding-right:0px;
     padding-top:5px;
     padding-bottom:5px;
     margin-top:10px;

     
  
border:2px solid #a8c0d8;
left:5px;top:5px;right:5px;buttom:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background-color:#cfe6fa;
     
     float:left; 
}
.teaser_advanced1 {
     width: 285px;
     height: 220px;
     padding-left:10px;
     padding-right:0px;
     padding-top:5px;
     padding-bottom:5px;
     margin-top:10px;

border:2px solid #a8c0d8;
left:5px;top:5px;right:5px;buttom:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background-color:#cfe6fa;

     float:right;
}

/*  H1-tag für Titel der Artikelliste
*/
.teaser_advanced_title {
   color: #000000;
   font-family: trebuchet MS;
   font-size:10px;
   font-style: normal;
   font-weight: bold;
   font-variant: normal;
}

/* Überschrift Artikel
*/
.headline_advanced {
   font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    }

/*    Einstellung der Bilder
    fortlaufende Zählung, beginnend mit 0
*/
.img_advanced0 {
   margin-right: 10px;
   margin-top:5px;
   float:left;
   

}
/*   Einstellung für Text
   fortlaufende Zählung, beginnend mit 0
*/
.text_advanced0 {
    margin: 10px 0px;
    margin-right: 5px;

    font-size:10;
}
.content_advanced {
   font-size: 10px;
   margin-bottom: 2px;
   text-align: justify;
}

.more_advanced {
   padding-left:95px;
   clear:both;
}

.mehr_advanced {
vertical-align: middle
   clear:both;
}
.more_advanced_aktuelles {
   font-size: 10px;
   margin-bottom: 2px;
   margin-top:0px;
   clear:both;
}

/* DIV für Pageselector
*/
.pageselector {
    clear: both;
} 


/* Lightbox */
/* eigene Formatierung */

.ligallery {
   background-color: #c3d9ee; /* der blaue Hintergrund */
   margin-bottom: 15px; /* orig = 15px */

border:2px solid #a8c0d8;
left:5px;top:5px;right:5px;buttom:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background-color:#cfe6fa;

}
div.link {
   text-align: center;
 }
div.link a {  /* diese formatierung macht die kleinen vorschaubilder */

   display: block; /* macht den Anker zu einem ausfüllenden Block */
   overflow: hidden; /* beschneidet die Vorschaubilder */
   text-align: justify; /* doppelt gemoppelt hält besser */


 }
.gal_img {
   border: none;  /*Rahmen um das Bild wird ausgeschaltet */

}
.gallery_image {


   border: 2px solid #aaa; /* Rahmen um alles, oder auch nicht */
   text-align: justify;
   vertical-align: middle; /* orig = top damit alle Bilder auch oben anliegen */

   background-color: #c3d9ee; /* wieder das blau... */
   padding: 5px;

}
.medianame {
/* erstmal leer, bis es mal gebraucht wird */
}
.medianame h3 { /* die Bildüberschrift */
   text-align: justify; /* orig = center die Bildüberschrift */
   color: black;
   font: bold 8pt trebuchet MS, Verdana, Arial, sans serif;
}
.description {  /* Bildbeschreibung */
   color: black;
   font: normal 8pt trebuchet MS, Verdana, Arial, sans serif;
}

/* Entwicklerformatierung */ 


/* Übersichtsseite */

   div.ifgallery {

      margin: 5px 0;

      width: 100%;

      font-size: 10px;

   }

   div.gallery {

      margin: 5px 0;

      width: 100%;

      font-size: 10px;

   }

/*   div.gallery a {

      color: #999;

      font-size: 11px;

   }

   div.gallery a:hover {

      color: #ff8c00;

   }
*/

   div.gallery div.cont {

      width: 100%;

   }

   div.gallery table.gTable td {



      padding-bottom: 5px;

   }

   div.gallery td.gallery_image div.link {

      border: 0px solid #999;

      margin-top: 5px;

      height: 120px;

      width: 120px;

      overflow: hidden;

      text-align: center;

   }

   div.gallery td.gallery_image div.link a img {

      filter: DropShadow();

      -moz-opacity:0.7;

   }

   div.gallery td.gallery_image div.link a:hover img {

      filter: none();

      -moz-opacity: 1;

   }


   /* Hover Thumb in der Übersicht */

   div.gallery #trailimageid {

      position: absolute;

      visibility: hidden;

      left: 0;

      top: 0;

      height: 1px;

      z-index: 5000;

   }

   /* Detailansicht */

   div.gallery div.gallery_detail {

      position: absolute;

      width: auto;

      top: auto;

      left: auto;

      z-index: 500;

   }

   div.gallery div.gallery_detail div.cont {

      position: absolute;

      top: -300px;

      left: -100px;

      width: 650px;

      background: #000;

      border: 10px solid #fff;

      border-bottom: 0;

      z-index: 600;

   }

   * html div.gallery div.gallery_detail div.cont {

      width: 700px;

   }

   /* Allgemein Links */

      div.gallery div.gallery_detail a {

         color: black;

      }

      div.gallery div.gallery_detail a:hover {

         color: #ff8c00;

      }

      div.gallery div.gallery_detail div.image {

         text-align: center;

         margin-bottom: 5px;

      }

      /* Bild */

      div.gallery div.gallery_detail div.image {

      }

      /* Breitenangaben der Container */

      div.gallery div.gallery_detail h3,

      div.gallery div.gallery_detail p.description,

      div.gallery div.gallery_detail div.option,

      div.gallery div.gallery_detail div.back,

      div.gallery div.gallery_detail table.galleryNav {

         text-align: left; /* Nicht entfernen */

         width: 95%;

      }

      /* Überschrift */

      div.gallery div.gallery_detail h3 {

         margin: 10px auto 5px auto;

         color: white;

         text-align: left;

      }

      /* Beschreibung */

      div.gallery div.gallery_detail p.description {

         margin: 0 auto;

         text-align: left;

      }


      /* Optonen */

      div.gallery div.gallery_detail div.option {

         text-align: left;

         margin: 10px auto;

         display: none;

      }

      /* PopUp Link */

      div.gallery div.gallery_detail span.popup {

      }

      /* Download Link */

      div.gallery div.gallery_detail span.download {

      }



      div.gallery div.gallery_detail span.download span.size {

      }




   /* Navigation Detailansicht */

      div.gallery div.gallery_detail div.gTop,

      div.gallery div.gallery_detail div.gBottom {

         width: 100%;

         background: white;

         text-align: left;

         padding: 2px 0;

         margin-top: 10px;

      }

      div.gallery div.gallery_detail div.gTop {

         display: none;

      }

      div.gallery div.gallery_detail div.gTop table.galleryNav,

      div.gallery div.gallery_detail div.gBottom table.galleryNav {

         width: 95%;

         margin: 0 auto;

      }

      div.gallery div.gallery_detail div table.galleryNav td.next,

      div.gallery div.gallery_detail div table.galleryNav td.back,

      div.gallery div.gallery_detail div table.galleryNav td.prev {

         width: 33%;

      }

      div.gallery div.gallery_detail div table.galleryNav td.back {

         text-align: center;

      }

      div.gallery div.gallery_detail div table.galleryNav td.next {

         text-align: right;

      }

      div.gallery div.gallery_detail div a {

      }

      div.gallery div.gallery_detail div a:hover {

      }




#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 500px;
    height: 500px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100% 
    }

#imageData{ padding:0 20px; color: #666; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }   
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    }
    
li, ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: 140px;
 
 li a,
ul a {
 display: block;
}


a.e1a {
 background: #cc0000 url(/i/img1.gif) no-repeat 0px 0px;
 padding: 0 0 0 20px;
 font-weight: bold;
}


a.e1p {
 background: #cc0000 url(/i/img2.gif) no-repeat 0px 0px;
 padding: 0 0 0 20px;
 font-weight: bold;
}

a.e2a,
a.e2p {
 padding: 0 0 0 20px;
}
ul#sitemap
/* Einstellungen für die Sitemap*/
 {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 20px;
}
ul#sitemap ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 20px;
}
ul#sitemap li {
    clear: both;
}
ul#sitemap li a {
    display: block;
    background-color: #BFD0FF;
    padding: 3px 12px 3px 8px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    margin-top: 10px;
}
ul#sitemap a:hover {
    color: #000000;
    background-color: #9FB9FF;
}
ul#sitemap li li {
    width: 45%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}
ul#sitemap li li a {
    display: block;
    background-color: #BFD0FF;
    padding: 3px 3px 3px 17px;
    text-decoration: none;
    border-bottom: 1px solid #333399;
    font-weight: normal;
    font-weight: bold;
    margin-top: 5px;
}
ul#sitemap li li li {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}
ul#sitemap li li li a {
    float: none;
    display: block;
    background-color: #CCCCCC;
    padding: 3px 3px 3px 37px;
    text-decoration: none;
    font-weight: normal;
    font-weight: bold;
    border: none;
    margin-top: 0px;
    margin-bottom: 1px;
}
ul#sitemap li li li {
    margin-bottom: 0px;
}
ul#sitemap li li li li a {
    display: block;
    background-color: #CCCCCC;
    padding: 3px 3px 3px 57px;
    text-decoration: none;
    font-weight: normal;
    border: none;
    margin-top: 0px;
    margin-bottom: 1px;
}