body {
    color: black;
    background-color: #C0C0C0;
    font-size: 100.01%;
    font-family: Verdana,Arial,sans-serif;
    margin: 0em;
    padding: 0em;
    min-width: 50em;
  }
 /* Logo */
  div#Logo {
    position: absolute;
    top: 15px;
    left: 25px;
    margin: 0; padding: 0;
    background-color: transparent;
    z-index: 100;
    }
 /* Sprachwechsler mit Hover-Effekt */
  div#english {
    position: absolute;
    top: 150px;
    right: 260px;
    font: 0.8em Arial, Verdana, Helvetica, sans-serif;
    z-index: 30;
    }
*:first-child+html   div#english {
    position: absolute;
    top: 160px;
    right: 260px;
    font: 0.8em Arial, Verdana, Helvetica, sans-serif;
    }
   div#english a {
    text-decoration: none;
    text-indent: 30px;
    color:#C0C0C0;
    display: block;
    width:22px;
    height:16px;
    background: url(grafiken/english1.jpg);
}
    #english a:hover {
     width:22px;
     height: 16px;
     color: #FF0000;
     text-decoration: none;
     background: url(grafiken/english.jpg);
}
 /* Drucklink mit Hover-Effekt */
  div#print {
    position: absolute;
    top: 150px;
    right: 180px;
    font: 0.8em Arial, Verdana, Helvetica, sans-serif;
    z-index: 30;
    }
*:first-child+html   div#print {
    position: absolute;
    top: 160px;
    right: 180px;
    font: 0.8em Arial, Verdana, Helvetica, sans-serif;
    }
   div#print a {
    text-decoration: none;
    text-indent: 25px;
    color:#C0C0C0;
    display: block;
    width:20px;
    height:17px;
    background: url(grafiken/drucker1.jpg);
}
    #print a:hover {
     width:25px;
     height: 18px;
     color: #FF0000;
     text-decoration: none;
     width:20px;
     height:17px;
     background: url(grafiken/drucker.jpg);
}
 /* Sprachwechsler mit Hover-Effekt */
  div#deutsch {
    position: absolute;
    top: 150px;
    right: 260px;
    font: 0.8em Arial, Verdana, Helvetica, sans-serif;
    z-index: 30;
    }
*:first-child+html   div#deutsch {
    position: absolute;
    top: 160px;
    right: 260px;
    font: 0.8em Arial, Verdana, Helvetica, sans-serif;
    }
   div#deutsch a {
    text-decoration: none;
    text-indent: 30px;
    color:#C0C0C0;
    display: block;
    width:22px;
    height:16px;
    background: url(grafiken/deutsch1.jpg);
}
    #deutsch a:hover {
     width:22px;
     height: 16px;
     color: #FF0000;
     text-decoration: none;
     background: url(grafiken/deutsch.jpg);
}
 /* DFG Logo */
  div#DFG {
    position: absolute;
    top: 490px;
    right: 25px;
    margin: 2em 0em;
    background-color: #FFFFFF;
    z-index: 98;
  }
  /* News und Kontaktbox rechts */
  div#Info {
    position: absolute;
    top: 17em;
    right:150px;
    font:  0.75em Arial, Verdana, Helvetica, sans-serif;
    width: 16em;
    margin: 0 ; padding: 1em 0.5em;
    background-color: #b0c4de;
    border-right: 2px solid #C0C0C0;
    border-bottom: 2px solid #C0C0C0;
    z-index: 80;
  }
  div#Info h2 {
    font-size: 1.2em;
    margin: 0.3em 0.5em;
  }
  div#Info p {
    line-height: 140%;
    margin: 0.5em;
  }
  div#Info a {
    line-height: 140%;
    margin: 0.5em 0em;
    color: black;
  }
 /* Weißer Balken hinter der Bildleiste oben */
  div#Hinterleiste{
    position: absolute;
    top: 15px;
    right: 25px;
    left: 15px;
    height: 110px;
    background-color: #FFFFFF;
    z-index: 97;
  }
 /* Weißer Balken hinter der Bildleiste rechts */
  div#Hinterleiste1{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 120px;
    height: 600px;
    background-color: #FFFFFF;
    z-index: 96;
  }
 /* Blauer Balken mit Seitenangabe */
  div#Block{
    position: absolute;
    top: 123px;
    left: 30px;
    right: 135px;
    background-color: transparent;
    font: 0.85em Arial, Verdana, Helvetica, sans-serif;
    white-space:nowrap;
    z-index: 95;
  }
  div#Block h1 {
    background-color: #4682b4;
    border-right: 2px solid #C0C0C0;
    border-bottom: 2px solid #C0C0C0;
    color:#FFFFFF;
    font-size: 1.1em;
    margin: 0.2em 0em;
    padding: 0.2em;
    letter-spacing: 0.05em;
    }
 /* Zähler auf den Projektseiten */
  div#Counter {
    position: absolute;
    top: 123px;
    left: 30px;
    right: 135px;
    background-color: transparent;
    font: 0.85em Arial, Verdana, Helvetica, sans-serif;
    white-space:nowrap;
    z-index: 96;
  }
  div#Counter h1 {
    background-color: transparent;
    color:#FFFFFF;
    font-size: 1.1em;
    margin: 0.2em 0em;
    padding: 0.2em;
    text-align: right;
    letter-spacing: 0.05em;
    }
  div#Counter a {
    background-color: transparent;
    text-decoration: none;
    color:#FFFFFF;
    font-size: 1.1em;
    margin: 0.2em 0em;
    padding: 0.2em;
    text-align: right;
    }
 /* Hauptteil für den Inhalt mit Infobox */
  div#Inhalt {
    position: absolute;
    top: 40px;
    left: 15px;
    right: 15px;
    margin: 0em 0em 2em 0em;
    padding: 10em 26em 2em 14em;
    min-width: 30em;
    min-height: 35em;
    background-color: #f8f5f0;
    font:  0.85em Arial, Verdana, Helvetica, sans-serif;
  }
  div#Inhalt h1 {
    font-size: 1.2em;
    margin: 0.2em 0em;
    padding: 0.2em 0em;
  }
  div#Inhalt h2 {
    font-size: 1em;
    margin: 0.8em 0em 0.1em 0em;
    padding: 0.2em 0em 0.6em;
  }
  div#Inhalt h3 {
    font-size: 0.9em;
    margin: 0.2em 0em;
    padding: 0.2em 0em 0.6em;
  }
  div#Inhalt p {
    line-height: 140%;
    margin: 0.4em 0em 1.5em;
  }
  div#Inhalt a {
    line-height: 140%;
    font-size: 0.9em;
    color: black;
  }
  div#Inhalt ul {
    list-style-type:circle;
    margin: 0em 2.5em 0em -1.5em;
    line-height: 140%;
  }
*:first-child+html   div#Inhalt ul {
    list-style-type:circle;
    margin: 0em 2.5em 0em 1.5em;
    line-height: 140%;
  }
  div#Inhalt1 a {
    line-height: 160%;
    font-size: 1em;
    color: black;
    font-weight:bold;
    text-decoration: none;
  }
  div#Inhalt1 a:hover{
    text-decoration: underline;
  }
  div#Inhalt1 p{
  font-size:0.9em;
  }
  div#Inhalt1 ul {
    list-style-type:disc;
    margin: 0em 2.5em 0em -1.5em;
    line-height: 140%;
  }
  div#Inhalt1 ul li{
    list-style-type:disc;
    margin: 0.9em 0em 0em 0em;
    line-height: 140%;
  }
 /* Hauptteil für den Inhalt ohne Infobox */
  div#Inhalt_g{
    position: absolute;
    top: 40px;
    left: 15px;
    right: 15px;
    margin: 0em 0em 2em 0em;
    padding: 10em 14em 2em 14em;
    min-height: 35em;
    min-width: 30em;
    background-color: #f8f5f0;
    font:  0.85em Arial, Verdana, Helvetica, sans-serif;
  }
* html div#Inhalt_g{
width: 592px;
}
  div#Inhalt_g h1 {
    font-size: 1.2em;
    margin: 0.2em 0em;
    padding: 0.2em 0em;
  }
  div#Inhalt_g h2 {
    font-size: 1em;
    margin: 0.8em 0em 0.1em 0em;
    padding: 0.2em 0em 0.6em;
  }
  div#Inhalt_g h3 {
    font-size: 0.9em;
    margin: 0.2em 0em;
    padding: 0.2em 0em 0.6em;
  }
  div#Inhalt_g p {
    line-height: 140%;
    margin: 0.4em 0em 1.5em;
  }
  div#Inhalt_g a {
    line-height: 140%;
    font-size: 0.9em;
    color: black;
  }
  div#Inhalt_g ul {
    list-style-type:circle;
    margin: 0em 2.5em 0em -1.5em;
    line-height: 140%;
  }
*:first-child+html   div#Inhalt_g ul {
    list-style-type:circle;
    margin: 0em 2.5em 0em 1.5em;
    line-height: 140%;
  }
  div#Inhalt_g1 a {
    line-height: 160%;
    font-size: 1em;
    color: black;
    font-weight:bold;
    text-decoration: none;
  }
  div#Inhalt_g1 a:hover{
    text-decoration: underline;
  }
  div#Inhalt_g1 p{
  font-size:0.9em;
  }
  div#Inhalt_g1 ul {
    list-style-type:disc;
    margin: 0em 2.5em 0em -1.5em;
    line-height: 140%;
  }
  div#Inhalt_g1 ul li{
    list-style-type:disc;
    margin: 0.9em 0em 0em 0em;
    line-height: 140%;
  }
 /* Navigation links */
  ul#Navigation {
    position: absolute;
    top: 175px;
    left: 0px;
    background-color: transparent;
    font-size: 0.8em;
    width: 10em;
    margin: 0em 0em 0em 0em;
  }
*:first-child+html    ul#Navigation {
    position: absolute;
    top: 175px;
    left: 40px;
    background-color: transparent;
    width: 10em;
    margin: 0em 0em 0em 0em;
  }
  ul#Navigation li {
    list-style: none;
    text-indent: 1.5em;
    float: left;
    width: 10em;
    position: relative;
    margin: 0.2em 0em; padding: 0em;
    z-index: 90;
  }
  ul#Navigation li ul {
  display: block;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
  }

  ul#Navigation a, ul#Navigation span{
    display: block;
    padding: 0.6em;
    margin: 0em;
    color: black;
    font:  0.85em Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    background-image: url(grafiken/kreisklein2.png);
    background-position: 5px 6px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border-right: 2px solid #C0C0C0;
    border-bottom: 2px solid #C0C0C0;
  }
  ul#Navigation a:hover, ul#Navigation a:active {
    color: #000000;
    background-color: #b0c4de;
    background-image: url(grafiken/kreuzkleinblau3.png);
    background-position: 3px 4px;
    background-repeat: no-repeat;
  }
  ul#Navigation span{       /* aktuelle Seite kennzeichnen */
    color: #000000;
    background-image: url(grafiken/kreuzkleinblau3.png);
    background-position: 3px 4px;
    background-repeat: no-repeat;
    background-color:#DDDDDD;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
  }
      /* Untermenues */
  ul#smenu1 {
    display: block;
    position: relative;
    top: 0em;
    left: -2.3em;
  }
  ul#Navigation li>ul {
    display: none;
    position: relative;
    top: 0em;
    left: -2.3em;
  }
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
    display: block;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    display: block;
    color: #000000;
    background-image: url(grafiken/kreuzkleinblau3.png);
    background-position: 3px 4px;
    background-repeat: no-repeat;
    background-color: #DDDDDD;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
  }
 /* Bildleiste mit Hover und Showcase */
 /* Bildleiste oben */
  div#Bildleiste {
    position: absolute;
    top: 2.5em;
    right: 42em;
    z-index: 200;
    }
   div#Bildleiste a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/empas11.jpg);
}
    #Bildleiste a:hover {
     width:8em;
     height:5.2em;
     color: #FFFFFF;
     text-decoration: none;
     background: url(bilder/empas1.jpg);
}
    #Bildleiste a .showcase {
     display: none;
}
    #Bildleiste a .showcase {
     display: none;
}
    #Bildleiste a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste1 {
    position: absolute;
    top: 2.5em;
    right: 37em;
    z-index: 201;
    }
   div#Bildleiste1 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/konstanz1.jpg);
}
    #Bildleiste1 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     background: url(bilder/konstanz11.jpg);
}
    #Bildleiste1 a .showcase {
     display: none;
}
    #Bildleiste1 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste1 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste1 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste2 {
     position: absolute;
    top: 2.5em;
    right: 32em;
    z-index: 202;
    }
   div#Bildleiste2 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/leipzig11.jpg);
}
    #Bildleiste2 a:hover {
     width:7.8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/leipzig1.jpg);
}
    #Bildleiste2 a .showcase {
     display: none;
}
    #Bildleiste2 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste2 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste2 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste3 {
    position: absolute;
    top: 2.5em;
    right: 27em;
    z-index: 203;
    }
   div#Bildleiste3 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/mannheim11.jpg);
}
    #Bildleiste3 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/mannheim1.jpg);
}
    #Bildleiste3 a .showcase {
     display: none;
}
    #Bildleiste3 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste3 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste3 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     color: #000000;
     padding: 0em 0.4em;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste4 {
    position: absolute;
    top: 2.5em;
    right: 22em;
    z-index: 204;
    }
   div#Bildleiste4 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/bielefeld11.jpg);
}
    #Bildleiste4 a:hover {
     width:8em;
     height:5.2em;
     color: #FFFFFF;
     text-decoration: none;
     background: url(bilder/bielefeld1.jpg);
}
    #Bildleiste4 a .showcase {
     display: none;
}
    #Bildleiste4 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste4 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste4 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     color: #000000;
     padding: 0em 0.4em;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste5 {
    position: absolute;
    top: 2.5em;
    right: 17em;
    z-index: 205;
    }
   div#Bildleiste5 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/giessen11.jpg);
}
    #Bildleiste5 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/giessen1.jpg);
}
    #Bildleiste5 a .showcase {
     display: none;
}
    #Bildleiste5 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste5 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste5 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste6 {
    position: absolute;
    top: 2.5em;
    right: 12em;
    z-index: 206;
    }
   div#Bildleiste6 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/mainz11.jpg);
}
    #Bildleiste6 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/mainz1.jpg);
}
    #Bildleiste6 a .showcase {
     display: none;
}
    #Bildleiste6 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste6 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste6 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste7 {
    position: absolute;
    top: 2.5em;
    right: 7em;
    z-index: 207;
    }
   div#Bildleiste7 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/bremen11.jpg);
}
    #Bildleiste7 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/bremen1.jpg);
}
    #Bildleiste7 a .showcase {
     display: none;
}
    #Bildleiste7 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste7 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste7 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste8 {
    position: absolute;
    top: 2.5em;
    right: 2em;
    z-index:220;
    }
   div#Bildleiste8 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/fu11.jpg);
}
    #Bildleiste8 a:hover {
     width:8em;
     height:5.2em;
     text-decoration:none;
     background: url(bilder/fu1.jpg);
}
    #Bildleiste8 a .showcase {
     display: none;
}
    #Bildleiste8 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste8 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste8 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
/* Bildleiste unten */
  div#Bildleiste9 {
    position: absolute;
    top: 6em;
    right: 2em;
    z-index:209;
    }
   div#Bildleiste9 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/hamburg11.jpg);
}
    #Bildleiste9 a:hover {
     width:8em;
     height:5.2em;
     text-decoration:none;
     background: url(bilder/hamburg1.jpg);
}
    #Bildleiste9 a .showcase {
     display: none;
}
    #Bildleiste9 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste9 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste9 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste10 {
    position: absolute;
    top:9.5em;
    right: 2em;
    z-index: 208;
    }
   div#Bildleiste10 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/utrecht11.jpg);
}
    #Bildleiste10 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/utrecht1.jpg);
}
    #Bildleiste10 a .showcase {
     display: none;
}
    #Bildleiste10 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste10 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste10 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste11 {
    position: absolute;
    top:13em;
    right: 2em;
    z-index: 207;
    }
   div#Bildleiste11 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/duisburg11.jpg);
}
    #Bildleiste11 a:hover {
     width:8em;
     height:5.2em;
     color: #FFFFFF;
     text-decoration: none;
     background: url(bilder/duisburg1.jpg);
}
    #Bildleiste11 a .showcase {
     display: none;
}
    #Bildleiste11 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste11 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste11 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste12 {
    position: absolute;
    top:16.5em;
    right: 2em;
    z-index: 206;
    }
   div#Bildleiste12 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/trier11.jpg);
}
    #Bildleiste12 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/trier1.jpg);
}
    #Bildleiste12 a .showcase {
     display: none;
}
    #Bildleiste12 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste12 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste12 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste13 {
    position: absolute;
    top:20em;
    right: 2em;
    z-index: 205;
    }
   div#Bildleiste13 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/zuerich11.jpg);
}
    #Bildleiste13 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/zuerich1.jpg);
}
    #Bildleiste13 a .showcase {
     display: none;
}
    #Bildleiste13 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste13 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste13 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste14 {
    position: absolute;
    top: 23.5em;
    right: 2em;
    z-index: 204;
    }
   div#Bildleiste14 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/mea11.jpg);
}
    #Bildleiste14 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/mea1.jpg);
}
    #Bildleiste14 a .showcase {
     display: none;
}
    #Bildleiste14 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste14 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste14 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
  div#Bildleiste15 {
    position: absolute;
    top: 27em;
    right: 2em;
    z-index: 204;
    }
   div#Bildleiste15 a {
    display: block;
    width:5em;
    height: 3.5em;
    background: url(bilder/darmstadt11.jpg);
}
    #Bildleiste15 a:hover {
     width:8em;
     height:5.2em;
     text-decoration: none;
     color: #FFFFFF;
     background: url(bilder/darmstadt1.jpg);
}
    #Bildleiste15 a .showcase {
     display: none;
}
    #Bildleiste15 a:hover .showcase {
     display: block;
     position: fixed;
     top: 5px;
     right: 32px;
     height:20px;
}
*:first-child+html     #Bildleiste15 a:hover .showcase {
     display: block;
     position: fixed;
     top: 18px;
     right: 32px;
     height:20px;
}
    #Bildleiste15 a:hover .showcase p{
     display: block;
     text-align: center;
     font:  0.8em Arial, Verdana, Helvetica, sans-serif;
     line-height: 140%;
     text-decoration: none;
     background-color: #b0c4de;
     padding: 0em 0.4em;
     color: #000000;
     border-right: 2px solid #C0C0C0;
     border-bottom: 2px solid #C0C0C0;
}
 /* Hoverbilder vorladen */
  div#Bild {
    display: none;
     background: url(bilder/empas1.jpg);
    }
  div#Bild1 {
    display: none;
     background: url(bilder/konstanz1.jpg);
    }
  div#Bild2 {
    display: none;
     background: url(bilder/leipzig1.jpg);
    }
  div#Bild3 {
    display: none;
     background: url(bilder/mannheim1.jpg);
    }
  div#Bild4 {
    display: none;
     background: url(bilder/bielefeld.jpg);
    }
  div#Bild5 {
    display: none;
     background: url(bilder/giessen1.jpg);
    }
  div#Bild6 {
    display: none;
     background: url(bilder/mainz1.jpg);
    }
  div#Bild7 {
    display: none;
     background: url(bilder/bremen1.jpg);
    }
  div#Bild8 {
    display: none;
     background: url(bilder/fu1.jpg);
    }
  div#Bild9 {
    display: none;
     background: url(bilder/hamburg1.jpg);
    }
  div#Bild10 {
    display: none;
     background: url(bilder/utrecht1.jpg);
    }
  div#Bild11 {
    display: none;
     background: url(bilder/duisburg1.jpg);
    }
  div#Bild12 {
    display: none;
     background: url(bilder/trier1.jpg);
    }
  div#Bild13 {
    display: none;
     background: url(bilder/zuerich1.jpg);
    }
  div#Bild14 {
    display: none;
     background: url(bilder/mea1.jpg);
    }
  div#Bild15 {
    display: none;
    background: url(bilder/darmstadt1.jpg);
    }
  div#Bildprint {
    display: none;
     background: url(grafiken/drucker.jpg);
    }
  div#Bildenglish {
    display: none;
     background: url(grafiken/english.jpg);
    }
  div#Bilddeutsch {
    display: none;
    background: url(bilder/deutsch.jpg);
    }