/** 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">									/ Der 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>					/ Hier rein kommt das Bild in der Zwischenauflösung
			
		</div>
	**/

.wrapStripe { width: 510px; }
.wrapStripe p { margin-top: 0; font-size: 0.78em; width: 510px; max-width: 510px; }
.stripe { height: 120px; 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;  }