body, td, div
{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
 color: black;
}

body { background-color: white; padding: 10px 20px 40px 20px; margin: 0 }
table { border: 0px; margin: 0px; padding: 0px }
img { border: 0px; margin: 0px; padding: 0px }
form { margin: 0px; padding: 0px }
p { padding: 0; margin: 8px 0px 0px 0px }
a { color: #617E12; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline }
h1, h2, h3 { padding: 0; margin: 0 }

div#kehys { width: 1010px }

div#kehysvasen { float: left; width: 830px; margin: 0 15px 0 0; padding: 0; }
div#kehysoikea { margin: 0 }

div#header { }
div#sisalto { width: 830px }
div#otsikko { width: 830px }
div#keski   { float: right; width: 430px; padding-top: 10px }
div#vasen   { float: left;  width: 130px; padding-top: 10px }
div#oikea   { float: right; width: 230px; padding-top: 10px }
div#vasenkeski { float: left; width: 580px }
div#footer
{
  clear: both;
  padding: 9px 20px 0px 20px;
  height: 18px;
  text-align: center;
  background: white url(http://kuvat.elisa.net/matkailu/footer.gif) top left no-repeat;
  color: white;
  font-size: 11px;
  margin-bottom: 20px;
}
div#footer a { color: white; font-size: 11px; font-weight: normal }

div#vasen img { display: block }

div#keski hr { border: none; color: #d4d4d4; background-color: #d4d4d4; width: 420px; height: 2px; margin: 5px auto 5px auto; padding: 0 }
div#keski p { margin-bottom: 15px }

table.alanavi td, table.alanavi td a { font-family: Verdana, Arial, Helvetica, sans-serif; }

div.login
{
  width: 810px;
  height: 18px;
  margin-top: 2px;
  color: #f9f9f9;
  font-size: 11px;
  background: white url(http://kuvat.elisa.net/matkailu/kuvat_yla.gif) top right no-repeat;
  color: black;
  text-align: right;
  padding: 0px 20px 7px 0px;
}

div.navi
{
  background: #e9e8e2 url(http://kuvat.elisa.net/matkailu/navi_ala.gif) bottom left no-repeat;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  width: 110px;
  color: #555555;
}

div.navi h1 { color: #4d4c47; font-weight: bold; font-size: 12px }

div.navi input.tunnus, div.navi input.salasana
{
  background: white;
  border-top: 1px solid #9d9e99;
  border-left: 1px solid #9d9e99;
  border-bottom: 0px none;
  border-right: 0px none;
  width: 100px;
  padding: 3px;
  margin: 3px 0px 3px 0px;
}

div.navi input.kirjaudu
{
  width: 100%;
  display: block;
  border: 0px none;
  color: #959595;
  background: #e8e8e8;
  font-weight: bold;
  text-align: right;
  padding: 0;
  margin: 0;
}

div.navi a { font-size: 12px; font-weight: bold; display: block; color: #555555; margin: 2px 0px 10px 0px }

div.pikahaku { background: #bdbcb8; width: 130px; margin-bottom: 10px; background: #bdbcb8 url(http://kuvat.elisa.net/matkailu/pikahaku_ala.gif) bottom left no-repeat; }
div.pikahaku div { padding: 0px 10px 10px 10px; }
div.pikahaku div input
{
  background: white;
  border-top: 1px solid #9d9e99;
  border-left: 1px solid #9d9e99;
  border-bottom: 0px none;
  border-right: 0px none;
  width: 100px;
  padding: 3px;
}
div.pikahaku div input.etsi
{
  margin-top: 5px;
  background: #8b8b8b;
  border-width: 1px;
  padding: 2px;
  color: white;
  font-size: 9px;
  font-weight: bold;
  width: 50px;
}

div#keski h1
{
  font-size: 24px;
  font-weight: bold;
  height: 40px;
  padding: 5px 0px 0px 50px;
  background: white url(http://kuvat.elisa.net/matkailu/nuoli.gif) top left no-repeat;
  margin: 10px 0px 10px 0px;
}

div#keski h2
{
  font-size: 16px;
  font-weight: bold;
}

div.johdanto
{
  padding: 0px 15px 10px 15px;
  margin: 0px;
}

div.toplistaots
{
 background: #c6d383 url(http://kuvat.elisa.net/matkailu/arvostelu_ala.gif) bottom left no-repeat;
 margin-bottom: 5px;
 padding-bottom: 10px;
 width: 430px;
}

div.toplistaots div
{
 background: #c6d383 url(http://kuvat.elisa.net/matkailu/arvostelu_yla.gif) top left no-repeat;
 width: 410px;
 padding: 10px 10px 0px 10px;
}

div.toplistaots div table { width: 100% }
div.toplistaots div table td { font-weight: bold; padding: 0; margin: 0; text-align: left; width: 50% }

div.uudetarvostelut, div.arvosteluboksi
{
 background: #c6d383 url(http://kuvat.elisa.net/matkailu/arvostelu_ala.gif) bottom left no-repeat;
 margin-bottom: 5px;
 padding-bottom: 10px;
 width: 430px;
}

div.uudetarvostelut div, div.arvosteluboksi div
{
 background: #c6d383 url(http://kuvat.elisa.net/matkailu/arvostelu_yla.gif) top left no-repeat;
 width: 410px;
 padding: 10px 10px 0px 10px;
}

div.uudetarvostelut div table { width: 100% }
div.uudetarvostelut div table td { vertical-align: bottom; background: #c6d383 url(http://kuvat.elisa.net/matkailu/dots.gif) bottom left repeat-x }
div.uudetarvostelut div table span { background: #c6d383; padding: 0px 2px 0px 2px }

table.toplistat { width: 100% }
table.toplistat td { width: 50%; vertical-align: top; text-align: left }

table.toplista { width: 167px }
table.toplista td { width: auto; text-align: left; vertical-align: bottom; background: white url(http://kuvat.elisa.net/matkailu/dots.gif) bottom left repeat-x; padding: 2px 0px 2px 0px }
table.toplista td.lkm { text-align: right }
table.toplista td a { font-weight: normal }
table.toplista span { background: white; padding: 0px 2px 0px 2px }

table.dots { width: 130px }
table.dots td { vertical-align: bottom; background: #c6d383 url(http://kuvat.elisa.net/matkailu/dots.gif) bottom left repeat-x; padding: 2px 0px 1px 0px }
table.dots span { background: #c6d383; padding: 0px 2px 0px 2px; font-weight: bold }

div.asiaton { font-size: 10px; } 

table.arvosanat { width: 230px }

table.white { width: 100% }
table.white td { background-color: white }
table.white span { background-color: white }

td.arvosana { color: white; font-size: 36px; font-weight: bold; width: 60px; text-align: center; vertical-align: center }

td.sample { font-size: 11px; border-left: 3px solid white; vertical-align: top; padding-left: 5px }
td.sample h3 { font-size: 11px; font-weight: normal; padding: 0px 0px 5px 0px }
td.sample a { display: block; color: white; text-align: right }

div#oikea div.kuva
{
  background: #7C8E20 url(http://kuvat.elisa.net/matkailu/darkgreenbot.gif) bottom left no-repeat;
  padding: 0px 5px 0px 5px;
  color: white;
  margin-bottom: 7px;
  line-height: 100%;
}
div#oikea div.kuva img { margin-bottom: 5px }
div#oikea div.kuva a { color: #B0C350; font-weight: normal; font-size: 10px }
div#oikea img { display: block }

div#oikea div.lippu
{
  background: #354113 url(http://kuvat.elisa.net/matkailu/kuvat_ala.gif) bottom left no-repeat;
  padding: 0px 5px 0px 5px;
  color: white;
  font-weight: bold;
  margin-bottom: 7px;
  line-height: 100%;
}
div#oikea div.lippu img { margin-bottom: 5px; display: inline }
div#oikea div.lippu a { color: #acba7b; font-weight: bold; font-size: 12px }
div#oikea div.lippu div { text-align: center; color: white; font-weight: bold; }

div.oboksi { margin-bottom: 7px; }
div.oboksi div { background: white; padding: 0px 3px 0px 3px; }
div.oboksi div a { display: block; text-align: right; font-weight: bold }
div.oboksi div div { padding: 0px 0px 7px 0px; margin: 0; background: white url(http://kuvat.elisa.net/matkailu/dots.gif) bottom left repeat-x; }
div.oboksi div div a { display: inline; color: black; font-weight: normal }

div.uudetkohteet
{
  background: #a1ad63 url(http://kuvat.elisa.net/matkailu/uudet_kohteet_ala2.gif) bottom left no-repeat;
  padding: 0px 7px 13px 7px;
}
div.uudetkohteet div a { color: #4e621b; }

div.uutiset
{
  background: #a6b400 url(http://kuvat.elisa.net/matkailu/uutiset_ala.gif) bottom left no-repeat;
  padding: 0px 8px 13px 6px;
}
div.uutiset div a { color: #a6b400; }

div.keskusteluboksi
{
  background: #c6d383 url(http://kuvat.elisa.net/matkailu/keskustelut_ala2.gif) bottom left no-repeat;
  padding: 0px 8px 13px 6px;
}
div.keskusteluboksi div a { color: #7C8E20; }

table.maatiedot { width: 430px; padding: 5px 0px 5px 0px }
table.maatiedot td.lippu { width: 160px; padding-right: 10px }
table.maatiedot td.lippu img { border: 1px solid #a0a0a0 }

table.yleistiedot { width: 100% }
table.yleistiedot tr th { font-weight: bold; padding-right: 15px; text-align: left; vertical-align: top }
table.yleistiedot tr td { font-weight: normal; text-align: left; vertical-align: top }
table.yleistiedot tr th.nimet { font-size: 16px }
table.yleistiedot span.vanhanimi { font-size: 12px; font-weight: normal }
table.yleistiedot sup { font-size: 8px }

div.keskimainos { width: 430px; text-align: center }

div.polut a { color: #617E12; font-weight: normal; font-style: italic }

div.sivut { margin: 10px 0px 10px 0px; font-weight: bold; text-align: center }

input.nappi, a.nappi
{
  height: 21px;
  border: none;
  font-size: 11px;
  font-weight: bold;
  color: black;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

a.nappi { display: block; padding: 3px 0px 0px 0px; }
input.nappi:hover, a.nappi:hover { color:red; text-decoration: none }

.nappi80
{
  width: 80px;
  background: transparent url(http://kuvat.elisa.net/matkailu/n80x21.gif) no-repeat top left;
}

.nappi120
{
  width: 120px;
  background: transparent url(http://kuvat.elisa.net/matkailu/n120x21.gif) no-repeat top left;
}

.nappi160
{
  width: 160px;
  background: transparent url(http://kuvat.elisa.net/matkailu/n160x21.gif) no-repeat top left;
}

div.rekisteriboksi h3 { font-size: 16px; padding: 0px 0px 2px 0px; margin: 10px 0px 10px 0px; border-bottom: 2px solid #b3b3b3 }
div.rekisteriboksi table img { border: 1px solid #b2b2b2; margin-right: 15px }
div.rekisteriboksi table th { padding: 0px 10px 0px 0px; text-align: right; vertical-align: center }
div.rekisteriboksi table th.profile { vertical-align: top }
div.rekisteriboksi input { width: 250px; height: 15px; border: 1px solid #808080 }
div.rekisteriboksi input.tiedosto { height: auto }
div.rekisteriboksi select { border: 1px solid #808080 }
div.rekisteriboksi textarea { width: 400px; height: 100px; border: 1px solid #808080 }
div.rekisteriboksi input.radio { width: auto; height: auto; border: 0px none; padding: 0; margin: 0 }
div.rekisteriboksi span { font-size: 16px; font-weight: bold; padding-left: 5px }

div.rekisteriboksi table.rastit th, table.rastit td { text-align: left; vertical-align: top; padding-bottom: 10px }
div.rekisteriboksi table.rastit th { width: 20px; text-align: right }

input.virhe, select.virhe { background: #fff0b7 }
select.pvm { width: 70px; text-align: center; margin-top: 3px; margin-bottom: 3px; }

/* table.lomake { width: 100% } */
table.lomake th { text-align: right; vertical-align: top; font-weight: bold; padding: 0px 10px 10px 0px }
table.lomake td { text-align: left; vertical-align: top; padding-bottom: 5px }

table.lomake input.teksti { border: 1px solid #808080 }
table.lomake textarea { width: 300px; height: 200px; border-width: 1px }
table.lomake select { border-width: 1px; font-size: 11px }

table.lomake table.dots td { vertical-align: bottom }

textarea.arvostelu { width: 410px; height: 200px; border-width: 1px; margin-bottom: 10px; border: 1px solid #808080 }

div.otsikko
{
  padding: 5px 0px 0px 50px;
  background: white url(http://kuvat.elisa.net/matkailu/nuoli.gif) top left no-repeat;
  margin-bottom: 5px;
}

div.otsikko h3 { font-size: 24px; font-weight: bold; margin: 0; padding: 0 0 0px 0; }
div.otsikko h2 { font-size: 12px; font-weight: bold; margin: 0; padding: 0 }

table.arvosana { width: 100% }
table.arvosana td { color: #656565 }
table.arvosana td.yleisarvosana { font-weight: bold; text-align: center; vertical-align: top; width: 100px; padding-right: 40px }
table.arvosana td.yleisarvosana span { font-size: 48px }

table.pikkunavi { width: 430px; border-bottom: 2px solid #C6D382; padding: 0px }
table.pikkunavi td { width: 85px; height: 22px; background: url(http://kuvat.elisa.net/matkailu/alanavibg.gif) top left no-repeat; text-align: center }
table.pikkunavi td.nykyinen { background: white }
table.pikkunavi td a { color: #7B8C21; font-weight: bold }
table.pikkunavi td.nykyinen a { color: black; font-weight: bold }

div.sivut { text-align: right; margin: 5px 10px 5px 0px }

table.aiheet { width: 100% }
table.aiheet th, table.aiheet td { vertical-align: top; padding: 2px 3px 2px 3px }
table.aiheet th { padding-top: 5px; padding: 5px; background: #DED7A3; font-size: 12px; vertical-align: middle }
table.aiheet .c1 { width: 50%; text-align: left }
table.aiheet .c2 { width: 20%; text-align: left }
table.aiheet .c3 { width: 15%; text-align: center }
table.aiheet .c4 { width: 15%; text-align: center }
table.aiheet td { border-bottom: 1px solid #DED7A3 }

table.aiheet a { color: black; font-weight: normal }
table.aiheet a.foorumi { font-weight: bold }
table.aiheet a.otsikko { font-weight: bold }
table.aiheet a.kirjoittaja { font-style: italic }

table.viestit { width: 100% }
table.viestit td { font-size: 11px; text-align: left; vertical-align: top; padding: 3px }
table.viestit tr.topic td { font-size: 18px; font-weight: bold; border-bottom: 2px solid #d4d4d4 }
table.viestit td.kuka { padding: 3px 15px 3px 0px; width: 80px }
table.viestit td.kuka img { border: 1px solid #b2b2b2 }
table.viestit tr.pvm td { border-top: 1px solid #d4d4d4; font-weight: bold }
table.viestit tr.noborder td { border-top: 0px none }
tr.pvm div { float: right; font-size: 11px }

ul.virhe, ul.virhe li { color:red; font-weight: bold }

div.selite { font-size: 11px }

span.huom { font-weight: bold; color: #A50411 }

div#keski div.apua h1 { font-size: 14px; background: white; height: auto; padding: 0 }
div#keski div.apua h2 { font-size: 12px; font-weight: bold; }

img.noportrait { border: 1px solid #a0a0a0 }
div.profiili table td { text-align: left; vertical-align: top; padding: 0 10px 10px 0 }
div.profiili h4 { font-size: 16px; font-weight: bold; padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #d4d4d4 }

a.musta { font-weight: bold; color: black; text-decoration: underline }

div.aakkoslista table { width: 100% }
div.aakkoslista table td { padding-right: 30px }
div.aakkoslista h3 { background: #d4d4d4; font-size: 14px; font-weight: bold; padding: 2px 0px 2px 5px }

div.thumbs { margin: 10px 0px 10px 0px; vertical-align: middle }
div.thumbs img { padding: 0; margin: 0px 5px 0px 0px; border: 1px solid #888888; padding: 2px }
div.thumbs img.valittu { border: 2px solid black; padding: 2px }
div.thumbs a:hover img { background: #888888 }
div.thumbs a img.nuoli { border: 0; padding-bottom: 34px }
div.thumbs a:hover img.nuoli { background: inherit }

div.uudetkuvat { padding-left: 10px }
div.uudetkuvat img { border: 1px solid black }
div.uudetkuvat div { width: 80px; float: left; padding: 0px 12px 5px 10px; text-align: center }
div.uudetkuvat div a { font-weight: normal }

table.arvostelu td { vertical-align: top }

table.arvostelu td.kuva { width: 75px; padding-right: 20px; text-align: center; font-weight: bold }
table.arvostelu td.kuva img { border: 1px solid #b2b2b2; margin-bottom: 10px }
table.arvostelu td.kuva a { color: black }

table.arvostelu td.arvosanat table { width: 190px }
table.arvostelu td.arvosanat table td { vertical-align: bottom; background: white url(http://kuvat.elisa.net/matkailu/dots.gif) bottom left repeat-x; padding: 2px 0px 1px 0px }
table.arvostelu td.arvosanat table span { background: white; padding: 0px 2px 0px 2px; font-weight: bold }

table.arvostelu td.yleisarvosana { padding: 0px 10px 0px 20px }
table.arvostelu td.yleisarvosana div { color: #7B8C21; font-size: 48px; font-weight: bold; width: 96px; height: 86px; text-align: center; vertical-align: top; padding-top: 20px; background: white url(http://kuvat.elisa.net/matkailu/arvosanabg.gif) top left no-repeat }

div.arvostelu { padding-bottom: 20px; margin: 10px 0px 10px 0px; border-bottom: 2px solid #cecece }