* {
	padding: 0; 
	margin: 0;
}


.clearer { 
	clear: both; 
	width: 100%; 
	height: 0; 
	line-height: 0; 
	font-size: 0;
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* body */

body {
	background: #dddede url(tausta.png) repeat-y left top;
	text-align: center;
}

img { 
	border: none;
}



/* Teksti
------------------------ */

A:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6c6c6c;
}

A:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6c6c6c;
}

A:hover, A:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #003399;
}

/* Valikko 
--------------------------------*/


ul#nav { background: url(valikko.png); position: relative; margin-top: 25px; z-index: 1; }
ul#nav li { list-style-type: none }
ul#nav li a { display: block; position: absolute; text-indent: -9999px; outline: none; height: 40px }

li#nav_etusivu a, li#nav_opetus a, li#nav_keikat a, li#nav_kuvat a, li#nav_yhteystiedot a, li#nav_index_en a { background: url(valikko.png) }

li#nav_etusivu a			    { background-position: 0 0; width: 103px; top: 0px }
li#nav_etusivu a:hover 			    { background-position: -103px 0 }
body#etusivu li#nav_etusivu a		    { background-position: -103px 0 }

li#nav_opetus a				    { background-position: 0 -40px; width: 103px; top: 35px }
li#nav_opetus a:hover 			    { background-position: -103px -40px }
body#opetus li#nav_opetus a		    { background-position: -103px -40px }

li#nav_keikat a				    { background-position: 0 -70px; width: 103px; top: 65px }
li#nav_keikat a:hover 			    { background-position: -103px -70px }
body#keikat li#nav_keikat a		    { background-position: -103px -70px }

li#nav_kuvat a				    { background-position: 0 -110px; width: 103px; top: 105px }
li#nav_kuvat a:hover 			    { background-position: -103px -110px }
body#kuvat li#nav_kuvat a	            { background-position: -103px -110px }

li#nav_yhteystiedot a			    { background-position: 0 -160px; width: 103px; top: 155px }
li#nav_yhteystiedot a:hover 		    { background-position: -103px -160px }
body#yhteystiedot li#nav_yhteystiedot a     { background-position: -103px -160px }

li#nav_index_en a                           { background-position: 0 -200px; width: 103px; top: 195px }
li#nav_index_en a:hover                     { background-position: -103px -200px }
body#index_en li#nav_index_en a 	    { background-position: -103px -200px }

/* Valikko ENG
--------------------------------*/


ul#nav_en { background: url(valikko_en.png); position: relative; margin-top: 25px; z-index: 1; }
ul#nav_en li { list-style-type: none }
ul#nav_en li a { display: block; position: absolute; text-indent: -9999px; outline: none; height: 40px }

li#nav_index_eng a, li#nav_teaching a, li#nav_gigs a, li#nav_pictures a, li#nav_contactinfo a, li#nav_index a { background: url(valikko_en.png) }

li#nav_index_eng a                           { background-position: 0 0; width: 103px; top: 0px }
li#nav_index_eng a:hover                     { background-position: -103px 0 }
body#index_eng li#nav_index_eng a             { background-position: -103px 0 }

li#nav_teaching a                           { background-position: 0 -40px; width: 103px; top: 35px }
li#nav_teaching a:hover                     { background-position: -103px -40px }
body#teaching li#nav_teaching a             { background-position: -103px -40px }

li#nav_gigs a                               { background-position: 0 -70px; width: 103px; top: 65px }
li#nav_gigs a:hover                         { background-position: -103px -70px }
body#gigs li#nav_gigs a                     { background-position: -103px -70px }

li#nav_pictures a                           { background-position: 0 -110px; width: 103px; top: 105px }
li#nav_pictures a:hover                     { background-position: -103px -110px }
body#pictures li#nav_pictures a             { background-position: -103px -110px }

li#nav_contactinfo a                        { background-position: 0 -160px; width: 103px; top: 155px }
li#nav_contactinfo a:hover                  { background-position: -103px -160px }
body#contactinfo li#nav_contactinfo a       { background-position: -103px -160px }

li#nav_index a                              { background-position: 0 -200px; width: 103px; top: 195px }
li#nav_index a:hover                        { background-position: -103px -200px }
body#index li#nav_index a                   { background-position: -103px -200px }





/* Teksti
----------------------------------*/
 
h1 { 
        font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		text-align: left;
		font-weight: 200;
		color: #6c6c6c;
		padding-bottom: 10px;
		padding-top: 5px;
}


h2, h3 {
        font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		text-align: left;
		font-weight: 200;
		color: #6c6c6c;
		padding-bottom: 10px;
		padding-top: 5px;
}

p {
	padding-bottom: 15px;
	font-family: Georgia, serif;
	line-height: 1.5;
	text-align: left;
	color: #000000;
	font-weight: 100;
	font-size: 100%;
}

p.galleria img { border: 1px solid black; padding: 4px; }


td {
	font-size: 15px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	text-align: left;
	padding: 10px;
	
}

/* 
Content 
---------------------------*/

#roiske {
	width: 149px;
	height: 452px;
	z-index: 3;
	position: fixed;	
	left: 0;
	top: 0;
	background: url(roiske2.png);
}

#head {	
	z-index: 3;
	width: 800px;
        height: 74px;
	left: 165px;
	top: 30px;
	text-align: left;
	float: left;
	position: relative;
}

#sisalto {
	width: 800px;
	z-index: 3;
	padding: 0;
	margin: 0;
	left: 165px;
	float: left;
	top: 35px;
	position: relative;
}

#keikat {
	float: left;
}
	
#vali {
	z-index: 3;
	width: 800px;
	height: 300px;
	top: 35px;
	left: 165px;
	text-align: left;
	float: left;
	position: relative;

}

#kuva {
	z-index: 6000;
	width: 430px;
	height: 300px;
	float: left;
	text-align: left;
}



#valikko {
	z-index: 2;
	width: 103px;
	height: 239px;
	float: left;
}


#content {
	width: 410px;
	background: url(tausta2.png);
	float: left;
	padding: 8px;
	margin-bottom: 50px;
}


#kukat {
	background: url(kukat.png);
	width: 750px;
	height: 529px;
	position: fixed;
	left: 230px;
	bottom: 0px;
	z-index: 1;
}

.vuosi {
	width: 70px;
	height: 40px;
	text-align: left;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: 500;
	color: #939393;
	position: relative;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}