@charset "utf-8";



/* CSS Document */







body {



background:url(images/bg2.gif);
	background-color:#CCCCCC;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0;
	margin:60px 0 0 0;
	text-align:center;
	scrollbar-arrow-color: #1D689F;
	scrollbar-BASE-COLOR: #FFFAF0;
	scrollbar-FACE-COLOR: #FFA500;
	scrollbar-HIGHLIGHT-COLOR: #F0E68C;
	scrollbar-SHADOW-COLOR: #BDB76B;
	scrollbar-TRACK-COLOR: #FFFACD;
	scrollbar-DARKSHADOW-COLOR: #BDB76B;
	}

div {

	margin:0;
	padding:0;
	}

img {
	margin:0;
	padding:0;
	}

#wrapper {
	margin:0;
	padding:0;
	width:988px;
	height:650px;
	margin:20px auto;
	background:#FFFFFF;
	padding:0;
}

#header {
	display:block;
	height:206px;
	background:url(images/header.jpg) no-repeat;
	margin:0;
	padding:0;
	}

#sisalto {
	float:right;
	margin:0;
	padding:0;
	width:711px;
	text-align:left;
	background:url(images/sisalto.jpg) no-repeat;
	height:380px;
	}
#teksti {
margin:10px 0 0 0;
padding:5px 5px 5px 5px;
	font:95% Verdana, Arial, Helvetica, sans-serif;
	line-height:155%;
	width:660px;
height:360px;
	overflow:auto;	
	}
	
#vasen_palsta {
	float:left;
	width:277px;
	height:380px;	
	text-align:left;
	margin:0;
	padding:0;
	}

#footer {
	margin:0;
	padding:0;
	clear:both;
	height:64px;
	text-align:left;
	background:#FFFFFF url(images/footer.jpg) no-repeat;	
	}

a {	outline:none;
	border:0;
	margin:0;
	padding:0;
	font:0.9em "Trebuchet MS", Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}


/* ------------------------ Tasta alkaa linkit -------------------------------- */

	/*---Etusivu -----*/

#rollover_etusivu {
	display:block;
	width:277px;
	height:30px;
	background:url(images/etusivu_rollover.jpg) no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}

a#rollover_etusivu:link, a#rollover_etusivu:visited, a#rollover_etusivu:active {
background:url(images/etusivu_rollover.jpg) no-repeat;
	margin:0;
	padding:0;
	}

a#rollover_etusivu:hover {
	background-position:-277px 0;
	margin:0;
	padding:0;
}


/* ------ Ajankohtaista -------------*/

#rollover_ajankohtaista {
	display:block;
	width:277px;
	height:30px;
	background:url(images/ajankohtaista_rollover.jpg) no-repeat;
	text-indent:-9999px;
	margin:0;
padding:0;
	}


a#rollover_ajankohtaista:link, a#rollover_ajankohtaista:visited, a#rollover_ajankohtaista:active {
	background:url(images/ajankohtaista_rollover.jpg) no-repeat;
	margin:0;
	padding:0;
}

a#rollover_ajankohtaista:hover {
	background-position:-277px 0;
	margin:0;
padding:0;
}


/* ---- oppimisympäristöt ------*/

#rollover_oppimisymparistot {

	display:block;
	width:277px;
	height:28px;
	background:url(images/oppimisymparistot_rollover.jpg) no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:0;
}



	



a#rollover_oppimisymparistot:link, a#rollover_oppimisymparistot:visited, a#rollover_oppimisymparistot:active {



	background:url(images/oppimisymparistot_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_oppimisymparistot:hover {




	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* -------- Kuukauden tähti ----*/



#rollover_kuukauden {



	display:block;



	width:277px;



	height:29px;



	background:url(images/kuukauden_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#rollover_kuukauden:link, a#rollover_kuukauden:visited, a#rollover_kuukauden:active {



	background:url(images/kuukauden_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_kuukauden:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}



/* ------- Oppimateriaalien jako ----- */



#rollover_oppimateriaalit {



	display:block;



	width:277px;



	height:28px;



	background:url(images/oppimateriaalit_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#rollover_oppimateriaalit:link, a#rollover_oppimateriaalit:visited, a#rollover_oppimateriaalit:active {



	background:url(images/oppimateriaalit_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_oppimateriaalit:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* --- Open sivut ------ */



#rollover_open_sivut {



	display:block;



	width:277px;



	height:28px;



	background:url(images/open_sivut_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#rollover_open_sivut:link, a#rollover_open_sivut:visited, a#rollover_open_sivut:active {



	background:url(images/open_sivut_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_open_sivut:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}



/* -------- Käyttäjätuki ----- */



#rollover_kayttajatuki {



	display:block;



	width:277px;



	height:28px;



	background:url(images/kayttajatuki_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#rollover_kayttajatuki:link, a#rollover_kayttajatuki:visited, a#rollover_kayttajatuki:active {



	background:url(images/kayttajatuki_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_kayttajatuki:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* -------- Kumppanit ---- */



#rollover_kumppanit {



	display:block;



	width:277px;



	height:28px;



	background:url(images/yhtkumppanit_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#rollover_kumppanit:link, a#rollover_kumppanit:visited, a#rollover_kumppanit:active {



	background:url(images/yhtkumppanit_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_kumppanit:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* ---- Foorumi ---- */



#rollover_foorumi {



	display:block;



	width:277px;



	height:28px;



	background:url(images/foorumi_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#rollover_foorumi:link, a#rollover_foorumi:visited, a#rollover_foorumi:active {



	background:url(images/foorumi_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_foorumi:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* ----- Palaute ---- */



#rollover_palaute {



	display:block;



	width:277px;



	height:28px;



	background:url(images/palaute_rollover.jpg) no-repeat;




	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#rollover_palaute:link, a#rollover_palaute:visited, a#rollover_palaute:active {



	background:url(images/palaute_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#rollover_palaute:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}

/* ----------------------Tähän loppuu linkit ----------------------------------- */


#s_rollover_etusivu {



	display:block;



	width:277px;



	height:30px;



	background:url(images/forsta_sidan_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_etusivu:link, a#s_rollover_etusivu:visited, a#s_rollover_etusivu:active {



	background:url(images/forsta_sidan_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_etusivu:hover {



	background-position:-278px 0;



	margin:0;



	padding:0;



}



/* ------ Ajankohtaista -------------*/



#s_rollover_ajankohtaista {



	display:block;



	width:277px;



	height:30px;



	background:url(images/aktuellt_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_ajankohtaista:link, a#s_rollover_ajankohtaista:visited, a#s_rollover_ajankohtaista:active {



	background:url(images/aktuellt_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_ajankohtaista:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* ---- oppimisympäristöt ------*/



#s_rollover_oppimisymparistot {



	display:block;



	width:277px;



	height:28px;



	background:url(images/inlarningsmiljonerna_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_oppimisymparistot:link,
a#s_rollover_oppimisymparistot:visited, a#s_rollover_oppimisymparistot:active {



	background:url(images/inlarningsmiljonerna_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_oppimisymparistot:hover {




	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* -------- Kuukauden tähti ----*/



#s_rollover_kuukauden {



	display:block;



	width:277px;



	height:29px;



	background:url(images/manaders_tjarna_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_kuukauden:link, a#s_rollover_kuukauden:visited, a#s_rollover_kuukauden:active {



	background:url(images/manaders_tjarna_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_kuukauden:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}



/* ------- Oppimateriaalien jako ----- */



#s_rollover_oppimateriaalit {



	display:block;



	width:277px;



	height:28px;



	background:url(images/oppimateriaalien_jako_sve.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_oppimateriaalit:link, a#s_rollover_oppimateriaalit:visited,
a#s_rollover_oppimateriaalit:active {



	background:url(images/oppimateriaalien_jako_sve.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_oppimateriaalit:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* --- Open sivut ------ */



#s_rollover_open_sivut {



	display:block;



	width:277px;



	height:28px;



	background:url(images/lararens_sidor_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_open_sivut:link, a#s_rollover_open_sivut:visited, a#s_rollover_open_sivut:active {



	background:url(images/lararens_sidor_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_open_sivut:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}



/* -------- Kayttajatuki ----- */



#s_rollover_kayttajatuki {



	display:block;



	width:277px;



	height:28px;



	background:url(images/anvandarstod_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_kayttajatuki:link, a#s_rollover_kayttajatuki:visited, a#s_rollover_kayttajatuki:active {



	background:url(images/anvandarstod_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_kayttajatuki:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* -------- Kumppanit ---- */



#s_rollover_kumppanit {



	display:block;



	width:277px;



	height:28px;



	background:url(images/partners_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_kumppanit:link, a#s_rollover_kumppanit:visited, a#s_rollover_kumppanit:active {



	background:url(images/partners_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_kumppanit:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* ---- Foorumi ---- */



#s_rollover_foorumi {



	display:block;



	width:277px;



	height:28px;



	background:url(images/forum_rollover.jpg) no-repeat;



	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_foorumi:link, a#s_rollover_foorumi:visited, a#s_rollover_foorumi:active {



	background:url(images/forum_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_foorumi:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}







/* ----- Palaute ---- */



#s_rollover_palaute {



	display:block;



	width:277px;



	height:28px;



	background:url(images/kontakta_oss_rollover.jpg) no-repeat;




	text-indent:-9999px;



	margin:0;



	padding:0;



	}



	



a#s_rollover_palaute:link, a#s_rollover_palaute:visited, a#s_rollover_palaute:active {



	background:url(images/kontakta_oss_rollover.jpg) no-repeat;



	margin:0;



	padding:0;



	}



	



a#s_rollover_palaute:hover {



	background-position:-277px 0;



	margin:0;



	padding:0;



}
/* -------- Ruotsin linkin loppuuu ------- */

h6{
	font:80% Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin-left:900px;
	margin-bottom:0;
	}

* h6 {
	margin-top:0;
	padding-top:30px;
	}

h6 a:link, h6 a:visited {
color:#000000;
font-face:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	}

h6 a:hover {
	color:#FF9900;
	text-decoration:none;
	}

h1 {
font: bold 18px Arial, Helvetica, sans-serif sans-serif;
letter-spacing:5px;
text-decoration:none;
color:#FF6600;
padding-bottom:5px;
}

h2 {
font: bold 15px Arial, Helvetica, sans-serif sans-serif;
color:#1D689F;
letter-spacing:1px;
padding-top:5px;
}

h3 {
font: bold 12px Verdana, Arial, sans-serif;
padding-top:5px;
}

#valiotsikko {
font-weight:bold;
color:#1D689F;
letter-spacing:1px;
}

p {
font:95% Verdana, Arial, Helvetica, sans-serif;
line-height:150%;
}

.etusivulle a:link {
	color:#006600;
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.etusivulle a:hover {
	color:#FF9900;
	text-decoration:underline;
}

.etusivulle a:visited {
	color:#006600;
}


/* --------- Muut tyylit ------- */

table {
	margin-top:15px;
	border:0;
	}
td {
margin-right:10px;
	padding-right:20px;
	color:#666666;
	}

.haku {
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
}

#hae {
margin-top:20px;
	padding:2px;
	color:#000000;
	background-color:#FFCC00;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
	}


/* -------------------Peruslinkki--------------- */	


a:link {
	color:#006600;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:visited {
	color:#669900;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover {
	color:#FF9900;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}



/* -------------- Ajankohtaista ---------------- */

.c_news_table {
width:380px;
}

.c_title {
font:bold 1em Verdana, Arial, Helvetica, sans-serif;
color:#1D689F;
letter-spacing:1px;
}

.c_header {
font:bold 100% Verdana, Arial, Helvetica, sans-serif;
color:#1D689F;
}

.c_text_date {
font:bold 100% Verdana, Arial, Helvetica, sans-serif;
color:#FF6600;
}

.c_text_body {
font:normal 100% Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:150%;
}

.c_text_body a:link {
font:bold 100% Verdana, Arial, Helvetica, sans-serif;
color:#006600;
}

.c_text_body a:hover {
font:bold 100% Verdana, Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:none;
}

p .c_text_body {
font:normal 110% Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.c_summary {
font:normal 1em Verdana, Arial, Helvetica, sans-serif;
color:#666666;
line-height:180%;
}

.c_list_table{
width:200px;
padding:10px;
border-left:2px solid #FF9900;
}

.c_menu {
color:#1D689F;
}
.c_menu a:link {
color:#1D689F;
}
.c_menu a:hover {
text-decoration:none;
}

.c_menu_date {
color:#999999;
font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;
line-height:250%;
}