body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	background-color: #f8f1bf;
}


.table_center { /** keskitetty table - sisaltaa containerin joka on relatively sijoitettu tahan tableen **/
	width: 10px;
	height: 10px;
}

#container { /** container - relatively sijoitettu table_centeriin  **/
	position:relative;
	left:0px;
	top:0px;
	width:32px;
	height:14px;
	z-index:4;
}

#apDivMaintable { /** layeri joka on absolutely sijoitettu containeriin joka on relately sijoitettu table_centeriin */
	position:absolute;
	left:-458px;
	top:14px;
	width:960px;
	height:800px;
	z-index:5;
	visibility: visible;
}

.maintable { /** table jossa raamit */
	background-color: #FFF;
	width: 960px;
	text-align: center;
}

.frame_vas_reuna_toistuva { /** maintablen solu jossa toistuva taustakuva vasemmalla */
	background-image: url(../kuvat2/framepalat_toistuvat_vas.gif);
	/* background-repeat: no-repeat; */
}

.frame_oik_reuna_toistuva { /** maintablen solu jossa toistuva taustakuva oikealla */
	background-image: url(../kuvat2/framepalat_toistuvat_oik.gif);
	/* background-repeat: no-repeat; */
}


/** sisallon elementit alkaa */

a { /* peruslinkki */
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
}

a:hover { /* peruslinkki */
	text-decoration: underline;
	text-transform: none;
	line-height: normal;
	font-style: normal;
}

p {
	padding: 0px;
	margin: 0px;
}


h1 {
	margin: 0px;
}

h2 {
	margin: 0px;
}

h3 {
	margin: 0px;
}

.osio_otsikko_txt {/** osio-otsikot A, B, jne **/
	font-size: 14px;
	color: #6b3313;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
}

.sisalto_otsikko_txt {/** sisalto-otsikot **/
	font-size: 12px;
	color: #6b3313;
	margin-top: 2px;
	margin-bottom: 2px;
}

.sis_kappale_vali_yla { /** sisaltokappaleen vali sivun ylareunassa **/
	padding-top: 50px;
}
.sis_kappale_vali_kupla { /** sivun a puhekulissa **/
	padding-top: 5px;
}

.sis_kappale_vali { /** Kahden sisaltokappaleen vali **/
	padding-top: 8px;
}
.sis_tehtlinkki_vali { /** sisaltosivuilla tehtavalinkkien vali **/
	padding-top: 4px;
}

.vali_10 { /** Kahden sisaltokappaleen vali **/
	padding-top: 10px;
}

.sis_txt {
	font-size: 12px;
}

.sis_runolaulusanat_txt {
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
}

.sis_runo_txt {
	font-size: 12px;
	font-style: italic;
	padding-left: 30px;
	line-height: 2em;
}

.sis_runo_nopadding_txt {
	font-size: 12px;
	font-style: italic;
	line-height: 2em;
}

.sis_runo_tulostus_txt {	/* vaihtoehtoinen koristeellisempi tekstityyppisarja, mutta tulostuu pienempana - font-family: Monotype Corsiva, Palatino, Georgia, Times New Roman, serif;*/
	font-size: 15px;
	font-style: italic;
	line-height: 1.5em;
	color: #6C3414;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
}
.nimi_runo_txt {
	font-size: 12px;
	font-style: italic;
	line-height: 2em;
	color: #6C3414;
}
.taulukko_runo_tulostus_padding {
	padding-left: 15px;
}

.vari_harmaa {
	color: #999;
}

.vari_korostus_1 {
	color: #7789A8;
}

.vari_korostus_2 {
	color: #8FB492;
}

.tab1 {
	padding-left: 20px;
}
/* intro tyylit - ei kaytossa */

.intro_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #D2EBFF;
	line-height: 1.3em;
}
.intro2_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	line-height: 1.3em;
}
.intro3_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FBF0C2;
	line-height: 1.3em;
}
/* paavalikko-sivun tyylit */

.pv_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #6b3313;
}

.pv_linkki_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #6b3313;
}
.vali_pv_osiolinkit { /** paavalikon osio-otsikoitten ylapuolinen vali **/
	padding-top: 34px;
}

/* tehtavien tyylit - tekstityyppi kaikille yksi, linkit otsikot etc omilla lisamaareilla */

.teht_txt {
	font-family: Arial, Helvetica, sans-serif;
}

.teht_linkki_txt {
	font-size: 12px;
	text-decoration: none;
	color: #6b3313;
}

.teht_otsikko_txt {/** tehtavan otsikko **/
	font-size: 14px;
	color: #6b3313;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	text-transform: uppercase;
}

.teht_sisainen_txt {
	font-size: 12px;
}

.teht_sis_kappale_vali { /** Kahden tehtavasisaltokappaleen vali **/
	padding-top: 5px;
}

.teht_f1_viiva_vali { /** teht f1 sakeitten valiviivat **/
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.sivu_c_viiva_vali { /** sivu c, kaksipalstaisten jaksojen valiviivat **/
	padding-top: 12px;
	padding-bottom: 1px;
	margin: 0px;
}

.teht_response_txt_vali { /** kappalevali tekstissa tehtavan responselapun paalla **/
	padding-top: 7px;
}

.teht_f2_txt_vali { /** kappalevali tehtavassa f2 runon jalkeiselle kappaleelle  **/
	padding-top: 30px;
}

.vari_f1_hide {
	color: #fff;
}

.vari_f1_alku {
	color: #000;
}

.vari_f1_right {
	color: #27CD09;	 
}

/* ristikkotehtavan tyylit */

.ristikko_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ristikko_num {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
}

table.ristikko_bkgr {
	background-image: url(../kuvat2/teh_a3_ristikko_bkgr.gif);
	background-repeat: no-repeat;
}


input.ristikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	border: 1px solid #FFF;
	margin: 0px;
	padding: 0px;
	background-color: #D0D8CD;
	text-transform: uppercase;
	color: #3E5777; /* OLI #F33C21 */
}


input.ristikko_color {
	border: 1px solid #FFF;
	background-color: #A2BCDD;
}

.ristikko_vihjeet_txt{
	line-height: 20px;
}

ol.aakkostettu_lista{
	line-height: 20px;
	list-style-type: lower-alpha;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-position: outside;
	margin-left: 5px;
}

input.runo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: left;
	vertical-align: text-bottom;
	height: 16px;
	border: 1px solid #3E5777;
	margin: 0px;
	padding: 2px;
	background-color: #FFF;
	font-style: italic;
}

textarea.runo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: left;
	vertical-align: text-bottom;
	border: 1px solid #3E5777;
	margin: 0px;
	padding: 2px;
	background-color: #FFF;
	font-style: italic;
}

.txt_footer { /** footerin teksti **/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a28c61;
}

.txt_sivustosta_linkit { /** linkit sivustosta-sivulla **/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b3313;
}

/* TAMA PITAISI OLLA SIVULLA KOSKA OHJELMOINNIN PITAA JOISSAIN TILANTEISSA KAANTAA VISIBILITY HIDDENIKSI */
#apDivLappuoikealla { /* taman korkeudesta pitaa vahentaa css:n palsta_tehtava_ohje padding_top  */
	position:absolute;
	left:269px;
	top:37px;
	width:134px;
	height:222px;
	z-index:500;
	background-image: url(../kuvat2/lappu_oikealla.gif);
	background-repeat: no-repeat;
	visibility: visible;
	cursor: pointer;
}


.palsta_tehtava_ohje { /** paika tekstille tehtavan ohjelapun paalla **/
	float:left;
	width:134px;
	margin: 0px;
	padding-top: 60px; /* tama pitaa vahentaa ko sivulla olevan apDivLappuoikealla korkeudesta */
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.teht_ohje_txt {/** teksti tehtavan ohjelapun paalla **/
	font-size: 12px;
	color: #6b3313;
}

.teht_ohje_txt_vali { /** kappalevali tekstissa tehtavan ohjelapun paalla **/
	padding-top: 8px;
}


/* tehtavat *********************************************************  */

.paavalikko_maintable_keskisolu { /** paanavikoinnin  maintablen keskisolu */
	background-image: url(../kuvat2/paavalikko_bkgr.jpg);
	background-repeat: no-repeat;	
}

.a_maintable_keskisolu { /** tehtavan  maintablen keskisolu */
	padding-top: 10px;
	background-image: url(../kuvat2/ryhmakuvavarjoilla.jpg);
	background-repeat: no-repeat;
	height: 520px;
}

.teht_a1_maintable_keskisolu { /** tehtavan 1 maintablen keskisolu */
	/* background-image: url(../kuvat2/ryhmakuva.jpg); */
	/* background-repeat: no-repeat; */
	height: 560px;
}


.teht_a3_maintable_keskisolu { /** tehtavan  maintablen keskisolu */
	padding-top: 40px;
	background-image: url(../kuvat2/teh_a3_bkgr.jpg);
	background-repeat: no-repeat;	
}

.teht_b1_maintable_keskisolu { /** tehtavan  maintablen keskisolu */
	padding-top: 10px;
	background-image: url(../kuvat2/teh_b1_bkgr.jpg);
	background-repeat: no-repeat;
	height: 520px;
}

.teht_b1_maintable_keskisolu_et { /** tehtavan  maintablen keskisolu eesti*/
	padding-top: 10px;
	background-image: url(../kuvat2/teh_b1_bkgr_et.jpg);
	background-repeat: no-repeat;
	height: 520px;
}

.teht_c1_maintable_keskisolu { /** tehtavan  maintablen keskisolu */
	padding-top: 10px;
	background-image: url(../kuvat2/teh_c1_bkgr.jpg);
	background-repeat: no-repeat;	
}

.teht_d1_maintable_keskisolu { /** tehtavan maintablen keskisolu */
	padding-top: 40px;
}

.teht_f1_maintable_keskisolu { /** tehtavan maintablen keskisolu */
	padding-top: 40px;
	background-image: url(../kuvat2/teh_f1_bkgr.jpg);
	background-repeat: no-repeat;	
}

.teht_f2_maintable_keskisolu { /** tehtavan  maintablen keskisolu */
	padding-top: 40px;
	background-image: url(../kuvat2/teh_f2_bkgr.jpg);
	background-repeat: no-repeat;	
}

.clear_left {
	clear: left;
}

input.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 5px;
	border: 1px solid #63290A;
	font-style: normal;
	font-weight: normal;
	padding: 2px;
	background-color: #F8F1BF;
	cursor: pointer;
}

input.teht_radio{
	height: auto;
	width: auto;
}

/* Opettajan lisamateriaalin tk- ja lisatyylit */

.txt_leipa {  /* opettajasivujen perustekstityyppi tarvittaessa  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.linkki {  /* navigoinnin linkit vasemmalla */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.linkki_alaotsikko {  /* navigoinnin linkkien tehtavaotsikot - ei linkkeja */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 10px;
}

.aineistonavi_tab1 { /* Aineistot - navigoinnin linkkien tabulointi - td */
	padding-left: 20px;
}
.aineisto_sisennys { /* Aineistot - sisallon tabulointi - p */
	padding-left: 20px;
}
.table_aineisto_navi { /* opettajasivujen navigoinnin taulukko */
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	border: 1px solid #a2acc2;
	background-color: #ffffff;
}
.table_aineisto_johdanto { /*   opettajasivuilla sisallon ylataulukko F8F1BF  */
	padding-top: 14px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	border: 1px solid #acb8c4;
	background-color: #fff;
}
.table_aineisto_perustehtava { /*   opettajasivuilla sisallon taulukko 1  */
	padding-top: 14px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	border: 1px solid #acb8c4;
	background-color: #e2e8ef;
}

.table_aineisto_projektitehtava { /*  opettajasivuilla sisallon taulukko 2  */
	padding-top: 14px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	border: 1px solid #d7d5b9;
	background-color: #f4f2d7;
}
.td_aineisto_aineistot {	/* opettajasivuilla navigoinnin taulukot */
	background-color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #a2acc2;
	border-right-color: #a2acc2;
	border-bottom-color: #a2acc2;
	border-left-color: #a2acc2;
	padding: 9px 9px 9px 11px;
}
.td_aineisto_aineistot_ala {	/* opettajasivuilla navigoinnin alimmainen taulukoko */
	background-color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #a2acc2;
	border-right-color: #a2acc2;
	border-bottom-color: #fff;
	border-left-color: #a2acc2;
	padding: 9px 9px 15px 11px;
}
.td_omasivu_kuulut_pad {	/* opettajasivuilla navig.sisennyksia */
	padding-top: 9px;
}
.td_omasivu_ohje { 	/* opettajasivuilla oik.puolella taulukkoreuna */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	border: 1px solid #a2acc2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

ol.aakkostettu_lista_aineisto{
	list-style-type: lower-alpha;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-position: outside;
}
ol.numeroitu_lista_aineisto{
	list-style-type: decimal;
	margin-top: 5px;
	list-style-position: outside;
	padding-bottom: 10px;
}
li.lista_aineisto{
	padding-top: 10px;
}
li.lista_pallukat_aineisto{
	list-style-type: disc;
}
ul.lista_ohjeita{
	margin-left: 48px;
	margin-top: 0px;
}
frameset.ope {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}