/*
      yl.css

      Stylesheet.

      Copyright © Sami Mutanen, 2005. All rights reserved.
   blue color: #1e21a4;

   */


a:link { 
  text-decoration: none;
  color: #1e21a4;
}
a:visited { 
  text-decoration: none;
  color: #1e21a4;
}
a:hover { 
  color: #595959;
}
a.logo { 
  font-size: 11;
  text-decoration: none;
  border: 0;
}
img.logo { 
  border: 0;
}

td.logo { 
}

div.ylblue { 
  color: #1e21a4;
  font-weight: bold;
  vertical-align: middle;
}

/* Search */
form.search{ 
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  padding-left:25px;
  display: inline;
}
a.srchsubmit { 
  color: #fff;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 10px;
}
a.srchsubmit:hover { 
  color: #595959;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: inherit;
}
input.search { 
  display:inline;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
select.sortmenu { 
  display:inline;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

/* General */
body { 
  color: #323232;
  font-size: 12px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  background-image: url(img/tausta.gif);
  background-attachment: fixed;
  margin-top: 0;
  margin-left: 40px;
}
p {
  color: #323232; 
  font-size: 11px; 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  line-height: 13px;
}

/* ??? */
pre { 
  color: #000;
  font-size: 1em;
}
blockquote { 
  color: black;
  font-size: 1em;
}

h1 { color: #626262;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #323232;
}
h2, h3 { color: #626262;
  font-size: 15px;
  font-weight: bold;
}
h4, h5, h6 { 
  font-size: 13px;
  font-weight: bold;
  color: #323232;
}
img { 
  background-color: #eee;
  border: 0px
}
/*
ol {
  color: #000;
  font-size: 1em;
}
ul {
  color: #000;
  font-size: 0.8em;
  list-style-position: inside;
}
*/
/* Top menu */
p.tmenu { 
  margin-top: 8px;
}
a.tmenu { 
  color: #595959;
  font-size: 11px;
  font-weight: bold;
  background-color: #ddd;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 10px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
}
a.tmenu:visited {
  color: #595959;
  font-size: 11px;
  font-weight: bold;
  background-color: #ddd;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 10px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
}
a.tmenu:hover { 
  color: #a8a8a8;
  font-size: 11px;
  font-weight: bold;
  background-color: #ddd;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 10px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
}
a.tmenucurrent { 
  color: #595959;
  font-size: 11px;
  font-weight: bold;
  background-color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 10px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
}
a.tmenucurrent:visited {
  color: #595959;
  font-size: 11px;
  font-weight: bold;
  background-color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 10px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
}


/* Linkkejä */
.kakkoslinkki { 
  color: #626262;
  font-weight: bold;
  text-decoration: underline;
  cursor: inherit;
}
.kakkoslinkki:visited { 
  color: #626262;
  font-weight: bold;
  text-decoration: none;
  cursor: inherit;
}
.kakkoslinkki:hover { 
  color: #ff8300;
  font-weight: bold;
  text-decoration: none;
  cursor: inherit;
}
.kakkoslinkki:active { 
  color: #ff8300;
  font-weight: bold;
  text-decoration: none;
  cursor: inherit;
}

/* Footer */
div.footerlinkki { 
  position:absolute;
  top:10px;
  right:20px;
  font-size: 10px;
  width:500px;
  border:0;
  text-align:right;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}
a.footerlinkki { 
  color: #ddd;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  cursor: inherit;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
a.footerlinkki:hover { 
  color: #595959;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  cursor: inherit;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
a.footerlinkki:visited { 
  color: #ddd;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  cursor: inherit;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
a.footerlinkki:visited:hover { 
  color: #595959;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  cursor: inherit;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
/*
a.footerlinkki:active { 
  color: #ddd;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  cursor: inherit;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
*/
tr { 
  border-style: none;
}
.taulukko { 
  background-color: #e3e1e1;
  padding: 3px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right-color: white;
  border-bottom-color: white;
}
.header { 
  background-color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  float: left;
}
.sisis { 
  position: static;
  top: 40px;
  left: 20px;
}

/* Containers */
div.main { 
  position: relative;
  float: left;
  width: 750px;
  height: 675px;
  background-color: #fff;
 }
div.mainflex { 
  position: relative;
  float: left;
  width: 750px;
  background-color: #fff;
  display: block;
  clear: both;
  overflow: hidden;
}
div.headercontainer { 
  position: relative;
  float: left;
  display: block;
  width: 750px;
  height: 145px;
  padding: 0;
  border: 0;
}
div.maincontainer { 
  position: relative;
  float: left;
  display: block;
  width: 750px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 50px;
  border: 0;
}
div.footercontainer { 
  position: relative;
  float: left;
  display: block;
  width: 750px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  border: 0;
}

/* Header */
div.ylhdr1 { 
  position:absolute;
  top: 0px;
  left: 0px;
  width: 750px;
  height: 80px;
  z-index: 1;
}
div.ylhdr2 { 
  position: absolute;
  top: 81px;
  left: 0px;
  width:750px;
  height: 35px;
  background: url(img/yl_ylanavi_taus.gif);
}
p.ylhdr2 { 
  padding-top:6px;
}
div.ylhdr3 {  /* Pagemenu*/
  position: absolute;
  top: 117px;
  left: 0px;
  width: 750px;
  height: 25px;
  background-color: #eee;
  border: 0;
}

/* Footer */
div.footer { 
  position: absolute;
  border: 0;
  bottom:-1px; /* IE6 is broken */
  left: 0px;
  width: 750px;
  height: 40px;
  background-color: #666;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: right;
  color: #fff;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

/* Ads */
div.adbanner { 
  position: absolute;
  top: 10px;
  left: 272px;
  border:0;
  padding:0;
  z-index: 2;
}
div.ad1 { 
  position:absolute;
  top:160px;
  left:615px;
  width:125px;
  height:125px;
  z-index: 1;
}
div.ad2	{
  position:absolute;
  top:292px;
  left:615px;
  width:125px;
  height:125px;
  z-index: 1;
}
div.ad3 {
  position:absolute;
  top:424px;
  left:615px;
  width:125px;
  height:125px;
  z-index: 1;
}
div.rbox { 
  position:absolute;
  top:161px;
  left:315px;
  width:270px;
  height:390px;
  border: solid 1px #a8a8a8;
}
div.rboxbck { 
  position: absolute;
  top: 120px;
  left: 0px;
  width:270px;
  height:270px;
  border: 0;
  z-index: 1;
}
div.lbox {
  position:absolute;
  top:161px;
  left:15px;
  width:270px;
  height:390px;
  border: solid 1px #a8a8a8;
}
div.boxcontent { 
  position: absolute;
  top: 45px;
  left: 10px;
  width: 250px;
  height: 335px;
  z-index: 2;
}
div.otsikkopalkki { 
  position: relative;
  background: url(img/yl_ylanavi_taus.gif);
  background-repeat: repeat-x;
  width: 100%;
  height: 35px;
  color: #fff;
  font-size: 13px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
div.otsikkopalkkitext {
  position: absolute;
  top: 8px;
  left: 20px;
  width: 90%;
  height: 18px;
  color: #fff;
  font-size: 13px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
a.otsikkolink { 
  font-size: 10px;
  text-decoration: none;
  text-align: right;
  cursor: inherit;
  color: #fff;
  text-transform: none;
}
a.otsikkolink:hover { 
  color: #595959;
  text-decoration: none;
  text-align: right;
  cursor: inherit;
}

div.bigbox {
  position:relative;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 10px;
  width:560px;
  border: solid 1px #a8a8a8;
}
div.bigboxcontent { 
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 530px;
  z-index: 2;
}
div.bigboxbck { 
  position: absolute;
  bottom: 0px;
  right: 0px;
  width:270px;
  height:270px;
  border: 0;
  z-index: 1;
}

div.mainbox { 
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  background: url(img/etusivu_boksin_kuva.jpg);
  width: 100%;
  height: 348px;
}
div.mainboxcontent { 
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 250px;
  height: 300px;
}
.mainboxcontent p { 
  font-size: 13px;
}

div.date { 
  font-size: 13px;
  font-weight: bold;
  color: #323232;
}



/* Login */
div.login { 
  position: relative;
  display: block;
  float: left;
  border-color: #1e21a4;
  border-right: 2px solid #1e21a4;
  border-left: 2px solid #1e21a4;
  border-top: 2px solid #1e21a4;
  border-bottom: 2px solid #1e21a4;
  padding: 5px 20px;
  font-size: 12px;
  text-transform: none;
}    

form.login { 
  display: inline;
}
form.login input { 
  font-size: 12px;
  display: inline;
}

input.login { 
  display: inline;
}
form.login submit { 
  font-size: 12px;
  display: inline;
}
div.loggedin { 
  position: absolute;
  top:114px;
  left: 0px;
  width: 40px;
  height: 80px;
  background: #eee;
  font-size: 10px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  border-top: #22a solid 2px;
}

div.loggedin_gray { 
  position: relative;
  float: left;
  border: 0;
  padding-left: 5px;
  padding-right: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.loggedin_white { 
  position: relative;
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 3px;
  background: #fff;
  border: #a8a8a8 solid 1px;
}
form.loggedin { 
  display: inline;
  font-size: 10px;
}
form.loggedin input { 
  font-size: 8px;
  display: inline;
}

input.loggedin { 
  display: inline;
}
form.loggedin submit { 
  font-size: 8px;
  display: inline;
  padding: 0;
  border: 0;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

form.yres { 
  font-size: 11px;
  display: inline;
}
form.yres submit { 
  font-size: 11px;
}
input.yres { 
  font-size: 11px;
}
table.yedit { 
  padding: 0;
  border-color: #1e21a4;
  border-top: 3px solid #e6e6e6;
  border-bottom: 3px solid #949494;
  border-left: 3px solid #e6e6e6;
  border-right: 3px solid #949494;
  background-color: #1e21a4;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}    

table.yeditinline { 
  display: inline;
  border: 0;
  padding: 0;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

td.yeditb { 
  background-color: #1e21a4;
  border-top: 2px solid #1e21a4;
  border-bottom: 2px solid #1e21a4;
  border-left: 2px solid #1e21a4;
  border-right: 2px solid #1e21a4;
  color: #ffffff;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  text-align: right;
}
td.yeditbl { 
  background-color: #1e21a4;
  border-top: 2px solid #1e21a4;
  border-bottom: 2px solid #1e21a4;
  border-left: 2px solid #1e21a4;
  border-right: 2px solid #1e21a4;
  color: #ffffff;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  text-align: left;
}
td.yedit { 
  border-color: #1e21a4;
  border-top: 2px solid #1e21a4;
  border-bottom: 2px solid #1e21a4;
  background-color: #f0f0f0;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
td.ylblue { 
  background-color: #1e21a4;
  border-top: 2px solid #1e21a4;
  border-bottom: 2px solid #1e21a4;
  border-left: 2px solid #1e21a4;
  border-right: 2px solid #1e21a4;
  color: #ffffff;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
div.msg { 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #1e21a4;
  display: inline;
}
div.yerror { 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #e01010;
  display: inline;
}
div.ywarn { 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 12px;
  color: #e01010;
  display: inline;
}
div.yinfo { 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 12px;
  color: #000000;
  display: inline;
}
div.ydbg { 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 12px;
  color: #6060c0;
  display: inline;
}
div.ytrc { 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 12px;
  color: #90c090;
  display: inline;
}
img.email { 
  border: 0px;
  vertical-align: bottom;
  padding: 0;
}
div.yresultmsg { 
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #10a010;
  display: inline;
}
a.hakusana { 
  color: #323232;
  text-decoration: none;
}
a.hakusana:hover { 
  color: #595959;
}
a.hakusanabold { 
  color: #2020a0;
  text-decoration: none;
}
a.hakusanabold:hover { 
  color: #595959;
}


p.sis { 
  margin-left: 60px;
  padding-left: 60px;
}


tr.nopad { 
  border: 0;
  padding: 0;
}

td.nopad { 
  border: 0;
  padding: 0;
  background-color: #ffffff;
}

td.gray { 
  border: 0;
  padding: 0;
  background-color: #e6e6e6;
}

div.ybluebar { 
  position: relative;
  float: left;
  width: 80%;
  display: block;
  border: 0;
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
a.ybluebar { 
  text-decoration: none;
  color: #000000;
}
a.ybluebar:visited { 
  color: #000000;
}
a.ybluebar:hover { 
  color: #595959;
}

td.box { 
  background-color: #1e21a4;
  border-top: 5px solid #e6e6e6;
  border-bottom: 5px solid #949494;
  border-left: 5px solid #e6e6e6;
  border-right: 5px solid #949494;
  color: #ffffff;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  text-align: center;
}
a.box { 
  color: #ffffff;
}
a.box:visited { 
  color: #ffffff;
}
a.box:hover { 
  color: #a0a0ff;
}
input.yadm { 
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
select.yadm { 
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
button.yadm { 
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
table.messages { 
  border-top: 3px solid #e6e6e6;
  border-bottom: 3px solid #949494;
  border-left: 3px solid #e6e6e6;
  border-right: 3px solid #949494;
  text-align: center;
}

table.tel { 
  display: inline;
  border: 0;
  padding: 0;
  font-size: 11px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
form.yritys { 
  display: inline;
}


input.tadm { 
  font-size: 11px;
  border: 0;
  color: #1e21a4;
}
input.tadm:hover { 
  color: #a4211e;
}
option.red { 
  color: #a4211e;
}
option.green { 
  color: #21a41e;
}
a.sort { 
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #949494;
  border-bottom: 1px solid #949494;
  font-size: 11px;
  color: #1e21a4;
  text-decoration: none;
}
div.sort { 
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #949494;
  border-bottom: 1px solid #949494;
  font-size: 11px;
  color: #949494;
  text-decoration: none;
  display: inline;
}

div.ybox { 
  position: relative; 
  float: left;
  margin-top: 15px;
  margin-left: 10px;
  width: 580px;
  padding: 0;
  border: 1px solid #a8a8a8;
  font-size: 11px;
}
div.ybox_full { 
  position:relative;
  float: left;
  width:100%;
  border: 0;
}
div.ybox_data { 
  position: relative;
  float: left;
  width: 380px;
  border:0;
}
div.ybox_data_left { 
  position: relative;
  float: left;
  width: 189px;
  border: 0;
}
div.ybox_data_right { 
  position: relative;
  float: right;
  width: 189px;
  border: 0;
}
div.ybox_logo { 
  position:relative;
  float: right;
  width:198px;
  border: 0;
}
div.ybox_sanat { 
  position:relative;
  float: left;
  width:100%;
  border: 0;
  border-top: 1px dotted #a8a8a8;
  padding-top:2px;
}


p.ybox { 
  margin-top:12px;
  margin-left:15px;
  margin-right:15px;
}
a.yname { 
  color: #fff;
  font-size: 13px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
a.yname.visited { 
  color: #fff;
  font-size: 13px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.result { 
  font-size: 11;
}

div.toimialaleft { 
  position: relative;
  float: left;
  border: 0;
  padding: 10px;
  width: 240px;
}
div.toimialaright{ 
  position: relative;
  float: right;
  border: 0;
  padding: 10px;
  width: 240px;
}


/* Palvelut */
div.topright_container {  
  position: relative;
  float:right;
  clear: right;
  display: inline;
  width: 180px;
  height: 180px;
}
div.palvelut_pallo { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/YL_palvelut2.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}
div.palvelut_lasi { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/YL_perus2.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}div.palvelut_puhelin { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/YL_puhelin2.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}
div.palvelut_avain { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/YL_tapaaminen2.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}
div.palvelut_posti { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/YL_postitus2.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}
div.palvelut_puristus { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/YL_puristus2.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}
div.mediatiedot { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/media_kuva3.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}
div.hakuohje { 
  position: relative;
  float: left;
  text-align: left;
  background: url(img/media_kuva2.jpg);
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}


div.gen100p { 
  position: relative;
  float: left;
  padding: 0;
  border: 0;
  width: 100%;
}

div.gen50pl { 
  position: relative;
  float: left;
  padding: 0;
  border: 0;
  width: 49%;
}
div.gen50pr { 
  position: relative;
  float: right;
  padding: 0;
  border: 0;
  width: 49%;
}
div.gen { 
  position: relative;
  float: left;
  border: 0;
  padding: 0;
}
div.genpadded { 
  position: relative;
  float: left;
  padding: 10px;
  border: 0;
}
div.genpaddedborder { 
  position: relative;
  float: left;
  padding: 10px;
  border: 1px solid #a8a8a8;
}
ul.tiivis { 
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 1.2;
  
}
ul.tiivis li { 
  padding-top: 0px;
  padding-bottom: 0px;
}
img.simple { 
  position: relative;
  float: left;
  padding: 0px;
  border: 1px solid #a8a8a8;
}
p.indent { 
  margin-left: 50px;
}
div.spacer { 
  position: relative;
  float: left;
  width: 100%;
  height: 75px;
  border: 0;
  padding: 0;
  margin: 0;
}