/* General formatting */
html {}
body {margin: 0; padding: 0; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center;}
p {margin: 0 0 15px 0;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; font-weight: normal; margin: 0 0 15px 0;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight: normal; margin: 0 0 10px 0;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: normal; margin: 0 0 5px 0;}
h4 {font-size: 1em; font-weight: bold; margin: 0 0 5px 0;}
a {color: #488a00; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 1px solid #bfbfbf; float: left; display: inline; margin: 0 15px 15px 0;}
hr {float: left; display: inline; clear: both; width: 100%; background: #cccccc; margin: 0 0 15px 0; border: #ffffff; height: 1px;}
ul {margin: 0 0 15px 0; padding: 0 0 0 20px;}
.ingress {font-size: 1.2em; line-height: 1.3em;}
.bulletlink, .bulletlinkrev {padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; clear: both; color: #333333;}
.bulletlink:hover, .bulletlinkrev:hover {background-position: 0 -88px; text-decoration: none; color: #000000;}
.bulletlinkrev {background-image: url(../images/linkbulletrev.gif);}
.softhyphen {margin: 0 -3px 0 0;}
/* Separator header */
.separator {border-bottom: 1px solid #e9e9e9; margin: 10px 0 10px 0;}
/* @-character in e-mail links */
.miumau {margin: 0 0 -2px 0;padding: 0 5px 0 1px;background: url(../images/miumau.gif) no-repeat 0 -7px;}
a:hover .miumau {background-position: 0 -49px;}
/* Active and inactive content */
.inactivecontent {display: block;}
.active .inactivecontent {display: none;}
.activecontent {display: none;}
.active .activecontent {display: block;}
/* Page elements */
#container {position: relative; width: 890px; margin: 0 auto 0 auto; text-align: left;}
#pageheader {width: 100%; height: 106px; overflow: hidden;}
#logo {position: absolute; left: 0; top: 46px; float: none; border: none; margin: 0;}
/* Site menu */
#sitemenu {position: absolute; left: 0; top: 8px; width: 898px; list-style-type: none; margin: 0; padding: 0; font-size: 0.92em;}
#sitemenu li {float: left; display: inline; margin: 0; border-left: 1px solid #999999; overflow: hidden;}
#sitemenu .right {float: right;}
#sitemenu a {padding: 0 8px 0 8px; color: #999999;}
#sitemenu a:hover, #sitemenu a.active {color: #000000; text-decoration: none;}
#sitemenu .first {border: none;}
#sitemenu .first a {padding-left: 0;}
/* Language menu */
#lanmenu {position: absolute; right: -8px; top: 43px; width: 300px; list-style-type: none; margin: 0; padding: 0; font-size: 0.92em;}
#lanmenu li {float: right; display: inline; margin: 0; border-left: 1px solid #999999; overflow: hidden;}
#lanmenu a {padding: 0 8px 0 8px; color: #999999;}
#lanmenu a:hover, #lanmenu a.active {color: #000000; text-decoration: none;}
#lanmenu .first {border: none;}
#lanmenu .first a {padding-left: 0;}
/* Main menu */
#mainmenu {float: left; display: inline; width: 887px; height: 17px; list-style-type: none; margin: 0 0 18px 0; padding: 2px 0 0 3px; font-size: 1em; background: url(../images/mainmenubg.gif);}
* htlm #mainmenu {width: 890px; w\idth: 887px;}
#mainmenu li {float: left; display: inline; margin: 0 30px 0 0; text-align: center; height: 15px;}
#mainmenu a {display: block; padding: 0 0 0 2px; color: #5c5c5c; outline: none; text-decoration: none; height: 15px; cursor: pointer; white-space: nowrap;}
* html #mainmenu a {width: 10px;}
#mainmenu a:hover {text-decoration: none; color: #000000;}
#mainmenu a span {display: block; height: 15px; padding: 0 5px 0 3px;}
#mainmenu a:hover, #mainmenu li.active a {background: #fff214 url(../images/mainmenu_activeleft.gif) no-repeat left top; color: #000000;}
#mainmenu a:hover span,#mainmenu li.active a span {background: url(../images/mainmenu_activeright.gif) no-repeat right top;}
/* Last main menu button */
#mainmenu #mainmenubtn7 {margin-left: -2px;}
#mainmenu #mainmenubtn8 {display: none;}
/* Search buttons in main menu */
#mainmenu #mainmenubtn9 {position: absolute; left: 711px;}
* html #mainmenu #mainmenubtn9 {margin-top: 2px;}
*:first-child+html #mainmenu #mainmenubtn9 {margin-top: 2px;}
#mainmenu #mainmenubtn10 {position: absolute; left: 788px;}
* html #mainmenu #mainmenubtn10 {margin-top: 2px;}
*:first-child+html #mainmenubtn10 {margin-top: 2px;}
#mainmenu #mainmenubtn9 a:hover, #mainmenu #mainmenubtn9.active a, #mainmenu #mainmenubtn10 a:hover, #mainmenu #mainmenubtn10.active a {background: #f8f8f8 url(../images/mainmenu_activeleft_gray.gif) no-repeat left top;}
#mainmenu #mainmenubtn9 a:hover span, #mainmenu #mainmenubtn9.active a span, #mainmenu #mainmenubtn10 a:hover span, #mainmenu #mainmenubtn10.active a span {background: url(../images/mainmenu_activeright_gray.gif) no-repeat right top;}
#verkkokauppa a {display: block; padding: 0 0 0 2px; color: #5c5c5c; outline: none; text-decoration: none; height: 15px; cursor: pointer; white-space: nowrap;}
#verkkokauppa a span {display: block; height: 15px; padding: 0 5px 0 3px;}
#verkkokauppa a:hover {background: #fff214 url(../images/mainmenu_activeleft.gif) no-repeat left top; color: #000000;}
#verkkokauppa a:hover span {background: url(../images/mainmenu_activeright.gif) no-repeat right top;}
/* Sub menu */
.submenu {float: left; display: inline; list-style-type: none; margin: 0 0 30px 0; padding: 0; font-size: 1em; width: 200px;}
.submenu ul {margin: 0;}
.submenu li {float: left; display: inline; margin: 0 0 2px 0; clear: both; width: 100%;}
.submenu a {display: block; width: 100%; padding: 0; margin: 0; background: url(../images/submenubullet.gif) no-repeat 0 -18px; color: #6d6d6d; outline: none;}
.submenu a span {display: block; padding: 0 0 1px 14px;}
.submenu a.active, .submenu a:hover {color: #000000; text-decoration: none; background-color: #f4f4f4; background-position: 0 -89px;}
.submenu a.active span, .submenu a:hover span {background: url(../images/submenu_roundedbottom.gif) no-repeat left bottom;}
.submenu a.open {background-position: 0 -159px; color: #000000;}
.submenu a.open:hover {background-position: 0 -230px; color: #000000; background-color: #f4f4f4;}
/* 2nd level */
.submenu li ul {padding: 0;}
.submenu li ul li {margin: 0;}
.submenu li ul a {background-image: none; color: #000000;}
.submenu li ul a.active, .submenu li ul a:hover {background: #f4f4f4 url(../images/submenu_roundedtop.gif) no-repeat left top;}
/* Page footer */
#pagefooter {float: left; display: inline; margin: 30px 0 30px 0; clear: both; width: 100%; font-size: 0.8em;}
#pagefooter span {margin: 0 0 0 9px;}
#pagefooter .first {margin: 0;}
#pagefooter #contactlink {margin-left: 100px;}
#pagefooter .miumau {background-image: url(../images/miumau_small.gif); padding-left: 0; margin:0;}
/* Gray box */
.graybox {background: #e9e9e9; margin: 0 0 30px 0;}
.graybox .header {width: 200px; height: 4px; overflow: hidden; background: url(../images/graybox_header.gif);}
.graybox .footer {width: 200px; height: 4px; overflow: hidden; background: url(../images/graybox_footer.gif);}
.graybox .content {padding: 0 8px 3px 8px;}
.content.yellow {background-color: #ffde00;}
.content p {margin-bottom: 3px;}
.content .bulletlink {margin-bottom: 30px;}
/* Yellow box */
.yellowbox {position: relative; background: #ffde00; margin: 0 0 30px 0;}
.yellowbox .header {width: 200px; height: 4px; overflow: hidden; background: url(../images/yellowbox_header.gif);}
.yellowbox .footer {width: 200px; height: 4px; overflow: hidden; background: url(../images/yellowbox_footer.gif);}
.yellowbox .content {padding: 0 8px 3px 8px;}
/* Dark gray box */
.darkgraybox {position: relative; background: #ababab; margin: 0 0 30px 0;}
.darkgraybox .header {width: 200px; height: 4px; overflow: hidden; background: url(../images/darkgraybox_header.gif);}
.darkgraybox .footer {width: 200px; height: 4px; overflow: hidden; background: url(../images/darkgraybox_footer.gif);}
.darkgraybox .content {padding: 0 8px 3px 8px;}
/* Liekki-G */
#liekkig {position: absolute; top: 341px; margin: 0 0 0 68px; width: 57px; height: 57px; overflow: hidden; outline: none;}
#liekkig img {float: none; border: 0; margin: 0;}
/* Columns */
.col1 {float: left; display: inline; width: 200px; margin: 0 30px 0 0;}
.col2 {float: left; display: inline; width: 200px; margin: 0 30px 0 0;}
.col3 {float: left; display: inline; width: 200px; margin: 0 30px 0 0;}
.col4 {float: left; display: inline; width: 200px; margin: 0; position: relative;}
.col1-4 {float: left; display: inline; width: 890px;}
.col1-3 {float: left; display: inline; width: 660px; margin: 0 30px 0 0;}
.col1-2 {float: left; display: inline; width: 430px; margin: 0 30px 0 0;}
.col2-3 {float: left; display: inline; width: 430px; margin: 0 30px 0 0; min-height: 400px;}
* html .col2-3 {height: 400px;}
/* Nested columns */
.col2-3 .col1 {}
.col2-3 .col2 {margin: 0;}
/* Tooltip */
#tooltip {position: absolute; left: 300px; top: 100px; width: 200px; color: #000000; z-index: 1000; text-align:left; visibility: hidden; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}
html>body #tooltip {opacity: 1;}
#tooltip .header {width: 200px; height: 18px; background: url(../images/tooltip_header_right.gif);}
#tooltip .footer {width: 200px; height: 18px; background: url(../images/tooltip_footer_blank.gif);}
#tooltip .content {width: 170px; padding: 10px 14px 10px 14px; background: #ffffff; overflow: hidden; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2;}
#tooltip h1 {font-size: 12px; font-weight: bold; margin: 0 0 4px 0; color: #000000;}
#tooltip p {margin: 0 0 5px 0;}
#tooltip.bottomright {margin: 5px 0 0 5px;}
#tooltip.bottomright .header {height: 18px; background-image: url(../images/tooltip_header_right.gif);}
#tooltip.bottomright .footer {height: 18px; background-image: url(../images/tooltip_footer_blank.gif);}
#tooltip.bottomleft {margin: 5px 5px 0 28px;}
#tooltip.bottomleft .header {height: 18px; background-image: url(../images/tooltip_header_left.gif);}
#tooltip.bottomleft .footer {height: 18px; background-image: url(../images/tooltip_footer_blank.gif);}
#tooltip.topleft {margin: 0 0 5px 28px;}
#tooltip.topleft .header {height: 18px; background-image: url(../images/tooltip_header_blank.gif);}
#tooltip.topleft .footer {height: 18px; background-image: url(../images/tooltip_footer_left.gif);}
#tooltip.topright {margin: 0 0 5px 5px;}
#tooltip.topright .header {height: 18px; background-image: url(../images/tooltip_header_blank.gif);}
#tooltip.topright .footer {height: 18px; background-image: url(../images/tooltip_footer_right.gif);}
/* Forms */
form {margin: 0 0 15px 0; padding: 0; display: inline;}
form blockquote {margin: 0 0 0 143px;}
form br {clear: left;}
/* Form labels */
label {float: left; display: inline; text-align: right; width: 133px; padding: 4px 10px 0 0; overflow:hidden; font-weight: bold;}
* html label {width: 143px; w\idth: 133px;}
.rightsidelabel {text-align: left; padding-left: 5px; width: 244px;}
* html .rightsidelabel {width: 250px; w\idth: 244px;}
/* Form fields */
input, textarea,file {float: left; display: inline; margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 273px; height: 13px; padding: 3px 2px 3px 2px; border: 1px solid #b2b2b2;}
* html input, * html textarea {width: 279px; height: 21px; w\idth: 273px; he\ight: 13px;}
textarea {height: 50px;}
* html textarea {height: 56px;}
select {float: left; display: inline; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 353px; height: auto; padding: 0 0 0 2px; border: 1px solid #b2b2b2;}
html>body select {margin-top: 2px;}
.checkbox, .radiobutton {width: auto; border: 0; padding: 0; margin: 4px 0 0 0;}
* html .checkbox, * html .radiobutton {height: 20px; margin: 0;}
.filefield {height: 20px;}
.hidden {display: none;}
.submitbtn {font-size: 1em; width: auto; height: 16px; white-space: nowrap; background: url(../images/linkbullet.gif) no-repeat 0 -18px; font-weight: bold; clear: both; color: #333333; padding: 0 0 0 15px; margin: 5px 0 0 0; border: none; cursor: pointer;}
.submitbtn:hover, * html .submitbtn.active {background-position: 0 -87px; text-decoration: none; color: #000000;}
* html .submitbtn.active {background-position: 0 -88px;}
/* Drop downs */
.dropdownbutton {float: left; display: inline; width: 109px; height: 17px; padding: 3px 0 0 5px; background: url(../images/dropdownbutton.gif) no-repeat 0 -20px; text-decoration: none; color: #000000; font-size: 0.92em; outline: none;}
.dropdownbutton:hover {background-position: 0 -60px; text-decoration: none;}
.dropdown {position: absolute; font-size: 0.92em; width: 114px; z-index: 100; display: none;}
.dropdown.active {display: block;}
.dropdown .header {width: 114px; height: 4px; background: url(../images/dropdown_header.gif); overflow: hidden;}
.dropdown .content {display: block; padding: 2px 0 2px 6px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ffffff;}
.dropdown .footer {width: 114px; height: 4px; background: url(../images/dropdown_footer.gif); overflow: hidden;}
* html .dropdown .footer {float: left; display: inline;}
.dropdown ul {list-style-type: none; margin: 0 6px 0 0; padding: 0; background: #ffffff;}
*:first-child+html .dropdown ul {width: 100px;}
* html .dropdown li {display: inline;}
.dropdown a {display: block; color: #000000; text-decoration: none; padding: 1px 0 1px 5px}
* html .dropdown a {display: inline-table;}
.dropdown a:hover {background: #ffde00; text-decoration: none;}
/* Wide variation */
.dropdownbutton.wide {width: 156px; background-image: url(../images/dropdownbutton_wide.gif);}
.dropdown.wide {width: 161px;}
.dropdown.wide .header {width: 161px; background-image: url(../images/dropdown_header_wide.gif);}
.dropdown.wide .footer {width: 161px; background-image: url(../images/dropdown_footer_wide.gif);}
*:first-child+html .dropdown.wide a {width: 142px;}
* html .dropdown.wide a {width: 147px; w\idth: 142px;}
/* Search box */
#searchselector {position: absolute; left: 37px; top: -14px; float: none; margin: 0; border: 0;}
.active #searchselector {left: 122px;}
#search {margin-bottom: 28px;}
#search .header img {position: absolute; left: 0; top: 0;}
#search .content {overflow: hidden; padding-top: 4px;}
/* Search forms */
#search label {white-space: nowrap; width: 60px;}
#search input {width: 102px; background: url(../images/search_fieldbg.gif) no-repeat; border: 0; height: 14px; padding-left: 6px; padding-right: 6px;}
* html #search input {margin-bottom: 2px;}
#search .submitbtn {font-size: 1em; width: auto; white-space: nowrap; background: url(../images/linkbullet.gif) no-repeat 0 -17px; font-weight: bold; clear: both; color: #333333; padding: 0 0 0 12px; margin: 5px 0 0 0;}
* html #search .submitbtn {margin-top: -7px; background-position: 0 -18px; padding-left: 10px;}
#search .submitbtn:hover, * html #search .submitbtn.active {background-position: 0 -87px; text-decoration: none; color: #000000;}
* html #search .submitbtn.active {background-position: 0 -88px;}
#search form blockquote {margin-left: 70px;}
/* Buy a book -box */
#buybook {position: relative;}
#buybookdot {position: absolute; left: -19px; top: -11px; float: none; margin: 0; border: 0;}
#buybook .content {width: 161px; padding: 5px 8px 4px 31px; font-size: 0.92em; overflow: hidden; min-height: 47px; height: 46px;}
html>body #buybook .content {height: auto;}
* html #buybook .content {height: auto;}
#buybook .footer {background: #ffde00 url(../images/yellowbox_footer.gif);}
#buybook .separator {width: 200px; height: 4px; margin: 5px 0 0 0; overflow: hidden;}
#buybook .content.yellow {padding-top: 5px; font-size: 1em; min-height: 0; height: auto;}
* html #buybook .content.yellow {height: auto;}
/* Book listing */
.booklist {list-style-type: none; margin: 0 0 20px 0; padding: 0; width: 100%; overflow: hidden;}
.booklist li {float: left; display: inline; width: 200px; margin: 0 30px 15px 0; padding: 0; overflow: hidden;}
.booklist li.even {margin-right: 0;}
.booklist a {display: block; overflow: hidden; clear: both; color: #000000;}
* html .booklist a {float: left; display: inline;}
.booklist a:hover {text-decoration: none; color: #000000;}
.booklist span {cursor: pointer;}
.bookcover {float: left; display: inline; margin: 0; width: 94px; height: 94px; text-align: center; overflow: hidden; background: url(../images/booklist_coverbg.gif) no-repeat 0 -20px;}
a:hover .bookcover {background-position: 0 -134px;}
.bookcover img {float: none; display: block; margin: 5px auto 0 auto; border: 0; padding: 0; background: none;}
.booktitle {float: left; display: inline; width: 94px; font-weight: bold; margin: 0 0 3px 10px;}
.bookauthor {float: left; display: inline; width: 94px; margin: 0 0 0 10px;}
/* Coverless variation */
.booklist.nocovers li {width: 430px; margin: 0;}
.booklist.nocovers .odd {background: #f4f4f4;}
.booklist.nocovers .booktitle {width: 195px; margin: 0 30px 0 5px;}
.booklist.nocovers .bookauthor {width: 195px; margin: 0;}
.booklist.nocovers a {padding: 2px 0 2px 0;}
.booklist.nocovers a:hover {background-color: #ffde00; color: #000000;}
/* Author listing */
/* Book listing */
.authorlist {list-style-type: none; margin: 0 0 20px 0; padding: 0; width: 100%; overflow: hidden;}
.authorlist li {float: left; display: inline; width: 200px; margin: 0 30px 0 0; padding: 0; overflow: hidden;}
.authorlist .oddrow {background: #f4f4f4;}
.authorlist .even {margin-right: 0;}
.authorlist a {display: block; overflow: hidden; clear: both; color: #000000; padding: 1px 5px 1px 5px;}
* html .authorlist a {float: left; display: inline;}
.authorlist a:hover {background-color: #ffde00; color: #000000; text-decoration: none;}
/* Page navigation */
.pagenavi {height: 20px; display: block; list-style-type: none; margin: 0 0 15px 0; padding: 0; clear: both; font-weight: bold;}
.pagenavi li {float: left; display: inline; margin: 0 1px 0 0;}
.pagenavi a {display: block; width: 20px; height: 18px; padding: 2px 0 0 0; text-align: center; text-decoration: none; color: #5c5c5c;}
* html .pagenavi a {height: 20px; he\ight: 18px;}
.pagenavi a:hover, .pagenavi a.active {background: url(../images/pagenavi_selectedbg.gif) no-repeat 0 0; color: #000000; text-decoration: none; font-weight: bold;}
.pagenavi span {display: block; height: 18px; width: 20px; padding: 2px 10px 0 5px;}
/* Previous & next buttons */
.pagenavi .prev a {background: url(../images/pagenavi_left.gif) no-repeat center -20px;}
.pagenavi .prev a:hover {background-position: center -62px;}
.pagenavi .next a {background: url(../images/pagenavi_right.gif) no-repeat center -20px;}
.pagenavi .next a:hover {background-position: center -60px;}
.pagenavi .prev a.disabled, .pagenavi .prev a.disabled:hover, .pagenavi .next a.disabled, .pagenavi .next a.disabled:hover {background-position: center -100px;}
/* Tabs */
.tabs {list-style-type: none; margin: 0 0 15px 0; padding: 0; height: 17px; background: #e9e9e9 url(../images/tabsbg.gif) no-repeat left top;}
.tabs li {float: left; display: inline; margin: 0; padding: 0 0 0 0; height: 17px; border-right: 1px solid #ffffff; overflow: hidden;}
.tabs a, .tabs span {display: block; padding: 1px 7px 2px 7px; color: #5c5c5c;}
.tabs a.active, .tabs a:hover {background-color: #f8f8f8; color: #000000; text-decoration: none;}
.tabs span {color: #000000; font-weight: bold;}
/* Book introduction page */
.bookintro .cover {float: left; display: inline; margin: 0 15px 0 0;}
.bookintro .cover img {float: none; margin: 0 0 10px 0; border: 1px solid #f4f4f4;}
.bookintro .cover a:hover img {border-color: #ffde00;}
.bookintro .title {margin-bottom: 5px;}
.bookintro .author {margin-bottom: 20px;}
.bookintro .author a {padding: 0 15px 0 0; background: url(../images/infodot.gif) no-repeat right -17px;}
.bookintro .author a:hover {background-position: right -77px; color: #000000; text-decoration: none;}
.bookintro .addinfo {margin-top: 15px; font-size: 0.92em;}
.authorinfo {margin-top: 25px;}
.authorinfo .author {margin-bottom: 5px;}
.authorinfo ul {float: left; display: inline; margin: 0;}
.authorinfo p {float: left; display: inline;}
/* Author introduction page */
.authorintro .portrait {float: left; display: inline; margin: 0 15px 0 0;}
.authorintro .portrait img {float: none; margin: 0 0 10px 0; border: 1px solid #f4f4f4;}
.authorintro .portrait a:hover img {border-color: #ffde00;}
/* Magnify-link */
.magnifylink {float: left; clear: both; display: inline; margin: 0 0 0 0; padding: 0 0 3px 17px; background: url(../images/magnify.gif) no-repeat 0 -20px; font-size: 0.92em; outline: none; color: #333333;}
.magnifylink:hover {background-position: 0 -53px; text-decoration: none; color: #000000;}
.kuvaaja {float: left; clear: both; display: inline; margin: 0 0 3px 0; padding: 0 0 3px 0px; font-size: 0.92em; outline: none; color: #333333; width: 142px;}
/* "radio" button */
.radio {display: inline; margin: 0 0 0 10px; padding: 0 0 0 15px; color: #6d6d6d; background: url(../images/radio.gif) no-repeat 0 -18px; font-weight: bold; outline: none;}
.radio:hover {background-position: 0 -49px; text-decoration: none; color: #000000;}
a.radio.active, a.radio.active:hover {background-position: 0 -80px; text-decoration: none; color: #000000;}
/* Teasers */
.teaser {float: left; display: inline; margin: 0 0 15px 0; width: 200px;}
.teaser p {margin-bottom: 5px;}
.teaser img {float: left; display: inline; margin: 2px 8px 0 0; border: 0;}
.teaser h3 {display: block; width: 190px; padding: 2px 5px 3px 5px; background: #e9e9e9 url(../images/submenu_roundedtop.gif) no-repeat left top;}
.teaser p {margin: 0 5px 10px 5px;}
.teaser .bulletlink {margin-left: 5px;}
/* Contact cards */
.contactcard {width: 100%; clear: both; margin: 0 0 30px 0;}
/* Home page */
.homepage .col4 {float: right;}
/* Main teaser */
#mainteaser {float: left; display: inline; position: relative; width: 660px; height: 200px; margin: 0 30px 30px 0;}
#mainteaser img {position: absolute; left: 0; top: 0; float: none; margin: 0; border: none;}
#mainteaserlink {position: absolute; left: 0; top: 160px;}
#mainteaserlink .bg {position: absolute; left: 0; top: 0; width: 12px; height: 26px; background: url(../images/mainteaser_linkbg.png);}
* html #mainteaserlink .bg {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/mainteaser_linkbg.png',sizingMethod='crop');}
#mainteaserlink a {position: absolute; left: 0; top: 0; font-weight: bold; display: block; padding: 5px 0 0 20px; background: url(../images/mainteaser_bullet.gif) no-repeat 0 -13px; white-space: nowrap; outline: none; color: #5c5c5c;display: none; }
#mainteaserlink a:hover {background-position: 0 -63px; text-decoration: none; color: #000000;}
/* Rounded corners for main teaser */
#mainteaser .topleft {position: absolute; left: 0; top: 0; width: 5px; height: 5px; background: url(../images/roundcorner_topleft.png); overflow: hidden; z-index: 100;}
* html #mainteaser .topleft {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_topleft.png',sizingMethod='scale');}
#mainteaser .topright {position: absolute; right: 0; top: 0; width: 5px; height: 5px; background: url(../images/roundcorner_topright.png); overflow: hidden; z-index: 100;}
* html #mainteaser .topright {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_topright.png',sizingMethod='scale');}
#mainteaser .bottomright {position: absolute; right: 0; bottom: 0; width: 5px; height: 5px; background: url(../images/roundcorner_bottomright.png); overflow: hidden; z-index: 100;}
* html #mainteaser .bottomright {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_bottomright.png',sizingMethod='scale');}
#mainteaser .bottomleft {position: absolute; left: 0; bottom: 0; width: 5px; height: 5px; background: url(../images/roundcorner_bottomleft.png); overflow: hidden; z-index: 100;}
* html #mainteaser .bottomleft {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/roundcorner_bottomleft.png',sizingMethod='scale');}
/* Flash element */
#flashteaser {position: absolute; left: 0; top: 143px; width: 660px; height: 200px;}
/* Book tray */
#traycontainer {position: relative; float: left; display: inline; width: 660px; height: 95px; margin: 0 0 30px 0; overflow: hidden;}
#trayleft {position: absolute; left: 0; top: 0; width: 14px; height: 95px; background: url(../images/trayleft.gif); z-index: 10;}
#trayleft a {float: left; display: inline; width: 100%; height: 100%; background: url(../images/traybulletleft.gif) no-repeat 2px -103px; outline: none;}
#trayleft.active a {background-position: 2px 21px;}
#trayleft.active a:hover {background-position: 2px -41px;}
#trayright {position: absolute; right: 0; top: 0; width:14px; height: 95px; background: url(../images/trayright.gif); z-index: 10;}
#trayright a {display: block; width: 100%; height: 100%; background: url(../images/traybulletright.gif) no-repeat 5px -103px; outline: none;}
#trayright.active a {background-position: 5px 21px;}
#trayright.active a:hover {background-position: 5px -41px;}
#tray {position: absolute; left: -660px; top: 0; width: 3000px;}
#tray a {display: block; float: left; width: 110px; text-align: center;}
#tray img {border: 1px solid #999999; float: none; margin: 0;}
#tray a:hover img {border-color: #ffde00;}
/* Tray info */
#trayinfoselector {position: absolute; left: -14px; top: 262px; border: none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; display: none;}
#trayinfoselector.active {display: block;}
#trayinfo {position: absolute; left: 0; top: 230px; z-index: 1000; color: #ffffff; display: none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}
#trayinfo .content {min-height: 84px;}
* html #trayinfo .content {height: 84px;}
#trayinfo.active {display: block;}
#trayinfo h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.17em; margin: 0 0 10px 0; font-weight: bold;}
#trayinfo img {border: 0; float: 0; margin: 0;}
/* Teasers */
.teasers {position: relative; float: left; display: inline; width: 690px; padding: 2px 0 12px 0; background: url(../images/teasers_bg2.gif) no-repeat 0 0; overflow: hidden;}
.homepage .teaser {float: left; display: inline; width: 200px; height: 100%; margin: 0 15px 0 15px;}
.homepage .teaser.first {margin-left: 0;}
.homepage .teaser.first img {width:auto;height:auto;float:none;}
.homepage .teaser h1 {font-size: 1.17em; margin: 0 0 10px 0; font-weight: normal;}
.homepage .teaser.first h1 {margin-left: 8px;}
.homepage .teaser .bulletlink {position: absolute; bottom: 0; margin: 0;}
/* News list */
.newslist {list-style-type: none; margin: 0 0 15px 0; padding: 0;}
.newslist li {margin: 0 0 8px 0;}
/* AC:n muutokset */
.homepage .teaser {float: left; display: inline; width: 200px; height: 100%; margin: 0 15px 0 10px;}
.homepage .teaser h1 {font-size: 1.4em; margin: 8px 0 10px 0; font-weight: normal; height: 35px;}
.homepage .teaser img {width: 80px; height: auto; margin: 2px 10px 0px 0px; }
#banneri
{
margin-top: 2px;
}
#banneri img {float: none; border: 0px; margin: 0px; padding: 0px;}
#banneriX
{
margin-top: 2px;
}
#banneriX img {float: none; border: 0px; margin: 0px; padding: 0px;}