@media screen
{
	body
	{
		background-color: #f8f9f9;
		font-family: arial;
		font-size: 0.8em;
		margin-top: 15px;
		margin-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		line-height: 1.4em;
	}
}

@media print
{
	body
	{
		background-color: #ffffff;
		font-family: arial;
		font-size: 1.0em;
		margin: 0;
		padding: 0;
		line-height: 1.4em;
	}
}

h1, td.contentheading, div.componentheading
{
	font-size: 1.5em;
	color: #717171;
	font-weight: normal;
	margin: 0px;
	padding-top: 2px;
	margin-bottom: 20px;
}

h1.koulutusala
{
	font-size: 1.3em;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding-top: 2px;
}


td.contentheading_ko
{
	font-size: 1.4em;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-left: 17px;
	padding-bottom: 15px;
}

.teku
{
	background-image: url(../images/varinapit/tekniikka.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.lita
{
	background-image: url(../images/varinapit/liiketalous.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.mara
{
	background-image: url(../images/varinapit/matkailu.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.sote
{
	background-image: url(../images/varinapit/sote.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.kulttuuri
{
	background-image: url(../images/varinapit/kuvataide.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


.separator
{
	font-weight: bold;
}

h2
{
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
}

h4
{
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
}

#archive-list h4
{
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	border-bottom: none;
}

.module h3
{
	background-image: url(../images/pikalinkit_palkki.gif);
	background-repeat: no-repeat;
	background-position: 15px 0px;
	width: 218px;
	color: #ffffff;
	padding-left: 35px;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 13px;
	line-height: 26px;
}

.module_menu h3
{
	background-image: url(../images/otsikkopalkki.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 218px;
	color: #ffffff;
	padding-left: 20px;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 13px;
	line-height: 26px;
}


.module_huomaa h3
{
	width: 218px;
	color: #46778a;
	padding-left: 20px;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	line-height: 11px;
}

.module_menuoik h3
{
	background-image: url(../images/otsikkopalkki.gif);
	background-repeat: no-repeat;
	background-position: middle left;
	width: 213px;
	color: #ffffff;
	padding-left: 15px;
	margin-top: 0;
	margin-left: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 13px;
	line-height: 26px;
}


ul.menu_khvalikko
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.module_menu ul
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 20px;
}

.module_menu ul ul
{
	margin-left: 5px;
}

.module_menu ul ul ul
{
	margin-left: 10px;
	margin-right: 10px;
}


.module_menuoik
{
	font-size: 0.85em;
}

.module_menuoik img, .module_menu img
{
	border: none;
}

.module_menuoik ul
{
	list-style-type: none;
	padding-left: 0px;
	padding-left: 8px;
	margin-left: 20px;
}

ul.menu
{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.module_huomaa ul
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 20px;
	padding-top: 5px;
	margin-top: 0px;
}

#archive-list
{
	margin-left: 0px;
	padding-left: 0px;
}

.article_row
{
	background-image: url(../images/viiva.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}


.menu_khvalikko img
{
	border-style: none;
	vertical-align: -41%;
}

.menu_khvalikko li
{
	float: left;
	margin-left: 0px;
	padding-left: 0;
}


li.item3
{
	margin-left: 20px;
}

p
{
	margin-bottom: 1.4em;
	margin-top: 1.4em;
}

p.buttonheading
{
	text-align: right;
}

.buttonheading img
{
	border-style: none;
}

img.logo
{
	margin-top: 0px;
}

ul.menu_yv
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 40px;
}

.menu_yv li
{
	float: left;
}

.button
{
	vertical-align: middle;
}

.pagenavbar span
{
	padding-right: 10px;
}

.pagenavbar a:link
{
	padding-right: 10px;
}

.pagenavbar a:visited
{
	padding-right: 10px;
}

@media screen
{
	#kehys
	{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media print
{
	#kehys
	{
		width: 100%;
	}
}


@media screen
{
	#ylapalkki
	{
		height: 69px;
		width: 100%;
		color: #5b5b5b;
	}
}

@media print
{
	#ylapalkki
	{
		display: none;
	}
}


.ylapalkki_vasen
{
	float: left;
	width: 40%;
}

.ylapalkki_oikea
{
	float: left;
	width: 60%;
}

.ylapalkki_oikea_txt
{
	margin-left: 5px;
}

@media screen
{
	#linkkipalkki
	{
		padding: 0px;
		margin: 0px;
		background-image: url(../images/linkkipalkki_tausta.jpg);
		background-repeat: repeat-x;
		width: 100%;
		height: 27px;
		background-color: #5b5b5b;
	}
}

@media print
{
	#linkkipalkki
	{
		display: none;
	}
}

@media screen
{
	#linkkipalkki2
	{
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 33px;
		background-color: #ffffff;
		padding-bottom: 35px;
	}
}

@media print
{
	#linkkipalkki2
	{
		display: none;
	}
}

.linkkipalkki2_vasen
{
	background-image: url(../images/linkkipalkki_mini_tausta.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 336px;
	float: left;
	padding-left: 25px;
}

.ktval
{
	background-image: url(../images/lp_mini_tausta_ktval.gif);
	background-repeat: no-repeat;
}

.hakuval
{
	background-image: url(../images/lp_mini_tausta_hakuval.gif);
	background-repeat: no-repeat;
}

.linkkipalkki2_oikea
{
	height: 29px;
	width: 625px;
	float: left;
	text-align: right;
}

.linkkipalkki2_oikea_txt
{
	padding-top: 6px;
	color: #ffffff;
	font-size: 0.9em;
}

.linkkipalkki_txt
{
	color: #ffffff;
}

.menulinkki
{
	float: left;
	padding-top: 4px;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
}

.valiviiva
{
	float: left;
	height: 27px;
}

.valittu
{
	float: left;
	padding-right: 10px;
	padding-left: 11px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-weight: bold;
	background-image: url(../images/linkkivalittu01.jpg);
	color: #4f4f4f;
	background-color: #ffffff;
	height: 27px;
}

.menu_valittu
{
	background-color: #DADADA;
	padding-right: 15px;
	margin-left: -15px;
}

li
{
	line-height: 160%;
	font-size: 1.0em;
}

.eka
{
	float: left;
	padding-top: 0px;
	padding-left: 25px;
	margin-left: 0px;
	font-weight: bold;
}

.menulinkki p
{
	padding-top: 0px;
	padding-bottom: 0;
	margin: 0px;
}

.eka p
{
	padding-top: 4px;
	padding-bottom: 0;
	margin: 0px;
}

.valittu p
{
	padding-top: 4px;
	padding-bottom: 0;
	margin: 0px;
}


.menulinkki a:link, .menulinkki a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.menulinkki a:hover
{
	color: #DADADA;
	text-decoration: none;
}

.valittu a:link, .valittu a:visited
{
	color: #4f4f4f;
	text-decoration: none;
}

.valittu a:hover
{
	color: #717171;
	text-decoration: none;
}

.valittu span
{
	background-image: url(../images/linkkivalittu01.jpg);
}

span.pikkuotsikko
{
	font-weight: bold;
	font-size: 1.1em;
}

.pikkuotsikko img
{
	vertical-align: text-bottom;
	margin-right: 10px;
}

#sisalto_etusivu
{
	width: 1000px;
	height: 584px;
	background-image: url(../images/etusivu01.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	clear: left;
}

#sisalto_etusivu_vasen
{
	float: left;
	width: 336px;
}

#sisalto_etusivu_oikea
{
	float: left;
	width: 664px;
	height: 584px;
}

@media screen
{
	#sisalto_sisasivu
	{
		width: 100%;
		background-color: #ffffff;
		background-image: url(../images/taustaviivat.gif);
		clear: left;
	}
}

@media print
{
	#sisalto_sisasivu
	{
		width: 100%;
		background-image: none;
	}
}

@media screen
{
	#sisalto_sisasivu2
	{
		width: 100%;
		background-color: #ffffff;
		background-image: url(../images/taustaviivat2.gif);
		clear: left;
	}
}

@media print
{
	#sisalto_sisasivu2
	{
		width: 100%;
		background-image: none;
	}
}

@media screen
{
	#sisalto_sisasivu_vasen
	{
		float: left;
		width: 253px;
	}
}

@media print
{
	#sisalto_sisasivu_vasen
	{
		display: none;
	}
}

@media screen
{
	#sisalto_sisasivu_keski
	{
		float: left;
		width: 438px;
	}
}

@media print
{
	#sisalto_sisasivu_keski
	{
		width: 100%;
	}
}


@media screen
{
	#sisalto_sisasivu_keski_levea
	{
		float: left;
		width: 497px;
	}
}

@media print
{
	#sisalto_sisasivu_keski_levea
	{
		width: 100%;
	}
}

@media screen
{
	.sisalto_sisasivu_txt
	{
		padding-top: 0px;
		padding-left: 18px;
		padding-right: 19px;
		padding-bottom: 20px;
		font-size: 11px;
	}
}

@media print
{
	.sisalto_sisasivu_txt
	{
		padding: 0;
		font-size: 0.85em;
	}
}

@media screen
{
	.sisalto_sisasivu_ajankoht_txt
	{
		padding-top: 0px;
		padding-left: 18px;
		padding-right: 10px;
		padding-bottom: 20px;
		font-size: 0.85em;
	}
}

@media print
{
	.sisalto_sisasivu_ajankoht_txt
	{
		padding: 0;
		font-size: 0.85em;
	}
}

@media screen
{
	#sisalto_sisasivu_oikea
	{
		float: left;
		width: 294px;
		text-align: left;
	}
}

@media print
{
	#sisalto_sisasivu_oikea
	{
		display: none;
	}
}

@media screen
{
	#sisalto_sisasivu_oikea_kapea
	{
		float: left;
		width: 250px;
		text-align: left;
	}
}

@media print
{
	#sisalto_sisasivu_oikea_kapea
	{
		display: none;
	}
}

.sisalto_sisasivu_oikea_txt
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 0.9em;
}

.sisalto_sisasivu_oikea_txt p
{
	font-size: 0.95em;
}

.sisalto_sisasivu_oikea_kapea_txt
{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
}

.uutinen_pvm
{
	font-weight: bold;
	text-decoration: italic;
	background-color: #e0e0e0;
	color: #656565;
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 10px;
}



#linkkipalkki_mini
{
	background-image: url(../images/linkkipalkki_mini_tausta.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 311px;
	padding-left: 25px;
}


.ilmo_laatikko01
{
	width: 223px;
	margin-left: 15px;
	margin-top: 14px;
	margin-bottom: 15px;
}

.ilmo_laatikko01_sisalto
{
	color: #ffffff;
	background-image: url(../images/laatikko01_tausta.gif);
	padding-left: 17px;
	padding-right: 17px;
	font-size: 1.0em;
	font-weight: bold;
	background-color: #5790a7;
}

.ilmo_laatikko02
{

	width: 503px;
	height: 182px;
	margin-left: 161px;
	margin-top: 402px;
	/*background-image: url(../images/ilmo_laatikko02.gif);
	background-repeat: no-repeat;*/
	background-position: 0px 50px;
}

.ilmo_laatikko02_sisalto_vasen
{

	color: #ffffff;
	padding-top: 73px;
	padding-right: 0px;
	font-size: 14px;
	font-weight: bold;
	width: 321px;
	float: left;
}

.ilmo_laatikko02_sisalto_oikea
{
	color: #ffffff;
	float: left;
	width: 182px;
	height: 182px;
	/*background-image: url(../images/kv_banneri.gif);
	background-position: top right;*/
}


html>body .ilmo_laatikko02_sisalto_oikea
{
	color: #ffffff;
	float: left;
	width: 182px;
	height: 182px;
	/*background-image: url(../images/kansainvalisesti.png);
	background-position: top right;*/
}


.ilmo_laatikko02_sisalto_vasen h1
{
	font-size: 17px;
	color: #ffffff;
	line-height: 130%;
	margin: 0;
	padding-bottom: 10px;
	letter-spacing: 0.07em;
	font-weight: bold;
	padding-left: 30px;
}

.ilmo_laatikko02_sisalto_vasen h2
{
	font-size: 13px;
	color: #ffffff;
	margin: 0;
	padding-bottom: 7px;
	padding-left: 30px;
}

#ajankohtaista_otsikot
{
	width: 223px;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

#menu
{
	width: 223px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#ajankohtaista_txt
{
	width: 208px;
	padding-left: 15px;
	background-color: #ffffff;
	font-size: 11px;
}

#ajankohtaista_txt_oik
{
	background-color: #ffffff;
	font-size: 0.85em;
}


.uutinen
{
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 17px;
}

#ajankohtaista_txt_oik .uutinen
{
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 17px;
}

.uutisteksti, .pikalinkkiteksti
{
	display: block;
}

.uutisteksti
{
	padding-right: 10px;
}

#pikalinkit_laatikko
{
	width: 223px;
	margin-left: 15px;
	padding-left: 0px;
	margin-top: 0px;
	background-color: #ffffff;
}

.menu_otsikko
{
	background-image: url(../images/otsikkopalkki.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 223px;
}

.pikalinkit_otsikko
{
	background-image: url(../images/pikalinkit_palkki.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 223px;
}

.otsikkopalkki
{
	margin: 0px;
	padding-left: 25px;
	padding-top: 5px;
	color: #ffffff;
	font-weight: bold;
}

.pikalinkit_txt
{
	padding-top: 10px;
	width: 203px;
	padding-left: 20px;
	font-size: 11px;
}

.menu_txt
{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 25px;
}

.module_menu
{
	width: 223px;
	line-height: 140%;
	font-size: 12px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.module_huomaa
{
	width: 223px;
	line-height: 140%;
	font-size: 11px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.menu_txt_oik
{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 12px;
	font-size: 0.85em;
	line-height: 140%;
}


.huom_txt
{
	padding-top: 30px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-size: 0.85em;
	color: #55899e;
	line-height: 140%;
}

.huom_txt span
{
	font-weight: bold;
}

.pikalinkki
{

}

@media screen
{
	#pikayhteystiedot
	{
		padding-top: 7px;
		color: #5c5c5c;
		text-align: center;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 15px;
		clear: left;
		font-size: 0.85em;
		background-color: #f8f9f9;
	}
}

@media print
{
	#pikayhteystiedot
	{
		padding-top: 7px;
		color: #000000;
		text-align: center;
		padding-bottom: 15px;
		clear: left;
		font-size: 0.85em;
	}
}

#pikayhteystiedot span
{
	margin-right: 21px;
}

#alapalkki
{
	clear: left;
	width: 100%;
	background-color: #ffffff;
	background-image: url(../images/alapalkki.gif);
	background-repeat: repeat-x;
	height: 24px;
}

p.katkoviiva
{
	border-bottom: 1px dotted #a9a9a9;
	padding-bottom: 4px;
	margin-right: 20px;
	width: 385px;
}

p.kirjastot_imatra
{
	margin-left: 11px;
	margin-right: 89px;
	float: left;
	margin-top: 0px;
}

p.kirjastot_lpr
{
	float: left;
	margin-left: 11px;
	margin-top: 0px;
}

div.kirjastot
{
}

.kirjastot img
{
	margin-right: 9px;
}

div.vinkki
{
	background-image: url(../images/vinkki.gif);
	background-repeat: no-repeat;
	clear: left;
	padding-left: 48px;
	margin-top: 40px;
}

div.vinkki p
{
	padding-top: 5px;
	margin: 0px;
}

div.vinkki p.otsikko
{
	border-bottom: 1px dotted #a9a9a9;
	font-weight: bold;
	color: #259bb8;
	margin-right: 20px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
}

p.koulutusala
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

p.koulutusala_linkit
{
	margin-left: 35px;
	margin-top: 4px;
}

.koulutusala img
{
	vertical-align: baseline;
	margin-right: 10px;
}

a:link {color: #2496d6;}
a:visited {color: #2496d6;}
a:hover {color: #41b5f6;}

#ylapalkki a:link {color: #5b5b5b; margin-right: 27px;}
#ylapalkki a:visited {color: #5b5b5b; margin-right: 27px;}
#ylapalkki a:hover {color: #989898; margin-right: 27px;}

.ilmo_laatikko01 a:link, .ilmo_laatikko02 a:link, #linkkipalkki2 a:link {color: #ffffff; text-decoration: none;}
.ilmo_laatikko01  a:visited, .ilmo_laatikko02 a:visited, #linkkipalkki2 a:visited {color: #ffffff; text-decoration: none;}
.ilmo_laatikko01  a:hover, .ilmo_laatikko02 a:hover, #linkkipalkki2 a:hover {color: #dfdfdf; text-decoration: none;}

.pikalinkki a:link {color: #393939;}
.pikalinkki a:visited {color: #393939;}
.pikalinkki a:hover {color: #6e6e6e;}

.uutinen a:link {color: #202020;}
.uutinen a:visited {color: #202020;}
.uutinen a:hover {color: #6e6e6e;}

.sisalto_menu a:link, .sisalto_menu a:visited
{
	color: #5a5a5a; text-decoration: none;
}

.sisalto_menu a:hover
{
	color: #868686; text-decoration: none;
}

.menu_khvalikko a:link {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 14px;}
.menu_khvalikko a:visited {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 14px;} 

.menu_txt a:link, .menu_txt_oik a:link, .menu a:link {color: #000000; text-decoration: none;}
.menu_txt a:visited, .menu_txt_oik a:visited, .menu a:visited {color: #000000; text-decoration: none;}
.menu_txt a:hover, .menu_txt_oik a:hover, .menu a:hover {color: #6a6a6a; text-decoration: none;}

.menu_valittu a:link {color: #565555; margin-left: 15px;}
.menu_valittu a:visited {color: #565555; margin-left: 15px;}
.menu_valittu a:hover {color: #000000; margin-left: 15px;}

.koulutusala a:link {color: #000000; text-decoration: none;}
.koulutusala a:visited  {color: #000000; text-decoration: none;}
.koulutusala a:hover {color: #6a6a6a; text-decoration: none;}

.uutinen a:link, .menu_txt a:link {text-decoration: none;}
.uutinen a:visited, .menu_txt a:visited {text-decoration: none;}
.uutinen a:hover, .menu_txt a:hover {text-decoration: none;}

li#current a:link {color: #000000; background-color: #DADADA; padding-left: 10px; padding-right: 10px; margin-left: -10px;}
li#current a:visited {color: #000000; background-color: #DADADA; padding-left: 10px; padding-right: 10px; margin-left: -10px;}

#current ul a:link {color: #2496d6; background-color: #ffffff;}
#current ul a:visited {color: #2496d6; background-color: #ffffff;}
#current ul a:hover {color: #41b5f6; background-color: #ffffff;}

.menu_khvalikko #current a:link {color: #ffffff; background-color: transparent; text-decoration: none; padding: 0; }
.menu_khvalikko #current a:visited {color: #ffffff; background-color: transparent; text-decoration: none; padding: 0; }
.menu_khvalikko #current a:hover {color: #ffffff; background-color: transparent; text-decoration: none; padding: 0; }

.module_huomaa a:link {color: #46778a; text-decoration: none;}
.module_huomaa a:visited {color: #46778a; text-decoration: none;} 
.module_huomaa a:hover {color: #82a8b8; text-decoration: none;}

.child li a:link {color: #2496d6; background-color: #ffffff;}
.child li a:visited {color: #2496d6; background-color: #ffffff;}
.child li a:hover {color: #41b5f6; background-color: #ffffff;}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

.contentpaneopen_ko
{
	background-color: #ffffff;
	background-image: none;
}

table.contentpaneopen
{
	width: 100%;
}

.module_menu li
{
	line-height: 140%;
}
