/* 
      div#big img across: 612 x 393 px
      div#big img onend: 340 x 518 px
  */



  div#content div#big {

    /* Info: Mit Opera7 (mac) lassen sich hier gesetzte Werte 
     * fuer 'display' oder 'visibility' nur durch Aenderung des
     * Klassennamens ueberschreiben, nicht per 'style'-Eigenschaft. */
     
    position: absolute;
    z-index: 500;
    top: 0;
    width: 980px;
    height: 570px;
    text-align: center;
    margin: 16px 0 0 0;
    background-color: #310e0c;
  }

  div#content div#big.nodisplay {
    display: none;
  }

  div#content div#big.visEnd {
    display: block;
    height: 561px;
    padding: 9px 0 0 0;
  }

  div#content div#big.visAcross {
    display: block;
    height: 500px;
    padding: 70px 0 0 0;
  }
  /* ie6 hat groesste Probleme, wenn ich Klassen per js 
     aendern will. Bzw. grosse Probleme, dann CSS richtig 
     zu lesen. Das erscheint mir gerade zu verworren, um es 
     hier sinnvoll wiedergeben zu koennen, aber dieser 
     Browser mackt hier deepest. Ich checks noch nicht ... 

     Auf jeden Fall ist er wohl, so wie es z.B. momentan 
     oben notiert ist nicht in der Lage, fuer die dynamisch 
     per js vergebenen Klassen die Hoehen- und Padding-
     Anweisungen umzusetzen. 
     
     Das ist das bisher kleinste Ungemach. Bei einer anderen 
     Variante vergroesserte er immer nur die Bilder *einer* 
     Klasse und die andere *gar nicht*. 
     
     Da hilft wohl nichts ausser im 'ie6.css' die Bilder 
     entsprechend oben zu padden. */






  /* Steuerung:
   =================================================================== */
  div#content div#intface {

    position: absolute;
    z-index: 600;
    display: none;
    top: 552px;
    width: 960px;
    height: 22px;
    text-align: left;
    color: #f66;
    padding: 5px 0 6px 0;
    margin: 0 10px;
    background-color: #310e0c;/*  */
    border-style: solid; border-color: #7d5c26; border-width: 1px 0 0 0;
  }

  div#content div#intface.vis {
    display: block;
  }

  div#content div#intface a {
    cursor: pointer;
    color: #eee;
  }



  /* close-button (a-tag): ------------------------------- */
  div#content div#intface a#bc {
    float: left;
  }

  /* forward-button (a-tag): ----------------------------- */
  div#content div#intface a#bf {
    float: right;
  }

  /* back-button (a-tag): -------------------------------- */
  div#content div#intface a#bb {
    float: right;
    margin: 0 10px 0 0;
  }


  div#content div#intface p {
    width: 750px;
    font-size: 0.7em;
    text-align: center;
    margin: 0 110px 0 100px;
    /* background-color: #779; */
  }