.clement {background: url(http://krieg-der-knoepfe.de/img/crew/clement_b.png) no-repeat center center; background-size: 170px auto;}
.gerard {background: url(http://krieg-der-knoepfe.de/img/crew/gerard_b.png) no-repeat center center; background-size: 170px auto;}
.guillaume {background: url(http://krieg-der-knoepfe.de/img/crew/guillaume_b.png) no-repeat center center; background-size: 170px auto;}
.harald {background: url(http://krieg-der-knoepfe.de/img/crew/harald_b.png) no-repeat center center; background-size: 170px auto;}
.ilona {background: url(http://krieg-der-knoepfe.de/img/crew/ilona_b.png) no-repeat center center; background-size: 170px auto;}
.jean {background: url(http://krieg-der-knoepfe.de/img/crew/jean_b.png) no-repeat center center; background-size: 170px auto;}
.kad {background: url(http://krieg-der-knoepfe.de/img/crew/kad_b.png) no-repeat center center; background-size: 170px auto;}
.letitia {background: url(http://krieg-der-knoepfe.de/img/crew/leatita_b.png) no-repeat center center; background-size: 170px auto;} /* background-size: 200px auto; */
.louis {background: url(http://krieg-der-knoepfe.de/img/crew/louis_b.png) no-repeat center center; background-size: 170px auto;}
.nathan {background: url(http://krieg-der-knoepfe.de/img/crew/nathan_b.png) no-repeat center center; background-size: 170px auto;}
.theophile {background: url(http://krieg-der-knoepfe.de/img/crew/theophile_b.png) no-repeat center center; background-size: 170px auto;}
.thomas {background: url(http://krieg-der-knoepfe.de/img/crew/thomas_b.png) no-repeat center center; background-size: 170px auto;}
.regi {background: url(http://krieg-der-knoepfe.de/img/crew/regi_b.png) no-repeat center center; background-size: 190px auto;}

.circle_holder_big {
    width: 200px;
    height: 200px;
	text-align: center;
    overflow: hidden;
}

/* The circle */
.circle_big{
    width: 188px;
    height: 188px;
	-webkit-border-radius:94px;
	-moz-border-radius: 94px;
	border-radius: 50%;
	text-align: center;
    overflow: hidden;
	display: block;
	outline: none;
	margin:10px 0 0 11px;
}
.circle_big_hover{
	-webkit-box-shadow: 
	inset 0 0 1px 160px rgba(0,0,0,0.6),
		0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 
		inset 0 0 1px 160px rgba(0,0,0,0.6),
		0 0 10px rgba(0,0,0,0.3);
    box-shadow: 
		inset 0 0 1px 160px rgba(0,0,0,0.6),
		0 0 10px rgba(0,0,0,0.3);
	/*For IE < 9 so that we have some kind of effect */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	z-index:1000;
}

.circle_holder_small {
    width: 175px;
    height: 175px;
	text-align: center;
    overflow: hidden;
}

.circle_small{
    width: 159px;
    height: 159px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 50%;
	text-align: center;
    overflow: hidden;
	display: block;
	outline: none;
	margin:12px 0 0 12px;
}
.circle_small_hover{
	-webkit-box-shadow: 
		inset 0 0 1px 150px rgba(0,0,0,0.6),
		0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 
		inset 0 0 1px 150px rgba(0,0,0,0.6),
		0 0 10px rgba(0,0,0,0.3);
    box-shadow: 
		inset 0 0 1px 150px rgba(0,0,0,0.6),
		0 0 10px rgba(0,0,0,0.3);
	/*For IE < 9 so that we have some kind of effect */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	z-index:1000;
}

/* Text inside of circle */
.circle_big span, .circle_small span{
	color: transparent;
    font-size: 24px;
    text-shadow: 0px 0px 100px #fff;
	text-transform: uppercase;
	font-family:'AccidentalPresidencyRegular', Verdana, Geneva, sans-serif;
	padding-top:40px;
	display:block;
}
.circle_big span {padding-top:60px;}
.circle_big_hover span, .circle_small_hover span{
	text-shadow: 0px 0px 2px #fff;
	color:#FFF;
}
a {text-decoration:none;}