body, form {margin: 0; padding:0; font: normal normal normal 12px Arial;}
h1, h2, h3, h4 {margin: 0px; padding: 15px 0px; color: #cc0101;}
h1 a, h2 a, h3 a, h4 a {color: #cc0101; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline;}
a {color: #c50101; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {font: italic normal bold 36px Georgia; padding-top: 0; line-height: 32px;}
.article h1 {padding: 0;}
img {border-width: 0px;}
p {font: normal normal normal 12px Arial;}
.c, #content div.c {clear:both; height:1px; line-height: 1px; margin-bottom:0; padding:0; font-size: 1px;}
.fleft {float:left;}
.fpflash { margin: 0 0 15px 0;}
@media screen {
#headerbg {background: #fff url(/images/layout/headerbg.gif) repeat-x 0 0; width: 100%; position: absolute; top:0px; z-index: 1; left:0px; height: 90px;overflow: hidden;}
.relelement { position: relative; z-index: 2; width: 914px; margin: 0 auto; height: 90px;}
.headerlines {position: absolute; top:0px; left: -50px; background: transparent url(/images/layout/purjeet.gif) repeat-x 0 0; width: 200%;  height: 24px; z-index: 1;}
.naviline {position: absolute; top:57px; left: 100%; background: transparent url(/images/layout/darkredbar-piece.gif) repeat-x 0 0; width: 200%;  height: 33px; z-index: 1;}
#header { margin: 0 auto; position: relative; z-index: 4; width: 963px;  height: 75px; padding: 15px 0px;}
}
@media print {
#headerbg {background: #fff url(/images/layout/headerbg.gif) repeat-x 0 0; width: 100%; position: absolute; top:0px; z-index: 1; left:0px; height: 60px;overflow: hidden;}
.relelement { position: relative; z-index: 2; width: 914px; margin: 0 auto; height: 90px;}
.headerlines {position: absolute; top:0px; left: -50px; background: transparent url(/images/layout/purjeet.gif) repeat-x 0 0; width: 200%;  height: 24px; z-index: 1;}
.naviline {position: absolute; top:57px; left: 100%; background: transparent url(/images/layout/darkredbar-piece.gif) repeat-x 0 0; width: 200%;  height: 33px; z-index: 1;}
#header { margin: 0 auto; position: relative; z-index: 4; width: 963px;  height: 45px; padding: 15px 0px; overflow: hidden;}
}
#header .logoslogan { border-bottom: 1px solid #c22f2f; float:left; width: 588px; padding-left: 15px; padding-bottom: 9px;}
#header .logoslogan h1 { padding:0; margin:0;}

@media screen {
#header .logoslogan h1 span { display: none;}
#header .haku {float:left; height: 42px; clear:right; width:345px;}
}
@media print {
#header .logoslogan h1 span { display: none;}
#header .logoslogan h1 img { display: inline;}
#header .haku {display:none}
}
#header .haku fieldset { float: right; width: 244px; height: 30px; border-width: 0px; margin: 8px 0px 0px 0px; padding: 0px; background: transparent url(/images/layout/search-bg.gif) no-repeat 0 0;}
#header .haku fieldset legend { display:none;}
#header .haku fieldset input {float: left;}
#header .haku fieldset input.query { margin: 4px 6px 0px; width: 189px; border-width: 0px; height: 18px; padding: 0px 1px 1px 1px;}
#header .haku fieldset input.button { margin: 4px 0px 0px 0px;}

#root .mainnavi {position:absolute; top: -48px; left: 0px; height: 33px; width:487px; padding-left: 15px;}
@media screen {
#header .navi {float:left; height: 33px; clear:left; width:487px; padding-left: 15px;}
}
@media print {
#header .navi {display:none;}
}
#header .navi ul, #root .navi ul {position: relative; list-style-type: none; margin: 0; padding:0;}
#header .navi ul li, #root .navi ul li { position:absolute; top: 4px;}
#header .navi ul li.eturi, #root .navi ul li.eturi {width: 80%; left: 0px; z-index:1;}
#header .navi ul li.yritys, #root .navi ul li.yritys {width: 80%; left: 110px; z-index:2;}
#header .navi ul li.asiakaspalvelu, #root .mainnavi ul li.asiakaspalvelu {width: 80%; left: 208px; z-index:3;}
#header .navi ul li.media, #root .navi ul li.media {width: 92%; left: 352px; z-index:4;}
#header .navi ul li a, #root .navi ul li a { color: #fff; font: normal normal bold 12px Arial; text-decoration: none;}
#header .navi ul div.submenu, #root .navi ul div.submenu {position: absolute; top: 0px; left: 0px; visibility: hidden; width: 100%; }
#header .navi ul div.submenu img, #root .navi ul div.submenu img {position:absolute; left: 0px; top:0px; z-index: 2;}
#header .navi ul div.submenu div.menubox, #root .navi ul div.submenu div { float:left; position:absolute; top: 25px; left: 0px; z-index: 1;border: 1px solid #666; white-space: nowrap; background-color: #eeeeee;}
#header .navi ul dl, #root .navi ul dl {margin: 15px;}
#header .navi ul dt a, #header .navi ul dt, #root .navi ul dt, #root .navi ul dt a {font: normal normal bold 11px Arial; color: #000; text-decoration: none;}
#header .navi ul dt a:hover, #root .navi ul dt a:hover {text-decoration: underline;}
#header .navi ul dd, #root .navi ul dd, #header .navi ul dt, #root .mainnavi ul dt { margin:0; padding: 0px 0px 2px 0px;}
#header .navi ul dd a, #root .navi ul dd a {font: normal normal normal 11px Arial; color: #000; text-decoration: none;}
#header .navi ul dd a:hover, #root .navi ul dd a:hover {text-decoration: underline;}

@media screen {
#header .lang {float:left; background: transparent url(/images/layout/darkredbar-begin.gif) no-repeat 0 0; width: 445px; height: 33px;}
#sidebar {float:left; width: 300px; border: 0px solid #000;}
}
@media print {
#header .lang {display:none;}
#sidebar {display:none;}
}
#root { margin: 0 auto; width: 961px; position: relative; z-index:3; overflow: visible;}
#content {float:left; padding-left:15px; width: 630px;}
#content.ajankohtaista, #content.tapahtumat, #content.tiedotteet, #content.tutkimukset, #content.profiilit {padding: 0 0 0 15px; border-bottom: 0px solid #ccc;}
#content.ajankohtaista div, #content.tapahtumat div {padding: 0;}

#content.asiakaspalvelu, #content.asiakaspalvelu .wide-box {width: 945px; padding-right: 0; margin-right: 0;}
#content.asiakaspalvelu h3 {font: italic normal bold 18px Georgia; color: #000;}
#content.asiakaspalvelu .wide-box h2 {font: italic normal bold 14px Georgia; color: #000; border-bottom: 1px solid #dadada; border-top: none; padding-bottom: 7px; margin-bottom: 24px; background: transparent; height: 12px; padding-left: 0;}
#content.asiakaspalvelu .narrow-box h3 {padding: 0 0 5px 0;}
#content.asiakaspalvelu .narrow-box .slogan {height: 100px; width: 130px; font: normal normal normal 14px Arial;}
#content.asiakaspalvelu .narrow-box .readmore { float: none;}
#content .flash {margin-bottom: 15px;}
#content .narrow-box {width: 300px; margin-right: 15px; float:left; margin-bottom: 15px; overflow: hidden; position:relative;}
#content .narrow-box h2 { font: italic normal bold 17px Georgia; height: 26px; border-top: 2px solid #ae0202; background: transparent url(/images/layout/h2_bg.gif) repeat-x; padding: 0; overflow: hidden;}
#content .narrow-box h2 span {float:left; display: block; padding: 5px 5px 0 10px; height: 26px; position: relative; z-index: 5;}
#content .narrow-box h2 div {position:relative; float:left; width: 1px;}
#content .narrow-box h2 div img {position:absolute; top: 0; left: -40px; z-index: 3;}
/*background: transparent url(/images/layout/h2_bg_wave.gif) no-repeat right top; */
#content .wide-box {width: 615px; margin-right: 15px; float:left; clear:both; margin-bottom: 20px;}
#content .wide-box img.artimg {float:right; padding: 0 15px 15px;}

#content #caset.wide-box {width: 613px; border: 1px solid #ccc; background:transparent url(/images/layout/side-nav_bg.jpg) repeat-x scroll 0 bottom;}
#content #caset.wide-box h2 {background: none; border: 0px solid #fff;}
#content #caset.wide-box .narrow-box {width: 290px; margin-right: 10px;	margin-bottom: 15px;}
#content .narrow-box.caset {border-right: 1px solid #ccc; }
.casetimg { float:left; padding: 10px;}

#content.sitemap { width: 945px; margin-bottom: 15px;}
#content.sitemap .fleft h2 { padding: 15px 0 5px 0; font-size: 12px;}
#content.sitemap .fleft a, #content.sitemap .fleft h2 a { text-decoration: underline;}
#content.sitemap .fleft a:hover, #content.sitemap .fleft h2 a:hover { text-decoration: none;}
#content.sitemap .fleft { margin: 0 15px; width: 25%;}
#content.sitemap .fleft.home { margin: 0 15px 0 0; width: 20%;}
#content.sitemap .fleft.yritys { margin: 0 15px 0 0; width: 20%;}
#content.sitemap .fleft ul { margin: 0 0 15px 14px; padding: 0; list-style-type: square;}
#content.sitemap .fleft ul a {color: #000; font-size: 12px;}
#content.sitemap .fleft ul li { margin: 3px 0 0;}
#content.sitemap .fleft ul li ul {list-style-type: circle;}

#content .wide-box h2 { font: italic normal bold 15px Georgia; color: #cd0a0a; height: 26px; border-top: 2px solid #ae0202; background: transparent url(/images/layout/h2_bg-wide.gif) no-repeat; padding: 5px 5px 0 10px;}
#content .wide-box table {width: 615px; border-width: 0px; border-bottom: 1px solid #8e8e8e; background-color: #8e8e8e;}
#content .wide-box table caption, #content .wide-box .tabheader, #sidebar .sidenavibox .header , #sidebar h3 {color: #fff; font: normal normal bold 12px Arial; text-align: left; padding: 6px 10px;background-color: #c60101; border-bottom: 1px solid #fff;}
#content .wide-box .tabheader {float:left; width: 615px; padding: 0; margin:0; border-width: 0px;}
#content .wide-box .tabheader div {width: 106px; margin: 5px 5px 0px 0px; float:left; height: 19px;padding:3px 0 0 12px; color: #000;}
#content .wide-box .tabheader div  a { color: #000;}
#content .wide-box .tabheader div img {float:right;}
#content .wide-box .tabheader div.tab-inact {background: #afafaf url(/images/ui/tab-corner_inact.gif) no-repeat top right; cursor: pointer;}
#content .wide-box .tabheader div.tab-act {background: #eee url(/images/ui/tab-corner_act.gif) no-repeat top right;}
#content .wide-box .tabheader div.tab-inact a, #content .wide-box .tabheader div.tab-act a {text-decoration: none;}
#content .wide-box div#tabdata {background-color: #eee; float: left; width: 585px; padding: 10px 15px 15px;}
#content .wide-box div#tabdata .expand {color: #5f5f5f; display: block; padding: 5px 5px 10px 5px; clear: both; font-size: 11px; margin: 0; position:relative; width: 575px; height: 13px;}
#content .wide-box div#tabdata .expand a {color: #5f5f5f; text-decoration: none; cursor: pointer; display:block; position: absolute; top: 0; right: 31px;}
#content .wide-box div#tabdata .expand a span { background-color: #5f5f5f; color: #fff; display: block; height: 14px; width: 14px; position:absolute; right: -22px; top:0; text-align: center;}
#content .wide-box div#tabdata .expand a span span{padding: 3px; position:absolute; width: 8px; height: 8px; left: 0; top: 0; line-height: 8px;} 
#content .wide-box div#tabdata h3 { padding: 5px; height: 15px; background-color: #5f5f5f; width: 575px; font: normal normal bold 12px Arial; color: #fff; float:left; position: relative;}
#content .wide-box div#tabdata h3 .expand { font-weight: normal; padding: 2px 0 0 0; color: #fff; position: absolute; line-height:9px; width: 575px; height: 13px; left: 0; top: 0;}
#content .wide-box div#tabdata h3 .expand a {height: 21px; left: 0; top: 2px; position: absolute;width: 575px;}
#content .wide-box div#tabdata h3 .expand span { background-color: transparent; padding: 5px 0; margin: 0; cursor: pointer; line-height:10px; position:absolute; right: 0;}
#content .wide-box div#tabdata .info { display: none; padding: 15px; margin: 0; background-color: #fff; width: 555px; font: normal normal normal 12px Arial; color: #000; float:left;}
#content .wide-box div#tabdata #ilmoitukset  { line-height: 10px;}
#content .wide-box div#tabdata .info table {border-width: 0px; width: auto; background-color: #fff;}
#content .wide-box div#tabdata .info table th {text-align:left; padding: 2px; background-color: #fff; color: #000; font: normal normal bold 12px Arial;}
#content .wide-box div#tabdata .info table td {text-align:left; padding: 2px; font: normal normal normal 12px Arial; border-width: 0;}
#sidebar h4 .expand { color: #fff; height: 15px; margin: 0; width: 280px; font-size: 11px;}
#sidebar h4 .expand a {font: normal normal bold 12px Arial; text-decoration: none; cursor: pointer; color: #fff; display: block; height: 15px; text-indent: 2px;}
#sidebar h4 .expand a span { font-weight: normal; display: inline-block; float:right; padding: 0; margin: -15px 0 0; cursor: pointer;}


#content .wide-box div#tabdata .info .fleft { width: 257px; padding: 10px 10px; position:relative;}
#content .wide-box div#tabdata #lukijaprofiili.info table, #content .wide-box div#tabdata #aikataulu.info table {width: 100%; border-width: 0px;}
#content .wide-box div#tabdata .info .fleft table td {height: 25px; padding: 0px; font-size: 10px; text-align: center;}
#content .wide-box div#tabdata .info dt {float:left; clear:left;}
#content .wide-box div#tabdata .info dd {float:left; clear:right;}

#content .wide-box h2.fp {border-left: 1px solid #ccc; height: 21px; font-size: 17px;}
#content .wide-box .row { border-left: 1px solid #ccc; border-right: 1px solid #ccc; float:left; padding-left: 7px}
#content .wide-box .row .magbox { float:left; width: 303px; }
#content .wide-box .row .magbox .name { border-bottom: 1px solid #ccc; text-align: right; height: 29px; padding-top: 20px; margin-right: 7px;}
#content .wide-box .row .magbox .name a {float:right; padding-right: 10px; margin-top: 10px; font-size: 11px;}
#content .wide-box .row .magbox .name img { float:left;  margin: 0 0 0 10px;}
#content .wide-box .row .magbox h3.arttitle {padding: 0; margin: 10px; font-size: 18px;}
#content .wide-box .row .magbox a.first {display:block; margin: 10px; color: #000;}
#content .wide-box .row .magbox .imagebox {float:right; width: 60px; height: 60px; overflow:hidden; margin: 0 0 5px 5px;}
#content .wide-box .row .magbox .oneline {display:block; margin: 0 10px; padding-left: 20px; background: transparent url(/images/ui/linkarrow.gif) no-repeat scroll 0 4px}
#content .wide-box .row .magbox .oneline a img {padding-right: 10px;}

#content .wide-box div#tabdata .info .fleft .addimg{ float:left;}
#content .wide-box div#tabdata .info .fleft .data {float:left; margin-bottom: 15px; width: 85px;}
#content .wide-box div#tabdata .info .fleft .addplace{font: normal normal bold 12px Arial; }
#content .wide-box div#tabdata .info .fleft .addprice{font: normal normal bold 16px Georgia; color: #be0101; display: block;}
#content .wide-box div#tabdata .info .fleft .addsize{font: normal normal normal 12px Arial;}


#content .wide-box .content-footer {width: 585px; margin: 0px; float:left; clear:both; padding: 0px 15px;}
#content .wide-box .content-footer .print, #content .wide-box  .content-footer .social {width: 50%; float:left; margin: 0;}
#content .wide-box .content-footer .social {text-align: right; margin: 0;}

#sidebar .sidenavibox .header {border-bottom-color: #ae0202;}
#content .wide-box table th, #content .wide-box div#tabdata .info .fleft table th {text-align: center;background-color: #8e8e8e; color: #fff; border-width: 0px; font: normal normal bold 11px Arial; padding: 5px 10px;}
#content .wide-box table th {padding: 5px 7px;}
#content .wide-box table .second { width: 80px; text-align: right;}
#content .wide-box table td { font: normal normal normal 11px Arial; border-bottom: 1px solid #8e8e8e; background-color: #fff; text-align: center; padding: 5px 6px;}
#content .wide-box table td.bright {border-right: 1px solid #8e8e8e;}
#content .wide-box table td.releasedate {font-weight: bold;}
#content .wide-box div#tabdata .info table th {}
#content .wide-box div#tabdata .info table tr td {border-bottom: 0px solid #fff;}
#content .wide-box div#tabdata .info table tr.even td {background-color: #eee;}

#sidebar .fprcolbox {margin: 0 0 15px 0;}
#sidebar .fprcolbox.links {margin: 15px 0 15px 0;}
#sidebar .aopimage {border: 1px solid #ccc; padding: 15px; font-size: 10px;}
#sidebar .aopimage h2 {margin: 0 0 15px 0; padding: 0; font: italic normal bold 14px Georgia;}
#sidebar .aopimage img {margin: 0 0 15px 0; padding: 0;}
#sidebar .aopimage img.logo {margin: 15px 0 0 0; padding: 0;}

#sidebar h4 {color: #fff; font: normal normal bold 12px Arial; text-align: left; padding: 6px 10px; background-color: #8e8e8e; border-bottom: 1px solid #fff; position: relative;}
#sidebar .info {text-align: left; padding: 10px;background-color: #eee; border-bottom: 1px solid #fff;}
#sidebar .info img { vertical-align: middle; padding-right: 5px; float:left;}
#sidebar .sidenavibox {border: 1px solid #dadada; width: 297px; overflow: hidden; margin-bottom: 15px; position: relative;background: transparent url(/images/layout/side-nav_bg.jpg) repeat-x 0 bottom;}
#sidebar .sidenavibox .sidenavi { height:220px; padding: 0 20px;}
#sidebar .sidenavibox .sidenavi .wave {position:relative; left: -20px;}
#sidebar .sidenavibox .sidenavi .fleft { width: 108px; margin: 10px 10px;}
#sidebar dl { margin: 0px 0px 10px;}
#sidebar dt, #sidebar dt a {font: normal normal bold 12px Arial; margin: 5px 3px; color: #000; text-decoration: none;}
#sidebar dd, #sidebar dd a {font: normal normal normal 12px Arial; padding-left: 4px; margin: 0; color: #000; text-decoration: none;}
#footer {float:left; width: 961px; margin-bottom: 40px;}
#footer .top {background: #fff url(/images/layout/footer_top.gif) no-repeat 0 0; height:52px;}
#footer .navi {background-color: #9d0000; height:23px; color: #fff; font: normal normal normal 10px Arial; padding: 0px 15px;}
#footer .navi div {width: 33%; float:left; padding-top: 5px;}
@media screen {
#footer .navi div.middle {width: 34%; float:left; text-align: center;}
}
@media print {
#footer .navi div.middle {visibility:hidden;}
}
#footer .navi div.right { float:left; text-align: right;}
#footer .navi div a {color: #fff; text-decoration: none; padding: 0px 5px;}
#footer .bottom {background: #fff url(/images/layout/footer_bottom.gif) no-repeat 0 0; height:8px; border-top: 1px solid #c46666;}
.wide-box .yhteystiedot {width: 307px; padding: 10px 0px;}
.wide-box .yhteystiedot img {width: 75px;}
.wide-box .yhteystiedot h4 {padding: 0 0 15px 0; font-size: 12px;}
.wide-box .yhteystiedot div {float:left; padding-left: 5px; width: 170px;}
.wide-box .yhteystiedot div p {margin:0;}
.avainhenkilot .wide-box .yhteystiedot h4 {padding: 0; font-size: 12px;}

.wide-box fieldset {padding: 20px; font-size: 11px; border: 1px solid #ccc;}
.wide-box fieldset legend {font: italic normal bold 18px Georgia; color: #000;}
.wide-box fieldset .fleft .text {width: 170px; margin-right: 10px; border: 1px solid #ccc;}
.wide-box fieldset .fleft span { display: block; width: 378px; text-align: right;}
.wide-box fieldset .fleft textarea {width: 568px; height: 150px; margin-bottom: 15px; border: 1px solid #ccc;}

.arttitle {font: italic normal bold 18px Georgia; color: #000; margin: 10px 0; padding:0;}
.narrow-box.caset .arttitle { margin-left: 10px;}
.teaser {margin: 0 10px 15px 10px}
.teaser a {color: #000;}
.teaser a:hover {text-decoration: none;}
.teaser img {float:right; margin: 0 0 10px 10px;}
.narrow-box p { margin: 0 0 10px;}
.narrow-box.caset p { margin: 0 10px 10px;}
.narrow-box .readmore { display: block; float: right; color: #c50101; font-size: 11px; text-decoration: none; padding-left: 20px; background: transparent url(/images/ui/readmore.gif) no-repeat 3px 2px;}
#content.article { width: 615px; padding-right: 15px; margin-bottom: 15px;}
#content.article .body img { margin: 15px}
#content.article .wide-box .content-footer  .print { margin-left: -15px; margin-top: 30px;}
.ajankohtaista, .tapahtumat, .tiedotteet, .tutkimukset, .profiilit  {width: 100%; padding: 5px 0 15px 0; border-bottom: 1px solid #ccc;}
#content.ajankohtaista .ajankohtaista div, #content.tapahtumat .tapahtumat div, #content.tiedotteet .tiedotteet div, #content.tutkimukset .tutkimukset div, #content.profiilit .profiilit div  {float: none; padding: 15px 0px;}
.ajankohtaista .date, .tapahtumat .date, .tiedotteet .date, .tutkimukset .date, .profiilit .date {color: #999; font-size: 11px;}
.ajankohtaista .readmore, .tapahtumat .readmore, .tiedotteet .readmore, .tutkimukset .readmore, .profiilit .readmore, #sidebar .readmore, .readmore {color: #c50101; font-size: 11px; text-decoration: none; padding-left: 20px; background: transparent url(/images/ui/linkarrow.gif) no-repeat 3px 4px;}
.ajankohtaista img, .tapahtumat img, .tiedotteet img, .tutkimukset img, .profiilit img {float: right; padding: 10px 0 0 20px;}
.ajankohtaista h4, .ajankohtaista h4 a, .tapahtumat h4, .tapahtumat h4 a, .tiedotteet h4, .tiedotteet h4 a, h4.avainhenkilot, .tutkimukset h4, .tutkimukset h4 a, .profiilit h4, .profiilit h4 a {font: italic normal bold 14px Georgia; text-decoration: none; color: #000; padding: 0; margin: 0 0 3px;}
.ajankohtaista div p, .tapahtumat div p, .tiedotteet div p, .tutkimukset div p, .profiilit div p {padding: 0; margin: 5px 0;}
#root .breadcrumbs { margin: 0px 0px 15px 15px; font: normal normal normal 11px Arial;}
#root .breadcrumbs a {color: #000; text-decoration: none; }
#root .breadcrumbs span.last a { color: #ccc;}
h4.avainhenkilot{margin-top: 15px;}

#content.caset .narrow-box h2, #content.caset .narrow-box h2 a {border-width: 0; height: auto; color: #000; background: none; font: italic normal bold 20px Georgia; text-decoration: none;}
#content.caset .narrow-box .fleft {margin-right: 10px;}
#content.caset .narrow-box.rborder {border-right: 1px solid #ccc;margin-right: 10px; padding-right: 10px; width: 297px;}
#content.caset .narrow-box.lborder {width: 297px;}
#caset.wide-box h3, #caset.wide-box h3 a { font: normal normal normal 12px Arial; text-decoration: none; color: #000; padding: 0; margin: 5% 0;}
#caset.wide-box .others {width: 177px; height: 47px; float:left; margin: 13px; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
#caset.wide-box .others .image {width: 62px; float:left; margin-right: 10px; vertical-align: middle; height: 47px;}
#caset.wide-box .others h3 .red {color: #CC0101;}

#magpuffi div.imgpuffi {width:520px;border-bottom:1px dotted #000;}
#magpuffi div.imgpuffi img {margin-bottom:10px;}
#magpuffi div.textpuffi {margin-top:10px;}
#arrow {float:left; width:190px; height:290px; }
#arrow div.txt {color:#D0071B; background: #F2F2F2; border:1px solid #cccccc; width:100px; margin:20px 40px 0 40px; text-align:center; vertical-align:middle; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; }
#arrow div.txt table tr td {padding-left:5px; width:95px; height:110px; vertical-align:middle; font-weight:bold;}
#arrow div.txt table tr td span.yellow {background:#fff200;}
#arrow div.txt a {color:#D0071B;text-decoration:none;}


#toppuffi table {width:100%; margin-top:15px; font-size:13px;}
#toppuffi table tr td {padding: 0 10px 0 10px;}
#toppuffi table tr td a {text-decoration:none; color:#d0071b;}

#ehdot {float:left;width:530px;}
#ehdot {float:left;width:530px;}
#ehdot h1 {background:#E7EAED; font-size:18px; color:#000; font-weight:bold; padding:5px;}
#ehdot h2 {background:#E7EAED; font-size:12px; color:#000; font-weight:bold; padding:4px;}
#ehdot table {width:100%; margin-top:15px; font-size:13px;}
#ehdot table tr td {padding: 0 10px 0 10px;}
#ehdot table tr td a {text-decoration:none; color:#d0071b;}

.listpuffi {float:left;width:615px;margin-bottom:20px;}
.listpuffi h1 {background:#d0071b; font-size:18px; color:#fff; font-weight:bold; padding:5px;}
.listpuffi h2 {background:#5f5f5f; font-size:12px; color:#fff; font-weight:bold; padding:4px 15px 4px; text-transform:capitalize;}
.listpuffi table {width:100%; font-size:13px;}
.listpuffi table tr td {padding: 0 10px 0 10px;}

h1.aspa, .listpuffi h1.aspa {color: #000; font:italic normal bold 20px Georgia; background-color: transparent;}
table.aspacontact { width: 470px;}
table.aspacontact td { width: 48%; padding: 1%; vertical-align: top;}

.listpuffi table tr.odd {background:#f2f2f2; border-bottom:1px dotted #000;}
.listpuffi table tr.even {background:#fff; border-bottom:1px dotted #000;}
.listpuffi table tr td.col1 {font-size:12px; padding:5px 5px 5px 0;}
#content .listpuffi table tr td.col1 .wide-box {display:none; width: 585px; margin: 0; background-color: #fff; padding: 15px;}
.listpuffi table tr td.col1 img {margin-left:15px;}
.listpuffi table tr td.col1 span {margin-left:10px;}
.listpuffi table tr td.col1 a {text-decoration:none; color:#000; display: block; width: 100%; position: relative;}
.listpuffi table tr td.col1 a .expand {left: 90%; top: 5px; position: absolute;}

div.basic-form { clear: both; margin-top: 20px; margin-bottom: 20px; border: 4px solid #ECECEC; padding: 10px; width:463px; }
div.basic-form h3 { display: block !important; font-size: 15px; margin-bottom: 10px; }
div.basic-form div.options, div.basic-form div.inputcont, div.basic-form div.fldcont { margin-bottom: 20px; }
div.basic-form div.checkboxcont { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.option { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.checkbox { float: left; width: 20px; }
div.basic-form div.checkboxcont label { float: right; width: 425px; }
div.basic-form div.fldcont label { display: block; }
div.basic-form textarea { width: 455px; height: 100px; }
div.basic-form div.submit { margin: 20px 0; }
div.basic-form p.marketing-note { margin: 0; font-size: 11px; text-align: justify; }

div.post-frm { margin: 0 10px 20px 10px; border: 1px solid #C3C3C3; padding: 10px; background: #F4F4F4; }
div.main-pad div.post-frm  { margin: 10px 0 20px; }
div.post-frm h2 { margin-bottom: 10px; }
div.post-frm h2 span.loggedin { display: none; }
div.post-frm label { display: block; margin-top: 10px; }
div.post-frm input.text, body.blog div.post-frm textarea { font-size: 12px; }
div.post-frm input.text { width: 400px; }
div.post-frm textarea { width: 400px; height: 70px; }
div.post-frm textarea.large { height: 250px; }
div.post-frm div.image { float: right; display: inline; padding: 10px 20px 0 0; }
div.post-frm div.buttons { margin-top: 10px; clear: both; }
div.post-frm div.errors { border: 1px dotted #d10600; padding: 10px; }
div.post-frm div.errors h4 { font-size: 12px; border-bottom: 1px dotted #d10600; margin-bottom: 5px; }
div.post-frm div.errors li { list-style: disc; margin-left: 20px; }


#content_container div.magazine {position:relative; float:left; margin:2px; width:171px; height:286px; background:#fff url(/images/asiakaspalvelu/mag_background.gif) top center no-repeat;}
#content_container div.magazine div.cover {width:160px; height:200px; margin-top:10px;margin-left:3px;}
#content_container div.magazine div.cover img {text-align:center; margin-bottom:3px;}
#content_container div.magazine div.cover span {text-align:center; font-size:16px; font-weight:bold;}
#content_container div.magazine div.other {width:170px; height:50px; font-family:Georgia,Arial,Verdana,sans-serif; font-weight:bold;}
#content_container div.magazine div.other img {text-align:center; margin-top:5px;}
#content_container div.magazine div.other span {text-align:center; font-size:16px; font-weight:bold;}
#content_container div.magazine div.aspalv {width:170px; height:17px; padding-top:6px;}
#content_container div.magazine div.aspalv a {font-family:Georgia,Arial,Verdana,sans-serif; text-decoration:none; color:#000; font-size:12px; background:url(/images/gif/nuoli.gif) 0px 5px no-repeat;}
#content_container div.magazine div.aspalv a span {margin-left:13px;}
#bottom_container {float:left; width:708px; height:62px; background:#fff url(/images/asiakaspalvelu/aspal_foot.gif) top center no-repeat;}

#magcover {float: right; padding-right: 15px; padding-bottom: 15px;}

.pagination {float:left; width: 615px; text-align: center; font-size: 11px;}
.pagination .numbers b { padding: 0 5px;}
.pagination .numbers a { padding: 0 5px;}
.pagination .prev, .pagination .next {padding: 0 10px; text-transform: capitalize;}

.order { display: block; height: 28px; margin: 10px 0;}