html,body{
	margin:0;
	padding:0
}

body{
	font-family:arial, "Trebuchet MS",sans-serif;
	color:#333;	
  background-color: #8E7467;/*Dokumentin taustaväri */
                    
}
 
h1{
	padding: 0.5em 1em 0.5em 1.2em; /*Otsikon täyte. Järjestys: ylös oikealle alle vasemmalle. Laatuna em eli m-kirjaimen koko*/
	margin: 0 0 0 0; /*Otsikon marginaali. Järjestys: ylös oikealle alle vasemmalle. Laatuna em eli m-kirjaimen koko*/
	font-size:150%; /*Otsikon fontin koko.  Laatuna %  */
	font-family:Verdana,"Trebuchet MS", arial,sans-serif; /*Fontti-perhe. Jos fontin nimessä on välilyönti, nimi pitää laittaa lainausmerkkeihin.*/
	font-weight: normal; /*Määritellään onko fontti lihavoitu vai ei. Selaimet tukevat kahta arvoa normal ja bold */
	background-image: url(taustat/h1tausta.gif);/*otsikon taustakuva */
	background-repeat:  no-repeat;
	background-position: 0 0.8em;/*otsikon taustakuvan sijainti, Järjestys: Vasemmalta ylhäältä*/
	color:#263644; /*Fontin väri.*/
	background-color: inherit;/*Otsikon taustaväri. Tässä tapauksessa perii värin "äiti" -elementiltä (inherit) */
}
/*H2 otsikon tyylimäärittely */
h2{
   color:#263644;
	 background-color: inherit;
	 padding: 0.5em 1em 0.2em 0.0em;
	 margin: 0 0 0 0;
	 font-size:120%;
	 font-family: "Trebuchet MS", arial,sans-serif;
	 clear:both;
}
/*etusivun ajankohtaista otsikon tyylimäärittely */
h2.ajankohtaista{
  background-image: url(taustat/ev.gif);
	background-repeat:  no-repeat;
	background-position:0 60%;
	border-bottom: 1px solid #072c10;/*Otsikon alla oleva reunaviiva. Järjestys: Viivan paksuus (laatu px) viivan muoto (solid on yhtenäinen viiva) ja viivan väri */
	padding: 0.7em 1em 0.2em 1.5em;
}
/*Tapahtumat ja koulutukset  otsikon tyylimäärittely */

h2.kuukausi{
	border-bottom: 1px solid #f59e47;
	padding: 0.7em 1em 0.1em 0.0em;
}
h2.vuosi{
	
	margin:2em 0 0.2em 0;
	padding:0 0 0.2em 0;
	
	border-bottom: 1px solid #263644;;
	 
}
h2.kuukausi span.vuosi{
	display:block;
	margin:1em 0 1em 0;
	padding:0 0 0.2em 0;
	font-size:105%;
	border-bottom: 1px solid #263644;;
	 
}
h2.malli{
  font-family:  arial,"Trebuchet MS", sans-serif;
	margin:1em 0 1em 0;
	padding:0 0 0.2em 1.6em;
	font-size:120%;
	border-bottom:1px solid #ddd;
	/*background-image: url(mallit/ikonit/folder_icon.png);
	background-image: url(mallit/ikonit/laukku.png);*/
	background-image: url(taustat/ev.gif);
	background-repeat:  no-repeat;
	background-position:0 50%;
}
/*H3 otsikon tyylimäärittely */
h3{
	padding: 1em 1em 0 0;
	margin: 0;
  font-size:115%;
	font-family:  "Trebuchet MS", arial,sans-serif;
	color: #1c1c1c;
  background-color: inherit;
	clear:both;
}
h3 span.tapahtuma_koulutus{
  display: block;
 font-family:  "Trebuchet MS", arial,sans-serif;
  font-size:95%;
  margin:0 0 0.2em 0;
  padding:0 0 0 0;
	color:#263644;
	background-color: inherit;
}
h3 span.apvm{
  color:#1b1b1b;
	background-color: inherit;
	font-size:90%;
}
h3.kansio{
  color:#352d1d;
	color:#13100a;
	background-color: inherit;
	font-family:  arial,"Trebuchet MS", sans-serif;
	margin:1em 0 0 0.8em;
	padding:0 0 0 1.6em;
	font-size:115%;
	font-weight: normal;
	background-image: url(mallit/ikonit/folder_pieni_icon.png);
	background-image: url(mallit/ikonit/folder_icon.png);
	
	background-repeat:  no-repeat;
	background-position:0 0;
}
/*Oikean palstan H3 otsikon tyylimäärittely (#extra = oikeapalsta) */
#extra h3{
	padding: 0.5em 0 0.1em 1.5em;
	margin: 0 0 0 0;
	font-size:102%;
	font-family:  "Trebuchet MS", arial,sans-serif;
	color:#263644;
	/*background-image: url(taustat/h3tausta.gif);
	background-repeat:  no-repeat;
	background-position:0 0.95em;*/
	background-image: url(taustat/ev_musta.gif);
	background-repeat:  no-repeat;
	background-position:0 60%;
	border-bottom: 1px solid #b0b1b3;
	/*background-color: inherit;*/
}
#extra h3.eitaustakuvaa{
	background-image: none;
	padding: 0.5em 0 0.1em 0;
}

#extra h3 a{
	color:#263644;
	background-image: url(taustat/ev_musta.gif);
	background-repeat:  no-repeat;
	background-position:0 60%;
	background-color: inherit;
	padding: 0.5em 0 0.1em 1.5em;
}
#extra h3 a:hover{
   background-image: url(taustat/ev.gif);
	background-repeat:  no-repeat;
	background-position:0 60%;
	padding: 0.5em 0 0.1em 1.5em;
	color:#deab25;
	
	background-color: inherit;
}h3.tapahtumat{
  font-family:  "Trebuchet MS", arial,sans-serif;
  font-size:110%;
  margin:0.7em 0 0.2em 0;
  padding:0 0 0 1.5em;
	color:#263644;
	background-color: inherit;
	background-image: url(taustat/ev.gif);
	background-repeat:  no-repeat;
	background-position:0 0;
}
h3.tk{
  font-family:  "Trebuchet MS", arial,sans-serif;
  font-size:110%;
  margin:0.7em 0 0.2em 0;
  padding:0 0 0 0;
	color:#263644;
	background-color: inherit;
	
}
/*H4 otsikon tyylimäärittely */
h4{
  font-family:  "Trebuchet MS", arial,sans-serif;
  font-size:110%;
  margin:0.2em 0 0 0;
  padding:0 0 0 0;
  color:#252525;
	background-color: inherit;
}
h4.pdf,h4.rtf,h4.doc,h4.txt,h4.html,h4.kirja{
  background-repeat:  no-repeat;
	background-position:0 0;
	padding:0 0 0 1.4em;
	font-weight: normal;
	
}

h4.pdf{
   background-image: url(mallit/ikonit/pdf.gif);
}
h4.rtf{
   background-image: url(mallit/ikonit/rtf.png);
}
h4.doc{
   background-image: url(mallit/ikonit/word.gif);
}
h4.txt{
   background-image: url(mallit/ikonit/txt3.png);
}
h4.html{
   background-image: url(mallit/ikonit/html.png);
}
h4.kirja{
  background-image:url(mallit/ikonit/kirja.png);
  
}
h4.vapaah4{
    color:#252525;
	background-color: inherit;
	//text-decoration: underline;
	//font-weight: normal;
	font-size:112%;
	 padding:0 0 0 1.0em;
  
}

#tekstilohko div.tekija{
  
	color:#454545;
	line-height: 1.25;
	 font-weight: bold;
	background-color: inherit;
	 font-size:85%;
	padding:0 0 0 1.7em;
	margin:0;
}
#tekstilohko .kategorialue{
  font-size:99%;
}
#tekstilohko .kategorialue .aihe{
 margin:0.5em 0 0.7em 1.5em;
 font-size:101%;
}

#tekstilohko .esittelyteksti{
  padding:0.2em 0 0 1.5em;
	font-size:100%;
	line-height: 1.2;
}
#tekstilohko .arvostelu{
   padding:0.2em 0 0.5em 1.5em;
	font-size:100%;
	line-height: 1.2;
	
}
#tekstilohko .arvostelu div.kpl{
  
	font-size:90%;
	line-height: 1.3;
	
}
#tekstilohko .arvostelu img{
	border:0;
}
#tekstilohko div.aihe h4 a,#tekstilohko div.aihe h4.kirja{
  color:#843a02;
	background-color: inherit;
	font-size:100%;
	text-decoration: none;
	
}

div.erotin{
  background-image: url(taustat/erotin.gif);
	background-repeat:  no-repeat;
	background-position:50% 50%;
	width:100%;
	
}

p{
	padding: 0.3em 1em 0.3em 0;
	margin:0 0 0 0;
	font-size:92%;
	line-height: 1.45em;/* Rivin korkeus*/
	color:#333;	
	background-color: inherit;
}
#tekstilohko div{
 	font-size:92%;
	line-height: 1.45em;
}
#tekstilohko div p{
font-size:100%;
}
#tekstilohko div.pisteviiva{
 width:50%;
 margin:auto;
background:url(taustat/piste.png) repeat-x 0 bottom; padding:0.5em 0 0.5em 0;
}
#tekstilohko div.reuna{
  border:1px solid #c5c5c5;
	padding:0 0.4em 0.4em 0.8em;
	margin:0.5em 0 0.5em 0;
	font-size:100%;
	background-color: #fff;
}
 ul.tilaukset{
	margin: 0 0 0 0;
	padding:0 0 0 1em;
	/*font-size:95%;*/
	 list-style: none;
	
}
 ul.tilaukset li{
	margin: 0 0 0 0;
	padding:0 0 0 0;
   
}
ul.tilaukset li span{
	color:  #9a3a03;
	background-color: inherit;
	font-size:108%;
}
.tilaush2{
	margin:1em 0 1em 0;
	padding:0 0 0.2em 1.6em;
	font-size:115%;
	border-bottom:1px solid #ddd;
	/*background-image: url(mallit/ikonit/folder_icon.png);
	background-image: url(mallit/ikonit/laukku.png);*/
	background-image: url(taustat/ev.gif);
	background-repeat:  no-repeat;
	background-position:0 50%;
}

 ul.tilaukset li div{
	font-size:100%;
	 font-weight: normal;
}
	p.seuraavaa{
  padding: 0.6em 1em 0 0;
  color:#333;	
	background-color: inherit;
}
p strong, p b{
 color:#333;
 background-color: inherit;
}
#extra ul li b{
 color:#3a3a3a;
 background-color: inherit;
}
#extra p{
	padding:0.5em 0 0.5em 0;
	margin:0;
	font-size: 93%;
}
#extra p strong{
	padding:0.2em 0 0 0;
	margin:0;
	background-color: inherit;
	color: #293429;
	font-size: 105%;
}
p.ilmoittaudu{
  padding:0 0 0.2em 0;
	margin:0;
	font-size: 93%;
}
#extra p.ilmoittaudu strong{
  padding:0 0 0.2em 0;
	margin:0;
	font-size:105%;
}
p.ilmoitus{
  font-size:100%;
	color:#a80909;
	background-color: inherit;
}
p.vahvailmoitus{
  font-size:110%;
	font-weight: bold;
	color:#a80909;
	background-color: inherit;
}
p.kappaleoikealle{
  float:right;
}
/*tekstiosassa olevan listan tyylimäärittely*/
ul,ol{
 font-size:95%;
 font-family:arial,"Trebuchet MS",sans-serif;
 margin-top:0;
 color:#1a1a1a;
	 background-color: inherit;
 list-style-position: outside;
}
ol ul{
  margin:0 0 0 0.3em;
	padding:0 0 0 0.3em;
	list-style: disc;
}
/*tekstiosassa class-määriteellä "teksti" olevan listan tyylimääriteely ( markkerit määritelty pois )*/
ul.linkit{
 font-family:   arial,"Trebuchet MS",sans-serif;
 list-style: none;
 font-size:95%;
}
ul.linkit a{
 color: #040476;
	background-color: inherit;
}
ul.linkit a:hover{
 color: #A0522D;
	background-color: inherit;
}
ul.teksti{
 font-family:   arial,"Trebuchet MS",sans-serif;
 list-style: none;
 margin:0 0 0.5em 0;
 padding:0;
 font-size:95%;
}

#tekstilohko ul li, #tekstilohko ol li{
  padding:0.3em 0 0.3em 0;
	
 }
#tekstilohko ul.teksti li{
 padding:0.1em 0 0.1em 0;
 }
#tekstilohko ul.teksti li strong{
 color:#3a3a3a; /* "teksti"-listan strong-elementin tekstiväri  */
 background-color: inherit;
 }
#tekstilohko ul ul{
   font-size:100%;
}

.listaussisus p{
	padding: 0.2em 1em 0.4em 0;
	line-height: 1.25em;
}
blockquote {
    font-family:"Trebuchet MS","New Centry Schoolbook","Bookman Old Style","Book Antiqua",Georgia,"Times New Roman",serif;
    font-size:93%;
    
		
}
blockquote div.lahde{
		 font-size:85%;
		 text-align:right;
		 margin-right:0;
		 margin-top:0.5em;
}
a{
 	text-decoration: none; 
 
}
#tekstilohko a{
  text-decoration: underline; 
}
#tekstilohko a.eiviivaa{
 text-decoration: none; 
}

a.pikalinkki img{
	border: 0;
}
.kuvagalleria{
  width:96%;
	margin:0 auto
}
.kuvagalleria h2{
  font-size:150%;
	margin:1em 0 0 0;
}
.kuvapankki{
  
	  width:100%;
		margin:0 auto 0 0.8em;

}

#tekstilohko .piilota{
  display: none;
}

#tekstilohko .pienetkuvat{
      width:44%;
	margin:0.3em 0.3em 0.3em 1em;
	float: left;
	height: auto;
       min-height: 170px;
}
#tekstilohko .pienetkuvat img{
    width:100%;
	
	display: block;
	text-align: center;
	border:solid #CCC;
	border-width:1px;
	border-color: #e2e0e0 #CCC #CCC #e2e0e0;
	background-color: #efefef;
	padding:3px;
		
	
}.arvostelu img{
	width: 15%;
}
#tekstilohko .selaus{
    margin:0 auto 0 1.2em;
		font-family: Arial, "Trebuchet MS", sans-serif;
		width:97%;
		text-align: center;
}
#tekstilohko .selaus  a{
  display:block;
	 float: left;
  margin:0.1em 0.1em 0 0;
	padding:0.1em;
	border:1px solid #000;
	width:5%;
	text-align: center;
	background-color:#f2ede3;
	color:#060505;
	text-decoration: none;
}

#tekstilohko .selaus span.valittusivu {
 display:block;
	 float: left;
   margin:0.1em 0.1em 0 0;
	padding:0.1em;
	border:1px solid #000;
	width:5%;
	text-align: center;
  color:#e01313;
	background-color:#b2a384;
}
#tekstilohko .selaus a.edellinen{
   /*float: left;
   width:5%;*/
	 background-color:#efefef ;
	border:0;
}
#tekstilohko .selaus a.seuraava{
  /*float: right;
	text-align: right;
	width:5%;*/
	 background-color:#efefef ;
	border:0;
}

.kuvavasemmalle{
	float: left;
	padding:0 0 0 0;
	margin:0.5em 0.5em 0 0;
  width:40%;
	position:relative;
}

.kuvaoikealle{
	float: right;
   padding:0 0 0 0;
	 margin:0.5em 0.5em 0 0.5em;
   width: 40%;
	 position:relative;
}
.kuvakeskelle{
  padding:0 0 0 0;
	margin:0.4em 0 0 0;
		position:relative;
	
}
img.kuvavasemmalle{
	display:block;
}
img.kuvaoikealle{
	display:block;
}
img.kuvakeskelle{
	display:block;
	width: 92%;
}
.kuvavasemmalle a img, .kuvaoikealle a img,.kuvapankki a img,.kuvavasemmalle  img,.kuvaoikealle img,.kuvapankki img{
  border: 1px solid #333;
  width: 100%;
	
}
.kuvakeskelle img{
		display:block;
		width: 92%;
}
.kuvateksti{
  font-size:85%;
	width:90%;
	font-family:"Trebuchet MS", arial,sans-serif;
}
.kuvaaja{
  font-size:85%;
}
div#tekstilohko img{
	border: 1px solid #333;
}
div#extra .kuvakeskelle  img{
	border: 1px solid #333;
}
.kuvavasemmalle img.pieni , .kuvaoikealle  img.pieni,.kuvakeskelle  img.pieni{
  display:block;
	position:absolute;
	top:0%;
	left:0%;
  width:10px;
	
	
}
.lopetakellutus{
	clear: both;
}
.pvmvari{
	color:   #000;
       color: #002C2D;
	background-color: inherit;
	font-weight: 500;
       font-size:105%;
	font-family:"Trebuchet MS", arial,sans-serif;

}
#tekstilohko .haku{
 margin:0.3em 0 0.5em 0;
 padding:0;
}
#tekstilohko .hakuselite{
margin:0;
padding:0;
font-size: 85%;
}
#tekstilohko .hakutoimija{
  color:#91198b;
	background-color: inherit;
}

div#keskityslohko{
	position: relative;
	width: 98%;
	max-width: 1200px;
	margin:1em auto 0 auto;
	width:expression(document.body.clientWidth > 1200? "1200px": " 98%" );
	background-color: #fff;
	color:#333;
	
}
div#ylalohko {
	height:240px;
	width: 100%;
	
	}
div#logo{

	height:200px;
  background-image: url(taustat/logo.png);
	background-repeat: no-repeat;
		background-position:top left;

  	
}

div.kuva{
 background-image: url(taustat/kuva.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

div#logo { behavior: url(../iepngfix.htc); }
div.munamies img{
 margin:0 auto 0 auto;
 width:100%;
 position:relative;
 }

div.ejylogo img{
 margin:0 auto 0 auto;
 width:90%;
 position:relative;
 }

div.keskitetty{
 margin:0 auto 0 auto;
 width:50%;

 }

div#keskilohko{
  float:left;
	margin:0 0 0 0;
	width:70%;
  position: relative;
  min-height: 580px;
  height:auto !important;
  height:580px;

 }
* html div#keskilohko{
   width:71%;
}

div#kellutuslohko{
	width:100%;
}
div#tekstilohko{
	margin:0 0 0 270px;
	padding:0 0 1em 0;
       background-color:inherit;
	color:#333;
	
}
* html div#tekstilohko{
   margin:0 0 0 263px;
  
}
#tekstilohko ul#navpainike{
 list-style: none;
padding: 1.5em 0 0 0.1em;
margin: 0 auto 1em auto;
width: 99%;
}
#tekstilohko .vali{
	margin-bottom:1em;
}
#tekstilohko ul#verkostolinkit{
	 list-style: none;
padding: 0.5em 0 0em 0.1em;
margin: 0 auto 0 auto;
width: 100%;


}
#tekstilohko ul#verkostolinkit li{
 /*float:left;*/

margin:0 0 0 0;
/*width: 33%;*/
padding: 0 ;
/*border:1px solid #D7D7D7;*/
}
ul#verkostolinkit li a{
display: block;
height: 2em;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 115%;
text-decoration: none;
/*font-weight: bold;*/
color: #0000D9;
background-image: url(taustat/ev_harmaa.gif);
	background-repeat:  no-repeat;
	background-position:0 5%;
	padding: 0 0.6em 0 1.7em ;

	color:#263644;
}
ul#verkostolinkit li a:hover{

color: #0000D9;
color:#deab25;
background-image: url(taustat/ev.gif);
	background-repeat:  no-repeat;
	background-position:0 5%;
	padding: 0 0.6em 0 1.7em ;
	}
#tekstilohko ul#navpainike li{
 float:left;
height: 14em;
margin:0 0 0 0;
width: 33%;
padding: 0 ;
}

ul#navpainike li a{
display: block;
width: 100%;
height: 14em;
margin:0 0 0 0;
padding: 0;
}
ul#navpainike li a.tehtava{
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(taustat/tehtava.png);
 }
ul#navpainike li a.liity{
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(taustat/liity.png);
 }
ul#navpainike li a.koulutus{
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(taustat/koulutus.png);
 }
ul#navpainike li a:hover.tehtava{
 background-position:0 0;
 background-repeat: no-repeat;
 background-image: url(taustat/tehtava_over.png);
 }

ul#navpainike li a:hover.liity {
 background-position:0 0;
 background-repeat: no-repeat;
 background-image: url(taustat/liity_over.png);
}
ul#navpainike li a:hover.koulutus{
 background-position:0 0;
 background-repeat: no-repeat;
 background-image: url(taustat/koulutus_over.png);
 }
#tekstilohko ul#navpainike li a img{
	border:0;
}
div#valikko{
	position:absolute;
	left:0;
	top:0;
       width:260px;
	margin:0 0 0 0;
	
}
#valikko div img{
	   width:90%;
		 padding:1em;
		 border:0;
	 }
div#extra{
	float:right;
	width:28%;
       margin:0 0.5em 0 0;
	padding:0 0 0 0;
	}
* html div#extra{
   width:27%;
}

.extralohko{
  padding:0 0 0.8em 0;
	clear:both;
}
#extra ul{
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 92%;
}
#extra ul li{
	padding:0 0 0.3em 0;
}
#extra ul li.nimi{
	padding:0.3em 0 0.3em 0;
	color:#3a3a3a;
	font-weight: bold;
}
#extra #fade_base{
  width:250px;
	
	padding:5px;
	height:50px;
	
}
#extra #fade_base #fade_link{
color:#3900ee;
	background-color: inherit;
	font-family:"Trebuchet MS", arial,sans-serif;
	font-style: normal;
	}
div#alalohko{
	clear:left;
	width:100%;
	height:1.8em;
	text-align: center;
	background-color: #79736d;
	font-size: 92%;
	color:#fff;
}


.viiva{
	border-bottom: 1px solid #000;
}

#paalinkit{
	margin: 0 0 1em 0.5em;
}  
#peruslinkit{
	margin: 0 0 0.5em 0.5em;
}  
#peruslinkit ul, #paalinkit ul{
	 list-style: none;
	 margin: 0 0 0 0;
	 padding:0 0 5px 0;
}

#peruslinkit ul li, #paalinkit ul li{
	margin: 0 0 0.2em 0;
	padding:0.2em 0 0 0;
}
#paalinkit ul  li.takaisinlinkki  {
	margin: 0 0 0 0;
	padding:0 0 0 15px ;
	background-image: url(taustat/takaisin.gif);
	background-repeat:  no-repeat;
	background-position:2% 40%;
}
#paalinkit ul  li.takaisinlinkki a   {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#0518c2;
	color:#402919;
	color: #00008B;
}
#paalinkit ul li.takaisinlinkki  a:hover{
  margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#0518c2;
}
#peruslinkit  a, #paalinkit a{
   font-size:100%; 
}
#peruslinkit ul li a, #paalinkit ul li a{
	margin: 0 0 0 10px;
	padding:0 10px 0 0;
	color: #00008B;/* navigointiosan linkin väri*/
	color:#402919;
	
	background-color: inherit;
	font-family: Arial, "Trebuchet MS", sans-serif;
}

#peruslinkit ul li a:hover, #paalinkit ul li  a:hover{
	margin: 0 0 0 10px;
	padding:0 0 0 0;
	color: #A0522D;/* navigointiosan linkin väri, kun osoitin on linkin päällä*/
	background-color: inherit;
}

#peruslinkit ul li a.valittu,#paalinkit ul li a.valittu,#peruslinkit ul ul li a.valittu,#paalinkit ul ul li a.valittu{
	margin: 0 0 0 10px;
	padding:0 11px  0 0;
	color:#D82424;/* navigointiosan linkin väri, kun linkki on valittu*/
	background-color: inherit;
	background-image: url(taustat/valittunuoli.gif);
	background-repeat:  no-repeat;
	background-position:100% 75%;
	
}
#peruslinkit ul ul,#paalinkit ul ul{
	list-style: none;
	margin: 0 0 0 1em;
	padding:0;
}
#peruslinkit ul ul li ,#paalinkit ul ul li  {
	margin: 0 0 0 0;
	padding:0 0 0.3em 10px;
}


#peruslinkit ul ul li a,#paalinkit ul ul li a,#peruslinkit ul ul li a.valittu,#paalinkit ul ul li a.valittu,#peruslinkit ul ul li a:hover, #paalinkit ul ul li  a:hover{
	margin: 0 0 0 0;
	padding:0 11px 0 0;
	
}


ul.ulpisteet{
  background-image: url(taustat/lista_pun.gif);
  background-repeat: repeat-y;
}
li.lipisteet{
  background-image: url(taustat/lista_li_pun.gif);
  background-repeat: no-repeat;
	background-position: 0 0.6em;
	
}
#paalinkit ul ul li.kapiteeli{
 font-variant: small-caps;
 text-transform: lowercase;
  margin: 0 0 0 0;
	padding:0 0 0 0;
}

li.kapiteeli span{
 padding:0 0 0 3px;
 color:#263644;
 background-color: inherit;
 font-weight: normal;
 
} 

.b1,.b2,.b3,.c1,.c2,.c3{
  height:1px;
  }

.b2,.b3,.b4{
  font-size:1px;
	display:block; 
  background-color: #fdfbf8;
	color: #fdfbf8;
  border-left:1px solid #d9c8c1; 
  border-right:1px solid #d9c8c1; 
  }

.c2,.c3,.c4{
  font-size:1px;
	display:block; 
  background-color: #f9efe5;
	color: #f9efe5;
  border-left:1px solid #d9c8c1; 
  border-right:1px solid #d9c8c1; 
  }
.b1 {
  font-size:1px; 
  display:block; 
  margin:0 4px; 
  background:#d9c8c1; 
	color: #d9c8c1; 
  }
.b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.b3 {
  margin:0 1px;
  }
.b4 {
  height:2px; 
  margin:0;
  }
.c1 {
  font-size:1px; 
  display:block; 
  margin:0 5px; 
  background-color:#d9c8c1; 
	color:#d9c8c1; 
  }
.c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.c3{
  margin:0 2px;
  }
 .c4{
  height:2px; 
  margin: 0 1px;
  }
.valikkosisus {
  display:block; 
  border-left:1px solid #d9c8c1; 
  border-right:1px solid #d9c8c1;  
	background-color: #f9efe5;
	
	color:#f9efe5;
	
	 
  }
.tekstisisus {
  display:block; 
  border-left:1px solid #d9c8c1; 
  border-right:1px solid #d9c8c1; 
  padding:0 1em 1.3em 1em;
	background-color: #fdfbf8;
	color:#333;
  }
.extrasisus{
  display:block; 
  border-left: 1px solid #d9c8c1;
  border-right:1px solid #d9c8c1;
	background-color: #fdfbf8;
	color:#333;
  padding:0 1em 1em 1em;
  }
.listaussisus{
  display:block; 
  border-left:1px solid #d9c8c1; 
  border-right:1px solid #d9c8c1;  
  background-color: #fdfbf8;
	color:#333;
	padding:0 0 0 0.5em;
	
}
/*Mallisivun ankkurilinkit*/
#ankkurit
{
margin: 0 auto 0 3.2em;
/*background: #f0e7d7;
background: inherit;
margin: 0 auto;
padding: 1em 0 0 0;*/
font-family: Arial, "Trebuchet MS", sans-serif;
/*text-transform: lowercase;*/
}

/* to stretch the container div to contain floated list 
#ankkurit:after;
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}
*/
ul#ankkurilista
{
/*list-style: none;*/
padding: 0 0 0 0;

width: 100%;
font-size: 90%;
}

ul#ankkurilista li
{
/*display: block;

float: left;*/
width: auto;

margin:0 0.4em 0.4em 0;
padding: 0 0 0 0;
}

ul#ankkurilista li a{
padding: 0 0 0 0;
border-width: 1px;
border-color: #ccc #aaab9c #ccc #aaab9c;
border-style: solid;
border-width: 0;
 color:#843a02;
color: #044382;
text-decoration: none;
font-size:115%;
background: inherit;
}
ul#ankkurilista li a span{
  color:#843a02;
}

#ankkurit>ul#ankkurilista li a { width: auto; }



ul#ankkurilista li a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
border-color: #ccc #aaab9c #ccc #aaab9c;
}
#tekstilohko .lisatietoja{
 font-weight: bold;
 padding:0 0 0 1.7em;
	margin:0;
	font-size: 93%;
 color:#454545;
 background-color:inherit;
}
#tekstilohko .lisatietoja div{
 font-weight: normal;
}
/*Lomaketyyli*/

.formi,.linkkivinkki{
  width:100%; 
	padding:0.5em 0 0 0;
	margin:0 ;
  color: #31261c;
	background-color:inherit;
	font-weight: normal;
}
.formi div{
	padding:0.3em 0 0.3em 0;
		font-size: 95%;
}
.formi div.ots{
	padding:0.3em 0 0.3em 0;
	font-size: 95%;
	font-weight: bold;
}
.linkkivinkki div{
	 padding:0.2em 0 0.2em 0;
	 font-size: 93%;
	 width:95%; 
	 margin:0 auto;
}
.linkkivinkki p{
	font-weight: bold;
}
form .alasveto{
  width:250px; 
}
.formi div.sisa{
	 padding:0.3em 0 0.3em 0;
	 margin:0 0 0 0;
}
.formi div.sisa p{
	 font-weight: normal;
	}
.formi fieldset{
	padding:1em 0.5em 1em 0.5em;
	margin-top:0.5em;
}
.formi fieldset.kapeafieldset{
   padding:0.2em ;
	 margin:0 0 0.2em 0;
}
.formi option.lyhyt{
  width:380px;
}

.formi legend{
   font-size: 105%;
	 
 }
 .formi legend.kapealegend{
   font-size: 93%;
	 
 }
.formi label,.linkkivinkki label {
  display:block;
  width:95%; 
  font-weight: normal;
	padding:0 0 0.2em 0;
	}
.formi label.hakulabel{
display:block;
  width:95%; 
  font-weight: normal;
	padding:0 0 0.2em 0;
	 font-size: 93%;
}
.formi label.eibox{
	 display:inline;
	}
.formi .korostus{
	 color:#592600;
	 color:#343339;
	 background-color: inherit;
	 font-weight:bold;
	}
.formi input.inputkentta,.linkkivinkki input.inputkentta{
   width:95%;
   border:1px solid #ccc;
	}
.formi input.selaa{
   width:65%;
 }
 .formi input.paiva{
   width:10%;
 }
 .formi input{
  font-weight: normal;
 }
.formi textarea,.linkkivinkki textarea{
   width:95%; 
   border:1px solid #ccc;
}
.linkkivinkki textarea{
    width:95%; 
    border:1px solid #ccc;
	}
.formi div.normaali{
   color: #31261c;
	 background-color:inherit;
	 font-weight: normal;
}
.formi input.button,.formi input.button2{       
  margin: 1em 1em 0 0;
  display:block;
}
.formi input.button{
	float: left;
}
.formi input.haku{
	padding: 0 1em 0 0;
}

.formi ul.sopimus{
  font-size: 100%;
	font-weight: normal;
	margin:0;
	padding:0 0 0.4em 0;
	list-style: none;
	font-family:  Arial,"Trebuchet MS", sans-serif;
}
.formi ul.sopimus ul{
  list-style: none;
	font-size: 96%;
	padding:0.4em 0 0 1.5em;
}


.formi ul.sopimus li{
  padding:0 0 0.4em 0;
}
.formi ul.sopimus li span{
  font-weight: bold;
	padding:0 0.4em 0 0;
	color:#2b3e4e;
	background-color: inherit;
}
.formi ul.sopimus ul li span{
  font-weight: normal;
	padding:0 0.4em 0 0;
	color:#333;
	background-color: inherit;
}
p.sopimustekstikappale{
  font-family: Arial,  "Trebuchet MS",sans-serif;
	font-size: 100%;

}
.listaussisus select{
	width: 90%;
}
div.logot{
  padding:1em 0 1em 0;
}
div.logokuva{
 width: 44%;
 float: left;
 border:0;
}

 div#tekstilohko .logokuva img.eireunusta{
   border:0;
	 width: 96%;
}
div#tekstilohko .logokuva img.merkki{
   border:0;
	 width: 31%;
}
div.lataus{
 width: 56%;
 float: right;
 font-size:95%;
 line-height: 1.35;
 padding:0.9em 0 0.6em 0;
}
div.varisys{
 width: 22%;
 float: left;
 
}
.logootsikko{
  padding:0.6em 0 0.2em 0;
}
div.logot p span.myriadre{
  font-family: "Myriad Pro Regular";
	color:#231f20;
	background-color: inherit;
	font-size:115%;
}
div.logot p span.myriadit{
  font-family: "Myriad Italic";
	font-style: italic;
	color:#eeb211;
	background-color: inherit;
	font-size:115%;
}
#tekstilohko .kategoria{
  font-size: 95%;
	color:#004040;
	
}
#tekstilohko .kategoria a{
background-image: url(taustat/lista_vihr.gif);
	background-repeat:  no-repeat;
	background-position:100% 50%;
	padding:0 0.25em 0 0;
}
/* Kalentrin määritykset*/
table.allakka {
  width: 65%; 
	font-size: 95%; 
	border-collapse: collapse; 
	border:1px solid #d3d3d3;
	margin:1em auto 0.3em auto; 
	
}
table.allakka td{
 border:0;
}
table.allakka td.nuolet{
 background-color: #d0d0d0;
}
table.allakka td.nuolet a img {
 border:0;
 
}
table.allakka td.allakkaOtsikko { 
color:#222222;
background-color: #d0d0d0;
text-align: center; 
font-weight: bold; 
padding:0 0 2px 0;
	
}
table.allakka td.paivaOtsikko { 
color:#575353;
text-align: center; 
font-weight: bold; 
border-top: 1px solid #d3d3d3;
padding:2px 0 0 0;
	
}

table.allakka td.linkki { 
 border:1px solid #fcefa1;
 padding:2px;
 text-align: center; 
 background-color:#fcfaf1;
 }
table.allakka td.numerot { 
 border:1px solid #d3d3d3;
 padding:2px;
 text-align: center; 
 background-color:#ededed;
 }
 table.allakka td.tyhja { 
 padding:2px;
 text-align: center; 
 background-color:#fff;
  border:0;
 }
ul.eimarkkeria{
 list-style:none;
}
ul.listaus{
 list-style:none;
 max-height: 500px;
 max-width: 300px;
 overflow: scroll;
  list-style:none;
}
.facebook{
  text-align:center;
}
 /*Yllapidon ohjeisiin */
 span.rivinvaihto{
 display:block ;
 padding:0.2em 0 0.2em 0;
 }

/* Paperi tulostuksen ohjeet*/
 @media print {
 body{
      font-family: "Times New Roman", Times, serif;
       font-size: 100%;
       margin:0;
       height: auto;
   }
	 div#keskityslohko {
   margin:0;
   height: auto important!;
   min-height: 0;
	 width: 100%;

    }
 div#ylalohko,div#logo {
  
  display:none ;
	visibility: hidden;
       height: 0;
       width: 0;
		
	}
	div#valikko {

	 display:none ;
	 visibility: hidden;
       height: 0;
       width: 0;
			 
	 }
	
	 div#alalohko {

	 display:none ;
	 visibility: hidden;
       height: 0;
       width: 0;
			 
	 }
       .linkkivinkki{
		display:none ;
	}
	 div#keskilohko{
	  margin:0 0 0 0;
	  padding:0 0 0 0;
       width: 65%;

	 }
	 div#tekstilohko{
	 width: 100%;
   height: auto;
	 margin:0 0 0 0;
	  padding:0 0 0 0;
	 }
	  div#extra{
	 width: 35%;
   height: auto;
	 margin:0 0 0 0;
	   padding:0 0 0 0;
	
	 	 }
	 .extrasisus, .tekstisisus{
	   border:0;
	 }
	h1,h2,h3,#extra h3{
	   background-image: none;
	   margin:0;
	   padding:0.3em 0 0.3em 0;
		 border:none;
	}
 }