img{
 border:none;
}

img.linkkikuva{
 border:none;
 padding:1px;
}

.tausta{
 background-color:#ffffcc;
 text-align:center;
}

.soitin{
text-align:right;
width:300px;
height:120px;
padding-top:5px;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#0c0c0c;
background-color:#ffffcc;
position:absolute;
top:10px;
left:660px;
}

.etusivu_linkit{
 position:absolute;
 top:150px;
 left:715px;
 width:200px;
 padding-top:10px;
 padding-bottom:20px;
 border-bottom:1px dotted #000000;
 border-top:1px dotted #000000;
}

.etusivu_linkit .youtube_link{
 border-bottom:1px dotted #000000;
 margin-bottom:15px;
 padding-bottom:10px;
}

.etusivu_linkit .youtube_link a img{
	margin-bottom:5px;
}

.etusivu_linkit .youtube_link a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0000FF;
	text-decoration:none;
}	

.etusivu_linkit .youtube_link a:hover{
	color:#000000;
}

.etusivu_kuva{
 position:absolute;
 top:5px;
 left:10px;
 text-align:center;
 display:block;
 width:640px;
 margin:auto;
 /*border:1px solid #cccccc;*/
 padding:3px;
}

.etusivu_teksti{
 text-align:center;
 display:block;
 width:640px;
 /*margin:auto;*/
 position:absolute;
 top:450px;
 left:14px;
}

.sisalto_teksti{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 vertical-align:top;
 padding:3px;
 padding-left:5px;
 text-align:left;
}

/*TESTAUKSEEN*/

.sisalto_tausta{
background-image:url("../pic/bg.gif");
}

.koko{
 width:100%;
}

.otsikko_alue{
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:2.2em;
 position:relative;
 display:block;
 top:10px;
 left:50px;
 padding-top:1.7em;
 padding-bottom:0.5em;
 text-align:center;
 width:95%;
}

.linkit{
 position:fixed;
 /*top:127px;
 left:15px;*/
 float:left;
 /*display:inline-block;*/
 width:20%;
 padding-left:1em;
}

.sisalto_alue{
 display:inline-block;
 position:relative;
 width:75%;
 border:1px solid #000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:0.8em;
 color:#000000;
 background-color:#ffffff;
 padding-bottom:15px;
 float:right;
}


/*LEVYT*/

.levy_alue{
 padding-left:5px;
 padding-right:4px;
 padding-top:10px;
 padding-bottom:10px;
 display:table;
 /*border:1px solid #000000;*/
 width:95%;
 border-bottom:1px solid #000000;
}

.levy_tiedot{
 display:inline-block;
 float:left;
 width:50%;
}

.sisa_linkki_alue{
 padding-left:1.5em;
 padding-right:1.5em;
 padding-top:1.5em;
 padding-bottom:2em;
 display:block;
 border-bottom:1px solid #000000;
 width:95%;
 text-align:center;
 vertical-align:center;
}

.levy_kuva{
 display:inline-block;
 float:right;
}

.kitara_kuva{
 display:inline-block;
 float:right;
 text-align:center;
 padding-right:1em;
 padding-top:1em;
}

.levy_otsikko{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 font-weight:bold;
 padding-left:1em;
 padding-bottom:1em;
 padding-top:1em;
 /*border-bottom:1px solid #000000;*/
 background-color:#cccccc;
}

/*LEVYT LOPPUU*/

/*KEIKAT*/

.keikka_taulu{
 width:80%;
 margin:auto;
 padding-top:2em;
 padding-bottom:4em;
}

.keikka_solu{
 width:30%;
 border-right:1px solid #000000;
 border-top:1px solid #000000;
 /*border-bottom:1px solid #000000;*/
 padding:1em;
}

.keikka_solu_otsikko{
 width:30%;
 border-right:1px solid #000000;
 border-top:1px solid #000000;
 /*border-bottom:1px solid #000000;*/
 padding:1em;
 background-color:#cccccc;
}

/*KEIKAT LOPPUU*/

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
padding-left:1em;
padding-right:0.8em;
padding-top:0.8em;
padding-bottom:0.8em;
}

.sisalto_otsikko{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 font-weight:bold;
 padding-left:1em;
 padding-bottom:2px;
 border-bottom:1px solid #cccccc;
}

h4{
padding:0;
margin:0;
}

.sisalto_kuva{
padding:4px;
float:right;
}

/*Linkit alkaa*/

.linkki{
 display:block;
 width:100%;
 padding-top:1em;
 padding-bottom:1em;
 text-decoration:none;
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 text-align:center;
 background-color:#ffcc99;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
}

.linkki_alin{
 display:block;
 width:100%;
 padding-top:1em;
 padding-bottom:1em;
 text-decoration:none;
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 text-align:center;
 background-color:#ffcc99;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
}

.linkki_alin_aktiivinen{
 display:block;
 width:100%;
 padding-top:1em;
 padding-bottom:1em;
 text-decoration:none;
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 text-align:center;
 background-color:#ffffff;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
}

.linkki:hover{
 background-color:#ffffff;
}

.linkki_alin:hover{
 background-color:#ffffff;
}

.linkki_aktiivinen:hover{
 cursor:default;
}

.linkki_alin_aktiivinen:hover{
 cursor:default;
}

.linkki_aktiivinen{
 display:block;
 width:100%;
 padding-top:1em;
 padding-bottom:1em;
 text-decoration:none;
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 text-align:center;
 background-color:#ffffff;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
}

.linkki_aktiivinen:hover{
 cursor:default;
}

.sisalto_linkki_play{
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:0.9em;
}

.sisalto_linkki{
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
}

.sisalto_linkki:hover{
 text-decoration:underline;
}

.sisalto_linkki_tilaa{
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:0.9em;
}

.sisalto_linkki_tilaa:hover{
 text-decoration:underline;
}

.sisalto_linkki_play:hover{
 text-decoration:underline;
}

.sisalto_linkki2{
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.1em;
 font-weight:bold;
}

.sisalto_linkki2:hover{
 text-decoration:underline;
}

/*TESTAUKSEEN*/

/*Soittimeen liittyvät*/

.soitin_tausta{
 text-align:center;
}

.koko_soitin{
 text-align:center;
 width:100%;
 margin:auto;
}

h4.yleisotsikko{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000;
 width:100%;
 padding-bottom:5px;
 padding-top:5px;
 border-bottom:1px solid #000000;
 border-top:1px solid #000000;
 background-color:#cccccc;
}

.soitin_jasenet{
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000;
 border-bottom:1px dotted #000000;
 padding-bottom:5px;
}

/*Soittimeen liittyvät*/

/*Lomakkeisiin liittyvät*/

.lomake_nappi{
border-left:1px solid #d3d3c6;
border-right:1px solid #7e7e74;
border-top:1px solid #dfdfd5;
border-bottom:1px solid #54544d;
height:20px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lomake_nappi:hover{
cursor:pointer;
border-top:1px solid #54544d;
border-left:1px solid #7e7e74;
border-right:1px solid #d3d3c6;
border-bottom:1px solid #dfdfd5;
padding-top:1px;
}

.lomake_kentta{
width:90%;
font-size:11px;
}

.lomake_rivi1{
padding-left:5px;
width:100%;
font-size:11px;
background-color:#dddddd;
padding-top:4px;
padding-bottom:4px;
text-align:left;
border-bottom:1px dotted #cccccc;
}

.lomake_rivi2{
padding-left:5px;
width:100%;
font-size:11px;
background-color:#e7e9e7;
padding-top:4px;
padding-bottom:4px;
text-align:left;
border-bottom:1px dotted #000000;
}

.lomake_rivi3{
width:100%;
text-align:left;
border-bottom:1px dotted #000000;
padding-top:4px;
padding-bottom:4px;
}

/*Lomakkeisiin liittyvät*/