/*
 * -----------------------------------------------------------------------------
 * Zooom-Navigation
 * -----------------------------------------------------------------------------
 */

#zoom_navigation {
  position: absolute;
  right: 0;
  top: 4px;
  display: block;
  width: 289px;
  height: 29px;
}

#zoom_navigation a,
#zoom_navigation a:link,
#zoom_navigation a:visited {
  display: block;
  text-indent: -1000em;
  overflow: hidden;
}

#zoom_navigation a#zoom_plus,
#zoom_navigation a#zoom_plus:link,
#zoom_navigation a#zoom_plus:visited {
  display: block;
  float: left;
  width: 45px;
  height: 11px;
  background: url('../pics/zoom_plus.png') no-repeat;
}


#zoom_navigation a#zoom_minus,
#zoom_navigation a#zoom_minus:link,
#zoom_navigation a#zoom_minus:visited {
  display: block;
  float: left;
  width: 11px;
  height: 11px;
  background: url('../pics/zoom_minus.png') no-repeat;
}

#zoom_navigation #zoom_track {
  display: block;
  float: left;
  width: 137px;
  height: 11px;
  background: url('../pics/zoom_track.png') repeat-x;
}

#zoom_navigation #zoom_handle {
  display: block;
  float: left;
  width: 21px;
  height: 11px;
  background: url('../pics/zoom_handle.png') no-repeat;
}


#zoom_navigation .schauspieler_als {
  margin-left: 15px;
  float: left;
}

#zoom_navigation .schauspieler_als a,
#zoom_navigation .schauspieler_als a:link,
#zoom_navigation .schauspieler_als a:visited {
  display: block;
  float: left;
  height: 11px;
  background: url('../pics/nav_foto_name.png') no-repeat;
}


#zoom_navigation a#schauspieler_als_foto,
#zoom_navigation a#schauspieler_als_foto:link,
#zoom_navigation a#schauspieler_als_foto:visited {
  width: 31px;
  height: 11px;
  background-position: 0 0;
}

#zoom_navigation a#schauspieler_als_foto:hover,
#zoom_navigation a#schauspieler_als_foto.on {
  background-position: 0 -11px;
}


#zoom_navigation a#schauspieler_als_name,
#zoom_navigation a#schauspieler_als_name:link,
#zoom_navigation a#schauspieler_als_name:visited {
  width: 33px;
  height: 11px;
  background-position: -31px 0;
}

#zoom_navigation a#schauspieler_als_name:hover,
#zoom_navigation a#schauspieler_als_name.on {
  background-position: -31px -11px;
}




/*
 * -----------------------------------------------------------------------------
 * SCHAUSPIELER-BOXEN GRUNDAUFBAU (nebeneinander, usw)
 * -----------------------------------------------------------------------------
 */

.schauspieler_boxen {
  overflow: hidden;
  margin: 100px auto 0px auto;
  background: url('../pics/schauspieler_gitter_links.png') top left repeat-y;
}


.schauspieler_boxen ul,
.schauspieler_boxen ul li {
  list-style: none;
}


.schauspieler_boxen ul li {
  background: url('../pics/schauspieler_gitter.png') bottom right no-repeat;
  display: block;
  float: left;
  overflow: hidden;
}



.schauspieler_boxen ul li a,
.schauspieler_boxen ul li a * {
  color: #FFF;
  text-decoration: none;
}

/*
 * MODUS: TEXT
 * - Wenn Maus nicht über BOX: Text anzeigen, Bild ausblenden
 * - Wenn Maus über BOX: Text ausblenden, Bild einblenden
 */
.schauspieler_boxen.text ul li img.foto {
  display: none;
}

.schauspieler_boxen.text ul li a:hover .vorname,
.schauspieler_boxen.text ul li a:hover .nachname {
  display: none;
}

.schauspieler_boxen.text ul li a:hover img.foto {
  display: block;
  width: 100%;
  height: 100%;
}

/*
 * MODUS: FOTO
 * - Wenn Maus nicht über BOX: Text ausblenden, Bild einblenden
 * - Wenn Maus über BOX: Text anzeigen, Bild ausblenden
 */
.schauspieler_boxen.foto ul li img.foto {
  display: block;
  width: 100%;
  height: 100%;
}

.schauspieler_boxen.foto ul li a:hover .vorname,
.schauspieler_boxen.foto ul li a:hover .nachname {
  display: block;
}

.schauspieler_boxen.foto ul li a:hover img.foto {
  display: none;
}





/*
 * -----------------------------------------------------------------------------
 * Zooomstufe 5
 * -----------------------------------------------------------------------------
 */

.schauspieler_boxen.zoom5 {
  width: 1020px;
}


.schauspieler_boxen.zoom5 ul li,
.schauspieler_boxen.zoom5 ul li a,
.schauspieler_boxen.zoom5 ul li a:link,
.schauspieler_boxen.zoom5 ul li a:visited {
  width: 345px !important;
  height: 190px !important;
  display: block;
}

.schauspieler_boxen.zoom5 .vorname,
.schauspieler_boxen.zoom5 .vorname *,
.schauspieler_boxen.zoom5 ul li a .vorname,
.schauspieler_boxen.zoom5 ul li a:link .vorname,
.schauspieler_boxen.zoom5 ul li a:visited .vorname {
  padding-top: 46px;
  color: #FFF !important;
  text-decoration: none !important;
  text-align: center;
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.schauspieler_boxen.zoom5 ul li .nachname {
  color: #FFF;
  text-align: center;
  font-size: 37px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}


/*
 * -----------------------------------------------------------------------------
 * Zooomstufe 4
 * -----------------------------------------------------------------------------
 */

.schauspieler_boxen.zoom4 {
  width: 1020px;
}

.schauspieler_boxen.zoom4 li,
.schauspieler_boxen.zoom4 li a,
.schauspieler_boxen.zoom4 li a:link,
.schauspieler_boxen.zoom4 li a:visited {
  width: 286px !important;
  height: 156px !important;
  display: block;
}

.schauspieler_boxen.zoom4 ul li a .vorname {
  padding-top: 39px;
  color: #FFF;
  text-align: center;
  font-size: 21px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.schauspieler_boxen.zoom4 ul li a .nachname {
  color: #FFF;
  text-align: center;
  font-size: 31px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}



/*
 * -----------------------------------------------------------------------------
 * Zooomstufe 3
 * -----------------------------------------------------------------------------
 */

.schauspieler_boxen.zoom3 {
  width: 1020px;
}

.schauspieler_boxen.zoom3 li,
.schauspieler_boxen.zoom3 li a,
.schauspieler_boxen.zoom3 li a:link,
.schauspieler_boxen.zoom3 li a:visited {
  width: 227px !important;
  height: 126px !important;
  display: block;
}

.schauspieler_boxen.zoom3 ul li a .vorname {
  padding-top: 32px;
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.schauspieler_boxen.zoom3 ul li a .nachname {
  color: #FFF;
  text-align: center;
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}



/*
 * -----------------------------------------------------------------------------
 * Zooomstufe 2
 * -----------------------------------------------------------------------------
 */

.schauspieler_boxen.zoom2 {
  width: 1020px;
}

.schauspieler_boxen.zoom2 li,
.schauspieler_boxen.zoom2 li a,
.schauspieler_boxen.zoom2 li a:link,
.schauspieler_boxen.zoom2 li a:visited {
  width: 168px !important;
  height: 90px !important;
  display: block;
}

.schauspieler_boxen.zoom2 ul li a .vorname {
  padding-top: 23px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.schauspieler_boxen.zoom2 ul li a .nachname {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}



/*
 * -----------------------------------------------------------------------------
 * Zooomstufe 1
 * -----------------------------------------------------------------------------
 */

.schauspieler_boxen.zoom1 {
  width: 1020px;
}

.schauspieler_boxen.zoom1 li,
.schauspieler_boxen.zoom1 li a,
.schauspieler_boxen.zoom1 li a:link,
.schauspieler_boxen.zoom1 li a:visited {
  width: 109px !important;
  height: 60px !important;
  display: block;
}

.schauspieler_boxen.zoom1 ul li a .vorname {
  padding-top: 15px;
  color: #FFF;
  text-align: center;
  font-size: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.schauspieler_boxen.zoom1 ul li a .nachname {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}