/* CSS Beschreibung der webdesign Referenzen */
#hires {display:block; width:300px; height:185px; background:url(hires-norm.jpg) no-repeat; position:relative; left: 20px; margin:0; border: 1px solid black;}

#hires a#painting {display:block; width:300px; height:0; padding-top:185px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(hires-hover.jpg) no-repeat 300px 185px; cursor:default;}
* html #imap a#painting {height:185px; he\ight:0;}

#hires a#painting:hover {background-position: 0 0; z-index:10;}

/* Position der kästen */
#hires dd {position:absolute; padding:0; margin:0;}
#hires #mp3{left:47px; top:33px; z-index:20;}
#hires #suche {left:160px; top:26px; z-index:20;}
#hires #rss {left:259px; top:0px; z-index:20;}
#hires #galerie {left:146px; top:51px; z-index:20;}

/* Farbe der kästen - nur hintendran */
#hires a#mp3-link:hover, #hires a#suche-link:hover, #hires a#rss-link:hover, #hires a#galerie-link:hover {border:1px solid red;}

/* Größe der kästen */
#hires a#mp3-link {display:block; width:73px; height:27px; text-decoration:none; z-index:20;}
#hires a#suche-link {display:block; width:93px; height:11px; text-decoration:none; z-index:20;}
#hires a#rss-link {display:block; width:14px; height:12px; text-decoration:none; z-index:20;}
#hires a#galerie-link {display:block; width:130px; height:129px; text-decoration:none; z-index:20;}

/* Position und Farbe der Infos */
#hires a#mp3-link:hover span {left:-170px; top:-250px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }
#hires a#suche-link:hover span {left:-160px; top:-270px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }
#hires a#rss-link:hover span {left:-60px; top:-230px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }
#hires a#galerie-link:hover span {left:-20px; top:-230px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }


/* Größe der Info */
#hires a:hover span {position:absolute; display:block; font-variant:normal;  width:310px; font-size:0.9em; color: white; font-weight: 100; font-style: normal; font-family: Verdana,Arial,sans-serif;}
/* Bildereigenschaften */
#hires a:hover span img {float:left; margin-right:1em; margin-bottom:0.2em; border:1px solid white}
#hires a em {display:none;}
#hires a span, #imap a:visited span {display:none;}