body {
	color: #000000;
	background-color: #FFFFFF;
	background:url("../images/bg02.gif");
	background-repeat: no-repeat;
	padding: 10px;
	margin:0px;
	text-align: left;
	font-size: 10pt;
	font-family:  "Trebuchet MS", "Trebuche", "Arial", "Helvetica", "Verdana", sans-serif;

}

html>body {
	font-size: 10pt;
	}


p {	
	line-height: 130%;
	margin: 0px 0px 0px 0px;
}

p.ing {
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}

p.wide {
	width:600px;
}

p.lt {
	margin: 0px 0px 10px 0px;
	width:420px;
}

#content {
	position:absolute;
	top:30px;
	left:150px;
	width:620px;
	padding:20px;
}

a, a:link, a:visited, a:active {
	color: #000000;
	background-color:#ffffff;
	text-decoration:none;
}
a:hover {
	color: #FF9900;
	background-color:#ffffff;
	text-decoration:none;
}

#logo {
	margin: -10px 0px 0px -5px;
}

#otsikko {
	margin: 30px 0px 10px 0px;
}

#text {
	margin: 0px 0px 0px 0px;
	width: 400px;
	padding: 0px;
}

#text_um {
	margin: 20px 0px 180px 0px;
	width: 580px;
	padding: 0px;
}

#video {
	margin: 10px 0px 0px 0px;
	height:80px;
	width: 410px;
	background:url("../images/raami.gif");
	background-repeat: no-repeat;
	padding: 5px;
}

#oppimateriaali {
	margin: 30px 0px 0px 0px;
	height:140px;
	width: 580px;
	background:url("../images/raami580.gif");
	background-repeat: no-repeat;
	padding: 5px;
}


a.filmi { 
    position:relative;
    z-index:24;
    background-color:#fff;
    color:#000;
    text-decoration:none;
}

a.filmi:hover {
	z-index:25;
	background-color:#fff;
}

a.filmi span{display: none;}

a.filmi:hover span {
    display:block;
    position:absolute;
    top:20px;
    left:100px;
    width:300px;
    border:1px solid #ff9900;
    background-color:#fff;
    color:#000;
    text-align: center;
}




div.linkit {
	margin-top: 0px;
	padding: 0px;
}

#ltlinkit {
	margin-top: 10px;
	padding: 0px;
}


img {
	border:0;
}

img.pikkukuva { 
	float:left;
	margin:10px 0px 0px 10px;
}

img.pikkuotsikko {
	margin:5px 5px 0px 20px;
}

img.oppimat {
	margin:5px 20px -5px 20px;
}

img.nappula {
	margin:0px 5px -7px 0px;
}

img.linkki {
	float:left;
	margin:-3px 0px 0px 0px;
}
span.videolataa {
	margin:0px 5px 0px 20px;
}

span.pal {
	margin:0px 0px 0px 10px;
}

span.umlinkki {
	margin:0px 10px 0px 30px;
}

span.bannerlinkki {
	margin:0px 10px 0px 10px;
}


ul {
	margin-top:5px;
	margin-bottom:10px;
	font-size: 10pt;	
}

li {
	margin:0px 0px 0px 0px;
	list-style: square;
	line-height: 120%;
}

table.um {width:400px;}

td {	font-size: 10pt;}