* {

	font-size:13px;

	font-family:helvetica, arial;

	line-height:20px;

	/*font-weight:normal;*/

	color:#333333;

	margin: 0;

	padding: 0;
	outline: none; -moz-outline-style: none;
}

body {  background-color:#ffffff;
		margin:0px;
	    padding:0px;
}


.alaotsikko{font-size:14px;

				font-family:arial;

				font-style:italic;
				font-weight: bold;

				color:#666666;
				text-decoration:none;
			/*	padding: 10px;*/
				line-height: 21px;

}

.alaotsikko_valittu{font-size:14px;

				font-family:arial;

				font-style:italic;
				font-weight: bold;
				text-decoration: underline;
				color:#000000;
				/*padding-top: 10px;*/
				line-height: 21px;

}

.alaotsikko:hover{

				color:#000000;

}


.ala-alaotsikko_eivalittu {font-size:13px;

				font-family:arial;

				font-style:italic;
				font-weight: bold;


				color:#666666;
				text-decoration:none;
				padding-left:45px;
				line-height: 23px;

}

.ala-alaotsikko_eivalittu:hover{


				color:#000000;

}

.ala-alaotsikko_valittu {font-size:13px;

				font-family:arial;

				font-style:italic;
				font-weight: bold;

				color:#000000;
				text-decoration: underline;
				padding-left: 45px;
				line-height: 23px;

}

.yhteinen_keskitys { width: 1016px;
					text-align:left;
					position:relative;
}






.muut_yla { position: relative;
			width: 1012px;
			height: 255px;
			background-image: url(tausta_muut.jpg);
}

.kesasivu_yla { position: relative;
			width: 1017px;
			height: 260px;
			background-image: url(tausta_kesasivu.jpg);
}
.kesasivu_yla_eng{ position: relative;
			width: 1017px;
			height: 260px;
			background-image: url(tausta_kesasivu_eng.jpg);
}

.muut_alatable { position: relative;
			    width: 1012px;
			    background-image: url(repeat_tausta_ala.jpg);
				background-repeat: repeat;
				margin-left: 1px;
				margin-top: 10px;
}

.muut_alatable_td1 { position: relative;
					width: 325px;
					margin-left: 0px;
					margin-top: 5px;
					padding-left: 2px;
					vertical-align: top;

}

.muut_alatable_td2 { position: relative;
					width: 490px;
					padding-left: 20px;
					padding-top: 0px;
					text-align: left;
					vertical-align: top;
}

.muut_alatable_td3 { position: relative;
					width: 172px;
					padding-left: 10px;
					padding-top: 0px;
					vertical-align: top;

}

.lomakkeen_pohja{ position: relative;
				padding:15px;
}

.ilmoittaudu_nappula { position: relative;
				width: 75px;
				height: 15px;
				background-color:#000000;
				font-size:10px;
				font-family:helvetica;
				font-style:normal;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 15px;
				margin: 0px;
				cursor:pointer;
}

.otsikon_pohja1 { position: relative;
				width: 260px;
				height: 40px;
				background-color:#000000;
				font-size:20px;
				font-family:helvetica;
				font-style:italic;
				font-weight: normal;
				color:#ffffff;
				text-align: center;
				line-height: 13px;
				margin-bottom: 15px;
}

.otsikon_pohja2 { position: relative;
				 width: 365px;
				height: 40px;
				background-color:#000000;
				font-size:28px;
				font-family:helvetica;
				font-style:italic;
				font-weight: normal;
				color:#ffffff;
				text-align: center;
				line-height: 43px;
				margin-bottom: 15px;
}

.otsikon_pohja2special { position: relative;
				width: 385px;
				height: 40px;
				background-color:#000000;
				font-size:24px;
				font-family:helvetica;
				font-style:italic;
				font-weight: normal;
				color:#ffffff;
				text-align: center;
				line-height: 43px;
				margin-bottom: 15px;
}
.otsikon_pohja2special2 { position: relative;
				width: 420px;
				height: 40px;
				background-color:#000000;
				font-size:21px;
				font-family:helvetica;
				font-style:italic;
				font-weight: normal;
				color:#ffffff;
				text-align: center;
				line-height: 43px;
				margin-bottom: 15px;
}

.pinkki_pohja { position: relative;
				width: 124px;
				height: 25px;
				background-color:#e8327b;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}

.otsikon_pohja3 { position: relative;
				width: 124px;
				height: 25px;
				background-color:#000000;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}

.otsikon_pohja4 { position: relative;
				width: 150px;
				height: 25px;
				background-color:#000000;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}

.otsikon_pohja5 { position: relative;
				width: 250px;
				height: 25px;
				background-color:#000000;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}

.otsikon_pohja6 { position: relative;
				width: 180px;
				height: 25px;
				background-color:#000000;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}
/*alex*/
h3 { position: relative;
				width: 180px;
				height: 25px;
				background-color:#000000;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}
/* tuntivaihtoehdot otsikko */
h4{ position: relative;
				width: 124px;
				height: 25px;
				background-color:#000000;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}
/* pinkki otsikko */
h5 { position: relative;
				width: 124px;
				height: 25px;
				background-color:#e8327b;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}
h2 { position: relative;
				width: 300px;
				height: 25px;
				background-color:#000000;
				font-size:14px;
				letter-spacing: 1px;
				font-family:helvetica;
				font-style:;
				font-weight: bold;
				color:#ffffff;
				text-align: center;
				line-height: 25px;
				margin-bottom: 10px;
				margin-top: 10px;
}


.etusivu_nappulatable { width: 1003px;
					position: relative;
					margin-left: 3px;
					margin-top: 2px;

}


.etusivu_yla { position: relative;
				width: 1003px;
				height: 394px;
				background-image: url(tausta_etusivu.jpg);
}


/*************/

.tuntivaihtoehdot { width:132px;
					height:40px;
					position: absolute;
					top:0px;
					left:15px;

}

.tuntivaihtoehdot_musta {width:132px;
						height:40px;
						position: absolute;
						top:0px;
						left:15px;
						background-image: url(valitut_valilehdet.jpg);
						background-position: 0px 0px;
						display: block;


}

.tuntivaihtoehdot:hover {background-image: url(valitut_valilehdet.jpg);
						 background-position: 0px 0px;
						 display: block;
 }


 .ilmoittautuminen { width:133px;
					height:40px;
					position: absolute;
					top:0px;
					left:147px;

}


 .ilmoittautuminen_musta{ width:133px;
					height:39px;
					position: absolute;
					top:0px;
					left:147px;
					background-image: url(valitut_valilehdet.jpg);
					background-position: -132px 0px;
					display: block;
}



.ilmoittautuminen:hover {background-image: url(valitut_valilehdet.jpg);
						 background-position: -132px 0px;
						 display: block;
 }


  .toimipaikat { width:102px;
					height:40px;
					position: absolute;
					top:0px;
					left:279px;

}


  .toimipaikat_musta{ width:102px;
					height:40px;
					position: absolute;
					top:0px;
					left:279px;
					background-image: url(valitut_valilehdet.jpg);
					background-position: -264px 0px;
				    display: block;
}

.toimipaikat:hover {background-image: url(valitut_valilehdet.jpg);
						 background-position: -264px 0px;
						 display: block;
 }


  .hinnat { width:73px;
					height:40px;
					position: absolute;
					top:0px;
					left:381px;

}

  .hinnat_musta { width:73px;
					height:40px;
					position: absolute;
					top:0px;
					left:381px;
					background-image: url(valitut_valilehdet.jpg);
					background-position: -366px 0px;
					display: block;
}


.hinnat:hover {background-image: url(valitut_valilehdet.jpg);
						 background-position: -366px 0px;
						 display: block;
 }


  .opettajat { width:84px;
					height:40px;
					position: absolute;
					top:0px;
					left:453px;

}

  .opettajat_musta { width:84px;
					height:40px;
					position: absolute;
					top:0px;
					left:453px;
					background-image: url(valitut_valilehdet.jpg);
					background-position: -438px 0px;
					display: block;
}


.opettajat:hover {background-image: url(valitut_valilehdet.jpg);
						 background-position: -438px 0px;
						 display: block;
 }

  .ajankohtaista{ width:106px;
					height:40px;
					position: absolute;
					top:0px;
					left:538px;

}

  .ajankohtaista_musta { width:106px;
					height:40px;
					position: absolute;
					top:0px;
					left:538px;
					background-image: url(valitut_valilehdet.jpg);
					background-position: -522px 0px;
					display: block;
}


.ajankohtaista:hover {background-image: url(valitut_valilehdet.jpg);
						 background-position: -522px 0px;
						 display: block;
 }

   .info { 			width:60px;
					height:40px;
					position: absolute;
					top:0px;
					left:644px;

}

.info_musta {		width:60px;
					height:40px;
					position: absolute;
					top:0px;
					left:644px;
					background-image: url(valitut_valilehdet.jpg);
						 background-position: -626px 0px;
						 display: block;
 }

.info:hover {background-image: url(valitut_valilehdet.jpg);
						 background-position: -626px 0px;
						 display: block;
 }


 .otayhteytta{ width:160px;
					height:40px;
					position: absolute;
					top:0px;
					left:847px;
}

 .otayhteytta:hover{ background-image: url(valitut_valilehdet.jpg);
						 background-position: -685px 0px;
						 display: block;

}


 .otayhteytta_musta{ width:160px;
					height:40px;
					position: absolute;
					top:0px;
					left:847px;
					background-image: url(valitut_valilehdet.jpg);
					background-position: -685px 0px;
					display: block;
}

/*************************/

 .kesa2011{ width:133px;
					height:38px;
					position: absolute;
					top:0px;
					left:15px;
}

 .kesa2011:hover{ background-image: url(valitut_valilehdet_kesa.jpg);
						 background-position: -0px 0px;
						 display: block;

}


 .kesa2011_musta{ width:133px;
					height:38px;
					position: absolute;
					top:0px;
					left:15px;
					background-image: url(valitut_valilehdet_kesa.jpg);
					background-position: -0x 0px;
					display: block;
}

 .kesa2011_eng{ width:133px;
					height:38px;
					position: absolute;
					top:0px;
					left:15px;
}

 .kesa2011_eng_musta{ width:133px;
					height:38px;
					position: absolute;
					top:0px;
					left:15px;
					background-image: url(valitut_valilehdet_kesa_eng.jpg);
					background-position: -0x 0px;
					display: block;
}
 .kesa2011_eng:hover{ background-image: url(valitut_valilehdet_kesa_eng.jpg);
						 background-position: -0px 0px;
						 display: block;
}
.etusivulle{ width:132px;
					height:38px;
					position: absolute;
					top:0px;
					left:148px;
}

 .etusivulle:hover{ background-image: url(valitut_valilehdet_kesa.jpg);
						 background-position: -133px 0px;
						 display: block;

}


 .etusivulle_musta{ width:132px;
					height:38px;
					position: absolute;
					top:0px;
					left:148px;
					background-image: url(valitut_valilehdet_kesa.jpg);
					background-position: -133x 0px;
					display: block;
}

.etusivulle_eng{ width:132px;
					height:38px;
					position: absolute;
					top:0px;
					left:148px;
}

 .etusivulle_eng:hover{ background-image: url(valitut_valilehdet_kesa_eng.jpg);
						 background-position: -133px 0px;
						 display: block;

}
.inenglish{ width:102px;
					height:38px;
					position: absolute;
					top:0px;
					left:280px;
}

 .inenglish:hover{ background-image: url(valitut_valilehdet_kesa.jpg);
						 background-position: -265px 0px;
						 display: block;

}
.inenglish_eng{ width:102px;
					height:38px;
					position: absolute;
					top:0px;
					left:280px;
}

 .inenglish_eng:hover{ background-image: url(valitut_valilehdet_kesa_eng.jpg);
						 background-position: -265px 0px;
						 display: block;

}


 .inenglish_musta{ width:102px;
					height:38px;
					position: absolute;
					top:0px;
					left:280px;
					background-image: url(valitut_valilehdet_kesa.jpg);
					background-position: -265x 0px;
					display: block;
}


/***************/

.kuva_muut { width:674px;
					height:206px;
					position: absolute;
					top:43px;
					left:333px;
}

 /********************/

.logo {
					width:300px;
					height:286px;
					position: absolute;
					top:60px;
					left:22px;
					background-image: url(logo_etusivu.jpg);
					display: block;
}
.logo_ei_etusivu {
					width:300px;
					height:286px;
					position: absolute;
					top:60px;
					left:22px;
					background-image: url(logo.jpg);
					background-repeat: no-repeat;
					display: block;
}

.alatunniste { background-image: url(alatunniste.jpg);
				display: block;
				width: 1016px;
				height: 48px;
				position: relative;
				margin-left: 3px;
}

/****************/

.tasokoodi{	width:120px;
				position: relative;
				vertical-align:top;
}

.tuntikoodi{	width:60px;
				position: relative;

}

.paiva{			width:30px;
				position: relative;
}

.klo{			width:45px;
				position: relative;
}

.paikkakoodi{	width:45px;
				position: relative;
}

.paikkakoodi2{	width:60px;
				position: relative;
				vertical-align:top;
}

.opettajakoodi{	width:45px;
				position: relative;
}

.kesto{			width:60px;
				position: relative;
}

.tunnit{		width:75px;
				position: relative;
}

.ikaryhma{		width:60px;
				position: relative;
}

.alkamispaiva{	width:40px;
				position: relative;
}

.taynna{		width:45px;
				position: relative;
}

.checkbox{		width:120px;
				position: relative;
				vertical-align:top;
}

.checkbox2{		width:70px;
				position: relative;
				vertical-align:top;
}

.checkbox3{		width:500px;
				position: relative;
				vertical-align:top;
}

/***pieni ikoni joka sivulla**/
.fb_yla{
	cursor:pointer;
	height:28px;
	width:25px;
	position:absolute;
	left:810px;
	top:3px;
	border:1px;
}
.eng_yla{
	cursor:pointer;
	height:28px;
	width:28px;
	position:absolute;
	left:775px;
	top:3px;
	border:1px;
}

b{font-weight:bold;}

td {vertical-align:top;}




/*******JOHANNAN_MUOKATTAVAT************/



.sivubanner_ilmo{ width:168px;
							   height:88px;
							   display:block;
							   background-image: url(sivubanner_ilmo.jpg);
							   position: relative;
							   margin-bottom: 10px;
							   cursor:pointer;
}

.sivubanner_selaa{ 		   width:168px;
							   height:88px;
							   display:block;
							   background-image: url(sivubanner_selaa.jpg);
							   position:relative;
							   margin-bottom: 10px;
							   cursor:pointer;
}

.sivubanner_fb{ 		   width:169px;
							   height:190px;
							   display:block;
							   background-image: url(sivubanner_fb.jpg);
							   position:relative;
							   margin-bottom: 10px;
							   cursor:pointer;
}


.etusivu_nappula_kesa{ 	width: 334px;
						height: 163px;
						background-image: url(etusivu_nappula_kesasivut.jpg);
						display: block;
						margin-right:0px;
}

.etusivu_nappula_tunnit{width: 333px;
						height: 163px;
						background-image: url(etusivu_nappula_tuntitarjonta.jpg);
						display: block;
						margin-right:0px;
}

.etusivu_nappula_fb{ width: 327px;
					height: 162px;
					background-image: url(etusivu_nappula_fb.jpg);
					display: block;
					margin-right:0px;
}

#fb-root{
	position:absolute;
	width:50px;
	top:-100px;
	left:-1000px;
}