* {
	padding:0px;
	margin:0px;
}
body {
	margin: 0;
	padding: 0;
	font:  16px helvetica, sans-serif;
	background: #f8f8f8;
}

#center {
	position: absolute;
	left:50%;
	top:50%;
	width:2px;
	height:2px;
}

a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	color:#000;
}
#lt, #rt, #lb, #rb {
	position: absolute;	
	width:300px;
	height:200px;
	overflow:hidden;
}

#lt{
	bottom:20px;
	right:30px;
	background-color:#ccc;
	color:#8dd;
	font-size: 64px ;
}
#rt {

	bottom:20px;
	left:30px;
	background-color:#ddd;
}

#lb {
	top:20px;
	right:30px;
	background:url("eef2.jpg") #333 ;
	color:#000;
}

#rb {
	top:20px;
	left:30px;
	background:url("harm.jpg") #333;
	color:#fff;
}

.content {
	position:relative;
	top:0px;
	left:0px;
	height:200px;
	width:300px;

background: rgba(255, 255, 255, 0.7);
}

h3{
	padding:10px 0px 10px 10px ;
	font:normal 48px sans-serif ;
	text-transform:uppercase;
}

p{
	padding:0px 0px 10px 10px ;
	font:normal 16px/18px sans-serif ;
/*
	background-color: #fff;
*/

}
.schuif{
	padding-left:300px;
	transition: padding-left 1s ease;
	-moz-transition: padding-left 1s ease;
	-webkit-transition: padding-left 1s ease;
	-o-transition: padding-left 1s ease;
}
.schuif:hover{
	padding-left:0px;
	
}