@import "tulos.css"; 

@media screen{ 

body{
  font-family: "Ms Arial", helvetica, sans-serif;
	color: #000088;
	}
	
 h1{
 	text-align:left;
	padding-left: 2em;
	}
h1.aalto{
  /*color: #0000ff;*/
	font-size: 1.7em;
	}	

h2.ilmo{
  text-align: left;
	padding-left: 7em;
	font-size: 3em;
	margin-bottom: 1.5em;
	color: #cc0001;
	}
		
	
h2{
 	text-align:left;
	padding-left: 2em;	
	}
	
h2.paivat{
 	text-align:left;
	padding-left: 0em;	
	}		 
	
h3{
 	text-align:left;
	padding-left: 2em;
	margin-top: 1em;
	margin-bottom: 0.3em;
}

ul li {
  display: block;
	list-style-type: disc;
	}

h3.esitys{
  font-size: 1.2em;
	font-weight: 400;
	padding: .3em;
	margin-left: 2em;
	margin-right: 9em;
	}

h3.etusivu {
  font-size: .8em;
	border-top: 1px solid #006666; 
	border-left: 1px solid #006666;
	padding-top: .5em; 
	margin-top: 4em;
	}

h4.etusivu {
  font-size: .75em;
	}	
	
p.etusivu{
  font-size: .7em;
	}		

p {
  font-size: .8em;
	font-weight: 600;
	padding-left: 2em;
	}

i {
 font-weight: 600;
 font-size: .9em;
 }		

div.esitys{
  border: 1px solid;
	margin-bottom: 2em;
	padding: .5em;
	}	
	
p.aika{
  background-color: #d8d8d8;
	font-size: 1.0em;
	padding-top:0.8em;
	padding-bottom: 0.8em;
	padding-left: 2em;
	border: 0px solid;
	}

.sisalto .teksti .ilmk p.aika{
  width: 50%;
  background-color: #fff;
	font-size: .8em;
	font-weight: 600;
	padding-top:0.8em;
	padding-bottom: 0.8em;
	padding-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0px;
		}	

.sisalto .teksti .ilm p.aika{
  width: 70%;
  background-color: #fff;
	font-size: .8em;
	font-weight: 600;
	padding-top:0.8em;
	padding-bottom: 0.8em;
	padding-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0px;
		}	

p.lainaus{
  font-size: .9em;
	font-style: italic;
	padding-left: 1em;
	padding-right: 3em;
	padding-top: .5em;
	padding-bottom: .5em;
	}	

p.leipis cite {
	  font-weight: 700;
		padding-left: .3em;
		padding-right: .3em;
		color: #446633;
		}
		
.nimi {
	 font-weight: 700;
	 color: #446633;
	 padding-left: .3em;
	 }
	 
.nayt {
   font-size: 1.2em;
	 padding-left: .2em;
	 padding-right: .2em;
	 font-weight: 700;	 
}

	
p.teatteri{
  font-size: 1.05em;
	padding-left: 3em;	
	padding-top:0.5em;
	padding-bottom: 0.3em;
	margin-right:10em;
	font-weight: 800;
}

.paiva{
  border-left: 1em solid;
	padding: .5em;
	margin-bottom: 2.5em;
	}	
	
.juhla{
  font-size: 1em;
	font-style: italic;
	}
p strong{
  padding-right: .2em;
	}
.italic{
  font-style: oblique;
	padding-left: .3em;
	padding-right: .3em;
	}	
			
.tausta{
 background-color: #efefef;
 }		
	
.otspalkki{
 position: absolute;
  left: 5%;
 top:18%;
 width:85%;
 height: 14em;
 padding-top:0.7em;
 z-index:1;
	}

.otspalkkikesis{
 position: absolute;
  left: 5%;
 top:18%;
 width:85%;
 height: 14em;
 padding-top:0.7em;
 /*background-image:url(images/yla_bannerib.jpg);
 background-repeat:no-repeat;*/
 z-index:1;
	}

.just{
 margin-left: 12%;
 }	
	
.otspalkkietusivu{
 position: absolute;
 left: 5%;
 width:85%;
 height: 14em;
 padding-top:0.7em;
 z-index:1;
	}
	
.otspalkkik{
 position: absolute;
 left: 5%;
 top:4em;
 width:85%;
 height: 18em;
 padding-top:0.7em;
 z-index:1;
	}
	
.otspalkkia{
 position: absolute;
 background-image: url(aalto/aalto.gif);
 background-repeat: no-repeat;
 left: 5%;
 top:5em;
 width:85%;
 height: 17em;
 padding-top:0.7em;
 z-index:1;
	}	
	
.otylaots{
  margin-left:3em;
	font-size: 1.2em;
  color:#0066ff;
	}		
	
.otylaotsb{
  margin-left:12em;
	font-size: 1.2em;
  color:#0066ff;
	}	
		
.otspalkki h1{
  position: relative;
  color:#0066ff;
	font-size: 3.5em;
  text-align: left;
	z-index:2;
	padding-left: 35%;
	}	

.otspalkkietusivu h1{
  position: relative;
  color:#0066ff;
	font-size: 3.5em;
  text-align: left;
	z-index:2;
	padding-left: 35%;
	}				
		
.otspalkkik h1{
  position: relative;
  color:#0066ff;
	font-size: 3.5em;
  text-align: left;
	z-index:2;
	padding-left: 25%;
	}	
	
.otspalkkia h1{
  position: relative;
  color:#0066ff;
	font-size: 3.5em;
  text-align: left;
	z-index:0;
	padding-left: 35%;
	}		

.navpay{
  position: relative;
	width:100%;
	height:2.5em;
  padding-top: 1em;
	display:block;	
	/*background-color: #f8f8ff;*/
  margin-left:2%;
	z-index:2;
	}
.navpaa{
	display: none;
	width:100%;
	margin-left:17%;
	height:2em;
	padding: 0.5em;
	z-index:0;
	bottom:0;	
 }	
	
.navpay ul{
  display: inline;
	margin-left: 1.5em;
	margin-right:  .5em;
	}
	
.navpay li{
  display: inline;
  list-style-type: none;
	padding-left:.4em;	
  padding-right: .4em;	
	background-color:#ffffcc;
  margin-right:0.3em;
	border: 1px solid #0000FF; 
	font-size: .80em;
		}

.navpay ul li a {
 text-decoration: none;
 }		
		
.navpaa li{
  display:inline;
  list-style-type:none;
	padding-left:.4em;	
  padding-right:.4em;	
	padding-top:0.3em; 	 
	background-color:#ffffcc;
	height: 2em;
  margin-right:0.3em; 	
	}			
	
.navpaa ul{
  display:inline;
	margin-left:.4em;
	margin-right:.4em;
	margin-top:0.4em;
	margin-bottom:0.4em;	
	}	 

	
.sisalto{
  position: absolute;
	margin-top: 15em;
	margin-bottom: 5em;
  /*padding-top:1.2em;*/
	width:95%;
  
	z-index:0;
	/*background-image: url("kesis/kuvia/MattiJussi.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-attachment: fixed;border-bottom: 2px solid #0012f5;*/	
	}
	

	
.teksti{
  margin-left: 25%;
	margin-right: 5%;
	z-index:1;
	border-bottom: 2px solid #0012f5;
	margin-top: 5%;
	margin-bottom:2%;
	Padding-bottom: 10%;
	/*background-color: #fff;*/

	}
	
.b{
  font-weight: 800;
	margin-top: 1em;
	}	

.sisalto .esit .b{
  font-weight: 800;
	margin-top: 1em;
	}	

.headline{
 color: #336666;
 font-size: 1em;
 margin-left: 4em;
 margin-bottom: 2em;
 font-weight: 900;
 }
 


.sisalto .teksti .ilm p.headlineb{
 color: #336666;
 font-size: 1em;
 margin-top: 2em;
 margin-left: 1em;
 font-weight: 600;
 }
 
 
	

.teksti li {
  list-style-type: circle;
	}		
	
.missa{
 position: relative;
 margin-left:.5em;
 margin-top:1em;
 margin-right: 1em;
 padding-top: 0.02em;
 padding-bottom: 0.02em;
 z-index: 0;
 background-color: #f0feee;
}
.missa li{
 list-style-type: none;
 font-size: 0.9em;
 border-left: 0.2em solid;
 display:inline;
 padding-left: 0.2em;
 padding-right: 0.5em; 
 }		

a:hover {
	 text-decoration: underline;
	 font-weight: 500;

} 

.kuvapalkki{
  background-image: url(palkki2.jpg);
	height: 6em;
	background-repeat: repeat-x;
	}

.kuvapalkkib{
  background-image: url(palkki2.jpg);
	height: .4em;
	background-repeat: repeat-x;
	}	

address{
  margin-left: 1em;
	font-size: .8em;
	}

	

address a{
 display: block;
 }

.kepa{
  float: right;
  border: 1px solid #cc33ff;
	width: 20%;
	margin: 1em;
	padding: .5em;
	background-color:#ffffcc;
	}
	
.kepa li{
  list-style-type: none;
	}

table {
  border: 0px solid #336600;
	}

tr, th, td{
 border: 0px solid #336600;
 text-align: center;
 width: 4em;
 color: #336600;	
	}
	
td{
  color: #ff6666;
	font-weight: 800;
	background-color:#fff8dc;
	}	

th {
  font-size:1.2em;
	font-weight: 400;
	}
	
.ilm table {
  border: 0px solid #336600;
	margin-left: 2em;
	}
.ilm tr, th, td{
 border: 0px solid #336600;
 padding: .5em;
 margin:0.5em;
 text-align: left;
 width: 14em;
 font-size: .9em;
 color: #336600;
 background-color: #fff;
	}
	
/*.ilm td{
  color: #ff6666;

	}	

.ilm td {
 cellspacing: 0;
 cellpadding:.3ex;
 text-align: center;	
*/	
.ilm th {
  font-size:1.2em;
	font-weight: 600;
	}
	

fieldset{
  padding:1em;
	width: 70%;
	background-color:#ffffcc;
	margin-top: 1em;
	margin-bottom: 1em;
	}	
					

	
.paiv{
  margin-left: -1em;
	margin-top: 1.5em;
	margin-bottom: 2.5em;	
  font-size: 1em;
	}			
	
.navivas{
  /*position: fixed;*/
  font-size: .8em;
	width:22%;
	margin-top: 9.5em;
	float: left;
	}
	
	.navivas ul{
	margin-left:.4em;
}

.navivas ul li{
  list-style-type: none;
	margin-top: .3em;
	margin-bottom: 0.3em;
	margin-right: 1em;
	padding-left: 0.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 0.4em;	
	background-color:#eaeaea;
	color:#000;
	} 

.navivas h3{
  font-size: 1em;
	font-weight: 700;
	}	
	
	
.navioi{
	width:12em;
	float: right;
	border: 1px solid #0011f2;
	margin-right: 10%;
	padding: 1em;
	}	
	
.navioi ul{
	margin-left: 0.1em;
}

.navioi li{
  list-style-type: none;
	display:block;
	margin-top: .3em;
	margin-bottom: 0.3em;
	margin-right: .2em;
	padding-left: 0.3em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 0.2em;	
	background-color:#fafafa;
	color:#000;
	} 
	
	
.sisalto .esit{
  width: 70%;
	border:	1px solid;
	margin-left: 24%;
	margin-top: 1em;
	margin-bottom:1em;
	padding: .4em;
	background-color:#ffffff;
	}
	
.sisalto .esit h2{
  color: #ff3300;
	padding-left:0em;
	text-align: center;
	}
	
.sisalto .esit h3{
  text-align:left;
	padding-left:0em;
	}	
	
.sisalto .esit h4{
  text-align:left;
	padding-left:0em;
	font-size: .8em;
	}		

.sisalto	.esit .block ul{
	margin-left: .5em;
	}
	
.sisalto .esit .block ul li{
  display: inline;
  list-style-type: none;
	padding-left:.8em;	
  padding-right: .4em;	
	background-color:#ffffff;
  margin-right:0.5em;
	border-left: 1px solid #ff0000; 
	font-size: .70em;
		}	
			
.sisalto .esit .block ul li.ot{
  border-left: 0px solid #fff;
	font-weight: 900;
	}	
	
		
.elinkit{
  width:95%;
	margin-left: 1em;
	}
	
.elinkit ul{
  width: 100%;
  height: 2em;
 	background-color: #eeeeee;
	padding: .4em;
		}
		

.ajat{
  margin-left: 4em;
	}

.ajat li{
  margin-left: 2em;
	list-style-type:none;
	}			
		
.elinkit li{
  display: inline;
	list-style-type: none;
	margin-left: 1.5em;	
	border-left: 1px solid;
	padding: .5em;
	vertical-align: middle;
	color:#ff6666;
	}

	

 .teat{
   border: 1px solid;
	 margin-right: 20em;
	 font-weight: 600;
	 padding: 0.3em;
	 }

.kesk{
  margin-left: 5%;
	}
	
	
caption{
  font-size: 1.4em;
	}
	
	 
.enskari{
	margin-right: 5em;
	text-align: center;
	color: #00006f;
	font-weight: bold;
	padding-bottom: 0.8em;
	}		 
	
.sisalto .esit p.ensi{
	margin-left: 12%;
	text-align: left;
	font-weight: 700;
	padding-bottom: 0.8em;
	}		
		
.tava{
  margin-left: 4em;
	font-size: .9em;
	}

.tyhjasolu{
  color:#fff8dc;
	}	
	
.huom{
  margin-left: 4em;
  font-weight: bolder;
	}	

.keski{
  text-align:center;
	font-size: 1.1em;
	}	
.plinkit{
 	width:70%;
	margin-left: 20%;
	}	
	
.plinkit ul li{
  list-style-type:none;
	background-color: #fafafa;
	border-left: thin solid #ff0000;
	padding-left: .4em;
	}
	
.palinkit{
 	width:75%;
	margin-left: 10%;
	}	
	
.palinkit ul li{
	font-size: .7em;
	list-style-type:none;
	background-color: #fffffe;
	border-left: thin solid #ff0000;
	padding-left: .4em;
	margin-right: 3em;
	}	

.palinkit ul li a{
 text-decoration: none;
 }	
	
.ylaindeksi{
 vertical-align: super;
 font-size: .7em;
 color: #ff0000;
 }

.rinki{
 border:1px solid;
 font-weight: bolder;
 padding-left: .4em;
 padding-right: .4em;
 }	

.viesti{
 border-top: 1px solid #006666;
 color: #006666;
 margin-top:.5em;
 margin-bottom:.5em;
 padding-top: .5em;
 padding-bottom:.5em;
 padding-left: 2em;
 } 	
 
.nappula_1{
  margin-left: 2em;
	margin-right:1em;
	}
	
	
.nappula_2{
  margin-left: 1em;
	margin-right:2em;
	}	
  	
.ingressi{
  background-color: #f5f5f5;
	margin-bottom:1em;
	border: 1px solid;
	font-size: 1.1em;
	padding-left:1.5em;
	padding-right: 1.5em;
	padding-bottom: .5em;
	padding-top: .5em;
	}		

.julkaisija{
  font-size: 1em;
	font-weight: bolder;
	}
	


.kurso{
 display: inline;
 width: 10em;
 font-weight: bolder;
 margin-left: 2em;
 }		
 
 .keskii{
	font-size: 1.9em;
/*	border:thin solid #ff0000;*/
	margin-bottom: 1.1em;
	margin-left: 5em;
	padding-top: 0.5em;
	padding-bottom: 1.1em;
		}	
		
.tekstii{
 padding-left: 10%;
 	width:75%;
	z-index:0;
	margin-bottom:15%;	
	}		
	
.tekstiii{
 padding-left: 10%;
 	width:100%;
	z-index:0;
	margin-bottom:1.5em;	
	}		
	
.kursoi{
 display: inline;
 width: 8em;
 font-weight: bolder;
 margin-left: 2em;
 margin-top: 2em;
 }	
 
.raamit{
  border:thin solid #ff0000;
	} 	
	
.jatko{
 margin-left: 1em;
 }	
 
.eka{
 width: 75%;
 margin-left:-10%;
 } 
 
.murut{
 /* position: fixed;
  display: none; */
  left: 0;
	height: 3em;
	padding-left: 1em;	
	margin-bottom: .5em;
  border-bottom: 2px solid #0012f5;
	}
.murut .left ul{
  display: inline;
	margin-top: 0;
	margin-bottom:0;
	list-style-type: none;
  font-size: .8em;
	font-weight: 500;	
	}

.murut  .left ul li{
  display: inline;
	border-left: 2px solid #990033;
	padding-left: .4em;
	padding-right: .7em;
	background-color: #fafbfc;
	margin-right: .5em;
}

.murut .right ul{
  display: inline;
	margin-top: 0;
	margin-bottom:0;
	list-style-type: none;
  font-size: .8em;
	font-weight: 500;	
	}

.murut  .right ul li{
  display: inline;
	border-left: 2px solid #990033;
	padding-left: .4em;
	padding-right: .7em;
	background-color: #fafbfc;
	margin-right: .5em;
}

.murut ul{
  display: inline;
	margin-top: 0;
	margin-bottom:0;
	list-style-type: none;
  font-size: .8em;
	font-weight: 500;	
	}

.murut ul li{
  display: inline;
	border-left: 2px solid #990033;
	padding-left: .4em;
	padding-right: .7em;
	background-color: #fafbfc;
	margin-right: .5em;
}

.murut ul{
  display: inline;
	margin-top: 0;
	margin-bottom:0;
	list-style-type: none;
  font-size: .8em;
	font-weight: 500;	
	}

.murut ul li{
  display: inline;
	border-left: 2px solid #990033;
	padding-left: .4em;
	padding-right: .7em;
	background-color: #fafbfc;
	margin-right: .5em;
}


	
.pun{
  color:#ff0000;
	font-size: .85em;
	padding: .2em;
	}	
 
.paivays{
 font-weight: 700;
 font-size: 1.2em;
 padding: .3em;
 width: 15em;
 } 
 
.ilm p.paivays{
 font-weight: 700;
 font-size: .9em;
 padding: .3em;
 width: 15em;
 }  		
 
em{
 font-weight: bold;
 padding-left:.5em;
 padding-right:.5em;
 } 

em.pun{
 font-size: 0.8em;
 padding-left:.2em;
 padding-right:.2em;
 color: #f00;
 }   


.alaviiva{
  border-bottom: 2px solid;
	}   
	


/*.sisalto .esit .block{
 margin-top: .4em;
 }

.block ul{
 display: block;
 margin-top: 0.6em;
 margin-bottom: .5em;
 margin-left: 5em;
 }
.block ul li{ 
  display: block;
	font-size: .8em;
	list-style-type: none;
	background-color: #ffffff;
	border-left: 0px;
	font-weight: normal;
	padding-top: .3em;
	} 
.sisalto .esit .block ul{
 display: block;
 margin-top: 0.6em;
 margin-bottom: .5em;
 margin-left: 5em;
 }
 
.sisalto .esit .block ul li{ 
  display: inline;
	font-size: .8em;
	list-style-type: none;
	background-color: #ffffff;
	border-left: 0px;
	font-weight: normal;
	padding-top: .3em;
	}*/
.murut .block{
 display: inline;
 margin-top: .4em;
 }	
	
.rooli{
  font-weight: bold;
	}
	
.repliikki{
  margin-left: 2em;
	}		 	

.kuva{
 position: relative;
 float: right;
 width: 20em; 
 }

.kuva1{
 float: right;
 text-align: right;
 margin: 1em;
 }

.kuva1 p{
 font-size: .8em;
  text-align: right;
margin: 0em;	
 } 	  
 

.kuva p{
 font-size: .8em;
 } 	
 
.ast{
  display: inline;
	color: #ff0000;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: .4em;
	padding-right: .4em;
	} 

.korosta {
  display: inline;
  font-size: 1.2em;
	color: #aa0003;
	}	
	
fieldset{
 margin-top: 1em;
 margin-bottom: 3em;
 }
 
legend{
 font-weight: bold;
 }

label{
 font-size: .8em;
 margin-left: 3em;
 }
 
input{
  margin-top: .3em;
	margin-left: 3.5em;
	}   
	
.lOtsake{
 margin-top: 2em;
 margin-bottom: .5em;
 font-weight: bolder;
}	

.ilm p.lOtsake{
 margin-top: 2em;
 margin-bottom: .5em;
 font-weight: 700;
} 
 
.paikka2{
 margin-left: 5em;
 } 
 
.ip{
 margin-left: 20em;
 display: inline;
 }
 
.red{
 color: #ff0000;
 font-size: 1.2em;
 } 
 
h2.tausta{
  background-color: #ffffcc;
	}
	 

.kuva{
 float: right;
 margin-left: .5em;
 margin-top: 1em;
 margin-bottom: 1em;
 }

.murut .right .next {
  display: inline;
	width: 10em;
	margin-left: 80%;
  text-align: right;
	font-size: .8em;
	}
	
.murut .right .prev {
  display: inline;
  width: 10em;
	margin-left: 80%;	
 	font-size: .8em;
	text-align: right;
		}	 
		
.eiesitysta{
  color: #fff;
	background-color: #fff;
	}			
	
.spl{
  font-size: .9em;
  width: 22em;
	text-align: center;
	border: 1px solid;
	padding-left: .2em;
	padding-right: .2em;
	margin-top: .5em;
	margin-bottom: .5em;		
	}
	
.splinl{
	border-bottom: 1px dotted;
	padding-left: .2em;
	padding-right: .2em;
	}
	

		
ul.aste{
	list-style-image: url(tahti2.gif);
	}
	
.c{
  text-align: center;
	}

.com{
  text-align: center;
	margin-left: 1em;
	margin-right: 10em;
	font-size: .8em;
	font-weight: bold;
	} 		 		
	

	
p.ing{
  color: #0100cc;
	font-weight: 900;
	text-align: center;
	font-size: .8em;
	margin-top: .3em;
	margin-bottom: .3em;	
	}	
	
p.ao{
  font-weight: 600;
	font-size: .9em;
	margin-top: -1em;
	margin-bottom: 1em;
	text-align: center;
	}		
	
p.naytnimi{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 10.5em;		
	font-size: 1.5em;
	text-align: center;
	color: #cc0001;
	}

h3.naytnimi{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-right: 1.5em;		
	font-size: 1.73em;
	text-align: center;
	color: #cc0001;
	}	


h4{
 	text-align:left;
	margin-left: 2.5em;
	margin-top: 2em;
	margin-bottom: 0.3em;
}		

.block h5{
 	text-align:left;
	padding-left: 3em;
	font-size: .95em;
	margin-top: .4em;
	margin-bottom: 0.1em;
}

.leipis{
  padding-left: 2em;
	font-size: .8em;
	}
	
/*YHTEYSTIETOJEN TYYLIT*/		

.yht{
  border:0px solid #6600ff; 
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 38%;
	padding: 0em;
	width:60%;
	z-index:0;
	}
	
.yht h4.paiv{
  margin-left: -1em;
	margin-top: 1em;
	margin-bottom: 1em;	
  font-size: .7em;
	}				
	
	.yht p{
  font-size:.8em;
	}

.yht p.leipis{
  padding-left: 2em;
	font-size: .7em;
	font-weight: 400;
	}

/*ilmotustaulun omat tyylit */		
	
.ilm{
 border: 1px solid;
 padding: .6em;
 margin-bottom: 1em;
 }

.ilma{
 border: 0px solid;
 padding: .6em;
 background-color: #ededed;
 margin: 2em;
 } 

.ilma .block ul li{
 background-color: #ededed;
 } 
 
.ilm p{
  font-size: .8em;
	font-weight: 500;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: .6em;
	margin-bottom: .4em;
	}  
 
.ilm ul {
 display: block;
 list-style-image : none;
 margin-bottom: .9em;
 margin-top: .7em; 
 margin-left: 2em;
 }
 
.ilm .block ul li{
 display: block;
 list-style-image : none;
 list-style-type: none;
 /*list-style-image : url("kehy.harrastajateatterit.fi/pukki.jpg");*/
 vertical-align: top;
 font-size: .75em;
 font-weight: 500;
 padding-left: 2.4em;
 padding-right: .4em;
 margin-top: .9em;
 margin-bottom: .4em;
 margin-left: 2em; 
 background-color: #fffffc;
 }

.ilma .block ul li{
 background-color: #ededed;
 }  
 
.ilm .block ul.pukki {
 display: block;
 /* list-style-image: url("pukki.jpg");*/ 
 margin-bottom: 2em;
 margin-top: .7em; 
 margin-left: 2em;

 }
 
.ilm .block ul.pukki li{
 display: block;
list-style-image: url("pukki.jpg");
 vertical-align: top;
 font-size: .75em;
 font-weight: 500;
 padding-left: 2.4em;
 padding-right: .4em;
 margin-top: .9em;
 margin-bottom: .4em;
 margin-left: 3em; 
 background-color: #fffffc;
 } 
 
.ilm p.leipis{
	margin-top: .6em;
	margin-bottom: .4em;
	} 

.ilm h4{
  margin-top: 2em;
	margin-bottom: .3em;
	font-size: 1em;
	}	

.ilm  cite {
 margin-left: 4em;
 margin-right: 4em;
 }

.ilm p cite {
 margin-left: 0em;
 margin-right: 0em;
 font-size: .85em;
 font-weight: 600;
 } 
 
.ilm .enskari{
  margin-left: 6em;
	margin-right: 5em;
	text-align: left;
	color: #00006f;
	font-weight: bold;
	font-size: .9em;
	padding-left: 2em;
	padding-top: 0.8em;
	padding-right:1.5em;
	padding-bottom: 0.8em;
	}	

.sisalto .teksti .ilm div.luento{
 margin: 1em;
 }

.sisalto .teksti .ilm div.luento p.headlineb{
 border-top: 1px solid;
 border-left: 1px solid;
 font-size: 0.8em;
 }

.sisalto .teksti .ilm div.luento h4{
 margin-top: 1em;
 color: #008;
 }  

.sisalto .teksti .ilm div.luento h4 cite{
 margin-left: 0em;
 margin-right: 0em;
 }

 .sisalto .teksti .ilm div.luento h4 em{
 font-size: 0.9em;
 }
.sisalto .teksti .ilm p cite{
  font-weight: 500;
	font-size: 1em;
 }

 .sisalto .teksti .ilm p.onnistuuko{
  margin-left: 4em;	
 }
 
 
  
 
   		  
	
/*Kurssit - sivun omat tyylit */	
.ilmk{
 border: 1px solid;
 padding: .6em;
 margin-bottom: 1em;
 }

.ilmk p{
  font-size: .8em;
	font-weight: 500;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: .6em;
	margin-bottom: .4em;
	}  
 
.ilmk ul {
 display: block;
 margin-bottom: .9em;
 margin-top: .7em;
 }

.ilmk p.headline{
 color: #336666;
 font-size: 1em;
 margin-left: 4em;
 margin-bottom: 2em;
 font-weight: 900;
 } 
 
.ilmk ul li{
 display: block;
 vertical-align: top;
 font-size: .75em;
 font-weight: 500;
 list-style-type: none;
 padding-left: 2.4em;
 padding-right: .4em;
 margin-top: .9em;
 margin-bottom: .4em;
 margin-left: .4em;
 background-color: #ffffdc;
 }
 
.ilmk p.leipis{
	margin-top: .6em;
	margin-bottom: .4em;
	} 

 		
.sarake{
	display: inline;
  width: 15em;
	padding-left: .5em;
	}
	
	
h5{
  text-align:left;
	margin-left: 3em;
	margin-top: .4em;
	margin-bottom: 0.3em;
}		
  
h6{
 	text-align:left;
	margin-left: 4.5em;
	font-size: .75em;
	margin-top: .4em;
	margin-bottom: 0.3em;
}				

.block ul li{
   background-color: #ffffff;
  list-style-image: url("pukki.jpg");
 }

.paikka{
  font-size: .9em;
	padding-left: 3em;	
	padding-bottom: 0.3em;
	font-weight: 700; 
	}
	


.esit h3 {
 text-align: left;
 margin-left: 1.5em;
 font-size: 1.0em;
 }
 
.ilm h3{
 font-size: 1.4em;
 color: #336666;
 } 

.ilmk h2 {
 font-size: 1.5em;
 margin-top: 2.5em;
 color: #336666;
 }

.ilmk h3 {
 font-size: 1.2em;
 margin-top: 2.5em;
 color: #336666;
 }  

.ilmk h4 {
 font-size: 1.0em;
 margin-top: 2.5em;
 color: #336666;
 }
  
 
.sisalto.esit h4 {
 font-size: 0.8em;
 } 
 
.sisalto .esit p{
 font-weight: normal;
 margin-left: 2em;
 } 

.kunta{
  display: block;
  width: 70%;
	border:	1px solid;
	margin-top: 1em;
	margin-bottom:1em;
	padding: .4em;
	background-color:#efefef;
	}

.kunta	h4{
 font-size: .8em;
 margin-top: 1em;
 }

.kunta p {
 font-size: .8em;
 font-weight: normal;
 margin-top: .1em;
 margin-bottom: .1em;
 } 

p.terkut{
 font-weight: 700;
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: 4em; 
} 

.ilm h4.nor{
 color: #336666;
}
	
.murut .left{
 display: inline;
 left: 0;
 text-align: left;
 width: 40%;
 position: relative;	
 z-index: 3;
 }

.murut .right{
 display: inline;
 text-align: right;
 position: relative;
 margin-right:0%;
  z-index: 3; 
 } 
 
.ilmm{
 background-color: #000;
 color: #fff;
 padding: 2em;
 margin-top: 1em;
 margin-bottom: 1em;
 }
 
.ilmm h3{
   font-size: 1.6em;
   text-align: center;
	 }

.ilmm h4{
      font-size: 1.3em;
   text-align: center;
	 }

.ilmm h5{
      font-size: 1.0em;
	 }	 	 

.ilmm .c10{
   text-align: center;
	 }
	 
.alaotsake{
 color: #ff0000;
 font-size: 1.0em;
 text-align: center;
 }	

/*.sisalto .teksti .paiva*/ 
.esitys p.leipis{
  font-size: 0.8em;
	margin-left: 4em;
	font-weight: 500;
	}
.esitys p.esittely{
  margin-top: 2em;
  font-size: 0.8em;
	margin-left: 6em;
	font-style: italic;
	font-weight: 500;
	}			


.esitys .block ul{
	margin-left: 6em;
	}
	
.esitys .block ul li{
  display: block;
  list-style-type: none;
	padding-left:.8em;	
  padding-right: .4em;	
	background-color:#fff;
  margin-right:0.5em;
	border-left: 1px solid #ff0000; 
	font-size: .9em;
		}	
			
.esitys .block ul li.ot{
  border-left: 0px solid #fff;
	font-weight: 900;
	}	

p.etusivu code {
  font-size: 1.1em;
	}
#rinki ul li{
  list-style-type: none;
  margin-left: 2em;
  font-size: .8em;
  font-weight: 600;
  margin-bottom: .7em;
}	 
  
}