/* KAYTTAJA.CSS */
/* Käyttäjän/sivuston omat tyyliasetukset */
/* KAYTTAJA.CSS */

/*****************
** SIVUOTSIKOT **
***************/


div.ajankohtaista_elementti { z-index: 3000; position: relative; }
div#ajankohtaista div#motto { z-index: 5000; position: absolute;
 width: 190px ! important; 
height: 190px ! important; background: red ! important;}
#motto span {  }

h2#uutiset { display: block ! important;
	background-image: url('../upload/tiedostot/7/uutiset_tumma.png');
	background-repeat: no-repeat; background-position: center center;
    margin-bottom: 18px ! important; }

h2#galleriasta { display: block ! important;
	background-image: url('../upload/tiedostot/7/galleriasta_tumma.png');
	background-repeat: no-repeat; background-position: center center;
    margin-bottom: 18px ! important; }


#sivuosa h3 { margin-top: -8px; }


#tiedotuslehti { padding-left: 22px; text-align: right; display: block; margin-top: -0.7em; padding-top: 1px;
background-image: url('../upload/tiedostot/9/nuoli_oikea.gif');  background-position: 19px 50%; 
background-repeat: no-repeat;}
#tiedotuslehti a { text-decoration: none; color: black;font-weight: 700; font-size: 95%;}
#tiedotuslehti a:hover, #tiedotuslehti a:visited:hover { text-decoration: underline; background-color: transparent;}

#galleriasta_kappale { text-align: right; margin-right: 5px;}
#galleriasta_kappale img { display: block; }
#galleriasta_kappale a { text-decoration: none; color: black; background-position: 7px 65%; padding-left: 22px; 
background-repeat: no-repeat; font-weight: 700; font-size: 95%;
background-image: url('../upload/tiedostot/9/nuoli_oikea.gif');}
#galleriasta_kappale a:hover, #galleriasta_kappale a:visited:hover { text-decoration: underline; background-color: transparent;}

#kalenterilinkki { margin-top: 0.5em; text-align: right; width: 100%; display: block; }
#kalenterilinkki a {text-decoration: none; color: black; background-position: 9px 65%; padding-left: 22px; 
background-repeat: no-repeat; font-weight: 700; font-size: 95%; 
background-image: url('../upload/tiedostot/9/nuoli_oikea.gif');}
#kalenterilinkki a:hover, #kalenterilinkki a:visited:hover { text-decoration: underline; background-color: transparent; }

/*************
** OTSIKKO **
***********/

#paaotsikko { width: 972px; margin: auto;}

h1
{ padding: 0 ! important; left: 0;
text-align: left;
position: relative;
width: 972px; height: 213px;
margin: 0
font-size: 1pt;
line-height: 100%; 
margin-left: auto; margin-right: auto;
}

h1 span
	{
	margin-top: -11px;
	z-index: 2;
    top: 0;
    background-color: transparent;
	position: absolute;
	width: 100%; height: 100%;
	background-image: url('../upload/tiedostot/7/ylaotsikko.png');
	background-repeat: no-repeat; background-position: center center;
	}

/* Säätää missä kohtaa ruutua thumbnailien selausnumerot näkyvät,
mahdolliset arvot left, right ja center*/
#thumbnailit th { text-align: right ! important; }