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

@media screen{

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

div.kuvat{
	float: right;
	margin: 5px 0 0 15px; 
	}
.kuvateksti { text-align: right;
margin-top: -0.75em ! important; 
padding-right: 3px;}

div.kuvat img, div#tekstiosa img {
	border: 2px solid #c8c6c2 ! important;
    padding: 3px ! important; margin: 0;
	}

div#tekstiosa div.kuvateksti p{
	/*margin: -1.25em 0 0 0;*/
	}

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

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

#galleriasivu {
margin: 1em auto 0 auto ! important;
overflow: visible; 
height: auto; width: auto ! important;}
#galleriasivu td.thumbnailit p { padding: 0 10px 0 0 ! important; }
#galleria { padding: 0 ! important; }
#galleriasivu a:hover, #galleriasivu a:visited:hover { background-color: transparent ! important; }

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

/************
** LINKIT **
***********/

a { color: #7f3222; }
a:hover,
a:visited:hover { background-color: #f0eada; color: black; }

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

div#sivuosa {position: absolute;right: 0;
width: 100%; top: -143px; background: red; z-index: 2000;}

div#sivuosa h2 { display: none; width: 210px;
margin-left: -25px; height: 30px; }
div#sivuosa h2 span { display: none; }

div#sivuosa h3 { color: black; font-size: 90%;
font-family: "Verdana", sans-serif;}

div#ajankohtaista { width: 160px; position: absolute;
margin-left: 761px; padding: 15px 25px 0 25px;
overflow: hidden; z-index: 5000; 
background-image: url('../upload/tiedostot/8/oikea_lehdet.png');
background-repeat: no-repeat; background-position: 0 78px;}

#ajankohtaista ul {  font-size: 85%;}

/********************
** VALIKKO, TASO 1 **
*******************/

#valikko_taso1 { 
position: absolute;
width: 100%; 
top: 0; overflow: hidden;  margin-top: 25px;
background-image: url('../upload/tiedostot/8/vasen_gradient.gif');
background-position: center top; z-index: 0; 
background-repeat: no-repeat; 
left: 1px;}
:root #valikko_taso1 { left: 0px ! important; }

#valikko_taso1 ul#taso1 { width: 967px; 
margin-left: auto;
margin-right: auto;
background-image: url('../upload/tiedostot/8/vasen_tausta.gif');
background-position: center bottom;
background-repeat: no-repeat; 
position: relative; padding: 1px 0 0 0 ! important;
padding-bottom: 384px ! important; 
 margin-bottom: 0 ! important; left: -1px;}

#valikko_taso1 ul li { 
width: 188px ! important;margin-left: -16px;
display: block; border-top: 1px solid #c4c4bc;
border-bottom: 1px solid #c4c4bc; overflow: hidden; margin-top: -1px;
list-style: none; position: relative;}
#valikko_taso1 > ul li { margin-left: 0; }

#valikko_taso1 ul li.valittu { border-top: 1px solid black; border-bottom: 2px solid black; }
#valikko_taso1 ul li.valittu li { border-top: 1px solid #c4c4bc;
border-bottom: 1px solid #c4c4bc;}

#valikko_taso1 ul li a {
color: black; width: 189px;
position: relative; display: block; background-position: 9px center;
background-repeat: no-repeat; font-weight: 700; font-size: 95%;
text-decoration: none; padding: 2px 0 2px 30px;  z-index: 500;}

/* Nuolet */
#valikko_taso1 ul li a, #valikko_taso1 ul li.valittu li a,
#valikko_taso1 ul li.valittu ul li.valittu ul li a {background-image: url('../upload/tiedostot/9/nuoli_oikea.gif');}

#valikko_taso1 > ul li a, #valikko_taso1 > ul li.valittu li a,
#valikko_taso1 > ul li.valittu ul li.valittu ul li a 
{ background-image: url('../upload/tiedostot/9/nuoli_oikea.png'); }

#valikko_taso1 ul li.valittu a, #valikko_taso1 ul li.valittu li.valittu a,
#valikko_taso1 ul li.valittu li.valittu li.valittu a
{ background-image: url('../upload/tiedostot/9/nuoli_alas.gif');background-position: 8px center;}
#valikko_taso1 > ul li.valittu a, #valikko_taso1 > ul li.valittu li.valittu a,
#valikko_taso1 > ul li.valittu li.valittu li.valittu a
{ background-image: url('../upload/tiedostot/9/nuoli_alas.png');}
#valikko_taso1 ul li.valittu li.valittu a { background-position: 20px center ! important; }
#valikko_taso2 ul#valikko_taso3 li.valittu a { background-position: 30px center ! important; }


/* Hoverit & taustav�rit */
/* Ensimm�iselle valikolle tumma hover-tausta */
#valikko_taso1 ul li a:hover,
#valikko_taso1 ul li a:visited:hover { background-color: #ffe7bd; background-color: #fff0c9;}
/* Toiselle valikolle vaaleampi hover-tausta */
#valikko_taso2 li a:hover,
#valikko_taso2 li a:visited:hover
{ background-color: #fff0c9 ! important;}
/* Kolmannelle valikolle vaalein hover-tausta */
#valikko_taso3 li a:visited:hover, #valikko_taso3 li a:hover
{ background-color: #fff7dd ! important; background-color: #fff0c9 ! important;}

/* Ensimm�iselle tasolle valittu-tausta */
#valikko_taso1 ul li.valittu a
{ background-color: #ffe7bd;  background-color: #fff0c9;}
/* Alemmilta tasoilta tausta pois */
#valikko_taso1 ul li.valittu li a
{ background-color: transparent; border-top: none;}

/* Toiselle tasolle valittu-tausta */
#valikko_taso1 ul li.valittu li.valittu a
{ background-color: #fff0c9; }
/* Ja pois kolmannelta tasolta */
#valikko_taso1 ul li.valittu li.valittu li a
{ background-color: transparent; }

/* Kolmannelle tasolle valittu-tausta */
#valikko_taso1 #valikko_taso2 #valikko_taso3 li.valittu a { background-color: #fff7dd ! important;  background-color: #fff0c9 ! important;}

/*********************
** VALIKKO, TASO 2 **
*******************/

ul#valikko_taso2 li a {
width: 131px ! important;
font-size: 105% ! important; 
padding: 3px 15px 3px 43px ! important;
background-position: 21px center ! important;}

ul#valikko_taso2 { margin-bottom: -1px ! important; 
padding: 0 ! important; margin-top: 1px; }

/*********************
** VALIKKO, TASO 3 **
*******************/

#valikko_taso2 ul#valikko_taso3 li a {
font-size: 110% ! important;
padding-left: 54px ! important;
padding-top: 4px ! important; padding-bottom: 4px ! important;
background-position: 31px center ! important;
}
#valikko_taso2 ul#valikko_taso3 { margin-bottom: -1px ! important; 
padding-left: 0 ! important;}

/*********************
** YLEINEN  & TYPO **
********************/

/*#valikko_taso1 { display: none; }*/
* { margin: 0; padding: 0; z-index: 100; font-size: 100%;}

h1,h2,h3,h4,h5 { font-family: "Trebuchet MS", "Verdana", sans-serif; 
color: #7f3222;}
h2 { font-size: 130%; }
h3 { font-size: 115%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }

p, ul, ol { margin-bottom: 1em; font-family: "Verdana", "Helvetica", sans-serif; 
font-size: 85%; line-height: 1.4;}

/*************
** TAUSTA **
***********/

body { /*FELIX*/ background-color: #cfb48f; background-color: #dbd1c5; background-color: #e1d8cd; background-color: #dfd7cf;
background-image: url(../upload/tiedostot/8/tausta_faux.png);
background-position: 50% top; /* width: 972px; width: 100%;*/ width: 972px;
background-repeat: repeat-y; margin-left: auto; margin-right: auto;
 position: static; background-attachment: scroll; }

div#sivu { width: 100%; position: absolute; text-align: left;}
div[id="sivu"] { position: relative ! important;}

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

div#paaotsikko h1 { line-height: 1.5;}
div#tekstiosa { min-height: 375px; }
div#tekstiosa p { width: auto; }
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; }

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

#tekstiosa { width: 972px; margin: auto;
z-index: 0; position: relative; z-index: 500; 
top: -70px;
}
div[id="tekstiosa"] { top: 0 ! important; }

#kappaleosa { margin-left: 190px; width: 525px; 
margin-top: -70px; position: relative; z-index: 1500; padding: 0 23px 65px 23px;
background-image: url('../upload/tiedostot/8/kappaletausta.png');
background-position: center bottom; background-repeat: no-repeat;}
#kappaleosa { margin-left: 190px ! important; }

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

div#footer { width: 545px; margin-left: auto; margin-right: auto;  
padding: 0 23px 0 23px; position: relative; z-index: 6000;}
div#footer p { text-align: center; width: 100%; 
padding-bottom: 0; padding-top: 0; margin-right: 19px;
font-size: 75%;}

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

ul { list-style: none; }
#tekstiosa li { width: auto ! important; }
#kappaleosa li { padding-bottom: 0.5em; }

#tekstiosa ul { list-style-type: disc; }
#tekstiosa ul, #tekstiosa ol { list-style-position: inside; 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; }
#kappaleosa ul ul li, #kappaleosa ol ol li { font-size: 130%; padding-bottom: 0; }
#sivuosa ul, #sivuosa ol { padding-left: 0 ! important; }

#sivuosa #ajankohtaista ul li  { vertical-align:middle; line-height: 1.2 ! important; padding-bottom: 0.5em;}
#valikko_taso3 li { list-style-type: circle; }
#valikko_taso3 li.valittu { list-style-type: circle ! important; }
}