@charset "UTF-8";
/* CSS Document */
/*nicht kopieren*/body { font-family:arial}

.item {width:100px; height:100px; border:1px solid #550000; margin:5px 5px 5px 0;/* required to hide the image after resized */ overflow:hidden; /* for child absolute position */ position:relative; /* display div in line */ float:left}
.item .caption { width:100px; height:100px; background:#000; color:#fff; font-weight:bold; position:absolute; left:0;/* fix it at the bottom */ display:none;/* hide it by default */ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8}/* opacity setting */
/*farbe für den link*/
.item .caption a { text-decoration:none; color: #FF0000; font-size:16px; padding:5px; display:block; outline: none}/* add spacing and make the whole row clickable*/
.item .caption p { padding:5px; margin:0; font-size:10px}
img { border:0; position: absolute}/* allow javascript moves the img position*/
.clear { clear:both}