@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,400italic,700,900);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic,300,300italic);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');


.flex { max-width: 100%;}
.flex2 { max-width: 75%;} 
.flex3 { max-width: 55%;} 

body {
	
	font-family: 'Open Sans', sans-serif;

}
body.jaostot_ja_b {background-color:rgba(245,245,245,1);}
body.jaostot_ja_c {background-color:rgba(248,248,249,1);}

/* ---------- Teksti ---------- */
h1 {
	margin-bottom: .3em;
	margin-top: .15em;
	font-family: 'Open Sans', sans serif;
	font-size: 3.1em;
	font-weight: 300;
	text-align: left;line-height: 1em;
	/*margin-top:.4em;*/
}
/*---------- oppa20 ----------*/
   #sivu.laaja.tapahtum19 h1 {font-size: 2.4em; font-weight: 400;
 letter-spacing: 1px;
         }
/*---------- oppa20 loppu----------*/
h2 {margin-bottom: .1em;
	font-family: 'Open Sans', sans serif;
	font-size: 3.3em;
	font-weight: 300;
	text-align: left;line-height: 1em;
}
h3 { font-size: 1.2em; font-weight: 700; color: rgba(255,102,0,1);}
h4 {font-size: 1.1em; font-weight: 600; line-height:1.29em;}
.fw400 {font-weight: 400;}
/*---------- oppa20 ----------*/
#sivu.laaja.tapahtum19 h4 { font-weight: 400px; font-size: 1.2em;
}
/*---------- oppa20 loppu----------*/
h6 {font-weight:700;}
p {/*padding-bottom: 1em;*/ font-size: .95em; line-height:1.5em; margin-bottom: 1.4em;}
.eimar_bottom {margin-bottom:0px;}
a {text-decoration:none; color: rgba(43,116,223,1);}
a:hover { text-decoration:underline;}

.fontWei {font-weight:300;}
p.font_marg_bot {margin-bottom: -1em;}
article.paak_saann p {font-family: 'Merriweather', serif; font-size:.90em; line-height: 1.5em;}
body.telehti p {font-family: 'Open Sans', sans serif;}
.esille_kursiivi{ font-family:'Merriweather', serif; font-size:1.368em; font-weight:400; font-style:italic;}
.esille_kursiivi3{ font-family:'Merriweather', serif; font-size:1.22em; font-weight:400; font-style:italic;}

.esille_kursiivi a { color:rgba(102,102,102,1); font-size:.90em;}
.esille_kursiivi2{ font-family:'Merriweather', serif; font-size:1em; font-weight:400; font-style:italic;}
div#sivu_sivu.tLehti h1 { font-size:3.5em; font-weight:300;}
article.paakirjoitus h1 { font-size:2em; font-weight:300;}
/*article.paak_saann h1 { font-size:1em; font-weight:300;}*/
article.paak_saann.jaostot1 h1 { font-size:2.8em; line-height:1.1em ; font-weight:400;}

.main.eiFloat .paak_saann.jaostot1 h1 {
}
p.kuvateksti2 {
	font-size: .8em;
	color: rgba(153,153,153,.7);
	margin-left:5%;
	
}
p.kuvateksti3 {
	font-size: .6em;
	color: rgba(153,153,153,.7);
	
	
}
body.jaostot_ja_b footer.kuvateksti19 {margin-left:10px; margin-top: 20px; font-size: 0.6em; }

/* ---------- Teksti - loppu ---------- */
img.reuna {border-top:solid 2px #999; padding-top:10px; padding-bottom:10px; border-bottom: solid 2px #999; padding-right:0px;  badding-left:0px; background-color: rgba(255,255,255,1.00); margin-top:15px;}
img.reuna_ei_padd {border:solid 1px #999; padding:0px; 
}
body.jaostot_ja_c img.reuna {
    background-color: rgba(250,250,251,1.00);
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
    margin-bottom: 0px;
}

/* ----------- Header ----------*/

header { height:100px;
	position: relative;
	max-width:900px;
	margin:0 auto;
}
header a.logo span { display: none; }
header a.logo  {
	background: url(../tekuvat/teYlaLogo1.svg) no-repeat 0px 0px;
	background-size: contain;
	width: 120px;
	height: 90px;
	z-index: 3;
	position: absolute;
	left: 20px;
	top:20px;
	
	
}


/* ---------- navigointi ---------- */

nav { max-width: 880px; padding: 22px 0 0 150px; margin:0 auto;}
nav::after { content:''; display: block; clear: both;}
nav a.mobile_menu {
	width: 45px;
	height: 45px;
	background-image: url(../tekuvat/te_svg/icon_menu.svg);
	background-size: contain;
	position: absolute;
	right: 8%;
	top: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:none;
}

ul.navi_navi li { display:inline-block; padding:10px 5px 5px 10px;}
ul.navi_navi li a { color:rgba(102,102,102,1); font-weight:600;}
ul.navi_navi { max-width:900px;}

/* --------- Navigointi - loppu --------*/

div#reuna-reuna {/*background-color:rgba(190,244,150,.5);*/
	height: 12px;
	padding: 0px;
	width: 100%;
	margin: 3px auto; /*border-bottom: solid 2px #666;*/
	background-image: url(../tekuvat2/ylapalkki/ylpa2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size:contain;
}
div#sivu { 
	background-color: #fff;
	max-width:900px;
	margin: 0px auto; 
	position: relative;
	margin-top:0px;
    
}
div#sivu.laaja.etusivu { border-left: solid 1px rgba(130,130,130,.3);
	border-right: solid 1px rgba(130,130,130,.3);}	 
	
body.jaostot_ja_b div#sivu {
	border-left: solid 1px rgba(130,130,130,.3);
	border-right: solid 1px rgba(130,130,130,.3);}
body.jaostot_ja_c div#sivu {
	border-left: solid 1px rgba(130,130,130,.3);
	border-right: solid 1px rgba(130,130,130,.3);}
	
div#sivu_sivu { margin: 0 auto; 
max-width: 860px;/*border-top: solid 1px #ccc;*/ background-color: #fff;
padding:0px 20px 20px 10px;
}

/*section.main { max-width: 820px; border: dotted 1px rgba(153,153,153,1);
padding:20px;}*/
section.main::after { content:''; display: block; clear: both; }

aside.ensimmainen {float:left; width: 28%; /*height:300px;*/ padding:15px 5px 15px 10px; /*display:none; background-color:rgba(250,240,202,1.00);*/}
aside.ensimmainen h6 {font-weight:700; line-height:1.3em;}
aside.ensimmainen p {line-height:1.5em;}

section.main article { float:right; /*margin-left:32%;*/ width: 65%; padding-left:10px; /*border-left: dotted 1px #ccc;*/ /*margin-bottom: 1.5em;*/}
section.main.eiFloat article {float:none;}

/* ---------- Indeksi --------- */
div#sivu_sivu.indeksi h1 { font-family: 'Open Sans', sans-serif; font-size: 3.5em; font-weight:300; margin-top:10px;}

aside.liikkuva { width:47%;  /*background-color: #f6f6f6;*/ /*border:dotted 1px #999999;*/ float:right; padding: 5px;}
aside.liikkuva2 { width:60%;  /*background-color: #f6f6f6;*/ /*border:dotted 1px #999999;*/ float:right; padding: 5px;}
aside.liikkuva a {color:rgba(51,51,51,1);}
aside.liikkuva a:hover {color: rgba(255,0,51,1); text-decoration:none;}
section.liikkuva_kehys {width:auto; margin: 0 auto 0 33%;/* border-left: dotted 1px #999; *//*background-color: #f6f6f6;*/}
section.liikkuva_kehys::after { content:''; display: block; clear: both; }
aside.liikkuva div {min-height:430px; background-color:rgba(247,247,250,1); margin: 10px 0px 20px 10px; border-top: solid 1px #999;  border-bottom: solid 1px #999; border-left:solid 1px #999; border-right: solid 1px #999; padding: 5px;}
aside.liikkuva div.pirjastausta {
	background-color: rgba(240,246,255,1);
	}
div.pirjastausta h6 {margin-top: 8px;}
/*div.liikkuva aside h6 {margin-top: 80px;}*/
aside.liikkuva div h6 { font-weight:700; line-height:1.2em; padding-right: 10px; padding-left: 10px;}
aside.liikkuva div p {line-height:1.2em; padding-right: 10px; padding-left: 10px;}
.jyv a .eimar_bottom {
}
div.kaksiKolmesta { max-width:520px; }
aside.indeksin {width:60%; padding:3px 0 3px 3px;}
div.jyv.palkTausta2 {
	background-color: rgba(251,242,230,1);
}

/* ---------- Koulutus ---------- */

ul.valtaku li {display:inline-block; padding: 3px 10px 3px 0px;}
ul.valtaku.bl li { display:block;}
ul.valtaku li a {font-size:.95em; color:rgba(51,102,153,1); line-height:1.5em;}
ul.valtaku li a:hover {color:rgba(0,51,255,1); text-decoration:underline;}
ul.valtaku2 li a { line-height: 1.3em;}

ul.listamerkki {
	list-style-type: disc;
	margin-left: 15px;	
	font-size:.95em;
	line-height:1.5em;
}
aside.ensimmainen.oppa_linkki a {color:rgba(90,90,90,1);}
aside.ensimmainen.oppa_linkki a:hover {
	color: rgba(0,102,255,.8);
}
body#opinto_tapaht h5 {/*line-height: 1.7em;*/ padding-top:5px;}

/* ---------- Yhdistys -----------*/
h4.in-bl {display:inline;}
p.in-bl {display:inline;}
ul.lista_link { list-style-type: none;}
ul.lista_link a {font-size: .95; line-height:1.5em;}
/*body#yhdistys h4.marg_bot {margin-bottom: 1.2em}*/

/* -------- Teos-lehti --------- */
.tLehti ul.listamerkki {display:none;}
body#tele section.main article p {padding-right:20px;}
body#tele aside.ensimmainen {background-color: #FFF; margin-top:15px; padding-left:0px;}
body#tele aside.ensimmainen li {padding: 5px 15px 5px 5px;}
div.viimeinen_jattop {padding: 10px; background-color: rgba(245,251,254,1); margin-bottom:25px; max-width: 340px;  }
div.viimeinen_jattop p {line-height:1.5em;}
p.puh_varapuh {margin-bottom:-15px;}
aside.sisalla_lehdet { float:left;width:230px;}
img.reuna_ei_padd{ margin-top:30px;}
/*aside.sisalla_lehdet img {max-width:40%;}*/

/* ---------- Teos-lehden paakirjoituk ------------*/

article.paakirjoitus p {font-family: 'Merriweather', serif; font-size:.90em; line-height: 1.5em;}
article.paakirjoitus h2 { font-family:'Merriweather', serif; font-weight:400; font-size:2.2em;line-height:1.1em; margin-bottom: .2em;}
article.paakirjoitus h2 .taso2 { font-size:0.6em;line-height:0.5em; color: rgba(103,103,103,1.00)}
article.paakirjoitus h3  {font-family:'Merriweather', serif; font-weight:300; font-size:1.4em;  margin-bottom: .4em;}
article.paakirjoitus h4 {
	font-family: 'open Sans', sans-serif;
	font-weight: 700;
	font-size:.9em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom:1.2em;
}

/*----------- ----------*/

section.main article.paak_saann {float:none; width: 650px; }
article.paak_saann li {font-family: 'Merriweather', serif; font-size:.90em; line-height: 1.5em;}

/* ---------- Säännöt --------- */
/*div#sivu_sivu.saannot h1 {font-family: 'Merriweather' sans-serif; font-weight:300; font-size:4em;}*/
.saannot article h6 {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	font-size: 1em;
	line-height:1.5em;
	color: rgba(51,51,51,1);
	letter-spacing: 0.025em;
}
ol.lista_ol {
	margin-left: 15px;
	list-style-type: decimal;
}
	
/* -------- Jaostot ja... ------- */

/*body.jaostot_ja_b { background-color:rgba(243,243,243,1);}*/
article.jaostot1 h3 {/* font-family: 'Merriweather', serif; */font-size: 1em; line-height:1.425em; color:rgba(51,51,51,1);}
article.jaostot_ja h1 {font-size: 3.5em;}
ul.jaostonavi li {
	float: left;
	padding: 15px 18px 15px 4px;
	font-family: 'Open Sans', "sans serif";
	font-size:.95em;
	font-weight: 600;
	/*background-color: rgba(247,252,253,1);*/
}
ul.jaostonavi li a {color:rgba(74,150,156,1);}
ul.jaostonavi::after { content:''; display: block; clear: both; }
.lihava { font-size: .95em; font-weight:700; }
.kursiivi {font-style:italic;}
table.hallitus {max-width: 578px;}
table.hallitus td { padding: 2px; max-width:270px;}
table.hallitus td p {
	font-family: 'Open Sans', sans serif;
	line-height: 1.35em;
	
}
table.hallitus tr.puh_varapuh {
	border-bottom: 2px solid rgba(102,102,102,1);
	letter-spacing: .02em;
	
}
tr.puh_varapuh p{
	margin-bottom: 2px;
}
tr.puh_varapuh2 td{
	padding-top: 15px;
}

/*----- kuvagalleria------*/
	a.fancybox img.kuvagalleria {
	margin: 15px;
	border: 1px solid rgba(150,150,150,.7);
}

/*---- Luentoesityksiä---------*/

article.luentoEs {
	max-width: 560px;
	}
h2.luent {
	
	font-size: 1.5em;
	color:rgba(102,102,102,1);
	font-weight: 600;
	margin-bottom:0.7em;
}
article.jaostot1.luentoEs p.luento_otsikko {
	/*font-family:'Merriweather', serif;*/
	font-size: .95em ;
	line-height: 1.4em ;
	
	}
article.jaostot1.luentoEs p a {
	color: rgba(74,150,156,1);
	}
section.main2.luentoEs2 h1 {
	/*font-size: 3.5em;*/
	margin-bottom: .13em;
	}
.oranssi { color:rgba(255,102,0,1);
}
.punainen2 { color: rgba(253,27,31,1.00);}
.punainen_vio {
	color:rgba(240,49,158,1);
	}

.lihava_700 {
	font-weight:700;
	}
article.jaostot1.luentoEs img {
	border: solid 1px #CCCCCC;
	margin-bottom: 1.8em;
	}


/* ---------- Footer ---------- */

footer {width:100%; height: 500px; background-color: #ccc;}

@media screen and (max-width: 930px){
aside.liikkuva {width: 46%;  margin: 5px 5px 5px 5px;}	
section.liikkuva_kehys {width:auto;}
aside.indeksin {width:60%; padding: 20px 0 20px 20px;}

	
	}

@media screen and (max-width: 880px) {
/*aside.indeksin {float:none; width:70%; padding:0px 0px 0px 0px;}*/
aside.liikkuva {width: 37%;}
   

 
    
    
    
section.liikkuva_kehys { width:auto; margin: 0 auto;}
aside.liikkuva div { margin: 10px 5px 20px 5px;}
body#tele aside.ensimmainen {width:31%;}
}


@media screen and (max-width: 846px) {
aside.sisalla_lehdet { float:left;width:205px;}
section.main article.paak_saann {float:none; width: 85%; }	
}


@media screen and (max-width: 700px) {


header { height:auto; min-height:70px; position:relative;}
header a.logo {top: 20px;}
/* Navigointi */
nav {margin-left:0px; padding-top: 100px; height:0px; overflow:hidden;}	

nav a.mobile_menu {display:block;}
ul.navi_navi li { display:block; padding:20px 20px 20px 40px; background-color:rgba(141,217,255,.8); border-bottom: solid 1px #fff;}
ul.navi_navi li a { color:rgba(250,250,250,1); display: block;}
nav {padding-left: 0px;}
div#sivu_sivu {padding:0px 10px 20px 0px; border:none;}

section.main article { float:none; /*margin-left:32%;*/ width: 90%; padding-left:10px; border-left: none; margin-bottom: 20px;}

aside.ensimmainen {float:none; width:92%; padding:15px;}	
aside.indeksin {float:none; width:90%; padding:0px 0px 0px 20px;}
/*aside.liikkuva {max-width: 240px; }*/
aside.liikkuva {margin: 0px 5px 0px 5px; width:260px;}
div#sivu_sivu.indeksi h1 { font-size: 3.1em; margin-top:5px; padding-left: 6px;}
div#reuna-reuna { height: 0px;}

article.paak_saann.jaostot1 h1 {font-size: 2.8em;}

img.reuna {
	padding: 10px 0px;
	background-color: none;
	border-top: 1px solid #999;
	border-right: 0px;
	border-bottom: 1px solid #999;
	border-left: 0px;
	margin-left: 3px;
}

/*--- Pääkirjoitus ----*/
section.main article.paak_saann { margin-left:0; border: none; padding-top: 30px; }

/* ------- tLehti ------- */
.tLehti ul.listamerkki {display:block;}
aside.sisalla_lehdet { float:none;width:auto; padding-left:15px; padding-bottom:20px;}
body#tele aside.ensimmainen {width:auto;}

/*---- koulutus - yhdistys -----*/
body#opinto_tapaht h1 {margin-left:5px;}
body#yhdistys h1 { margin-left:5px;}

/*---kuvagalleria---*/
	.fancybox img.kuvagalleria {
	margin: 5px;
}
/*---- Luentoesityksiä-------*/
section.luentoEs2 {
	padding-left: 5px;
	}
h2.luent {
	
	font-size: 1.25em;
}

}

@media screen and (max-width: 620px){
aside.liikkuva { width:240px; margin: 0px 3px 0px 2px;}
article.paak_saann.jaostot1 h1 {font-size: 2.4em;}
section.main article.paak_saann {float:none; width: 95%; }		
}

@media screen and (max-width: 595px) {	
div#sivu_sivu.tLehti h1 { font-size:2.8em; font-weight:400;}
article.paakirjoitus h1 { font-size:2.8em; font-weight:300;}	
aside.liikkuva {/*max-width: 250px; */ width:43%;}	
ul.valtaku2 li a { line-height: 1.7em;}
ul.valtaku li a { line-height: 1.7em;}
table.hallitus td p {font-size:.7em}
	
}

@media screen and (max-width: 530px) {
div#sivu_sivu.indeksi h1 { font-size: 2.1em; margin-top:5px; padding-left: 6px;}
aside.liikkuva {width: 45%;  margin: 1px 2px 5px 1px;}
h1 { font-size:2.7em;}
div.otsikko.koulut h1 {font-size:2.2em; paddig-left:5px;}
article.paak_saann.jaostot1 h1 {font-size: 2.2em;}
}

@media screen and (max-width: 500px){
	
aside.liikkuva { width:46%; margin: 1px 1px 1px 1px;}	
/*.ilm_leh h6, .leh h6, .jyv h6, .tre-talo h6 {margin-top: 145px;}*/	
div#sivu_sivu.indeksi h1 { font-size: 2.7em; margin-top:10px;}
div#sivu_sivu {padding:10px 10px 20px 0px; border:none;}
article.paak_saann.jaostot1 h1  { font-size:1.8em;}
h1 { font-size:2.5em;}	
}
@media screen and (max-width: 470px){
div#sivu_sivu.indeksi h1 { font-size: 2.0em; margin-top:10px;}
    aside.liikkuva { width:47%;}
div.otsikko.koulut h1 {font-size:2em;} 
    #sivu.laaja.tapahtum19 h1 {font-size: 2em;}
}

@media (max-width:447px){ 
    aside.liikkuva { width:85%;}
   
}




@media (max-width:400px){ 
    #sivu.laaja.tapahtum19 h1 {font-size: 1.85em;}
}