/* PERUS HTML -ELEMENTIT */

body {
  font-family: Arial, Verdana,sans-serif;
  margin: 0;
  padding: 0px;
  background-color: #ffffff;
  color: #000000;
}

p, td, h1, h2, h3, h4 {
  font-family: Verdana,sans-serif;
}

ul, ol {
  font-size: 80%;
}

ul ol, ol ul, ul ul, ol ol {
  font-size: 100%;
}


td {
  padding-top:0px;
}

/* PERUSOTSIKOT */

h1 {
  font-size: 140%;
  color:#000;
}

h4 {
  font-size: 100%;
  color:#000;
  margin-top: 6px;
  margin-bottom: 0px;
}

/* KORISTEET */

.ylatausta {
  padding: 0px;
  background: url(../kuvat/aluepelastuslaitos/ylatausta.gif);
  background-color: #000;
  background-repeat: repeat-x;
  background-position: top right;
}

.float_left{
  float: left;
}
.float_right{
  float: right;
}

.vasentausta {
  background: url(../kuvat/aluepelastuslaitos/sivutausta.gif) ;
  background-repeat: repeat-y;
  margin-top: 2px;
}

/* varittaa vasemman navigaation */
.vasennavi {
  background-color: #C40008;
}

.vasennavi_erottaja{
  background-color: #ffffff;
  background: url(../kuvat/aluepelastuslaitos/sivutausta_vali.gif);
  background-repeat: repeat-y;
}

/* 'poistaa varin' vasemman navigaation linkkisoluista */
.vasennavi tr td table tr td{
  background-color: #ffffff;
}

.sivupaalinkit{
  font-size: smaller;
  padding-left: 3px;
  padding-right: 22px;
}

/* taman padding ratkaisee, kuinka kapeaksi paavalikko voi kutistua */
#hatanumero{
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 61px;
  padding-right: 0;
  color: #000000;
}

.alatasolinkit {
  list-style-type: none;
  background-color: #ffffff;
}

.etusivuntiedote, .leivanmurut, .etusivuntiedoteaika, .tiedotejatkolinkit, .sivunalkuunlinkki {
  font-size: 75%;
  padding: 1px;
  padding-left: 6px;
}

.oikeanavi {
  padding-top: 2px;
  padding-bottom: 0px;
  background-color: #C40008;
}

/* LOMAKE / HAKUKENTTA */

form {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.hakunurkka1{
  background-color: #C40008;
}
.hakunurkka1_1{
  float: left; width: 25px; height:27px; background-color: #ffffff;
}
.hakunurkka1_2{
 float: left;  width: 227px; background-color: #C40008;
}
.hakunurkka1_3{
  padding-top: 3px; padding-bottom: 1px; padding-left: 3px; padding-right: 0px;
}

.hakunurkka2 {
  text-align: left;
  color:#C40008;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 0px;
  background-color: #C40008;
}

.hakukentta {
  border-width: 1px;
  border-style: solid;
  border-color: #F4D400;
  background-color: #ffffff;
  width: 6em;
  height: 1.25em;
}

.hakunappi {
  border: 0px;
}

/* Sekalaista */

.etusivunartikkelikuvaus {
  font-size: 80%;
  padding: 0px;
  padding-left: 3px;
  vertical-align: top;
}

.sivunalkuunlinkki{
  border-top: solid 2px #ffffff;
  background-color: #C40008;
}

.logopaikka, .otsikkopaikka {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.tekstiosuus {
  vertical-align: top;
  padding-bottom: 12px;
}

.vasentausta {
  background: url(../kuvat/aluepelastuslaitos/sivutausta.gif);
  background-repeat: repeat-y;
}

ul.alataso2linkit {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
}

.tamansivunurl{
  border-bottom: solid 1px #F4D400;
  padding-left: 6px;
  padding-right: 6px;
  word-break: break-all;
}


/* Erityisotsikot */

.etusivuntiedoteotsikko {
  font-size: 90%;
  font-weight:bold;
}

/* border-color on muutettava, jotta .alakokonaisuusotsikko tausta olisi kokonaan samanvarinen*/
.alakokonaisuusotsikko{
  font-size: 90%;
  font-weight:bold;
  color:#ffffff;
  border-style: solid;
  border-color: #C40008;
  border-top-width:  0px;
  border-bottom-width: 0px;
  border-right-width: 1px;
  border-left-width:  0px;
  padding-left: 5px;
  padding-right: 0px;
}

.ylaotsikko  {
  vertical-align: bottom;
}

.tekstiosuus  {
  vertical-align: top;
}

.ylaosoitetiedot, .kielilinkki, .palautelinkki, .muokkaus2 {
  padding-left: 3px;
}

.ylaosoitetiedot, .kielilinkki, .palautelinkki {
  padding-left: 3px;
  background-color: #C40008;
}

.oikopolkuotsikot {
  border-style: solid;
  border-color: #F4D400;
  border-top-width:  0px;
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-left-width:  0px;
}

.ylaosoitetiedot {
  font-size: 70%;
  color:#F4D400;
  padding: 4px;
  background-color:#C40008;
  border-style: solid;
  border-color: #F4D400;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-width: 0px;
}

.leivanmurut {
  border-style: dotted;
  border-color: #888;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}

.palautelinkki {
  border-top: solid #F4D400 1px;
  border-bottom: solid #F4D400 1px;
  padding-right: 5px;
}

/*  .tiedotejatkolinkit, .etusivunartikkelilinkki */

.etusivuntiedoteotsikko {
  font-size: 90%;
  font-weight:bold;
}

.etusivuntiedote, .etusivuntiedoteaika, .tiedotejatkolinkit, .etusivunartikkeliaika, .etusivunartikkelikuvaus, .sivunalkuunlinkki {
  font-size: 80%;
}

.leivanmurut {
  font-size: 70%;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 3px;
}

.muokkaus2 {
  font-size: 65%;
  font-weight:bold;
}

.etusivuntiedotelinkki, .tiedotelinkki, .tekstiversiolinkki {
  font-size: 80%;
  text-align: right;
}
.etusivunartikkelilinkki {
  font-size: 80%;
  text-align: right;
  vertical-align: bottom;
}


/*  .tiedotejatkolinkit, .etusivunartikkelilinkki */

.etusivuntiedotelinkki {
  border-bottom: solid 1px #efefef;
  background-color: #efefef;
}

.etusivuntiedoteaika {
  border-bottom: dashed 1px #8888aa;
}

.tiedotejatkolinkit {
  background-color: #efefef;
}

.alataso1linkit {
  padding-top: 3px;
  padding-bottom: 6px;
  border-top: dashed 1px #E89D02;
  border-bottom: dashed 1px #E89D02;
  background-color: #ffffff;
}

.alataso2linkit {
  border-top: dashed 1px #F4D400;
  border-bottom: dashed 1px #F4D400;
  background-color: #ffffff;
}

.alataso2linkitsolu {
  padding-left: 30px;
  background-color: #ffffff;
}

#alataso2linkitsolu_active{
  background-color: #C40008;
}

.alataso1linkitsolu {
  padding-left: 15px;
  background-color: #ffffff;
}

.etusivunartikkeli {
  border-top: solid 1px #8888aa;
}

.ihantavallinenviiva{
  border-bottom: solid 1px #8888aa;
}

.alatunniste {
  font-size: 80%;
  text-align: center;
 padding: 12px;
}

.tamansivunurl {
  font-size: 70%;
}

.kielilinkki, .palautelinkki {
  text-align: right;
 font-size: 70%;
}

.kielilinkki, .muokkaus2 {
  border-style: solid;
  border-color: #F4D400;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  padding-right: 6px;
}

.lohkolisays_elementti {
  border-style: solid;
  border-color: #F4D400;
  border-top-width: 1px;
  border-right-width: 2px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

.oikopolkulinkit, .alakokonaisuuslinkit, .alataso1linkit {
  font-size: smaller;
  padding-left: 3px;
}


.oikopolkulinkit {
  border-style: solid;
  border-color: #ccc;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
}

.alakokonaisuusotsikko{
  font-size: 90%;
  font-weight:bold;
  color:#000;
  padding-bottom: 2px;
  background: url(../kuvat/aluepelastuslaitos/alaotsikkotausta.gif);
  background-color:#C40008;
}

.leipateksti, .lisatietodokumentti, .muokkaus, .lahetaystavalle, .lisatiedonantaja, .linkki, .raportinsisalto, .lomakeotsikko {
  font-size: 80%;
}

.url {
 	word-break: break-all;
 	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.lahetaystavalle {
  text-align: right;
  background-color:#ffffff;
}

.hakutulosotsikko{
  font-weight:bold;
}
.hakutuloslkm,hakutulosrivi{
  font-size: 0.80em;
}

.ykkoshakutulos{
  font-size: 0.80em;
  font-weight:bold;
}

.ingressi {
  font-size: 0.80em;
  font-style:italic;
}

.kirjoittaja {
  margin: 0;
  text-align: right;
  font-size: 80%;
  font-style: italic;
}

.kuvaaja {
  margin: 0;
  text-align: right;
  font-size: 80%;
  font-style: italic;
}

.kuvateksti {
  margin: 0;
  text-align: left;
  font-size: 80%;
  font-style: italic;
}

/* Linkit */

/* Linkit:  peruslinkki, ei luokan sisalla, joka sivulla*/
A:link{text-decoration: underline; color: #012757; background-color: transparent;}
A:visited{text-decoration: underline; color: #597393; background-color: transparent;}
A:active{text-decoration: underline; color: #597393; background-color: transparent;}
A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit: kappaletekstiosuus, paaotsikko yms, joka sivulla */
.tekstiosuus A:link{text-decoration: underline; color: #012757;} /* oli transparent  */
.tekstiosuus A:visited{text-decoration: underline; color: #012757;}
.tekstiosuus A:active{text-decoration: underline; color: transparent;}
.tekstiosuus A:hover{text-decoration: none; color: #0A5DC5;}

/* Linkit: vasemman laidan paalinkit, joka sivulla */
.sivupaalinkit A:link{text-decoration: none; color: #012757; background-color: transparent;}
.sivupaalinkit A:visited{text-decoration: none; color: #012757; background-color: transparent;}
.sivupaalinkit A:active{text-decoration: none; color: #000000; background-color: transparent;}
.sivupaalinkit A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit: tallaista luokkaa ei ole olemassa naissa tiedostoissa */
/* tama luokka esiintyy ainakin www.tampere.fi -sivustolla, oikean laidan paatason navigaatio */
.oikopolkulinkit A:link{text-decoration: none; color: #000080; background-color: transparent;}
.oikopolkulinkit A:visited{text-decoration: none; color: #000080; background-color: transparent;}
.oikopolkulinkit A:active{text-decoration: none; color: #1D90FB; background-color: transparent;}
.oikopolkulinkit A:hover{text-decoration: none; color: #1D90FB; background-color: transparent;}

/* Linkit: leivanmurut, joka sivulla */
.leivanmurut A:link{text-decoration: none; color: #012757; background-color: transparent;}
.leivanmurut A:visited{text-decoration: none; color: #012757; background-color: transparent;}
.leivanmurut A:active{text-decoration: none; color: #597393; background-color: transparent;}
.leivanmurut A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit: alapalkissa, viivan paalla, joka sivulla */
.tamansivunurl A:link{text-decoration: none; color: #8888aa; background-color: transparent;}
.tamansivunurl A:visited{text-decoration: none; color: #8888aa; background-color: transparent;}
.tamansivunurl A:active{text-decoration: none; color: #8888aa; background-color: transparent;}
.tamansivunurl A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit: tallaista luokkaa ei ole olemassa naissa tiedostoissa */
/* tama luokka esiintyy ainakin www.tampere.fi -sivustolla, oikean laidan alitason navigaatio */
.alakokonaisuuslinkit A:link{text-decoration: none; color: #000080; background-color: transparent;}
.alakokonaisuuslinkit A:visited{text-decoration: none; color: #000080; background-color: transparent;}
.alakokonaisuuslinkit A:active{text-decoration: none; color: #000080; background-color: transparent;}
.alakokonaisuuslinkit A:hover{text-decoration: none; color: #1D90FB; background-color: transparent;}

/* Linkit: osa alinavigaation linkeista, pt 1 */
/* alitason navigaatiolinkit, ensimmaisen tason linkit */
.alataso1linkit A:link{text-decoration: none; color: #012757; background-color: transparent;}
.alataso1linkit A:visited{text-decoration: none; color: #012757; background-color: transparent;}
.alataso1linkit A:active{text-decoration: none; color: #000000; background-color: transparent;}
.alataso1linkit A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit:  tama ei ole nakyvissa, vaikka kaytossa */
.hakunurkka2 A:link{text-decoration: none; color: #F4D400; background-color:transparent;}
.hakunurkka2 A:visited{text-decoration: none; color: #F4D400; background-color:transparent;}
.hakunurkka2 A:active{text-decoration: none; color: #F4D400; background-color:transparent;}
.hakunurkka2 A:hover{text-decoration: underline; color: #F4D400; background-color:transparent;}

/* Linkit:  tama ei ole nakyvissa, vaikka kaytossa */
.kielilinkki A:link{text-decoration: none; color: #F4D400; background-color: transparent;}
.kielilinkki A:visited{text-decoration: none; color: #F4D400; background-color: transparent;}
.kielilinkki A:active{text-decoration: none; color: #F4D400; background-color: transparent;}
.kielilinkki A:hover{text-decoration: underline; color: #F4D400; background-color: transparent;}

/* Linkit:  joka sivulla yhteystietorivilla, oikeassa reunassa */
.palautelinkki A:link{text-decoration: none; color: #F4D400; background-color:transparent;}
.palautelinkki A:visited{text-decoration: none; color: #F4D400; background-color:transparent;}
.palautelinkki A:active{text-decoration: none; color: #F4D400; background-color:transparent;}
.palautelinkki A:hover{text-decoration: underline; color: #F4D400; background-color:transparent;}

/* Linkit:  joka sivulla, alhaalla vasemmassa reunassa */
.tekstiversiolinkki A:link{text-decoration: underline; color: #012757; background-color:transparent;}
.tekstiversiolinkki A:visited{text-decoration: underline; color: #597393 background-color:transparent;}
.tekstiversiolinkki A:active{text-decoration: underline; color: #597393 background-color:transparent;}
.tekstiversiolinkki A:hover{text-decoration: none; color: #0A5DC5 background-color:transparent;}

/* Linkit:  joka sivulla, alhaalla vasemmassa reunassa */
.sivunalkuunlinkki A:link{text-decoration: none; color: #FFD90C; background-color:transparent;}
.sivunalkuunlinkki A:visited{text-decoration: none; color: #FFD90C; background-color:transparent;}
.sivunalkuunlinkki A:active{text-decoration: none; color: #FFD90C; background-color:transparent;}
.sivunalkuunlinkki A:hover{text-decoration: underline; color: #FFD90C; background-color:transparent;}

/* Linkit: tallaista luokkaa ei ole olemassa naissa tiedostoissa */
/* ei loytynyt esimerkkia muiltakaan sivustoilta */
.etusivuntiedotelinkki A:link{text-decoration: none; color: #012757; background-color:transparent;}
.etusivuntiedotelinkki A:visited{text-decoration: none; color: #597393; background-color:transparent;}
.etusivuntiedotelinkki A:active{text-decoration: none; color: #597393; background-color:transparent;}
.etusivuntiedotelinkki A:hover{text-decoration: none; color: #0A5DC5; background-color:transparent;}

/* Linkit: tallaista luokkaa ei ole olemassa naissa tiedostoissa */
/* ei loytynyt esimerkkia muiltakaan sivustoilta */
.etusivunartikkelilinkki A:link{text-decoration: none; color: transparent;}
.etusivunartikkelilinkki A:visited{text-decoration: none; color: transparent;}
.etusivunartikkelilinkki A:active{text-decoration: none; color: transparent;}
.etusivunartikkelilinkki A:hover{text-decoration: none; color: transparent;}

/* Linkit: tallaista luokkaa ei ole olemassa naissa tiedostoissa */
/* ei loytynyt esimerkkia muiltakaan sivustoilta */
.tiedotejatkolinkit A:link{text-decoration: none; color: #012757; background-color: transparent;}
.tiedotejatkolinkit A:visited{text-decoration: none; color: #597393; background-color: transparent;}
.tiedotejatkolinkit A:active{text-decoration: none; color: #597393; background-color: transparent;}
.tiedotejatkolinkit A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit:  joka sivulla, alhaalla vasemmassa reunassa */
.lahetaystavalle A:link{text-decoration: underline; color: #012757; background-color: transparent;}
.lahetaystavalle A:visited{text-decoration: none; color: #597393; background-color: transparent;}
.lahetaystavalle A:active{text-decoration: none; color: #597393; background-color: transparent;}
.lahetaystavalle A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit:  joka sivulla, alhaalla keskella */
.alatunniste A:link{text-decoration: underline; color: #012757; background-color: transparent;}
.alatunniste A:visited{text-decoration: underline; color: #597393; background-color: transparent;}
.alatunniste A:active{text-decoration: underline; color: #597393; background-color: transparent;}
.alatunniste A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit:  tama ei ole nakyvissa, vaikka kaytossa */
.kuvalinkki A:hover{text-decoration: none; color: #0A5DC5; background-color: transparent;}

/* Linkit: tallaista luokkaa ei ole olemassa naissa tiedostoissa */
.muokkaus A:link{text-decoration: none; color: #00cc00; background-color: transparent;}
.muokkaus A:visited{text-decoration: none; color: #00cc00; background-color: transparent;}
.muokkaus A:active{text-decoration: none; color: #00cc00; background-color: transparent;}
.muokkaus A:hover{text-decoration: none; color: #00cc00; background-color: transparent;}

/* Linkit: tallaista luokkaa ei ole olemassa naissa tiedostoissa */
.muokkaus2 A:link{text-decoration: none; color: #00ff00; background-color: transparent;}
.muokkaus2 A:visited{text-decoration: none; color: #00ff00; background-color: transparent;}
.muokkaus2 A:active{text-decoration: none; color: #00ff00; background-color: transparent;}
.muokkaus2 A:hover{text-decoration: none; color: #00ff00; background-color: transparent;}