.clear{
  clear: left;
}
body {
font : normal 12px arial; 
background : #dae0e2; 
}
.hela {
  position : relative; 
  margin-left : auto; 
  margin-right : auto;
  width: 960px;
  padding-top: 10px;
  padding-left: 40px;
  border: 0px solid;
  background : url(kuvat/tausta.jpg) repeat;
}
.hela3 {
position : relative; 
margin-left : auto; 
margin-right : auto; 
width : 960px;
height : 800px;  
border : 0 solid #333; 
background : url(kuvat/hyppy.jpg) repeat;

} 

.leftcontent {
  float: left;
  width: 170px;
  border: 0px solid;
  text-align: left;
  margin-top: 10px;
  background : #badae6;
}
.left2 {
  float: left;
  width: 710px;
  padding: 10px;
  border: 1px solid;
  text-align: left;
  margin-left: 10px;
  margin-top: 10px;
}
#centercontent {

margin-top : 5px;

width : 900px; 
height : 17px; 
padding : 0px; 
background :#b21e89; 
z-index : 3;
 
} 
#centercontent3 {
position : absolute; 
width : 495px; 
height : auto; 
margin-top : 240px; 
margin-left : 555px; 
padding : 5px; 
text-align : left;

} 
.ylos {


margin-top : 20px; 

}
.vasen {
font-size : 14px; 
line-height : 14px; 
font-weight : bold; 
color : #000; 
padding : 2px;
}
.vasen2 {
font-size : 12px; 
line-height : 14px; 
font-weight : bold; 
color : #000; 
padding : 3px;
background : #a2f1af;
margin-bottom :5px;
}
.vasen3 {
font-size : 14px; 
line-height : 14px; 
font-weight : bold; 
color : #5240ff; 
margin-left : 5px;
margin-top : -15px;
}
.vasen4 {
font-size : 14px; 
line-height : 14px; 
font-weight : bold; 
color : #5240ff; 
margin-left : 5px;
margin-top : 10px;
}
.avoin {
font-size : 14px; 
line-height : 14px; 
font-weight : bold; 
color : #000; 
padding : 3px;
text-decoration: none;
}
a.avoin:link {
	color: #000;
	display: block;
	font-size: 14px;
	line-height: 12px;
	border: 0px solid #9caab2;
	font-weight : bold; 
	margin-top: 1px;
	margin-left: 0px;
	padding: 2px;
	text-decoration: none;
} 

a.avoin:visited {
		color: #000;
		display: block;
font-size : 14px; 
		line-height: 12px;
		border: 0px solid #9caab2;
		font-weight : bold; 
		margin-top: 1px;
		margin-left: 0px;
		padding: 2px;
	text-decoration: none;
} 

a.avoin:active {
color: #000;
		display: block;
font-size : 14px; 
		line-height: 12px;
		border: 0px solid #9caab2;
		font-weight : bold; 
		margin-top: 1px;
		margin-left: 0px;
		padding: 2px;
	text-decoration: none;
} 

a.avoin:hover {
	color: #000;
	display: block;
	font-size: 14px;
	line-height: 12px;
	border: 0px solid #9caab2;
	font-weight : bold; 
	margin-top: 1px;
	margin-left: 0px;
	padding: 2px;
	text-decoration: none;
	background-color: #A3CDDE;
}

#valikko {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY:hidden;
PADDING-BOTTOM:5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 133px;
LEFT: 220px;
Z-INDEX: 3;
}
#valikko2 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px; 
BORDER-BOTTOM:#000 1px solid;
POSITION: absolute; 
TOP: 133px;
LEFT: 305px;
Z-INDEX: 3;
}
#valikko3 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 133px;
LEFT: 500px;
Z-INDEX: 3;
}
#valikko4 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 133px;
LEFT: 840px;
Z-INDEX: 3;
}
#valikko5 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 133px;
LEFT: 670px;
Z-INDEX: 3;
}

#eka {

MARGIN-LEFT: 5px;
POSITION: absolute;
TOP: 118px;


}
#toka {

MARGIN-LEFT: 65px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
}
#kolmas {

MARGIN-LEFT: 180px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
}
#neljas {

LEFT: 305px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
}
#viides {

LEFT: 405px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
}
#kuudes {

LEFT: 500px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
}
#seitseman {

LEFT: 565px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
}
#kasi {

LEFT: 740px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
} 
#ysi {

LEFT: 840px;
POSITION: absolute;
TOP: 118px;
border-left: #fff 1px solid;
padding-left: 5px;
} 
a.haku2:link {
	
	color: #000;
	display: block;
	font-size: 11px;
	line-height: 12px;
	border: 0px solid #9caab2;
	font-weight : bold; 
	margin-top: 1px;
	margin-left: 5px;
	padding: 2px;
	text-decoration: none;
}

a.haku2:active {
	
		color: #000;
		display: block;
		font-size: 11px;
		line-height: 12px;
		border: 0px solid #9caab2;
		font-weight : bold; 
		margin-top: 1px;
		margin-left: 5px;
		padding: 2px;
	text-decoration: none;
}

a.haku2:visited {
	
		color: #000;
		display: block;
		font-size: 11px;
		line-height: 12px;
		border: 0px solid #9caab2;
		font-weight : bold; 
		margin-top: 1px;
		margin-left: 5px;
		padding: 2px;
	text-decoration: none;
}

a.haku2:hover {

	color: #000;
	display: block;
	font-size: 11px;
	line-height: 12px;
	border: 0px solid #9caab2;
	font-weight : bold; 
	margin-top: 1px;
	margin-left: 5px;
	padding: 2px;
	text-decoration: none;
	background-color: #A3CDDE;
	
}
a.haku2:link {
	
	color: #000;
	display: block;
	font-size: 11px;
	line-height: 12px;
	border: 0px solid #9caab2;
	font-weight : bold; 
	margin-top: 1px;
	margin-left: 5px;
	padding: 2px;
	text-decoration: none;
}

a.haku2:active {
	
		color: #000;
		display: block;
		font-size: 11px;
		line-height: 12px;
		border: 0px solid #9caab2;
		font-weight : bold; 
		margin-top: 1px;
		margin-left: 5px;
		padding: 2px;
	text-decoration: none;
}

a.haku2:visited {
	
		color: #000;
		display: block;
		font-size: 11px;
		line-height: 12px;
		border: 0px solid #9caab2;
		font-weight : bold; 
		margin-top: 1px;
		margin-left: 5px;
		padding: 2px;
	text-decoration: none;
}

a.haku2:hover {

	color: #000;
	display: block;
	font-size: 11px;
	line-height: 12px;
	border: 0px solid #9caab2;
	font-weight : bold; 
	margin-top: 1px;
	margin-left: 5px;
	padding: 2px;
	text-decoration: none;
	background-color: #A3CDDE;
}
a.pieni:link {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #fff;

} 
a.pieni:visited {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #fff;

} 
a.pieni:active {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color :#fff; 
} 
a.pieni:hover {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #fff;
background : #bd002a;
}
a.front:link {

color: #000;
font-size: 22px;
text-decoration: none;
}

a.front:active {
color: #000;
font-size: 22px;
text-decoration: none;
}

a.front:visited {
color: #000;
font-size: 22px;
text-decoration: none;
}

a.front:hover {
color: #000;
font-size: 22px;
text-decoration: none;

}	
.video {
position : absolute;
margin-top: -10px;
margin-left: 550px;
border: 0px solid #fff;
z-index :2;

}
.video2 {
position : absolute;
margin-top: 230px;
margin-left: 550px;
border: 0px solid #fff;
z-index :2;

}
.video3 {
position : absolute;
margin-top: 350px;
margin-left: 550px;
border: 0px solid #fff;
z-index :2;
}
.yleis {
margin-left : 0px;
}