/*Yleiset*/

body {
	background-color: #FFFFFF;
	border: 0;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 5px;
	margin: 0 0 10px 0;
	padding: 0;
}


.otsikko_harm {
	color: #545452;
}

.otsikko_valk_tihea {
	color: #FFFFFF;
	letter-spacing: 2px;
	margin: 0 0 0 0;
	padding: 0;
	
}



h1.otsikko_harm {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 13px;
	font-weight: bold;
	color: #545452;
	letter-spacing: 5px;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

p {
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
}

p.teksti_harm {
	color: #545452;
	font-size: 12px;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	padding: 0;
	text-align: left;
	margin-top: -5px;
}
p.teksti_harm_2 {
	color: #545452;
	font-size: 12px;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	text-align: left;
	}

p.teksti_tuttu {
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	margin-top: -5px;
}

.musta {
	color: #545452;
}
table.paataulukko {
	height: 460px;
	width: 640px;
	z-index: 1;
}



td {
	vertical-align: top;
}
	
.pikkusolu_paddingeilla {
	height: 151px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	width: 160px;
}

.pikkusolu {
	height: 151px;
	width: 160px;
}


.suunnittelijat_paddingeilla {
	height: 151px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	width: 320px;
	
}

.oikealle {
	float: right;
}

.lehdisto {
	height: 151px;
	width: 320px;
}

.valisoluoikea, .valisoluvasen {
	height: 45px;
	width: 320px;
}

engl_valisolu {
	padding-left: 90px;
	height: 92px;
	width: 320px;
}
.numerot {
	position:absolute; 
	width: auto; 
	height: 30px; 
	z-index: 100; 
	left: 50%;
	margin-left: -315px;
	width: 499px;
	top: 65px;
}

a:link {
	color: White;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 18px;
	text-decoration: none;
	/* padding: 0 0 15 15; */
	padding: 0;
	
}

a:hover {
	color: Red;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 18px;
	text-decoration: none;
}
	
a:visited {
	color: White;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 18px;
	text-decoration: none;
}



.tekstilinkki_harmaa a:link {
color: #545452;
font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
font-size: 14px;
text-decoration: none;
padding-left: 10px;

}


.tekstilinkki_harmaa a:hover {
color: #545452;
font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
font-size: 14px;
border-bottom: 1px dashed #545452;
padding-left: 10px;
	
}

.tekstilinkki_harmaa a:visited {
color: #545452;
font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
font-size: 14px;	
text-decoration: none;
padding-left: 10px;
}


.tekstilinkki_valkoinen a:link {
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: underline;
}

.tekstilinkki_valkoinen a:hover{
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: underline;
}

.tekstilinkki_valkoinen a:visited{
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: underline;
}


.agentslinkki a:link {
	color: Gray;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 10px;
	text-decoration: none;
	/* padding: 0 0 15 15; */
	padding: 0;
	
}

.agentslinkki a:hover {
	color: Red;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 10px;
	text-decoration: none;
}
	
.agentslinkki a:visited {
	color: Gray;;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 10px;
	text-decoration: none;
}


.sisennys {
	background-color: transparent;
	height: 282px;
	padding-bottom: 8px;
	padding-left: 15px; 
	padding-right: 10px;
	padding-top: 8px;
}

.sisennys_p {
	background-color: transparent;
	height: 120px;
	padding-bottom: 8px;
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 8px;
}

/*oikea puoli*/

.oikeaheader {
	height: 92px;
	width: 320px;
}

.isooikea {
	background-color: transparent;
	height: 302px;
	padding-bottom: 8px;
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 8px;
	width: 320px;
}

.isooikea_ilmanp {
	background-color: transparent;
	height: 302px;
	width: 320px;
}



/*vasen puoli*/

.isovasen {
	height: 302px;
	width: 320px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
}

.isovasen_ilmanp {
	background-color: transparent;
	height: 302px;
	width: 320px;
}


.navisolu {
	height: 21px;
	/* width: 640px; */
}

.vasenheader {
	height: 92px;
	width: 320px;
}

.vasenheader_tasausalas {
	height: 92px;
	width: 320px;
	vertical-align: bottom;
}

.vasenheader_tasauskeskelle {
	height: 92px;
	width: 320px;
	vertical-align: middle;
}

.tasausoik {
	height: 45px;
	width: 320px;
	padding-left: 65px;

}
.pikkuraulit {
	margin: 10px 20px 8px 140px; 
}




/*Väriluokat*/

.sininen {
	background-color: #00008B;
	height: 280px;
	width: 300px;
}

.tummansininen {
	background-color: #2F385E;
	height: 286px;
	width: 300px;
}

.tummansin_pieni {
	background-color: #2F385E;
	height: 135px;
	width: 140px;
}

.tummansin_suorakaide {
	background-color: #2F385E;
	height: 135px;
	width: 300px;
}
.turkoosi {
	background-color: #84B9A7;
	height: 286px;
	width: 300px;
}
.turkoosi_pieni {
	background-color: #84B9A7;
	height: 135px;
	width: 140px;
}

.turkoosi_suorakaide {
	background-color: #84B9A7;
	height: 135px;
	width: 300px;
}
.punainen {
	background-color: #F50824;
	height: 286px;
	width: 300px;
}

.punainen_pieni {
	background-color: #F50824;
	height: 135px;
	width: 140px;
}

.pun_suorakaide {
	background-color: #F50824;
	height: 135px;
	width: 300px;
}

.lime {
	background-color: #CAF300;
	height: 286px;
	width: 300px;
}

.lime_pieni {
	background-color: #CAF300;
	height: 135px;
	width: 140px;
}	

.lime_suorakaide {
	background-color: #CAF300;
	height: 135px;
	width: 300px;
}
.oranssi {
	background-color: #FF6100;
	height: 286px;
	width: 300px;
	
}
.oranssi_pieni {
	background-color: #FF6100;
	height: 135px;
	width: 140px;
}


.vpun_pieni {
	background-color: #F6C4ED;
	height: 135px;
	width: 140px;
}

.lila {
	background-color: #6C4868;
	height: 286px;
	width: 300px;
}
.lila_suorakaide {
	background-color: #6C4868;
	height: 135px;
	width: 300px;
}

.oranssi_mur {
	background-color: #FFB100;
	height: 286px;
	width: 300px;
}

.oranssi_mur_suorakaide {
	background-color: #FFB100;
	height: 135px;
	width: 300px;
}

.tumharm {
	background-color: #5D5955;
	height: 286px;
	width: 300px;
}
.tumharm_pieni {
	background-color: #5D5955;
	height: 135px;
	width: 140px;
}

.tumharm_suorakaide {
	background-color: #5D5955;
	height: 135px;
	width: 300px;
}

.olki {
	background-color: #EDE824;
	height: 286px;
	width: 300px;
}

.olki_pieni {
	background-color: #EDE824;
	height: 135px;
	width: 140px;
}
.olki_suorakaide {
	background-color: #EDE824;
	height: 135px;
	width: 300px;
}

.ruskea {
	background-color: #67463F;
	height: 286px;
	width: 300px;
}
.ruskea_suorakaide {
	background-color: #67463F;
	height: 135px;
	width: 300px;
}

.harmaa {
	background-color: #929697;
	height: 135px;
	width: 140px;
}

/*iso otsikko*/

.logocss {
	height: 114px;
	/* negatiivinen vasenmarginaali - kikka */
	left: 454px;
	position: absolute;
	margin-left: -400px;
	width: 499px;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-weight: bold;
	font-size: 160px;
	color: #6F6F6D;
	z-index: 5;
	/*Läpinäkyvyys*/
	filter: alpha(opacity=13);
	-moz-opacity: .13;
	opacity: .13;
}

.logocss_taka {
	height: 114px;
	/* negatiivinen vasenmarginaali - kikka */
	left: 50%;
	position: absolute;
	margin-left: -400px;
	width: 499px;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-weight: bold;
	font-size: 160px;
	color: #6F6F6D;
	z-index: -1;
	/*Läpinäkyvyys*/
	filter: alpha(opacity=13);
	-moz-opacity: .13;
	opacity: .13;
}

/*isojen neliöiden rölli-baari-määreet*/


/*nuoli ylös**/
#divUpControl {
	position: relative;
	width: 25px;
	height: 28px;
	text-align: right;
	
	right: 0px;
	/*top: 20px;*/ 
	/* Me ei ilmeisesti tarvita tätä:*/
	z-index: 10;
	float: right;
	padding: 0;
	margin: 0;
	
} 


/*nuoli alas oikea**/
#divdownControl {
	position: relative;
	width: 25px;
	height: 28px;
	left: 256px;
	top: 243px;
	 /* Me ei ilmeisesti tarvita tätä:*/
	z-index:10; 
	text-align: right;
} 



/*Ikkuna, joka näyttää näkyvän alueen ja sen koon:**/
#divContainer {
	position: absolute;
	width: 250px;
	height: 266px; 
	/*ylimenevä sisältö piilotetaan:*/
	overflow: hidden;

	
	/*clipillä pienennetään näkyvää aluetta, pienentää paddingia*/
	
	clip: rect(0px, 250px, 266px, 0px);
	visibility: visible;
	
	
} 

/*Liikkuu, venyy sisällön mukaan**/
#divContent {
	position:absolute;
	top:0;
	left:0;
	z-index: 15;
}
/*Tämä Mozillaa varten, ettei lisää reunoja*/
img {
	border: 0 px;
}



/*pienten neliöiden rölli-määreet*/


/*nuoli ylös**/
#divUpControl_p {
	position: relative;
	width: 25px;
	height: 28px;
	text-align: right;
	
	right: 0px;
	/*top: 20px;*/ 
	/* Me ei ilmeisesti tarvita tätä:*/
	z-index: 10;
	float: right;
	padding: 0;
	margin: 0;
	
} 


/*nuoli alas ala**/
#divDownControl_p {
	position: relative;
	width: 25px;
	height: 28px;
	
	left: 255px;
	top: 92px;
	 /* Me ei ilmeisesti tarvita tätä:*/
	z-index:10; 
	text-align: right;
} 

/*Ikkuna, joka näyttää näkyvän alueen ja sen koon:**/
#divContainer_p {
	position: absolute;
	width: 250px;
	height: 120px; 
	/*ylimenevä sisältö piilotetaan:*/
	overflow: hidden;
	
	
	/*clipillä pienennetään näkyvää aluetta, pienentää paddingia*/
	clip: rect(0px, 300px, 266px, 0px);
	visibility: visible;
	 /* Me ei ilmeisesti tarvita tätä:*/
	z-index: 15; /*-1;*/
	
} 

p.selain {
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	font-size: 12px;
	text-align: center;
	color: #999999;

}

/*

a:link .agentit {
   color: #545452;
	font-size: 12px;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	text-align: left;
	text-decoration: none;
}

a:active .agentit {
	color: #545452;
	font-size: 12px;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	text-align: left;
	text-decoration: none;
}


a:hover .agentit {
	color: #545452;
	font-size: 12px;
	font-family: Futura Bk Bt, helvetica, arial, century gothic, verdana;
	text-align: left;
	text-decoration: underline;
	}     
	
	*/