/* Farbe für alle Bilder-Links */
a:link img{border: 1px solid green; }
a:visited img{border: 1px solid green;}
a:hover img{border: 1px solid maroon;}

/* Farbe für die Links der Vorschaubilder */
a:link .vorschaurahmen.kleinbild { border: 0; color:white; text-decoration:none;} 
a:hover .vorschaurahmen.kleinbild {border: 0; color:white; text-decoration:none;} 
a:visited .vorschaurahmen.kleinbild{white-space:normal; border: 0; text-decoration:none;}

/* Farbe und Größe für den großen Rahmen der Vorschaubilder */
.vorschaurahmen {position:relative; top:-210px; width:250px; height:480px; 
border:0; margin:10px;}

/* Aussehen der Vorschaubilder */
.vorschaurahmen a.kleinbild { display:inline;
border-style:none; width:100px; height:75px; text-decoration:none;}

/* Aussehen des Großbildes */
.vorschaurahmen a.kleinbild span img {margin:10px auto; border:1px solid maroon; text-decoration:none; }

/* Aussehen des zusätzlichen Span unter dem Vorschaubild */
.vorschaurahmen a.kleinbild span {display:none; border:0px; width:550px; height:40px; background-color: rgb(234,248,190); text-decoration:none;}

/* Aussehen des zusätzlichen Span beim hovern */
.vorschaurahmen a.kleinbild:hover span {display:block; position:absolute; left:260px; top:-10px; z-index:10; height:400px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: black ;text-decoration:none;}

/* Aussehen des Textfeldes im zusätzlichen Span */
.spandiv{border: 1px solid maroon; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: black; background-color: rgb(230,230,230); padding:4px;}