Body{
background:url('zöldes.jpg') repeat-x top center fixed #f3f64e ;;	
	margin:0;
	font-family: arial;
	font-size: 20px;
	color:1c1f00;
	}


div#header{
	position:relative;
	width:92%;
	margin: 30px ;
	padding: 20px;
	font-size:50px;
	color: #fff;
	text-shadow:12px 6px 23px #000000;
font-family: georgia;
	float:left;
	text-align:center;
	background: #393a1b;
	border-radius:20px;
	-moz-border radius:20px;
	-webkit-border-radius:20px;
	box-shadow: -moz-box-shadow: 5px 8px 48px #000000;
	box-shadow:-webkit-box-shadow: 5px 8px 48px #000000;
	box-shadow: 5px 8px 48px #000000;
	}
	

div#cont{
width:100%;
margin:0 auto;

float:left;
}
div#bal{
	position:relative;
	background-color: #c4da00;
	float: left;
	width:46%;
	margin:30px 20px 20px 40px;
	text-align:center;
	height:350px;
	
	border-radius:20px;
	-moz-border radius:20px;
	-webkit-border-radius:20px;
	
	box-shadow: -moz-box-shadow: 5px 8px 48px #000000;
	box-shadow:-webkit-box-shadow: 5px 8px 48px #000000;
	box-shadow: 5px 8px 48px #000000;
}

div#jobb{
	position:relative;
	background-color:#bdc47d;
	float: left;
	width:46%;
	margin:30px 0px 20px 0px;
	height:350px;
	text-align:center;
	font-family: Arial, Century Gothic, Verdana;
	
	border-radius:20px;
	-moz-border radius:20px;
	-webkit-border-radius:20px;
	
	box-shadow: -moz-box-shadow: 5px 8px 48px #000000;
	box-shadow:-webkit-box-shadow: 5px 8px 48px #000000;
	box-shadow: 5px 8px 48px #000000;
}

.lablec
{
	text-align:center;
	width:92%;
	padding: 20px;
	margin:20px auto 0 30px ;
	background-color:#FFFFCC;
	float:left;
	position:relative;
	height:auto;
	
	border-radius:20px;
	-moz-border radius:20px;
	-webkit-border-radius:20px;
	
	
	box-shadow: -moz-box-shadow: 5px 8px 48px #000000;
	box-shadow:-webkit-box-shadow: 5px 8px 48px #000000;
	box-shadow: 5px 2px 60px #000000;
}

.classname {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.classname:hover{
-webkit-transform: rotate(0deg) scale(1.5) skew(0deg) translate(2px);
-moz-transform: rotate(0deg) scale(1.5) skew(0deg) translate(2px);
-o-transform: rotate(0deg) scale(1.5) skew(0deg) translate(2px);
}
div.clear{
clear:both;
}