/* DEFAULT.CSS */
/* Järjestelmän vakiotyyliasetukset */
/* DEFAULT.CSS */

@media screen{

/*************
** YLEINEN **
************/

* { z-index: 100; }
body { padding: 0; border: none;
color: rgb(0,0,0);
background-color: #c0d0e9; /* vanha ruskea #b37e50 uusi sininen #c0d0e9 */
font-family: "Georgia", serif;
background-repeat: repeat;
}

div#paaotsikko, div#sivu { padding: 0;}
div#paaotsikko { overflow: hidden; }

div#paaotsikko h1 { line-height: 1.5;}
div#tekstiosa { min-height: 375px; }
div#tekstiosa h2 { margin-bottom: 0.5em; }
div#tekstiosa h3 { margin-bottom: 0.2em; }
div#tekstiosa h4 { margin-bottom: 0.2em; }

.alleviivaus { text-decoration: underline; }
.kursiivi { font-style: italic; }
.kursiivi em { font-style: normal; }
.lihavointi { font-weight: 700; }
abbr, acronym { border-bottom: 1px dotted rgb(130,130,130); cursor: help; }

/*********************
** TEKSTI & LINKIT **
********************/

a, a:hover, a:visited:hover { color: #07558c; } /* oli #07558c */
#paaotsikko a, #paaotsikko a:hover, #paaotsikko a:visited:hover { color: transparent ! important;}
#tekstiosa p, legend, fieldset { color: #4b4b58; }
a:hover, a:visited:hover { color: #804020; } /* oli black */

/****************
** YL�VALIKKO **
***************/

#valikko_taso1 { 
color: rgb(35,50,64); color: white;
overflow: hidden ! important;
margin: 0;
padding: 0 0 0 0; text-align: center ! important;
font-size: 100%; top: 30px;
font-family: "Georgia", serif;z-index: 6000;
line-height: 1.5em; margin-left: auto; margin-right: auto;
word-spacing: -0.0px; position: relative ! important;
letter-spacing: 0px; width: 677px! important; height: auto;
padding-left: 145px ! important;}

div#valikko_taso1 a:link, div#valikko_taso1 a {color: rgb(35,50,64); text-decoration: none ! important;}
div#valikko_taso1 a:hover {color: rgb(35,50,64); text-decoration: none;}
div#valikko_taso1 a:visited, div#valikko_taso1 a:visited:hover {color: rgb(35,50,64); text-decoration: none;}

div#valikko_taso1 li
{ overflow: visible;
float:left;
    background:url("../upload/tiedostot/5/tabi_vasen.gif") no-repeat left top;
    margin:0; margin-bottom: -200px;
   padding:0 0 200px 4px; }

div#valikko_taso1 ul > li
{
background:url("../upload/tiedostot/5/tabi_vasen.png") no-repeat left top;
}

div#valikko_taso1 li.valittu
{
background:url("../upload/tiedostot/5/tabi_vasen_valittu.gif") no-repeat left top;
}
div#valikko_taso1 ul > li.valittu, div#valikko_taso1 li:hover
{
background:url("../upload/tiedostot/5/tabi_vasen_valittu.png") no-repeat left top;
}

div#valikko_taso1 li a { display:block; 
background:url("../upload/tiedostot/5/tabi_oikea.gif") no-repeat right top; margin-bottom: -200px;
padding:5px 9px 203px 5px; color: black ! important; color: rgb(220,220,220) ! important;}

div#valikko_taso1 li a:hover, div#valikko_taso1 a:visited:hover{ text-decoration: underline ! important; }

div#valikko_taso1 li > a { background:url("../upload/tiedostot/5/tabi_oikea.png") no-repeat right top; }

div#valikko_taso1 li.valittu a { background:url("../upload/tiedostot/5/tabi_oikea_valittu.gif") no-repeat right top;}

div#valikko_taso1 li.valittu > a, div#valikko_taso1 li > a:hover, div#valikko_taso1 li > a:visited:hover {
background:url("../upload/tiedostot/5/tabi_oikea_valittu.png") no-repeat right top; text-decoration: none ! important; }
}


/*************
** TAUSTAT **
***********/

div#sivu {
background-image: url('../upload/tiedostot/4/tausta.png');
background-repeat: repeat-y;
background-position: center;
padding: 0 ! important;
font-size: 100%; 
margin-left: auto; margin-right: auto;
margin-top: 153px; margin-bottom: 165px ! important;
border-width: 0px 0px 0px 0px;
border-style: solid solid solid solid;
border-color: rgb(245,238,155) rgb(232,227,177) rgb(232,227,177) rgb(245,238,155);
text-align: center;
line-height: 1.5em;
word-spacing: -0.0px;
letter-spacing: -0.0px; width: 830px;}

div#sivu h1 { font-size: 120%; }
div#sivu h2 { font-size: 120%; }
div#sivu h3 { font-size: 115%; }
div#sivu h4 { font-size: 110%; }
div#sivu h2, div#sivu h3, div#sivu h4 { color: rgb(255,20,147); } 


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

#paaotsikko { position: relative; top: -182px;}
#paaotsikko h1
	{
	padding: 0 ! important;
	text-align: left;
	font-size: 100%;
	line-height: 100%;
	position: relative; font-size: 1pt; overflow: visible;
    width: 863px;
    height: 198px;
	margin-left: auto; margin-right: auto;
	}
#paaotsikko a
	{
	padding: 0 ! important; font-size: 0pt;
    }
#paaotsikko span
	{
	text-align: center ! important; font-size: 1pt;
	z-index: 2000;
    top: 0;
    background-color: transparent;
    cursor: pointer;
	position: absolute;
	width: 100%; height: 100%;
    background-image: url('../upload/tiedostot/4/otsikko3.png');
	background-repeat: no-repeat; background-position: -6px center;
    margin-left: 0;
	}

 
/*************
** SIVUOSA **
***********/

div#tekstiosa div#sivuosa {
color: rgb(67,83,99);
background-repeat: no-repeat;
background-position: top center;
width: 155px; z-index: 3000; position: relative;
margin: -36px 9px -5px 0 ! important; 
padding: 0 0 0 9px;
font-size: 100%;
border-width: 0px 0px 0px 0px;
border-style: solid solid solid solid;
border-color: rgb(25,25,112) rgb(25,25,112) rgb(25,25,193) rgb(255,182,193);
text-align: right;
line-height: 1.5em;
word-spacing: -0.0px;
letter-spacing: -0.0px;}

/* 5. Sivuvalikko */

div#tekstiosa div#valikko_taso2 li, div#tekstiosa div.ajankohtaista_elementti li,
			div#tekstiosa div#ajankohtaista p {color: rgb(67,83,99);

}div#tekstiosa div#valikko_taso2 {

color: rgb(67,83,99);
background-color: transparent;
background-image: url('');
background-repeat: no-repeat;
background-position: -1em -1em;
width: auto;
margin: 0em 0em 0em 0px ;
padding: 0em 0px 0em 0px;
font-size: 100%;
border-width: 0px 0px 0px 0px;
border-style: solid dotted solid solid;
border-color: rgb(25,25,112) rgb(139,0,139) rgb(25,25,112) rgb(25,25,112);
text-align: right;
line-height: 1.5em;
word-spacing: -0.0px;
letter-spacing: 0px;}

/* 6. Tekstivalikko */
div#tekstiosa div#valikko_taso2 #valikko_taso3 {

color: rgb(138,156,9);
background-color: transparent;
background-image: url('');
background-repeat: no-repeat;
background-position: 0% 0%;
width: 100%;
margin: 0em 0em 0em 0em ;
padding: 0em 0em 0.2em 1.1em;
font-size: 100%;
border-width: 0px 0px 0px 0px;
border-style: solid solid solid solid;
border-color: rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255);
text-align: right;
line-height: 1.3em;
word-spacing: -0.0px;
letter-spacing: -0.0px;}


/*******************
** AJANKOHTAISTA **
******************/

/*#ajankohtaista { padding: 0; margin: 0; width: 757px; margin-left: 19px;
margin-top: 20px; margin-bottom: 30px; }
div[id="ajankohtaista"] { margin-left: 25px ! important; }*/



/***************
** TEKSTIOSA **
**************/

div#tekstiosa { 
color: rgb(0,0,0);
position: relative; 
width: auto ! important;
margin: 0em auto 0em auto;
padding: 24px 24px 23px 0px;
font-size: 100%;
border-width: 0px 0px 0px 0px;
border-style: solid solid solid solid;
border-color: rgb(255,182,193) rgb(0,0,0) rgb(255,182,193) rgb(0,0,0);
text-align: left; 
line-height: 1.5em;
word-spacing: -0.0px;
letter-spacing: -0.0px; 
top: -138px; width: 800px ! important; }
#tekstiosa {padding-top: 0 ! important;}

div#kappaleosa {padding-left: 20px; padding-bottom: 5px;}

div#tekstiosa h1 { font-size: 110%; }
div#tekstiosa h2 { font-size: 100%; }
div#tekstiosa h3 { font-size: 95%; }
div#tekstiosa h4 { font-size: 82%; }
div#tekstiosa h2, div#tekstiosa h3, div#tekstiosa h4 { font-family: "Georgia"; color: #203060; } /* uusi #347ea6 oli 663300*/


#tekstiosa li {font-size: 90%;
color: rgb(67,83,99); 
background-color: transparent;
width: 90%;
text-align: left;
line-height: 1.5em;
word-spacing: 2px;
letter-spacing: -0.0px;}

#tekstiosa p, legend, fieldset {
width: auto;
margin: 0em 0em 1em 0em ;
padding: 0em 0em 0em 0em;
font-size: 90%;
border-width: 0px 0px 0px 0px;
border-style: solid solid solid solid;
border-color: rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255);
text-align: left;
line-height: 1.5em;
word-spacing: 2px;
letter-spacing: -0.0px;}

#palstat_unique p { clear: right;}
#palstat_unique p:first-child { width: 48% ! important; margin-right: 1em; padding-right: 0.5em;float: left; clear: none;}



/************
** FOOTER **
**********/

div#footer {
color: #fdfcf5;
position: absolute;
background-color: transparent;
background-image: url('../upload/tiedostot/4/footer.png');
background-repeat: no-repeat;
background-position: 15px 0px;
height: 239px; width: 863px;
font-size: 90%;
text-align: center;
line-height: 1.5em; 
word-spacing: -0.0px;
letter-spacing: -0.0px;
margin: -150px auto 0 auto;}

/* Valikkojen asemointi */
div#sivuosa {float: right;}
div#kappaleosa { margin-right: 185px; margin-left: 20px;}

/***********************
** KUVAT & GALLERIAT **
*********************/

div.kuvat{
	width: auto;
	float: right;
	margin: 0.4em 0em 0.5em 1.2em;
	}

div.kuvat p {
	text-align: center;
    margin: 0;
	}

div.kuvat img, div#tekstiosa img {
	border: 1px solid #435363;
    padding: 0 ! important; 
	}

.kuvateksti { padding-top: 0.3em ! important; }
div#tekstiosa div.kuvateksti p{
	margin: -10px 0 0 0;
    padding-bottom: 1em; z-index: 2000;
	}

th p {
	display: inline;
	text-decoration: none;
	}

th p a:link, th p a:visited {
	display: inline;
	text-decoration: underline;
	}

th img:first-child {
	padding-left: 1em;
	}

#galleriasivu { width: 500px ! important;
margin: 1em 0 0 0 ! important;
overflow: visible;
height: auto;}

#galleria { padding: 0 0 1.5em 0;}
#galleria_kuva {padding-left: 0em; }

#thumbnailit img { border: 1px solid #6b3a16 ! important; }

#thumbnailit { }
#thumbnailit th { padding-bottom: 1em; }

/************
** LISTAT **
**********/

ul { list-style: none; }
#tekstiosa li { width: auto ! important; }

#tekstiosa ul { list-style-type: disc; }
#tekstiosa ul, #tekstiosa ol { list-style-position: outside; padding-left: 1em;}
#tekstiosa ol { padding-left: 1.3em; }
#tekstiosa ul, #tekstiosa ol { margin-bottom: 1em; }
#kappaleosa ul ul, #kappaleosa ol ol { margin-bottom: 0; }

#ajankohtaista ul li  { font-size: 90%; vertical-align:middle;}
#valikko_taso3 li { list-style-type: circle; }
#valikko_taso3 li.valittu { list-style-type: circle ! important; }