/* CSS Document */

 /* -------------------------- PROBIND YLEISET TYYLIT ----------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#45555b;
	background-color: #878788;
}

table.paataulu {
	height: 100%;
	width: 100%;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #f47c00;
	text-transform:uppercase;
	vertical-align:middle;
	margin: 0;
padding: 0;
	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color:#333333;
	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #006699;
	
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #f47c00;
	
}

a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ff8400;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;

	}

a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;
	}


a.linkki {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ff8400;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;

	}

a.linkki:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;
	}


a.alanavi {
		padding-left: 10px;
		padding-right: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #868686;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;
		background-image: url('../images/navi.gif');

	}

a.alanavi:hover {
		padding-left: 10px;
		padding-right: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;
		background-image: url('../images/navi.gif');
	}
	

a.alanavi2 {
		padding-left: 10px;
		padding-right: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ff8400;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;
		background-image: url('../images/navi.gif');

	}

a.alanavi2:hover {
		padding-left: 10px;
		padding-right: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ff8400;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
  		background-position:left;
   		background-repeat: no-repeat;
		background-image: url('../images/navi.gif');
	}

td.solu_navi{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		padding-left: 20px;
		text-align:left;
		color: #000000;
		font-size: 11px;
		}



/* --------------------------------------- TUOTTEET --------------------------------------------- */



td.tuote1_etusivu {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		text-align:left;
		line-height:1.5;
		padding-left:20px;
		padding-top:20px;
		border-top: 1px solid #E1E1E1;
		border-left: 1px solid #E1E1E1;
		border-bottom: 1px solid #E1E1E1;
		width:50%;
		height:124px;
		background-repeat:no-repeat;
		background-image: url('../images/tuote001.jpg');
		background-position:right;

		}


td.tuote2_etusivu {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		text-align:left;
		line-height:1.5;
		border: 1px solid #E1E1E1;
		width:50%;
		height:144px;
		background-repeat:no-repeat;
		background-image: url('../images/tuote001.jpg');
		background-position:right;

		}






/* --------------------------------------- SOLUT --------------------------------------------- */

/* sivun yläreunan viivan solu */
td.solu_ylaviiva {
		height: 2px;
		width: 100%;
		background: #006699;
		}
		
/* yläreunan logon tausta*/
td.solu_logo {
		height: 97px;
		width: 100%;
		text-align: left;
		background-image: url('../images/logo_bg.gif');
		}

td.solu_paalinkien_tausta_levea {
		height: 31px;
		width: 100%;
		text-align: left;
		background-image: url('../images/bg_paalinkit.gif');
		}
		
td.solu_oranssi_palkki {
		height: 30px;
		width: 100%;
		text-align: left;
		background-image: url('../images/bg_oranssipalkki.gif');
		}		

td.solu_paalinkien_tausta_vasen_linkki {
		height: 31px;
		text-align: left;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		}
		
td.solu_paalinkien_tausta {
		height: 31px;
		text-align: left;
		border-right: 1px solid #666666;
		}
		


/* vasemman kolumnin taustasolu / alalinkkien tausta solu */
td.solu_alalinkit {
		width: 226px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		/*border-right: 1px dotted #E1E1E1;
		background-color:#e3e8ea;*/
		color: #FFFFFF;
		vertical-align: top;
		}

td.solu_oikea_kolumni_tausta {
		width: 198px;
		vertical-align: top;
		}
		
td.solu_oikea_kolumni {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		padding-left: 15px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align:left;
		font-size:10px;
		color:#999999;
		line-height:1.2;
		border-right: #E1E1E1 1px solid;
		border-left: #E1E1E1 1px solid;
		border-bottom: dotted #E1E1E1 1px;
		}

td.solu_oikea_kolumni_otsikot {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		/*background-color:#f7f7f7;*/
		padding-left: 15px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align:left;
		font-weight: bold;
		font-size:11px;
		color:#999999;
		line-height:1.2;
		border-right: #E1E1E1 1px solid;
		}
		

td.solu_oikea_kolumni_otsikot_oranssi {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height:20px;
		vertical-align: middle;
		/*background-color:#f7f7f7;*/
		padding-left: 30px;
		padding-right: 5px;
		text-align:left;
		font-weight: normal;
		font-size:11px;
		color:#ffffff;
		line-height:1;
		border:none;
		background-image: url('../images/bg_oikea_otsikko.gif');
		} 
		
		
td.solu_tuote_otsikot {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height:35px;
		vertical-align: middle;
		/*background-color:#f7f7f7;*/
		padding-left:40px;
		text-align:left;
		font-weight: bold;
		font-size:12px;
		color:#ffffff;
		line-height:1;
		border:none;
		background-image: url('../images/bg_tuote_otsikko_korkea.gif');
		} 
		
td.solu_tuote_otsikot_vasen {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height:20px;
		vertical-align: middle;
		/*background-color:#f7f7f7;*/
		padding-left: 30px;
		padding-right: 5px;
		text-align:left;
		font-weight: normal;
		font-size:11px;
		color:#ffffff;
		line-height:1;
		border:none;
		background-image: url('../images/bg_tuote_otsikko_vasen.gif');
		}
		
td.solu_tuote_otsikot_oikea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height:20px;
		vertical-align: middle;
		/*background-color:#f7f7f7;*/
		padding-left: 30px;
		padding-right: 5px;
		text-align:left;
		font-weight: normal;
		font-size:11px;
		color:#ffffff;
		line-height:1;
		border:none;
		background-image: url('../images/bg_tuote_otsikko_oikea.gif');
		}  


td.solu_sisalto{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		padding-left: 25px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align:left;
		line-height:1.5;
		}
		

td.solu_sisalto_rajattu_oikea{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		text-align:left;
		line-height:1.5;
		border-top: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		width:50%;

		}

td.solu_sisalto_rajattu_vasen{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		text-align:left;
		line-height:1.5;
		border-top: 1px solid #E1E1E1;
		border-left: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		width:50%;
		}


.rajalaatikko{
		font-weight:bold;
		width: 100px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: center;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align:middle;
		line-height:1.5;
		border: #E1E1E1 1px dotted;
		}

td.solu_sisalto_otsikko{
		height:31px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		vertical-align: top;
		padding-left: 25px;
		padding-right: 15px;
		padding-top: 15px;
		text-align:left;
		line-height:1.5;
		}


td.solu_vali_otsikot {
		height: 28px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		background-image: url('../images/bg_otsikot.gif');
		color: #FFFFFF;
		vertical-align: middle;
		padding-left: 25px;
		text-align:left;
		}

td.solu_vali_otsikot2 {
		height: 24px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		background-color:#ff9801;
		color: #ffffff;
		vertical-align: middle;
		padding-left: 25px;
		text-align:left;
		font-weight:bold;
		border-top: 1px solid #E1E1E1;
		border-bottom: 1px solid #E1E1E1;
		}

td.solu_alapalkki {
		height: 25px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color: #ffffff;
		background-color: #969696;
		vertical-align: middle;
		padding-left: 20px;
		text-align:left;
		border-bottom: 1px solid #E1E1E1;
		border-top: 1px solid #E1E1E1;
		}
		
td.solu_alalinkit_ylaosa {
		height: 3px;
		background-color: #C6CED2;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:6px;
		border-left: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top: 1px solid #E1E1E1;
		border-bottom: 1px solid #E1E1E1;

		}

		
td.solu_alalinkit_otsikko {
		height: 24px;
		text-align: right;
		padding-right: 30px;
		vertical-align:middle;
		background-color:#ffffff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:11px;
		font-weight:bold;

		}
td.solu_alalinkki_ylin {
		height: 15px;
		vertical-align:middle;
		text-align: right;
		padding-right: 30px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-top: 1px solid #E1E1E1;
		border-bottom: 1px solid #E1E1E1;

		}
		
td.solu_alalinkki {
		height: 15px;
		vertical-align:middle;
		text-align: right;
		padding-right: 30px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #E1E1E1;

		}
td.solu_sisalto2 {		
		width: 568px;
		height: 800px;
		vertical-align: top;
		}
		
		
/* -------------------------------------- LINKIT --------------------------------------- */

	a.paalinkki {
		padding-left: 20px;
		padding-right: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: white;
		font-size: 11px;
		text-decoration: none;
		vertical-align:middle;
		text-align: left;

	}

	a.paalinkki:hover {
		padding-left: 20px;
		padding-right: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 11px;
		text-decoration: none;
		vertical-align:middle;
		text-align: left;

	}
	
		a.lista {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 11px;
		text-decoration: underline;
	}

	a.lista:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 11px;
		text-decoration: underline;

	}
	
	
	
	a.alalinkki {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #29a7db;
		font-size: 11px;
		text-decoration: none;

	}

	a.alalinkki:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ffba00;
		font-size: 11px;
		text-decoration: none;

	}

		a.jsmedia {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #e5e5e5;
		font-size: 9px;
		text-decoration: none;

	}

	a.jsmedia:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 9px;
		text-decoration: underline;
		

	}

/* -------------------------------------- TEKSTITYYLIT --------------------------------------- */