/* |YLE| Verokone */

body {margin: 0; padding: 0; font: normal .8em Arial, sans-serif; background: url(kuvat/background.jpg) no-repeat 50% 26px;}

img {border: none}
form {display: inline;}
.center, .hakutulos .center {text-align: center}
.left, .hakutulos .left {text-align: left;}
.right {text-align: right;}
.floatright {float: right}
.bold {font-weight: bold}
.c-b {clear: both}
hr {display: none}
.line {display: block; margin: 10px 20px; border: none; background: #999; color: #999; height: 1px}

h1 {font: normal 1.6em verdana, sans-serif; margin: 10px 20px}
h2 {font: normal 1.2em Verdana, sans-serif; margin: 10px 20px 0 20px}
p {margin: 5px 20px}
#etusivu {width: 430px; margin: 0 280px 0 20px;}
#etusivu p {margin: 5px 0 15px}
#etusivu h1 {margin: 10px 0}
#etusivu h2 {margin: 10px 0 0 0}
#etusivu .line {margin: 10px 0; clear: left}
#etusivu a{color:#666}
#etusivu .photo {float: left; margin: 0px 10px 5px 0px; border: 0px solid #000; }

#top-bar {font: bold 0.7em Verdana, sans-serif; height: 27px; background: url(kuvat/ilmepalkki.gif) repeat-x 0 0}
#yle span {display: none}
#yle a {display: block; width: 45px; height: 20px; background: url(kuvat/ylelogo.gif) no-repeat 0 0; float: left; position: relative; left: 20px; top: 7px}
.top-haku {float: right; line-height: 23px; color: #FFF; margin: 2px 5px 0 0; text-align: right; width: 270px; white-space: nowrap;}
.hae {float: left; line-height: 23px; width: 60px; text-align: center; margin: 0 0 0 10px; color: #FFF}
.aakkoset {float: right; line-height: 23px; width: 70px; padding:0  0 0 0; text-align: center; border-left: 1px solid #666; border-right: 1px solid #666; margin: 2px 0 0 0}
#hae {font: bold 10px Verdana; color: #333; width: 46px; /*height: 20px;*/ padding: 2px; background: #EAEAEA; border-bottom: 1px solid #7D7D7D; border-right: 1px solid #7D7D7D; border-top: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; cursor: pointer;}
#top-bar .aakkoset a {color: #FDFEFF; text-decoration: none; display: block;}

#wrapper {width: 768px; background: #FFF; border: 1px solid #cfd0c6; margin: 0 auto; color: #736D5D; margin-top: 150px; -moz-border-radius: 10px}
/* #header {background: url(kuvat/banner.jpg) no-repeat 0 0; height: 127px;} */
#header span {display: none}
#header h1 {display: inline}
#header a {display: block; width: 185px; height: 22px; position: relative; top: 32px; left: 15px}

.footer {font: normal .7em Verdana, Arial, sans-serif; clear: both; line-height: 22px}

/* NAVI */

#navi {margin: 10px 20px 30px 0; height: 20px; clear: both; padding: 0; list-style-type: none}
#navi li {float:left}
#navi a {float: left; display: block; padding: 5px 12px; border-bottom: 4px solid #8AD59C; text-decoration: none; color: #005073}
#navi a:hover {color: #000000; border-bottom: 4px solid #5CB188}

.boxi {float: right; display: inline; width: 280px; background: #f9f9f9 url(kuvat/verot_2008.jpg) no-repeat 0 0; margin: 0 20px 0 15px; padding: 65px 0 0px 0; color: #336633}
.boxi button {display: block; color: #336633; font-weight: bold; margin: 5px 20px; width: 240px; border: 1px solid #303030; padding: 3px 10px; cursor: pointer; background: #F5F2EB; text-align: left;}
.boxi h1 {margin: 10px 0; border-top: 4px solid #FFF; padding: 5px 20px 0 20px}
.boxi .kunnat-valikko {margin: 0 0 0 20px; }
.boxi .kunnat-valikko select {width: 240px; color: #336633; background: #FFFFFF; border: 1px solid #74736E; }
.boxi .puffi {background: #f9faf5; padding: 5px 0 0 0; }
.hakukone {background: #E6E2D9; border-top: 1px solid #FFF; border-bottom: 1px solid #736D5D; margin: 10px auto 30px auto; width: 728px; padding: 10px 0}
.hakukone input, .hakukone select {border: 1px solid #736D5D; color: #736D5D; }

/* TULOKSET */

.hakutulos {width: 728px; border-collapse: collapse; margin: 10px 20px; font-size: .8em; clear: both}
.hakutulos th {background: #E6E2D9; border: 1px solid #666; color: #736D5D; padding: 2px 4px;}
.hakutulos td {text-align: right; padding: 2px 4px; border: 1px solid #BCAA84}
.hakutulos .blank, .hakukone .blank {border: none}
td.rivit {border: none; text-align: left; font-size: 1.3em}
/* BOLD listalle .hakutulos td strong {font-size: 1.1em; font-weight: bold} */
.hakutulos td strong {font-weight: normal}
.hakutulos td .weak {color: #BDAA89}
.hakutulos span {font-size: 1.2em; font-weight: bold}
table a {color: #736D5D; font-size: 1.2em; font-weight: bold}
table a:hover {color: #B4A77A; font-size: 1.2em; font-weight: bold}

.hakutulos .highlight {background: #c6c6c6; font-weight: bold}
.matkyt {background: #DDD; font-weight: bold}

a.back {color: #5B0000; background: url(kuvat/nuoli-vasen.gif) no-repeat 0 3px; padding: 0 0 0 10px; font: normal .9em Arial, sans-serif}

/* ESITTELY */

.esittely {margin: 0 20px 20px 20px; height: 165px;}
.esittely hr {display: block; height: 1px; margin: 0; border: none; background: #999; color: #999; clear: both}
.esittely img {float: left}
.esittely table {float: left; margin: 0px 10px 0px 5px; border-collapse: collapse}
.esittely td {padding: 2px 0px 1px 3px; vertical-align: top}
.esittely h2 {margin: 0 0 10px 0;}
.esittely p {margin: 0 0 0px 0}
.esittely .small { font-size: 0.9em; padding: 0px 0px 0px 5px; color: #BDAA89}
.info {width: 250px; float: left; margin: 0 5px 0px 10px; clear: right}

.sivutus {text-align: center; line-height: 24px; }
.sivutus a{color:#666}

.text-link {color: #005073}
.video-link {color: #005073; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(kuvat/video_ikoni.gif) no-repeat 0px 0px; padding: 0 0 5px 17px; display: block;}
.audio-link {color: #005073; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(kuvat/audio_ikoni.gif) no-repeat 0px 3px; padding: 0 0 5px 17px;  display: block;}