body {			background-color: #ffffff; text-align: left; margin: 0px; padding: 0px;
			/*background-image: url(sds_bcg_jatko.gif); background-repeat: repeat-y; background-attachment: fixed; JÄTETÄÄN ffffff bcg */
			overflow-x: hidden;
			/* overflow: hidden; overflow-x: hidden; overflow-y: hidden; OPERA ja MOZILLA SEKOAA?*/
			scrollbar-base-color: #d6d6ef; scrollbar-arrow-color: #fffefe;
			scrollbar-darkshadow-color: #fffefe; scrollbar-face-color: #d6d6ef;
			scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff;
			scrollbar-shadow-color: #d6d6ef; scrollbar-track-color: #fffefe;
}

#container {		position: relative; margin: 0 auto; width: 1367px; height: 2100px/*1079px*/; text-align: left; overflow: hidden; overflow-x: hidden; overflow-y: hidden;
			background-position: center center; background-image: url(sds_bcg_jatko.gif); background-repeat: repeat-y; background-attachment: scroll;
}

table {			width: 100%; height: 100%; background-color: #ffffff;}
td {			vertical-align: middle; text-align: center;}

/*	afro, html content8
	break, html content9
	hiphop, html content10
	street, html content11
	dancehall, html content12
	showdance, html content13 */
	
	#gal8 {				visibility: hidden; position: absolute;
					left: 620px; top: 299px; width: 280px; height: 1005px;
					margin: 0 auto; text-align: left; z-index: 800;}
					
	#gal9 {				visibility: hidden; position: absolute;
					left: 620px; top: 659px; width: 280px; height: 800px;
					margin: 0 auto; text-align: left; z-index: 800;}
					
	#gal10 {			visibility: hidden; position: absolute;
					left: 620px; top: 1109px; width: 280px; height: 800px;
					margin: 0 auto; text-align: left; z-index: 800;}
					
	#gal11 {			visibility: hidden; position: absolute;
					left: 620px; top: 1199px; width: 280px; height: 800px;
					margin: 0 auto; text-align: left; z-index: 800;}
	
	#gal12 {			visibility: hidden; position: absolute;
					left: 620px; top: 929px; width: 280px; height: 800px;
					margin: 0 auto; text-align: left; z-index: 800;}
	
	#gal13 {			visibility: hidden; position: absolute;
					left: 620px; top: 1649px; width: 280px; height: 800px;
					margin: 0 auto; text-align: left; z-index: 800;}
					
					
					
#yla {			position: absolute; left: 0px; top: 0px; margin: 0 auto; text-align: right; overflow: hidden; overflow-x: hidden; overflow-y: hidden;}
#linkit {		position: absolute; left: 113px; top: 294px; margin: 0 auto; text-align: right; overflow: hidden; overflow-x: hidden; overflow-y: hidden;}
#logo {			position: absolute; left: 40px; top: 476px; margin: 0 auto; text-align: right; overflow: hidden; overflow-x: hidden; overflow-y: hidden;}

#osoite {				position: absolute; left: 40px; top: 566px; margin: 0 auto; text-align: right; overflow: hidden; overflow-x: hidden; overflow-y: hidden;}
p.osoite {				font-family: verdana; font-weight: normal; font-size: 10px; color: #000000;
					line-height: 12px; text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;}
a.os:link, a.os:visited {		line-height: 12px; text-decoration: none; font-family: verdana; font-weight: normal; font-size: 10px; color: #d50d16;}
a.os:hover, a.os:active {		line-height: 12px; text-decoration: none; font-family: verdana; font-weight: normal; font-size: 10px; color: #d5a5ae;}

#map {			visibility: visible; position: absolute; left: 40px; top: 650px; margin: 0 auto; text-align: right; z-index: 500}



/* VASEN */
#otsikko1 {		visibility: visible; position: absolute; left: 312px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; overflow: hidden; overflow-x: hidden; overflow-y: hidden; z-index: 100;}
#otsikko2, #otsikko3, #otsikko4, #otsikko5 {
			visibility: hidden; position: absolute; left: 312px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; overflow: hidden; overflow-x: hidden; overflow-y: hidden; z-index: 100;}

#content1 {		visibility: visible; position: absolute; left: 314px; top: 346px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 120;}
			#content1kapea {
			visibility: hidden; position: absolute; left: 314px; top: 346px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 125;}

#content2, #content4, #content5 {
			visibility: hidden; position: absolute; left: 314px; top: 346px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 120;}
			#content3 {
			background-color: #d6d6ef;
			visibility: hidden; position: absolute; left: 314px; top: 346px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 120;}
			
#kuva1 {		visibility: visible; position: absolute; left: 314px; top: 346px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 120;}
#kuva2, #kuva3, #kuva5 {visibility: hidden; position: absolute; left: 314px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 120;}
			/*overflow: hidden; overflow-x: hidden; overflow-y: hidden;*/

			#kuva4 {visibility: hidden; position: absolute; left: 314px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 120;}


/* OIKEA */
#oikots1 {		visibility: visible; position: absolute; left: 618px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; overflow: hidden; overflow-x: hidden; overflow-y: hidden; z-index: 140;}
#oikots2, #oikots3, #oikots4, #oikots5 {
			visibility: hidden; position: absolute; left: 618px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; overflow: hidden; overflow-x: hidden; overflow-y: hidden; z-index: 140;}

#oikcon1 {		visibility: visible; position: absolute; left: 620px; top: 346px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 160;}
#oikcon2, #oikcon3, #oikcon4, #oikcon5 {
			visibility: hidden; position: absolute; left: 620px; top: 346px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 160;}
			/*overflow: hidden; overflow-x: hidden; overflow-y: hidden;*/
#oikkuva1 {		visibility: visible; position: absolute; left: 620px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 160;}
#oikkuva2, #oikkuva3, #oikkuva4, #oikkuva5 {
			visibility: hidden; position: absolute; left: 620px; top: 299px; width: 280px;
			margin: 0 auto; text-align: left; z-index: 160;}
			/*overflow: hidden; overflow-x: hidden; overflow-y: hidden;*/

			/* KARTTA */
			#oikots6 {	visibility: hidden; position: absolute; left: 618px; top: 299px; width: 280px;
					margin: 0 auto; text-align: right; overflow: hidden; overflow-x: hidden; overflow-y: hidden; z-index: 160;}
			#oikcon6 {	visibility: hidden; position: absolute; left: 620px; top: 342px; width: 280px;
					margin: 0 auto; text-align: right; overflow: hidden; overflow-x: hidden; overflow-y: hidden; z-index: 160;}
			
			/* KIELET */
			#lang {		position: absolute; left: 766px; top: 256px; margin: 0 auto; text-align: right; overflow: hidden; overflow-x: hidden; overflow-y: hidden;}



p {			font-family: verdana; font-weight: normal; font-size: 11px; color: #000000;
			line-height: 16px; text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 12px;}

p.otsikko {		font-family: "trebuchet ms", verdana, arial, helvetica; font-weight: normal; font-size: 26px; color: #d50d16;
			line-height: 28px; text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 12px;}

p.valiots {		font-family: "trebuchet ms", verdana, arial, helvetica; font-weight: normal; font-size: 14px; color: #d50d16;
			line-height: 14px; text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 10px;}

p.bold {		font-family: verdana; font-weight: bold; font-size: 12px; color: #000000;
			line-height: 18px; text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 12px;}

.msg {			font-family: verdana; font-size: 11px; color: #000000; font-weight: normal;
			width: 243px; height: 80px; background-position: left; text-align: left;}
.viesti2 {		font-family: verdana; font-size: 11px; color: #000000; font-weight: normal; text-align: left;}
.nappain {		font-family: verdana; font-weight: normal; font-size: 11px; color: #000000;
			text-decoration: none; width: 110px;}

/* LINKKISTYLET */

a:link, a:visited {		line-height: 16px; text-decoration: none; font-family: verdana; font-weight: normal; font-size: 11px; color: #d50d16;}
a:hover, a:active {		line-height: 16px; text-decoration: none; font-family: verdana; font-weight: normal; font-size: 11px; color: #d5a5ae;}

a.vali:link, a.vali:visited {	line-height: 14px; text-decoration: none; font-family: verdana; font-weight: bold; font-size: 12px; color: #d50d16;
				text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 10px;}
a.vali:hover, a.vali:active {	line-height: 14px; text-decoration: none; font-family: verdana; font-weight: bold; font-size: 12px; color: #d5a5ae;
				text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 10px;}