/** elem.parentNode enthält die Nummer der Reihe
	elem.parentNode.parentNode ist der Wrapper

	<div class="wrapStripe"> / WrapStripe hüllt die drei Boxen ein.
			<div class="stripe">					/ Filmstreifen mit den Vorschaubildern
				<div class="rows"> … </div>	/ Reihen von Varschaubildern
				<div class="rows"> … </div>
				…
			</div>	
			<div class="numRows"> <span>1</span> <span>2</span> … </div>
			<div class="fullImage"> … </div>	/ Bild in Zwischenauflösung
	</div>
**/

.wrapStripe { width: 510px; }
.wrapStripe p { margin-top: 0; font-size: 0.78em; width: 510px; max-width: 510px; }
.stripe { text-align: center; border: 2px solid gainsboro; }
.rows { height: 120px; }
.rows a { padding: 4px; margin: 4px; }
.rows a img { border: 4px solid gainsboro; margin: 4px; }

.numRows { text-align: center; display: none; padding: 2px 0; color: white; font-size: 0.8em; }
.numRows a { background: slategray; border: 1px solid silver; color: white; padding: 6px;  }
.numRows span { background: navy; padding: 2px 6px; border: 1px solid white; cursor: pointer; }
.fullImage { text-align: center; margin-top: 4px; height: 600px; }
.fullImage img { padding: 3px; border: 2px solid gainsboro;  }