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

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

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

/* Position der kästen */
#realkeepers dd {position:absolute; padding:0; margin:0;}
#realkeepers #navi {left:10px; top:10px; z-index:20;}
#realkeepers #logo2 {left:105px; top:2px; z-index:20;}
#realkeepers #news {left:193px; top:10px; z-index:20;}
#realkeepers #about {left:85px; top:58px; z-index:20;}

/* Farbe der kästen - nur hintendran */
#realkeepers a#navi-link:hover, #realkeepers a#logo-link:hover, #realkeepers a#news-link:hover, #realkeepers a#about-link:hover {border:1px solid white;}

/* Größe der kästen */
#realkeepers a#navi-link {display:block; width:65px; height:57px; text-decoration:none; z-index:20;}
#realkeepers a#logo-link {display:block; width:66px; height:52px; text-decoration:none; z-index:20;}
#realkeepers a#news-link {display:block; width:81px; height:55px; text-decoration:none; z-index:20;}
#realkeepers a#about-link {display:block; width:101px; height:87px; text-decoration:none; z-index:20;}

/* Position und Farbe der Infos */
#realkeepers a#navi-link:hover span {left:-170px; top:-220px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }
#realkeepers a#logo-link:hover span {left:-160px; top:-210px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }
#realkeepers a#news-link:hover span {left:-60px; top:-230px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }
#realkeepers a#about-link:hover span {left:-40px; top:-260px; border: 1px solid white; background-image: url(../background.png); padding: 10px; }


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