html{
   height:100%;
   width:100%;
}

body{
   /*behavior:url("csshover.htc");*/
   margin:0;
   padding:0;
   background-color: #A6B2A6;  
}

#uloin {
   position: relative;
   width:57.1em;
   margin: 0 auto;
   padding: 0 0 0 0;
   background-color: #FCF9ED;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;  
}
a{
   text-decoration: none;
}
hr{
   width: 70%;
   padding: 0 0 .5em 0;
   margin:0;
   text-align: left;
}

/* -------- Ylapalkki alkaa -------- */

#yla{
   background-color: #293429;
   height: 2.5em;
   padding:0.2em 0 0 0;
   margin:0;
   background-image: url(taustat/ylatausta.gif);
   background-repeat: repeat-x;
   background-position: 0 100%;
}

#peruslinkit{
   float: left;
   margin: 0;
   padding: 0 0 0 0;
   font-family: Arial, "Trebuchet MS", sans-serif;
   font-size: 80%;
   list-style-type: none;
}
#peruslinkit ul{
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
#peruslinkit ul li{
   float: left;
   margin: 0 0 0 0.3em;
   padding: 0 0 0 0;
   width: auto;
   display: block;
   height: 26px;
   text-align: center;
}
#peruslinkit li:hover,#peruslinkit ul li.valittu {
   display: block;
   height: 26px;
   text-align: center;
}
#peruslinkit li a, #peruslinkit li a:link{
   color:  #aaa;
   background-color: transparent;
   text-decoration: none;
   padding: 0.2em 0.3em 0.2em 0.3em;
   display: block;
}
#peruslinkit li a:hover{
   display: block;
   color:  #FBFFFB;
   padding: 0.2em 0.3em 0.2em 0.3em;
   background-color: transparent;
}
#peruslinkit ul li.valittu a{
   color: #FAF0B8;
   background-color: transparent;
}
#kielilinkit{
   float: right;
   background-color: transparent;
   width: 13em;
   margin:0;
   padding:0.3em 0 0 0;
   font-family: Arial, "Trebuchet MS", sans-serif;
   font-size:90%;
}
#kielilinkit ul{
   margin:0 0 0 0;
   padding:0 0 0 0;
   list-style: none;
   text-align: right;  
} 
#kielilinkit li  {
	float: left;
	padding:0 0 0 0.1em;
	margin:0;
	list-style-type:none;
	text-align:	center;
}
#kielilinkit ul li a {
   padding:0 0 0 0.1em;
   margin:0;
}
#kielilinkit ul li a img{
   border: 1px solid #293429;
}
#kielilinkit ul li a:hover img,#kielilinkit ul li a.valittu img{
   border: 1px solid #F40000;
}

/* -------- Logopalkki alkaa -------- */

#paalinkkilohko {
   margin: 0;
   padding: 0;
   width: 100%;
   text-align: left;
}
#vihrea{
   position:relative;
   background-color: #526552;
   width: 100%;
   height:3.8em;
}

#logo{
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0em 0 0 1em;
   width: 11em;
}

/* -------- Paalinkit -------- */

#paalinkit {
   position:absolute;
   left:11.0em;
   top:-0.30em;
   /* background:#526552;*/
   background-color: transparent;
   margin:0 0 0 0;
   padding: 0 0 0 0;
   font-family: Arial, "Trebuchet MS", sans-serif; 
}
#paalinkit ul {
   margin:0 0 0 0; 
   padding:2em 0 0.2em 0; 
   list-style-type:none; 
   background:transparent; 
   height:2em;
}
#paalinkit li{
   display:block; 
   float:left;
}
.xkaikki {
   background:transparent;
}
.xkaikki span {
   text-align:center; 
   color: #CED6CE; 
   margin:0; 
   font-weight:normal; 
   padding:0.2em 0 0.3em 0;
}
.xylatayte {
   display:block; 
   background:transparent; 
   font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
   display:block;
   overflow: hidden; 
}
.xb1, .xb2, .xb3 {
   height:1px;
}
.xb2, .xb3, .xb4 {
   background-color: #586358; 
   border-left:1px solid #444; 
   border-right:1px solid #444; 
}
.xb1 {
   margin:0 5px; 
   background-color:#444;
}
.xb2 {
   margin:0 3px; 
   border-width:0 2px;
}
.xb3 {
   margin:0 2px;
}
.xb4 {
   height:2px; 
   margin:0 1px;
}
.xpohja {
   display:block; 
   background-color:#545F54; 
   border-left:1px solid #444; 
   border-right:1px solid #444; 
   border-bottom: none;
}

a.menu, a.menu:visited {
   display:block; 
   text-decoration:none; 
   width:7.27em; 
   font-size:100%;
}
a.menu:hover {
   background:transparent;
}
a.menu:hover span {
  padding:0.2em 0 0.3em 0;
}
a.menu:hover .xpohja {
   background-color:#748374;
   border-color:#495949; 
   border-bottom:1px solid #384438;
}
a.menu:hover .xb1 {
   background-color:#384438;
}
a.menu:hover .xb2, a.menu:hover .xb3, a.menu:hover .xb4 {
   background-color:#7E8E7E; 
   border-color:#384438;
}

#paalinkit li.valittu a.menu span{
   color: #FAF0B8;
   background-color:#748374;
   border-bottom: none;
}
#paalinkit li.valittu a.menu .xb2, #paalinkit li.valittu a.menu .xb3, #paalinkit li.valittu a.menu .xb4{
   background-color:#7E8E7E; 
   border-color:#384438;
}

/* -------- Alalinkit, teksit ja oikeapalsta -------- */

#sisalto{
   background-image: url(taustat/oikeavihrea.gif);
   background-repeat: repeat-y;
   background-position:40em 0;
   overflow: hidden;
   width: 100%;
   margin: 0 0 0 0;
   padding: 0 0 0 0; 
}

#teksti{
   width: 25em;
   margin:0 18em 0 12.3em;
   padding: 1em 0 0 0;
   background-color: transparent;
   /* border:1px solid #000;*/
   font-family: Arial,"Trebuchet MS",sans-serif;
}
#hallituslista{
   width: 33.2em;
   margin:0 0em 0 12.3em;
   padding: 1em 0 0 0;
   background-color: transparent;
   /* border:1px solid #000;*/
   font-family: Arial,"Trebuchet MS",sans-serif;
   font-size:85%;
}

#teksti.kuviasivu{
   padding: 0 0 0 0;
   margin:0 15em 0 11.6em;
   width:25em; 
}
#teksti h2{
   margin: 0.5em 0 0.5em 0;
   padding:0;
   font-family: "Trebuchet MS",Arial,sans-serif;
   font-size: 130%;
   font-weight: normal;
   color: #526956; 
}
#teksti h3{
   font-family: "Trebuchet MS",Arial,sans-serif;
   font-size: 110%;
   padding:0;
   margin: 0.5em 0 0 0;
   color: #444;
   background-color: transparent;
   font-weight: normal; 
}
#teksti p{
   margin: 0.2em 0 0.8em 0;
   font-size: 85%;
   line-height: 140%;
   padding:0;
}
#teksti div.kappale{
   font-size: 85%;
   line-height: 140%;
}
#teksti p.vahvennus{
   margin: 0.5em 0 0.2em 0;
   font-weight: bold;
   color: #444;
   background-color: transparent;
}
#teksti p.vahvennus span{
   font-weight: normal;
}
#teksti p.alleviivaus{
   text-decoration: underline;
}
#teksti p.viesti{
   color: #F00000;
   background-color: transparent;
   font-weight: bold;
}
#teksti ul{
   margin:0 0 0.5em 1em;
   padding: 0;
   font-size: 85%;
   list-style: disc;
}
#teksti ul li{
   line-height: 130%;
   padding:0 0 0.1em 0;
}
#teksti ul.kirjoittajat{
   list-style:none;
   margin:0 0 0.5em 0;
}
#teksti ul.kirjoittajat li{
   display: inline;
   padding:0 1em 0 0;
}
#teksti ul.tekijat{
   list-style:none;
   margin:0 0 0.5em 0;
}
#teksti ul.tekijat li{
   width: 20em;
   float: right;
	 padding-left: 0.2em;
   font-size: 75%;
   font-style: italic;
}
#hallituslista ul.eiMerkkausta{
   margin: 0;
   padding: 0;
}
#teksti ul.eiMerkkausta,#hallituslista ul.eiMerkkausta{
   list-style:none;
   margin:0 0 0.8em 0;
}
#teksti ul.eiMerkkausta li,#hallituslista ul.eiMerkkausta li{
   /* line-height: 125%;*/
    padding:0 0 0 0;
}
#teksti ul.eiMerkkausta li strong,#hallituslista ul.eiMerkkausta li strong{
    color: #4B4B4B; 
    background-color: transparent;
}
#teksti ul.eiMerkkausta li a{
   
}
#teksti ul.sponsorit{
	list-style: none;
	margin: 0 0 1em 0;
	padding:0;
}
#teksti ul.sponsorit li{
   padding:0 0 0.6em 0;
}
#teksti ol{
   margin:0 0 0.5em 1.5em;
   padding: 0;
   font-size: 90%;
   line-height: 130%;
}
#teksti ol li{
   margin:0 0 0.8em 0;
}
#hallituslista .ekapalsta{
   width: 13.5em;
   float: left;
   padding-left: 0.8em;
}
#hallituslista .tokapalsta{
   width: 13.5em;
   float: right;
	 padding-left: 0.2em;
}
#teksti .pikkukuva{
   float:left;
   width:154px;
}
#teksti .pikkukuva img{
   border:1px solid #000;
   margin-top:0.5em;
}
#teksti .jutut p{
   margin-top:0;
   padding-top:0;
}
#teksti div.tekstikuva{
   margin:0 0 0.5em 0;
}
#teksti div.tekstikuva span{
   display: block;
   font-size:80%; 
}
#navi{
   float:left;
   width: 11.1em; 
   margin: 0 0 0 0;
   padding:0 0 0 0;
   background-color: transparent;
   font-family: Arial,"Trebuchet MS",sans-serif;
}
#navi ul{
   list-style-type: none;
   margin:0;
   padding:0.5em 0 0 0;
}
#navi ul li{
   margin: 0;
   padding: 0 0 0.4em 0;
   font-size: 95% 
}
#navi ul li a{
   display: block;
   padding:0 0 0.2em 1.2em;
   text-decoration: none;
   color: #1A1717;
}
#navi ul li a:hover,#navi ul li.valittu a{
   display: block;
   padding:0 0 0.2em 1.2em;
   text-decoration: none;
   color: #F40000; 
   background-color: transparent;
   background-image: url(taustat/merkki.gif);
   background-repeat:  no-repeat;
   background-position: 0 0.5em; 
}
#navi ul li ul.sisimmatlinkit{
   list-style-type: none;
   margin:0;
   padding:0 0 0 1.2em; 
}
#navi ul li ul.sisimmatlinkit li{
   margin: 0;
   padding: 0 0 0.1em 0;
}
#navi ul li ul.sisimmatlinkit li a{
   display: block;
   padding:0 0 0.2em 1.2em;
   text-decoration: none;
   color: #1A1717;
   background: transparent;
}
#navi ul li ul.sisimmatlinkit li a:hover,#navi ul li ul.sisimmatlinkit li.valittu a{
   color: #F40000; 
   background-color: transparent;
   background-image: url(taustat/merkki.gif);
   background-repeat:  no-repeat;
   background-position: 0.5em 0.5em;
}
#navi ul.juhlat{
   list-style-type: none;
   margin:0;
   padding:0.5em 0 0 0;
}
#navi ul.juhlat li{
   padding:0 0 0.2em 1.2em;
   color: #444;
   background-color: transparent;
}
#navi ul.juhlat li strong{
   text-decoration: underline;
}
#navi ul.juhlat li a:link,#navi ul.juhlat li a:visited,#navi ul.juhlat li a.hover{
   background-image:none;
   padding:0 0 0 0.4em;
   color: #000177;
   background-color: transparent;
}
.yla1, .yla2, .yla3, .yla4,.yla1a, .yla2a, .yla3a, .yla4a{
   display:block; 
   overflow:hidden;
}
.yla1, .yla2, .yla3,.yla1a, .yla2a, .yla3a {
   height:1px;
}
.yla2, .yla3, .yla4 {
   background:#495949;
   border-left:1px solid #98A398;
   border-right:1px solid #98A398;
}
.yla2a, .yla3a, .yla4a {
   background:#F8F6E7;  
   /* border-left:1px solid #B2B8BB;*/
   border-right:1px solid #D9D9D9;
}
.yla1{
   margin:0 5px; 
   background: #98A398;
}
.yla1a{
   margin:0 5px 0 0; 
   background:#D9D9D9;
}
.yla2,.yla2a {
   margin:0 3px; 
   border-width:0 2px;
}
.yla3,.yla3a {
   margin:0 2px;
}
.yla4,.yla4a {
   height:2px; 
   margin:0 1px;
}
.linkittausta {
   display:block; 
   background-color: #F8F6E7;
   border: 0 solid #D9D9D9;
   border-width:0 1px 0 0;
}
.lohkotausta {
   display:block; 
   background-color: #495949;
   border:0 solid #98A398;
   border-width:0 1px;
}

#navi .lisalinkki{
	 margin: 0.5em 0 0.5em 0.2em;
	 padding:0.2em;
	 font-size:90%;
	 border:1px solid #D9D9D9;
}

#oikeapalsta {
   float: right; 
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width:17.0em;  
}

#flash {
   position: absolute;
   left:40.5em;
   top:2.6em;
   margin: 0 0 0 0;
   padding:0 0 0 0;
   /* width: 259px;
   height: 224px;*/
   background-color:  transparent;  
}

#oikea{
   margin: 0 0 0 0;
   padding: 10.8em 0 0 0;
   width: 100%;
}

#alakulma{
   margin: 0. 0 0 0;
   padding: 0 0 0 0;
   height: 14px;
   width: 100%;
   background-image: url(taustat/oikeakulma.gif);
   background-position: 40em 100%;
   background-repeat: no-repeat;
}

#aukioloajat{
   color: #F9F7EF;
   font-size: 85%;
   font-family: "Trebuchet MS", Arial, sans-serif;
   padding: 0 0 0 0;
   margin: 0 auto 1em auto;
   width: 95%;
}

#valokuva{
   width: 97%;
   margin: 2em auto 0 auto;
   padding: 0 0 0 0;
}
#valokuva img{
   border:1px solid #98A398;
}
.tayte{
   padding:0.5em 0.1em 0.5em 0.5em;
   width: 16em;
}
.valokuvatayte{
   padding:0 0.1em 0 0.4em;
   width: 16em;
}

#aukioloajat h3{
   margin:0 0 0 0;
   padding:  0;
}

#aukioloajat ul{
   margin:0 0 0 0;
   padding: 0 0 0 0;
   list-style: none;
}
#aukioloajat li{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #DBDFDB;
   background-color: transparent;
}
#aukioloajat p.huom{
   /*font-weight: bold;*/
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: #FFFF80;
   background-color: transparent;
   font-size:120%;
}
#aukioloajat li.auki,p.auki{
   /*font-weight: bold;*/
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: #FAF0B8;
   background-color: transparent;
   font-size:110%;
}
#aukioloajat li.auki{
   padding-top: 0.5em
}
p.auki span{
   display: block;
   /*font-weight: normal;*/
   margin: 0;
   padding: 0;
   font-size:85%;
   color: #DBDFDB;
   background-color: transparent;
}
/*#valokuvat{
   color: #F9F7EF;
   font-size: 85%;
   font-family: "Trebuchet MS", Arial, sans-serif;
   padding: 0;
   margin: 0 0 1em 1.8em;
   width: 19.2em;
}
.valokuvaoikealla{
   margin: 0;
   padding: 0.2em
}
#valokuvat img{
   border: 1px solid #fff;
}*/
.lopetakellutus{
   clear: both;
}

/* -------- Palautelomake -------- */

#teksti form {
   padding:6px 0;
   /*margin:0 auto 0 auto;
   width: 80%;*/
}
#teksti form p {
   padding:0;
   margin:0 0 0.3em 0;
}
#teksti form p.nappulat{
   margin:1em 0 0.5em 0;
}

#teksti form p label {
   display:block;
}

form input, form textarea {
   padding:3px;
   border:1px solid;
   font-family:Arial,Helvetica,sans-serif;
   font-size:90%;
}
form input{
   width: 250px;
}
form textarea {overflow:auto;}

form .button,form .button2 {
   width:70px !important;
   border-bottom:1px solid;
   font-weight:bold;
   font-size:85%;
}

/* -------- Kuvasivujen tyylit -------- */

#pienetkuvat{
   margin:0 auto;
   width:442px; 
   height: 108px;
   background-color: #FAF6E4; 
}
 
#pienetkuvat a.galleriakuva,  #pienetkuvat a.galleriakuva:visited {
   display:block; 
   color:#000; 
   text-decoration:none; 
   width:86px; 
   float:left;
   margin:2px 0 0 2px; 
   padding:0;   
   }
#pienetkuvat a.galleriakuva img {
   border:1px solid #000;
}
#pienetkuvat a.galleriakuva img:hover {
   border:1px solid #fff;
}

#galleriakuvat {
   width:442px; 
   height: 616px;
   background-color: #FAF6E4; 
   border:1px solid #a49188;
}
  
#isokuva{
   border-top: 1px solid #a49188;
   width:440px; 
   padding:2px 0 0 4px; 
   margin:0 0 0 0; 
}
#isokuva img{
   border:1px solid #000;
}
#isokuva div.pysty{
   padding-left:40px;
}

/* -------- Taulukot -------- */

table{
   margin:0 auto 0.8em auto;
   font-size: 95%;
   /*border:1px solid #444;*/  
}
caption{
   font-weight: bold;
   /* font-variant: small-caps;*/
   margin:0;
   padding:0 0 0.5em 0;
   font-size: 95%;
   text-align: left;
}
th{
   text-align: left;
   background-color: #EAE5C1;
   color: #696969;
   /*border-bottom:1px solid #444;*/
}
th.hinta{
   width: 20%;
}
td{
   background-color: #F8F6E7;
   /* border:1px solid #444;
   border-collapse: collapse;*/
}

#tekstitaulukko table{
	 margin: 0;
   background-color: transparent;
   padding: 1;
   font-size: 95%;
}
#tekstitaulukko td{
	 margin: 0;
   background-color: transparent;
   padding: 1;
   font-size: 95%;
}

/* -------- Sivukartta -------- */

#sivukartta{
   margin:0 0 0.5em 0;
}
#sivukartta ul{
   list-style: none;
   margin:0 0 0 1em;
   padding:0 0 0 1em;
   background-image: url(taustat/lista.gif);
   background-repeat: repeat-y;    
}
#sivukartta ul li ul{
   padding:0 0 0 2em;
}
#sivukartta ul li{
   font-weight: bold;
   background-image: url(taustat/lista_li.gif);
   background-repeat: no-repeat;
   background-position: 0 0.6em;
   padding:0 0 0.2em 1em;
}
#sivukartta ul li ul li a{
   font-weight:normal;
	 font-size:110%;
}
#sivukartta ul li ul li ul li a{
   font-weight:normal;
	 font-size:120%;
}
#sivukartta a{
   /*color: #000164;*/
   color:#425542;
   background-color: transparent;
}
#sivukartta a:hover{
   background-color: transparent;
   color: #CE0000;
}
.isotkirjaimet{
   font-variant: small-caps;
	 font-size:110%;
}
#navi p.juhlakuva{
   margin:0.5em 0 0 0.8em;
   font-size:80%
}
#navi p.juhlakuva img{
   border: 1px solid #444;
}
#navi p.kulttuuriseteli{
   margin:0.5em 0 0 0.8em;
   font-size:80%
}
#navi p.kulttuuriseteli img{
   border: 1px solid #444;
}
#navi p.omaetiketti{
   margin:8em 0 0 0.8em;;
}
#teksti ul.esitteet{
   list-style: none;
   margin: 0 0 0 0;
   padding: 0;
}
#teksti ul.esitteet li{
   width: 90px;
   float:left;
   margin: 0 0.6em 1em 0;
   font-size:95%;
}
#teksti ul.esitteet li a{
   border:0;
}
#teksti ul.esitteet li a img{
   border:1px solid #444;
}
#teksti ul.esitteet li a:hover img{
   border: 0;
}