/*  puolikas.net:in tyylikkäin tiedosto
    nimi: kuulbluu
    author: gesta
    timestamp: 31.12.2005
*/

.holderi1 {
/* tämä ja holderi2 ovat ovelaa varjostusta ja oikealle siirtoa varten */
position: relative;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
top: 0;
left: 0;
width: 782px;
}
.holderi2 {
position: relative;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
background-color: white;
background: url('kuvat/alatausta2.gif') repeat-y 0 0;
}
.kuvatus {
position: relative;
background: url('kuvat/logo.png') no-repeat 0 0;
height: 61px;
width: 780px;
background-color: white;
z-index: 2;
}
/*  .liput {
  position: absolute;
  right: 1px;
  top: 1px;
  border: none;
  padding: 0;
  margin: 0;
  }*/
  .slogan {
  position: absolute;
  left: 330px;
  top: 20%; 
  color: white; 
  font: italic .9em arial;
  }
  .karhu {
  position: absolute;
  right: 1px;
  top: 0px;
  z-index: 3;
  }
  
#ruudukko {position: absolute; }
#mainoskartta { position: relative; z-index: 15; display: block; visibility: visible;}
#kaupungit { position: absolute; display: block; z-index: 10;}

.kuvatus_ala {
position: relative;
background: url('kuvat/logo_alaosa.png') no-repeat 0 0;
height: 22px;
width: 780px;
background-color: white;
margin-left: 0px;
padding-left: 0px;
z-index: 1;
}
  .valikko { position: static;
  padding-left: 1em;
  color: white;
  font: italic .8em verdana;
  z-index: 1;

  }
.keho_index {
position: relative;
width: 683px;
border-right: 1px solid black;
padding-bottom: 0px;
background-color: white;
background: url('kuvat/alatausta2.gif') repeat-y 0 0;
}
.keho {
position: relative;
width: 779px;
padding-bottom: 0px;
background-color: white;
background: url('kuvat/alatausta2.gif') repeat-y 0 0;
}
.visiitti { color: white; }
.sivupaneeli, .sivupaneeli_blogi {
position: absolute;
top: 50px;
right: 2px;
width: 120px;
border: none;
z-index: 50000;
font: .8em arial; color: blue; display: inline;
              margin-bottom: .2em;
}
.sivupaneeli_blogi { top: 200px; }
.paneeli { background: #eeeeff; border-bottom: 1px solid #ccccff;
            font: 1.2em arial;}
              
.wrap { padding-left: 2em;}
  h1 { font: bold italic 2em arial; margin-top: .5em;}
  h2 { font: bold 1.5em arial; }

  p.kertomus { width: 90%; font: .8em arial;}
  a.nousu { font: italic .8em arial; }
  .lista {  float: left;
            padding-right: 6em;
            margin-top: 1em;
            list-style-type: disc; 
            font: .8em arial;}
  ol { font: .8em arial; }
  .budjetti {  border: 1px solid black;
               border-collapse: collapse;  margin-left: 4em;}
      .tulo1 { background-color: #98FB98; } 
      .tulo2 { background-color: #caFFca; } 
      .meno1 { background-color: #FF9387; } 
      .meno2 { background-color: #FFE4E1; } 
      .mlop { border-top: 3px solid black; background-color: #FFE4E1; }
      .yht { background-color: #FF5347; font-weight: bold;}
      .ker { padding-left: 1em;
            padding-right: 5px;
            border: 1px solid black;
            text-align: right; } 
       
      .otsikko { text-align: left; padding-left: .5em;}

    .hinnat { border: none;
              border-collapse: collapse;
              width: 80%; }
        .hi1 {  border: none; 
                border-bottom: 1px solid black;
                border-left: 1px solid black;
                padding-left: 1em;
                padding-right: 5px; 
                }
        .hi2 {  border: none; 
                border-top: 1px solid black;
                border-left: 1px solid black;
                padding-left: 1em;
                padding-right: 5px; }
        .me1 {  border-bottom: 1px dotted black; }
        .tilaa {  padding-top: .5em;
                  padding-bottom: .5em; }
        .koko {   padding-right: 1em; }
        .linkit { padding-right: 2px;
                  margin-right: 2px; 
                  padding-left: 3em;}
        .linkkiteksti { width: 13.5em; }
        
        
    .mainostajat {  border: none;
                    border-collapse: collapse;
                    width: 94%; margin-bottom: 2em;}
        .m_otsikko {  border: none;
                      border-bottom: 1px solid black;
                      padding-left: .5em;
                      font: bold italic 1em arial; }
        .parillinen { border: none;
                      border-bottom: 1px dotted black;
                      background: #D9E7FF; }
        .pariton {    border: none;
                      border-bottom: 1px dotted black;
                      background: #FFFFFF; }
        .m_kuva {   text-align: center; }
    
    .ehdot {  width: 95%;
              height: 250px;
              overflow: auto;
              border: 1px dotted black;
              margin-bottom: 1em; }
              
.yhteysl {position: relative; border-collapse: collapse; left: 1em;}
.y1 {border: none; border-bottom: 1px solid black; vertical-align: top; text-align: right; padding: .3em; }
.y2 {border: 1px solid black; vertical-align: top; padding: .3em 1em .3em .3em; background: #0A69F5;}
.y3 {border-left: 1px solid black; vertical-align: top; padding: .3em 1em .3em .3em; text-align: left;}
.none {border: none; vertical-align: top; padding: .3em .5em .3em .3em; text-align: right;}


    .feed {   position: absolute;
              left: .5em; margin-top: .5em;
              border: 0; }
    .blogslog { font: 1.1em verdana; 
                padding-bottom: .5em;
                border-bottom: 1px solid black; }
        h3 {  font: italic 1.1em arial; 
              margin-bottom: .5em; display: inline;
              padding-right: 1em;}
        h4 {  font: .7em arial; color: gray; display: inline;
              margin-bottom: .5em;}
        
.kommentti {  font: .7em arial; color: blue; display: block;
              margin-bottom: 1.5em; margin-left: 1em;}
    .blogi {  text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #ccccff;
              text-indent: 1em; padding-right: 1em;margin-right: 1em;
              background-color: #f5f5ff;
              font: .8em arial;
              }
  .kuva_vasen { float:left; padding: .5em;
                margin-right: .5em; margin-left: .5em; }
  .kuva_oikea { padding-right: .5em; float:right; padding-left: .5em;
                margin-right: .5em; margin-left: .5em; }
  .kuva_keski { padding: .5em;  
                margin: .5em; margin-left: 15em; margin-right: 11em; }
  .tilasto {  margin: .5em; padding: .5em; }
              
.alapalkki {
position: relative;
text-align: center;
background: url('kuvat/alatausta.gif') repeat-y 0 0;
border-bottom: 1px solid black;
padding-top: 5px;
padding-bottom: 5px;
width: 780px;
bottom: 0px;
color: #1c1c1c;
font: italic .7em verdana;
}

a.v:link {color: #ffffff; text-decoration: none;  }
a.v:visited {color: #ffffff; text-decoration: none;}
a.v:hover {color: #ffff54; text-decoration: none; font-variant: small-caps;  letter-spacing: .03em;}
a.v:active {color: #ffba43; font-variant: small-caps;}

a.nousu:link { font: italic .8em arial; color: #0000FF;}
a.nousu:visited { font: italic .8em arial; color: #0000FF;}
a.nousu:hover { font: italic .8em arial; color: #FF0000;}
a.nousu:active { font: italic .8em arial; color: #0000FF;}

a.footer:link { color: #1c1c1c;}
a.footer:visited { color: #8c1c1c;}
a.footer:hover { color: #eeeeee;}
a.footer:active { color: #aaaaff;}


#leijuva {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10005;
  background-color: white; border: 1px solid #5f5f5f; 
  width: 125px; height: 125px; padding: 1px;
  color: black; font-size:11px; line-height:1.2;
}

/* mainostajien css */
.tp1 { font-size:12px; color: #00173D; font-style:italic; text-align: center;}
.tp2 { font-size:12px; color: #00173D; font-style:italic; text-align: center;}
.tp3 { font-weight:bolder; color:#337; padding-top:4px }

#vakooja {  position: absolute;
            left: 25%;
            top: 30%;
            border: none; }