@charset "iso-8859-2";



body {

	margin: 0 0 0 0;

	background-color: #bac7da;	

	font: 60% verdana, arial, helvetica, sans-serif;

	text-align: center; /* for IE */

	background-image: url('kuvat/tapetti2.gif');

	background-repeat: repeat-y repeat-x;

	background-position: top left;

}

#div_sivu {

	margin: 0 auto;   /* align for good browsers */

	text-align: center; /* counter the body center */

	width: 100%;

	position: relative;

	left:0px;

	right:0px;

	top:-30px;

	width:800px;

	height:800px;

	z-index:1;

}

#div_sivutausta {

	position: relative;

	margin: 0 auto;

	left: 0px;

	top: 0px;

	width: 742px;

	height: 914px;

	z-index: 2;

	background-image: url('kuvat/sivutausta.png');

	background-repeat: none;

	background-position: top left;

}

#div_logo {

	position: relative;

	margin: 0 auto;

	left: 0px;

	top: -840px;

	width: 261px;

	height: 118px;

	z-index: 3;

	background-image: url('kuvat/tanssistudio_logo_pieni.png');

	background-repeat: none;

	background-position: top left;

}

#div_sivuotsikko {

	position: relative;

	margin: 0 auto;

	left: -200px;

	top: -594px;

	width: 150px;

	height: 30px;

	z-index: 5;

}

#div_kuvapaikka {

	position: relative;

	border: 1px solid #888;

	margin: 0 auto;

	left: 0px;

	top: -835px;

	width: 560px;

	height: 195px;

	z-index: 3;

}

#div_leipis {	position: absolute;

	text-align: left;

	overflow-x: hidden;

	overflow-y: scroll;

	margin: 0 auto;

	border: 1px dotted #ccc;

	top: 480px;

	left: 120px;

	width: 360px;

	height: 290px;

	font-family: arial, helvetica, sans-serif;

	font-weight: normal;

	color: #000;

	font-size: 11px;

	line-height: 140%;

	z-index: 6;

	background-color: #fff;

}

#div_leipisOverflow0 {	position: absolute;

	text-align: left;

	margin: 0 auto;

	border: 1px dotted #ccc;

	top: 480px;

	left: 121px;

	width: 360px;

	height: 290px;

	font-family: arial, helvetica, sans-serif;

	font-weight: normal;

	color: #000;

	font-size: 120%;

	line-height: 140%;

	z-index: 6;

	background-color: #fff;

}

#div_highlight {	position: absolute;

	text-align: left;

	margin: 0 auto;

	top: 475px;

	overflow: auto;

	left: 500px;

	width: 180px;

	height: 300px;

	font-family: arial, helvetica, sans-serif;

	font-weight: bold;

	color: #f5af29;

	font-size: 15px;

	letter-spacing: -.02em;

	line-height: 150%;

	z-index: 6;

}

#div_highlight_pieni {	

	position: absolute;

	text-align: left;

	margin: 0 auto;

	top: 475px;

	overflow: auto;

	left: 500px;

	width: 180px;

	height: 300px;

	font-family: arial, helvetica, sans-serif;

	font-weight: bold;

	color: #f5af29;

	font-size: 13px;

	letter-spacing: -.02em;

	line-height: 150%;

	z-index: 6;

}

#div_yhteystiedot {	position: relative;

	margin: 0 auto;

	top: -460px;

	width: 420px;

	height: 200px;

	font-family: arial, helvetica, sans-serif;

	font-weight: normal;

	color: #888;

	font-size: 11px;

	line-height: 130%;

	z-index: 6;

}

p {

	margin: 5px 10px 10px 5px;

	padding: 0;

}

#div_rollover_1 {

	position: absolute;

	margin: 0 0 0 0;

	left: 108px;

	top: 212px;

	width: 85px;

	height: 85px;

	z-index: 5;

}

a:hover.rollover_1 {

	background-position: -85px 0;

}

a.rollover_1 {

	display: block;

	width: 85px;

	height: 85px;

	background: url("kuvat/etusivulle_off_on.png") 0 0 no-repeat;

}

#div_rollover_2 {

	position: absolute;

	margin: 0 0 0 0;

	left: -15px;

	top: -53px;

	width: 85px;

	height: 85px;

	z-index: 5;

}

a:hover.rollover_2 {

	background-position: -85px 0;

}

a.rollover_2 {

	display: block;

	width: 85px;

	height: 85px;

	background: url("kuvat/takaisin_off_on.png") 0 0 no-repeat;

}



/* Tästä alkaa lukujärjestyksen CSS */



#div_lukujarjestys {

	position: absolute;

	margin: 0 auto;

	top: 93px;

	left: 0px;

	width: 734px;

	height: 770px;
	
	line-height: 120%;
		
	border: 1px solid #000;

	background-color: #fff;

	z-index: 10;

}

#div_lukutekstit {	position: relative;

	margin: 0 auto;

	padding: 5px;

	top: 50px;

	width: 660px;

	height: 32px;

	font-family: arial, helvetica, sans-serif;

	font-weight: bold;

	color: #000;

	font-size: 130%;

	line-height: 130%;

	background-color: #fff;

	border-top: 1px solid #000;

	border-right: 1px solid #000;

	border-left: 1px solid #000;

	z-index: 8;

}

#div_1 {

	position: absolute;

	margin: 0 auto;

	width: 40px;

	height: 350px;

	top: 70px;

	left: 0px;

	padding-top: 70px;

	font-family: arial, helvetica, sans-serif;

	font-weight: bold;

	color: #000;

	font-size: 180%;

	line-height: 160%;

	background-color: #e1ecf8;

}

#div_2 {

	position: absolute;

	width: 40px;

	height: 300px;

	top: 420px;

	left: 0px;

	padding-top: 50px;

	font-family: arial, helvetica, sans-serif;

	font-weight: bold;

	color: #000;

	font-size: 180%;

	line-height: 160%;

	background-color: #f5dde5;

}

#div_ma {

	position: absolute;

	left: 40px;

	top: 0px;

	width: 100px;

	height: 660px;

}

#div_ti {

	position: absolute;

	left: 139px;

	top: 0px;

	width: 100px;

	height: 660px;

}

#div_ke {

	position: absolute;

	left: 238px;

	top: 0px;

	width: 100px;

	height: 660px;

}

#div_to {

	position: absolute;

	left: 337px;

	top: 0px;

	width: 100px;

	height: 660px;

}

#div_pe {

	position: absolute;

	left: 436px;

	top: 0px;

	width: 100px;

	height: 660px;

}

#div_la {

	position: absolute;

	left: 535px;

	top: 0px;

	width: 100px;

	height: 660px;

}

#div_su {

	position: absolute;

	left: 634px;

	top: 0px;

	width: 100px;

	height: 660px;

}

table {

	border-collapse: collapse;

}

td {

	padding: 0;

	margin: 0;

	width: 100px;

	height: 70px;

	border-left: 1px solid #777;

}

td.viikonpaivat {

	background-color: #fff;

}

td.isosali {

	background-color: #e1ecf8;

}

td.isosali2 {

	background-color: #d6e1ec;

}

td.pienisali {

	background-color: #f5dde5;

}

td.pienisali2 {

	background-color: #e9d3da;

}

td.sunnuntai_isosali {

	background-color: #d6e1ec;

}

td.sunnuntai_pienisali {

	background-color: #e9d3da;

}

p.kello {

	font-color: #ccc;

}

a img {

	border: 0;

}

#div_lukujarjestys_tiedot {	position: absolute;

	padding: 5px 0 0 0;

	left: 0;

	top: 865px;

	width: 734px;

	height: 26px;

	font-family: arial, helvetica, sans-serif;

	font-weight: normal;

	color: #000;

	font-size: 100%;

	line-height: 130%;

	border-right: 1px solid #000;

	border-bottom: 1px solid #000;

	border-left: 1px solid #000;

	background-color: #fff;

	z-index: 18;

}

.b2 {

	

	font-weight: bold;

	color: #9e9e9e;

}

.td2 {

	padding: 0;

	margin: 0;

	width: 100px;

	height: 20px;

	border-bottom: 1px solid #777;

	border-left: 0;

}

.td3 {

	padding: 0;

	margin: 0;

	width: 100px;

	height: 50px;

	border-bottom: 1px solid #777;

	border-left: 1px solid #777;

}