gap {margin: 0 auto 0 auto;}
#pimpf {
		width: 12em;
		height: 12em;
		position: relative;
		border: 2.5em solid #C11F29;/*rot*/
-webkit-border-radius: 40em;
   -moz-border-radius: 40em;
		border-radius: 40em;
background-color: #C8C9CB;/*grau*/

background-image: -moz-radial-gradient(center 45deg, circle closest-corner, #000000 10%, #C8C9CB 100%);
background-image: -webkit-gradient(radial, center center, 10, center center, 90, from(#000000), to(#C8C9CB));
margin:0 0 2em 2em}

/* Pupille */
#pimpf span.inner {
		width: 9em;
		height: 9em;
		position: absolute;
-webkit-border-radius: 9em;
   -moz-border-radius: 9em;
		border-radius: 9em;
		left: 1.5em;
		top: 1.5em;
		background-color: #000;
background-image: -moz-linear-gradient(top, #444444, #000000); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #000000)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#000000')"; /* IE8 */


}

#pimpf span.outer {
		width: 8em;
		height: 8em;
		position: absolute;
		border: 1em solid #fff;
-webkit-border-radius: 7em;
   -moz-border-radius: 7em;
		border-radius: 7em;
		left: 1em;
		top: 1em;
}

#pimpf:hover {background-color:#fff;}
#pimpf:hover span.outer {
background-color:#111;
-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
	 -o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}