@charset "iso-8859-2";



body {
	margin: 0 0 0 0;	
	font: 60% verdana, arial, helvetica, sans-serif;
	text-align: center; /* for IE */
	background: url('kuvat/tapetti2.gif') repeat top left;
}
#div_liuku {
	margin: 0 auto;
	width: 968px;
	height: 950px;
	background: url('kuvat/sivuliuku.png') repeat-y top left;	
}
#div_sivu {
	margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
	width: 100%;
	position: absolute;
	left:0px;
	right:0px;
	top:0;
	width:900px;
	height: 458px;
	z-index:1;
	background: ;
}
#div_sivu2 {
	margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
	width: 100%;
	position: absolute;
	left:0px;
	right:0px;
	top:475px;
	width:900px;
	height: 475px;
	/*height:950px;*/
	z-index:2;
	background: #FFFFFF;
}
#div_sivu2_tausta {
	margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
	width: 100%;
	position: absolute;
	left:-15px;
	right:0px;
	top:459px;
	width:950px;
	height: 525px;
	/*height:950px;*/
	z-index:1;
	background: url('kuvat/alasivu_tausta.png') top left no-repeat;
}
#div_logo {
	position: relative;
	margin: 0 auto;
	left: 0px;
	top: 5px;
	width: 261px;
	height: 118px;
	z-index: 30;
	background-image: url('kuvat/tanssistudio_logo_pieni.png');
	background-repeat: none;
	background-position: top left;
}

#div_kuvapaikka {
	position: relative;
	left: 0;
	top: -10px;
	width: 900px;
	height: 320px;
	z-index: 3;
}
#div_kuvatausta {
	position: absolute;
	left: -21px;
	top: 97px;
	width: 950px;
	height: 390px;
	z-index: 2;
	background: url('kuvat/kuva_tausta.png') top left no-repeat;
}

#div_sivuotsikko {
	position: relative;
	left: 17px;
	top: 364px;
	width: 150px;
	height: 30px;
	z-index: 5;
}

#div_leipis {	
	position: relative;
	margin: 5px 10px 10px 12px;
	padding: 0 10px 0 0 ;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	top: 50px;
	left: 5px;
	width: 600px;
	height: 400px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 12px;
	line-height: 140%;
	z-index: 6;
	background-color: #fff;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	float: left;
}
#div_highlight {
	position: relative;
	text-align: left;
	top: 50px;
	right: 17px;
	width: 240px;
	height: 300px;
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #ff8a00;
	/*color: #f5af29;*/
	font-size: 15px;
	letter-spacing: +.02em;
	line-height: 150%;
	float: right;
	z-index: 6;
}

#div_yhteystiedot {
	position: relative;
	margin: 0 auto;
	padding: 5px 0 0 0;
	top: 40px;
	width: 890px;
	height: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: #888;
	font-size: 11px;
	line-height: 130%;
	z-index: 6;
	border-top: 1px solid #ccc;
	clear: both;
}

hr {
	border-top: 1px dashed #cccccc;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

em {
	color: #C00C00;	
	font-style: italic;	
}

p {
	margin: 5px 10px 10px 0;
	padding: 0;
}
.paivays {
	color: #C00C00;	
	font-style: italic;
	margin: 5px 0 0 0;
}
.otsikko {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 0 0;
}

#div_rollover_1 {
	position: absolute;
	margin: 0 0 0 0;
	left: -10px;
	top: 110px;
	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;
	left: 60px;
	top: 63px;
	width: 734px;
	height: 770px;
	line-height: 115%;
	border: 1px solid #000;
	background-color: #fff;
	z-index: 10;
}
#div_lukujarjestys_tausta {
	position: absolute;
	margin: 0 auto;
	left: 35px;
	top: -3px;
	width: 780px;
	height: 900px;
	background: url('kuvat/lukujarjestys_tausta.png') top left no-repeat;
	z-index: 1;
}

#div_lukutekstit { 
	position: relative;
	margin: 0 auto;
	padding: 5px;
	left: -22px;
	top: 20px;
	width: 724px;
	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: 60px;
	top: 835px;
	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 0 0 4px;
	margin: 0;
	width: 100px;
	height: 20px;
	border-bottom: 1px solid #777;
	border-left: 0;
}

.td3 {
	padding: 0 0 0 4px;
	margin: 0;
	width: 100px;
	height: 50px;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
}

a	{
	color: #1161b3;
}

/* LIGHTBOX CSS ALKAA */

.kuvagalleria {
	padding: 0;
	margin: 4px 2px 0 0;
	border: 1px solid #000000;
	opacity: 0.85;
}
.kuvagalleria:hover {
	border: 1px solid #ff8a00;
	opacity: 1;	
}

/* LIGHTBOX CSS LOPPUU */