/* Fuer alle Bilder, siehe Adventskalender-Artikel von Tomas Caspers */
a img	{
display: block;
}

/* Bildbeispiel 3 */

a img.rand {
	border: 2px solid #493500;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
}
a:hover img.rand, a:focus img.rand, a:active img.rand {
	border:2px solid #00C5C7;
}

a.pngdrei {
	float: left;
	background: #1D6302 url(bilder/farbverlauf.gif) repeat-x 0 -80px;
	border-top: 15px solid #493500;
	border-right: 15px solid #CDA741;
	border-bottom: 15px solid #FCEFAE;
	border-left: 15px solid #926000;
}
a.pngdrei img {
	border:none;
	overflow: hidden;
}

a.pngdrei:hover, a.pngdrei:focus, a.pngdrei:active {
	background:#99FFFF url(bilder/farbverlauf.gif) repeat-x 0 120px;
	border: 15px solid #006666;
}

a.pngdrei:hover img, a.pngdrei:focus img, a.pngdrei:active img {
	background: #99FFFF url(bilder/farbverlauf.gif) repeat-x 0 120px;
}

/* Zusatz: 2-Pixel-Rand per img class="rand". Funzt so nicht im IE6, aber egal. */

a img.rand {
	border: 2px solid #493500;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
}
a:hover img.rand, a:focus img.rand, a:active img.rand {
	border:solid 2px #00C5C7;
}