/* pilvet.css     by Markus Koljonen      2005 */
/* Maan ystävät - Friends of the Earth Finland */

/** Sisällys:
	- yleiset
	- divisiot
	- otsikot
	- kappaleet
	- tekstin korostus
	- lomakkeet
 **/


/** Yleiset **/

* {
  margin: 0;
  padding: 0;
}
body {
  font: 12pt/14pt times;
  background: #e7e7e7;
  width: 749px;
}

/** Divisiot **/

div#tausta {
  background: transparent url(taustapilvet_uudella_logolla.jpg) no-repeat bottom left;
}
div#valikko {
  position: absolute;
  top: 180px;
  left: 0px;
  border-top: 2px solid #fff;
  border-right: 1px solid #eee;
  border-bottom: 2px solid #ddd;
  width: 179px;
  background-color: #fafafa;
  padding: 12px 0px 12px 0px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  -khtml-opacity: 0.85;
  -moz-opacity: 0.85;
}
div#valikko a:link, div#valikko a:visited {
  border-top: 1px solid #fff;
  border-right: 1px solid #fafafa;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: 8px;
  padding-left: 16px;
  display: block;
}
div#valikko a:hover, div#valikko a:active, div#valikko #valittu {
  background-color: #eee;
  border-top: 1px solid #ddd;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #eee;
  text-decoration: none;
}
div#sisalto {
  background: #fff url(pilvikoriste_lapinakyvyydella.jpg) no-repeat bottom left;
  margin-left: 180px;
  width: 569px;
  min-height: 715px;
}
div#leipateksti {
  padding: 10px 30px 60px 30px;
}


/** Otsikot **/

h1, h2 {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left;
}

h1 {
  background-image: url(paaotsikko.jpg);
  width: 749px; /* kuvan oikea leveys: 800px */
  height: 136px;
}
h1 span {
  display: none;
}

h2 {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}
h2#ekaOtsikko {
  background-image: url(lentaminen.jpg);
  width: 509px;
  height: 77px;
}
h2#tokaOtsikko {
  background-image: url(vapaaehtoinen_lentomaksu.jpg);
  width: 509px;
  height: 66px;
}
h2#kolmasOtsikko {
  background-image: url(kompensointi.jpg);
  width: 509px;
  height: 35px;
}
h2#neljasOtsikko {
  background-image: url(lentomaksun_maksulomake.jpg);
  width: 509px;
  height: 25px;
}
h2#viidesOtsikko {
  background-image: url(linkkeja.jpg);
  width: 509px;
  height: 35px;
}
h2#kuudesOtsikko {
  background-image: url(yhteystiedot.jpg);
  width: 509px;
  height: 35px;
}
h2#nollakuusiOtsikko {
  background-image: url(2006.jpg);
  width: 509px;
  height: 35px;
}
h2#nollaseitsamanOtsikko {
  background-image: url(2007.jpg);
  width: 509px;
  height: 35px;
}
h2#nollakahdeksanOtsikko {
  background-image: url(2008.jpg);
  width: 509px;
  height: 35px;
}
h2#nollayhdeksanOtsikko {
  background-image: url(2009.jpg);
  width: 509px;
  height: 35px;
}
h2#kymmenenOtsikko {
  background-image: url(2010.jpg);
  width: 509px;
  height: 35px;
}
h2#yksitoistaOtsikko {
  background-image: url(2011.jpg);
  width: 509px;
  height: 35px;
}
h2#ekaOtsikko span, h2#tokaOtsikko span,
 h2#kolmasOtsikko span, h2#neljasOtsikko span,
 h2#nollakuusiOtsikko span, h2#nollaseitsamanOtsikko span,
 h2#nollakahdeksanOtsikko span, h2#nollayhdeksanOtsikko span,
 h2#kymmenenOtsikko span, h2#yksitoistaOtsikko span,
 h2#viidesOtsikko span, h2#kuudesOtsikko span {
  display: none;
}


/** Kappaleet **/
/** 20070611 (tatu) lisäsin kahteen allaolevaan ul-elementin **/ 

p, address, table {
  margin: 0 20px 20px 30px; 
}
ul {
  margin: 0 20px 20px 50px; 
}
p, ul {
  line-height: 1.7em;
  text-align: justify;
}
blockquote {
  line-height: 1.4em;
  float: right;
  width: 160px;
  padding: 20px;
}
blockquote span {
  display: block;
  color: #50617C;
  font-weight: bold;
  font-variant: small-caps;
  text-align: right;
}
.lainausmerkit {
  display: block;
  background: transparent url(lainausmerkit.gif) no-repeat top left;
  float: left;
  width: 27px;
  height: 24px;
  margin-right: 6px;
  margin-bottom: 6px;
}
address {
  font-style: normal;
  line-height: 1.3em;
}


/** Tekstin korostus **/

a:link, a:visited {
  text-decoration: none;
  color: #50617C;
}
a:hover, a:active {
  text-decoration: underline;
}
strong, b {
  color: #50617C; 
}
acronym {
  font-style: normal;
  border-bottom: 1px dotted #50617C;
  cursor: help;
  text-transform: lowercase;
  font-variant: small-caps;
}
span.luku {
  font: 12pt georgia;
  font-weight: inherit;
}

/** Lomakkeet **/

#lomake p {
  margin-bottom: 0.6em;
  line-height: 1.5em;
}
#lomake td {
  padding: 0.1em 0.1em 0.1em 0;
}
#lomake input {
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: baseline;
}