body 	{
 
	 	background-color: #696c68;
		font-family: Century Gothic, Helvetica,  Sans-Serif;
		margin: 0 auto;
		font-size:12px;
		width: /* 960px */ 800px;
		} 
		

.bg-circle {
	position: relative;
	float: left;
	margin:  100px 25px 0 25px;
	width: 150px; height:150px;

	
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	-o-border-radius: 75px;
	border-radius: 75px; 
}
.vordergrund-circle {
	position: absolute;
	left: 0; top:0;
	height: 100%; width:100%;
	background: red;
	
	color: black;
	font-weight:bold;
	letter-spacing: 3px;
	line-height: /* 145 */ 20px;
	text-align: center;
	
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	-o-border-radius: 75px;
	border-radius: 75px;
	
	-webkit-transition: all .55s ease-in-out 0s;
	-moz-transition: all .55s ease-in-out 0s;
	-o-transition: all .55s ease-in-out 0s;
	transition: all .55s ease-in-out 0s;
}
.bg-circle:hover .vordergrund-circle {
	-webkit-transform:translate(0, -151px);
	background:#696c68;
	color: white;		
}


.bg-diederich{
	background: #a1b785 url(diederich.gif) no-repeat left top ;
}

.bg-kelting{
	background: #b390a9 url(kelting.gif) no-repeat left top;
}
.bg-deichperle{
	background: #0019ba url(deichperle.gif) no-repeat left top;
}


.trickyrikkie:hover
			{
				
			-webkit-transform:translate(50px,-75px) rotate(15deg) scale(1.2);
			-moz-transform:   translate(50px,-75px) rotate(15deg) scale(1.2);
			-o-transform:	  translate(50px,-75px) rotate(15deg) scale(1.2);
			transform:		  translate(50px,-75px) rotate(15deg) scale(1.2);
			 }