/* yhteisettyylit.css (Luonti: Sofor 12/2009, Muokkaus ja graafinen optimointi: Timo Mikkola/SSL 01/2010 */
/* ---------------------------------------------------------------------------------      Pohja      ------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body {
	text-align: center;
	background: #c2c2c2 url(../images/tausta_variliuku.jpg/$file/tausta_variliuku.jpg) repeat-x 950px 0px;
}
#body2 {
	background: url(../images/tausta_logo.png/$file/tausta_logo.png);
}
/* Taustan IE-korjaus matalille sivuille */
/*\*/
* html #body2 {
	height: 100%
}
#wrapper {
	margin: 0 auto;
	width: 850px;	
	text-align: left;
	background: url(../images/sslbg.gif/$FILE/sslbg.gif) repeat-y;
	border: 1px solid #000000;
	border-top: 0;
}
.alert {
	color: red;
	background: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#header a {
	text-decoration: none;
}
.uutinen_pvm {
	color: #999999;
	font-size: 12px;
}
/* ---------------------------------------------------------------------------------      Otsikot      ------------------------------------------------------------------------------------------------------*/
h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 0 15px 0;
}
h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 15px 0;
}
h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 12px 0;
}
h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 12px 0 6px 0;
}
h5  {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0 6px 0;
}
h6  {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 12px 0 6px 0;
}
/* ---------------------------------------------------------------------------------      Kalenteri alue pääsivuilla     ------------------------------------------------------------------------------------------------------*/
#header #kalenteri {	
	display: block;
	float: right;
	position: relative;
	background: #000000;
	height: 159px;
	width: 180px;
	opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	overflow: hidden;
}
#header #kalenteri p,#header #kalenteri li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	padding: 1px 2px 2px 4px;
	margin: 0;
	list-style-type: none;
}
#header #kalenteri a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: none;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#header #kalenteri a:hover {
	text-decoration: none;
	color: #aaaaaa;
}
#ylapalkki #headerteksti {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-style: italic;
	text-decoration: none;
	display: block;
	margin-left: 20px;
	margin-top: 7px;
}
#ylapalkki #headerteksti a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-style: italic;
	text-decoration: none;
	display: block;
}
#haku table {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#haku a, #haku .login {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: italic;
	text-decoration: none;
}
/* ---------------------------------------------------------------------------------      Vaakanavi alue     ------------------------------------------------------------------------------------------------------*/
#navikaatio {
 	float: left;
 	width: 850px;
 	height: 38px;
 	color: #333;
 	background: #000000;
}
#navikaatio a, #navikaatio .active:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#navikaatio a:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}
#navikaatio .active {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}
/* ---------------------------------------------------------------------------------      Pääsivujen vasemman palstan elementit     ------------------------------------------------------------------------------------------------------*/
#vasenpalsta {
	color: #dcdcdc;
	width: 180px;
	float: left;
	background: #dcdcdc;
	background-image: url(../images/palsta_varjostus.png/$FILE/palsta_varjostus.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 0 20px 0;
}
#vasenpalsta #linkkikuvat {
	display: block;
	float: left;
	height: 191px;
	width: 180px;
	background: url(../images/linkkikuvat_bg_rows3.gif/$FILE/linkkikuvat_bg_rows3.gif) repeat-x; 
}
#vasenpalsta #linkkikuvat a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
	margin-left: 13px;
}
#vasenpalsta #linkkikuvat a:hover {
	color: #000000;
	font-style: italic;
}
#vasenpalsta #linkkikuvat .alateksti{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 13px;	
}
#vasenpalsta #lehtinosto {
	display: block;
	float: left;
	height: 223px;
	width: 157px;
	margin: 20px 0 20px 11px;
}
#nostovasen {
	display: block;
	background: #808080;
	text-align: center;
	padding: 4px 0 4px 0;
	margin: 0;
}
#nostovasen img {
	margin: 3px 0 2px 0;
}
/* ---------------------------------------------------------------------------------      2. tason navikaatio (jatkosivuilla)     ------------------------------------------------------------------------------------------------------*/
#vasenpalsta #huippunavikaatio {
	display: block;
	float: left;
	width: 180px;
 	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	background: url(../images/huippunavi_tausta.png/$FILE/huippunavi_tausta.png); 
}
#vasenpalsta #huippunavikaatio ul {
	list-style-type: none;
	padding: 0 0 20px 0;
	margin: 0 0 0 2px;
	
}
#vasenpalsta #huippunavikaatio li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#vasenpalsta #huippunavikaatio ul li {
	margin: 0;
	background: url(../images/nuolet_1_va.png/$FILE/nuolet_1_va.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
	list-style-type: none;
}
#vasenpalsta #huippunavikaatio ul li:hover {
	background: url(../images/nuolet_1_mu.png/$FILE/nuolet_1_mu.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
 #vasenpalsta #huippunavikaatio ul ul  {
	margin: 0 0 4px 0;
	padding: 0 0 3px 0;
}
#vasenpalsta #huippunavikaatio ul ul li {
	background: url(../images/nappi.png/$FILE/nappi.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
}
#vasenpalsta #huippunavikaatio ul ul li:hover {
	background: url(../images/nappi_hover.png/$FILE/nappi_hover.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
 #vasenpalsta #huippunavikaatio a {
	color: #ffffff;
	text-decoration:none;
	margin: 0;
	padding: 0;	
}
#vasenpalsta #huippunavikaatio a.pos1  {
	color: #ffffff;
	background: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
}
#vasenpalsta #huippunavikaatio a:hover  {
	color: #222222;
	background: none;
	text-decoration:none;
}
#vasenpalsta #huippunavikaatio a.pos1:hover  {
	color: #222222;
	background: none;
	text-decoration:none;
}
#vasenpalsta #huippunavikaatio a.act {
	text-decoration:none;
	color: #222222;
}
#vasenpalsta #huippunavikaatio a.sel {
	color: #222222;
	text-decoration:none;
}
/* --------------------------------------------------------------- Vasen palsta / Harmaa valikko -----------------------------------------*/
#vasenpalsta #vasennavikaatio {
	display: block;
	float: left;
	width: 180px;	
	list-style-type: none;
}
#vasenpalsta #vasennavikaatio a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#vasenpalsta #vasennavikaatio .pos1, #vasenpalsta #vasennavikaatio .pos2 {
	color: #ffffff;
}
/* --------------------------------------------------------------------------------------- 1 tason tyyli -----------------------------------------*/
#vasenpalsta #vasennavikaatio ul {
	border-bottom: 1px solid #000000;
}
#vasenpalsta #vasennavikaatio ul li {	
	font-size: 13px;
	background: url(../images/vasen_navi_button.png/$FILE/vasen_navi_button.png) repeat-x;
	list-style-type: none;
	line-height: 32px;
	padding: 0;
	margin: 0;	
}
#vasenpalsta #vasennavikaatio .pos0, #vasenpalsta #vasennavikaatio .pos0_sel {	
	background-image: url(../images/nuolet_2_mu.png/$FILE/nuolet_2_mu.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #000000;
	padding-left: 26px;
	margin: 0 0 0 7px;
}
#vasenpalsta #vasennavikaatio ul li .pos0:hover {
	background-image: url(../images/nuolet_2_va.png/$FILE/nuolet_2_va.png);
	color: #ffffff;
}
#vasenpalsta #vasennavikaatio ul li .pos0_sel:hover {
	background-image: url(../images/nuolet_2_va.png/$FILE/nuolet_2_va.png);
	color: #ffffff;
}
/* --------------------------------------------------------------------------------------- 2 tason tyyli -----------------------------------------*/
#vasenpalsta #vasennavikaatio ul li ul  {
	background: #949698;
	list-style-type: none;
	padding: 0 1px 5px 0;
	border: 0;
}
#vasenpalsta #vasennavikaatio ul li ul li {
	font-size: 13px;
	color: #ffffff;
	list-style-type: none;
	background-image: url(../images/nuolet_1_va.png/$FILE/nuolet_1_va.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
	line-height: 20px;
	margin: 0 0 0 2px;
}
#vasenpalsta #vasennavikaatio ul li ul li:hover {
	background-image: url(../images/nuolet_1_mu.png/$FILE/nuolet_1_mu.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color:#222222;
}
#vasenpalsta #vasennavikaatio ul li ul li ul li {
	list-style-type: none;
	background-image: url(../images/nappi.png/$FILE/nappi.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	font-size: 12px;
	color: #ffffff;
}
#vasenpalsta #vasennavikaatio ul li ul li ul li:hover {
	background: url(../images/nappi_hover.png/$FILE/nappi_hover.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
#vasenpalsta #vasennavikaatio .pos1:hover, #vasenpalsta #vasennavikaatio .pos1_sel:hover {
	color: #222222;
}
#vasenpalsta #vasennavikaatio .pos2:hover, #vasenpalsta #vasennavikaatio .pos2_sel:hover {
	color: #222222;
}
/* ---------------------------------------------------------------------------------      Sisältö alue      ------------------------------------------------------------------------------------------------------*/
#sisalto {
	float: left;	
	width: 490px;	
	background: #FFFFFF;
	background-image: url(../images/sisalto_varjostus.gif/$FILE/sisalto_varjostus.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 0 20px 0;
}
#sisalto_levea {
	width: 660px;	
	background: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 0 20px 0;
padding: 0;
}
#sisalto #sisaltonavi, #sisalto_levea #sisaltonavi {
	display: block;
	float: left;
	position: relative;
	margin: 7px 0 5px 0;
	width: 460px;
}
#sisalto #sisaltonavi li, #sisalto_levea #sisaltonavi li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464646;
	font-weight: normal;
	text-decoration: none;
	list-style:none;
	margin-left: 10px;
}
#sisalto #sisaltonavi a, #sisalto_levea #sisaltonavi a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464646;
	font-weight: normal;
	text-decoration: none;
}
#sisalto #sisaltonavi a:hover, #sisalto_levea #sisaltonavi a:hover {
	color: #000000;
}
#sisalto #kuva, #sisalto_levea #kuva {
	display: block;
	float: left;	
	width: 420px;
	margin: 0px 5px 0px 14px;
}
#sisalto #uutiset, #sisalto_levea #uutiset {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 12px 0 35px 0;
	padding: 0 10px 0 10px;
	display: block;
	float: left;
	position: relative;
}
#sisalto #uutiset p, #sisalto_levea #uutiset p {
	margin: 0px 0px 7px 5px;
	padding: 0px;
}
#sisalto td, #sisalto_levea td  {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#sisalto #uutiset b, #sisalto #uutiset strong, #sisalto_levea #uutiset b, #sisalto_levea #uutiset strong {
	font-size: 12px;
	font-weight: bold;
}
#sisalto #uutiset a, #sisalto_levea #uutiset a {
	color: #464646;
	font-weight: normal;
	font-weight: bold;
}
#sisalto #uutiset #luelisaa a, #sisalto_levea #uutiset #luelisaa a {
	color: #464646;
	font-weight: normal;
	font-weight: bold;
}
#sisalto #uutiset #luelisaa a:hover, #sisalto_levea #uutiset #luelisaa a:hover {
	color: #000000;
	font-weight: normal;
	font-weight: bold;
}
 #sisalto #uutiset #news  .date  {
font-size: 12px;
color:#000;
font-weight:normal;
}
 #sisalto #uutiset  #news  {
list-style-type: none;
padding: 0px;
margin: 0px; 
}
#uutiset li {
margin-left: 20px;
}
 #sisalto #uutiset #news li {
list-style-image: url('../images/nuolet_1_or.png/$FILE/nuolet_1_or.png'); 
list-style-position:outside; 
background-repeat: no-repeat;
margin-left:17px;
margin-top:15px;  
}
 #sisalto #uutiset #news h2 a, #sisalto #uutiset #news h2 a:hover {
font-size: 12px;
color:#464646;
font-weight:normal;
}
 #sisalto #uutiset #news li .readmore_a {
text-decoration:none;
}
 #sisalto #uutiset #news .thumb_image {
float:left;
margin:0 10px 10px 0;
}
 #sisalto #uutiset #news p {
margin:0;
padding:0;
}
 #sisalto #uutiset #news p.readmore {
margin-top:10px;
}
#sisalto #uutiset img {
margin: 4px;
}
/* ---------------------------------------------------------------------------------     Oikeapalsta      ------------------------------------------------------------------------------------------------------*/
#oikeapalsta {
	height: auto;
	min-height: 800px;
	width: 180px;
	overflow: hidden;
	clear: right;	
	float: right;
	background: #808080;
	display: block;
	background-image: url(../images/oikea_varjostus.gif/$FILE/oikea_varjostus.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	padding: 10px 0 10px 0;	
}
/* ---------------------------------------------------------------------------------      Oikean palstan nostot      ------------------------------------------------------------------------------------------------------*/
#oikeapalsta #nostot ul {
	margin: 13px 0px 0px 13px;
	list-style-type: none;
}
#oikeapalsta  a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}
#oikeapalsta  a:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	font-weight: normal;
}
#oikeapalsta img {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/* ---------------------------------------------------------------------------------      Footer alue (logot + yhteystiedot)      ------------------------------------------------------------------------------------------------------*/
#footer { 
 	width: 850px;
 	height: 124px;
 	clear: both;
 	color: #333;
 	background: url(../images/footer_bg.gif/$FILE/footer_bg.gif) no-repeat #000000;
}
#footer #footer_content {
	margin: 0;
	padding: 10px 0 0 0;
	height: 40px;
}
#footer #yhteystiedot {
	display: block;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	padding: 0;
	margin: 6px 2px 6px 2px;
} 
#footer a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	margin-right: 15px;
}
#footer .imgfoot {
	display:block;
	margin: 0 20px;
	padding: 0;
}
#footer #google_translate_element {
	float: right;
}
#luelisaa li {
	margin-left:15px;
	list-style-image: url(../images/nuolet_white.gif/$FILE/nuolet_white.gif);
}
/* ---------------------------------------------------------------------------------     Sivunumerointi      -----------------------------------------------------------------------------------------------*/
.pnumber a {
	text-decoration: underline;
}
.pnumber a:visited {
	text-decoration: none;
}
.pnumber a:active {
}
/* ---------------------------------------------------------------------------------     Taulukkotyylit      -----------------------------------------------------------------------------------------------*/
.koulutuskalenteri {
	border-collapse: separate;
	border-color: #000000;
}
.koulutuskalenteri td {
	padding: 1px;
	-moz-border-radius: 3px;
	border-color: #cccccc;
}
.materiaalisalkku .rivi2 {
	background: #dcdcdc;
}
.materiaalisalkku .riviotsikko {
	background: url(../images/vasen_navi_button.png/$FILE/vasen_navi_button.png) repeat-x 0px -6px;
	color: #000000;
}
.materiaalisalkku td {
	padding-left: 1px;
}
.kpl {
	padding: 0 4px 0 0;
}
.oikeanosto {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 16px;
}
/* Etusivun linkitys korkeissa sivupohjissa (TM)  */
.hidetop {
visibility:hidden;
}
#EtuLink { 
float: left;
position:absolute;
width : 670px;
height: 156px;
}
.rss-img {
border: 0;
}
/* Muokattava taulukko (TM)  */
tr.rowodd {
background-color: #FFF;
}

tr.roweven {
background-color: #F2F2F2;
}

.sortcol {
cursor: pointer;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right center;
background-color: #ddd;
background-image: url(../images/updown.gif/$file/updown.gif);
}
.sortdesc {
background-color: #ddd;
background-image: url(../images/up.gif/$file/up.gif);
}
.sortasc {
background-color: #ddd;
background-image: url(../images/down.gif/$file/down.gif);
}
.nosort {
cursor: default;
}
.sortable th {
font-size: 12px;
}
.rrlist {
list-style-type: none;
}
.rrcontent {
margin: 2px 2px 4px 6px;
}
p.avblock {
background: #ededed;
border-radius: 3px;
}
p.avblock a {
margin: 6px;
line-height:2.2em;
}
#kuva img {
border-radius: 4px;
box-shadow: 0px 0px 4px #aaa;
}
#uutisarkisto {
margin: 8px 0 8px 8px;
background: #eeeeee;
padding: 2px;
border-radius: 4px;
}
#uutisarkisto li {
list-style-type: none;
display: inline;
}
#uutiset #uutisarkisto li a {
color: #555;
}
.forms td {
padding: 2px 1px 1px;
}
input.reset {
float: right;
background: none;
border: none;
font-size: 10px;
color: #555;
}
.forms .small {
font-size: 10px;
color: #555;
}