/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* bp:ie.css */
.container {text-align:left;}
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
* html legend {margin:0px -8px 16px 0;padding:0;}
ol {margin-left:2em;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
html>body p code {*white-space:normal;}
hr {margin:-8px auto 11px;}
img {-ms-interpolation-mode:bicubic;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
fieldset {padding-top:0;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* grid.css */
.container {width:890px;margin:0 auto;}
/*body {margin:1.5em 0;}*/
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 10px;}
div.last {margin-right:0;}
.span-1 { width: 65px;}
.span-2 { width: 140px;}
.span-3 { width: 215px;}
.span-4 { width: 290px;}
.span-5 { width: 365px;}
.span-6 { width: 440px;}
.span-7 { width: 515px;}
.span-8 { width: 590px;}
.span-9 { width: 665px;}
.span-10 { width: 740px;}
.span-11 { width: 815px;}
.span-12, div.span-12 { width: 890px; margin: 0; }
.append-1 { padding-right: 75px;}
.append-2 { padding-right: 150px;}
.append-3 { padding-right: 225px;}
.append-4 { padding-right: 300px;}
.append-5 { padding-right: 375px;}
.append-6 { padding-right: 450px;}
.append-7 { padding-right: 525px;}
.append-8 { padding-right: 600px;}
.append-9 { padding-right: 675px;}
.append-10 { padding-right: 750px;}
.append-11 { padding-right: 825px;}
.prepend-1 { padding-left: 75px;}
.prepend-2 { padding-left: 150px;}
.prepend-3 { padding-left: 225px;}
.prepend-4 { padding-left: 300px;}
.prepend-5 { padding-left: 375px;}
.prepend-6 { padding-left: 450px;}
.prepend-7 { padding-left: 525px;}
.prepend-8 { padding-left: 600px;}
.prepend-9 { padding-left: 675px;}
.prepend-10 { padding-left: 750px;}
.prepend-11 { padding-left: 825px;}
div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder { padding-right:61px;margin-right:60px;border-right:1px solid #eee;}
.pull-1 { margin-left: -75px;}
.pull-2 { margin-left: -150px;}
.pull-3 { margin-left: -225px;}
.pull-4 { margin-left: -300px;}
.pull-5 { margin-left: -375px;}
.pull-6 { margin-left: -450px;}
.pull-7 { margin-left: -525px;}
.pull-8 { margin-left: -600px;}
.pull-9 { margin-left: -675px;}
.pull-10 { margin-left: -750px;}
.pull-11 { margin-left: -825px;}
.pull-12 { margin-left: -900px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float:left;position:relative;}
.push-1 { margin: 0 -75px 1.5em 75px;}
.push-2 { margin: 0 -150px 1.5em 150px;}
.push-3 { margin: 0 -225px 1.5em 225px;}
.push-4 { margin: 0 -300px 1.5em 300px;}
.push-5 { margin: 0 -375px 1.5em 375px;}
.push-6 { margin: 0 -450px 1.5em 450px;}
.push-7 { margin: 0 -525px 1.5em 525px;}
.push-8 { margin: 0 -600px 1.5em 600px;}
.push-9 { margin: 0 -675px 1.5em 675px;}
.push-10 { margin: 0 -750px 1.5em 750px;}
.push-11 { margin: 0 -825px 1.5em 825px;}
.push-12 { margin: 0 -900px 1.5em 900px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
p {margin:0px;padding:0px;}
div {
Aborder:1px solid red;
Amargin:-3px;
}
hr {
margin:5px 0 5px 0px;
border:0px;
color:#000;
}
a, a:visited {text-decoration: none; color:#444;}
a:hover {text-decoration: none; color:#2D7BB2;}
.activelink {
/* indicates something selected */
font-weight:bold;
}
/* bicupic interpolation for ies */
img { -ms-interpolation-mode: bicubic; }
/* some interactivity */
.smallarts:hover {
background-color:#ddd;
color:#000;
cursor: pointer;
Abackground:#f7f7e7;
}
a.myhovertest:hover {
}
.hidden {
display:none;
}
/* some specials for event listings */
.spacing {
height:15px;
border-bottom:1px solid #e7e7e7;
}
.noheight {
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.events .date b { font-weight:normal; }
/*
display:block;
*//*
height:0px;line-height:1px; visibility:hidden;
*/
/* teksti-tooltipit eg. /jutut -sivulle */
.jutut a.tooltip_text img {
margin:1px;
border:1px solid #ccc;
padding:1px;
width:70px;
height:70px;
}
a.tooltip_text img:hover {
border:1px solid #000;
}
.vaakanosto a.tooltip_text:hover {
color:#333;
}
.vaakanosto a.tooltip_text img:hover { /* poikkeus edelliseen: vaakanostot */
border:none;
}
/* QTIPS */
div.qtip-contentWrapper {
font: 11px Arial,Helvetica;
}
/* h2s */
h2 {
font-family:georgia,Times New Roman;
font-size:18px;
font-weight:normal;
padding:0px;margin:0px;
border-bottom:4px solid #e7e7e7;
}
#left .box h2 {
font-size:12px;
font-weight:normal;
padding:0px;margin:0px;
border-bottom:1px solid #000;
}
#body .front h2 {
font-family:georgia,Times New Roman;
font-size:18px;
font-weight:normal;
padding:0px;margin:0px;
margin-top:-5px;
margin-bottom:5px;
border-bottom:4px solid #e7e7e7;
margin-top:20px;
}
#body .mainarticle h2 {
margin-top:-5px;
}
div.palvelu h2 {
font-family:georgia,Times New Roman;
font-size:18px;
font-weight:normal;
padding:0px;margin:0px;
margin-bottom:0px;
border-bottom:4px solid #e7e7e7;
margin-top:20px;
margin-bottom:5px;
_width:900px; /* ie6 */
}
div.box1 h2 {
border:0px;
font-family:georgia,Times New Roman;
font-weight:normal;
font-size:20px;
font-family:'Lucida Grande',Arial,Helvetica;font-size:14px;line-height:24px;
font-size:16px;
margin-bottom:5px;
}
div.box1 h2 a {
color:#333;
}
div.box1 a {
color:#2D7BB2; /*sin*/
}
div.tabnavs h2 { /* header */
font-family:georgia,Times New Roman;
font-size:18px;
font-weight:normal;
padding:0px;margin:0px;
margin-top:-5px;
margin-bottom:12px;
border-bottom:4px solid #e7e7e7;
}
div.vaakanosto h2 {
font-family:georgia,Times New Roman;
font-size:18px;
font-weight:normal;
padding:0px;margin:0px;
margin-bottom:0px;
}
/* ------------------------------------------------------------------------------------------------------------------------
GLOBAL: BODY
------------------------------------------------------------------------------------------------------------------------ */
body {
background: #D4D9DD url(../i/bg2.gif) repeat-y scroll center center;
Abackground:#fff;
margin:0;
background-position-x: 50%;
background-position-y: 50%;
color:#333;
}
#wrap {
width:944px;
width:935px;
display:block;
margin:0 auto;
position:relative;
}
#main {
margin-left:0px;
margin-right:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #main { margin-left:1px; margin-right:0px; } } /* safari */
#main {
/* ie6+ie7 */
*position:relative;
*margin-left:1px;
*margin-right:-1px;
}
#main {
/* ie8 */
margin-left:1px\9;
margin-right:-1px\9;
}
#top {
margin:0px;
padding:0px;
}
#top .first {
background-color:#242323;
float:left;
display:inline;
height:145px;
width:765px;
}
#top .second { /* kausinosto */
float:left;
display:inline;
width:167px;
height:145px;
margin-left:1px;
background-color:#242323;
width:168px;
overflow:hidden;
/*ie 7+8*/
*border-left:1px solid #fff;
*width:167px;
/*ie6*/
_border:0px;
_width:168px;
}
/* kausinoston hoverit */
#top .second:hover {
/* background-color:#fff!important;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
*/ /* ei kesälehdessä */
}
#top .topnavi {
font-family:Lucida Grande, Helvetica, Arial;
font-size:11px;
float:right;
padding:5px;
padding-right:25px;
display:inline;
}
#top .topnavi a, #top .topnavi a:visited {
color:#ddd;
padding-right:5px;
}
#top .topnavi a:hover {
color:#fff;
}
#top .logo {
margin-top:75px;
margin-left:15px;
z-index:99999;
}
/* ei käytössä */
/*#top .date {
color:#fff;
font-family: Lucida Grande,Helvetica,Arial;
font-size:9px;
margin-left:11px;
}
*/
#body {
background-image: url('../i/bg_top.gif');/*bg_top.gif*/
background-repeat:repeat-x;
min-height:40px;
padding-left:12px;
padding-top:0px;
margin-top:0px;
margin-right:1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #body { margin-right:0px; } } /* safari */
/* ------------------------------------------------------------------------------------------------------------------------
BOTTOM
------------------------------------------------------------------------------------------------------------------------ */
#bottom {
height:50px;
margin-top:25px;
margin-bottom:25px;
background:#ddd;
background-color: #e7f7ff;
padding:15px;
padding-bottom:0px;
font-family:Helvetica,Arial;
text-align:center;
font-size:12px;
color:#444;
}
#bottom li {
float:left;
list-style: none;
margin-right:15px;
}
#bottom a {
text-decoration: none;
}
#navi {
margin-top:-13px;
margin-left:250px;
}
#navi a {
padding-left:24px;
padding-right:10px;
/* padding-left:24px;
padding-right:10px;
*/
padding-left:20px;
vertical-align:bottom;
}
.tselect { /* navi hovers */
position:relative;
display:none;
color:#bbb;
font-family:Arial,Helvetica;
font-size:10px;
top:-3px;
*top:-8px; */ie7*/
}
span#t_n1 {margin-left:21px;}
span#t_n2 {margin-left:138px;}
span#t_n3 {margin-left:237px;}
span#t_n4 {margin-left:339px;}
span#t_n5 {margin-left:303px;}
/* ------------------------------------------------------------------------------------------------------------------------
LEFT
------------------------------------------------------------------------------------------------------------------------ */
#left {
width:190px;
float:left;
padding-top:25px;
}
.sel {
font-weight:bold;
}
/* ------------------------------------------------------------------------------------------------------------------------
FRONT
------------------------------------------------------------------------------------------------------------------------ */
.smallarts {height:72px;overflow:hidden;padding:8px 0 8px 8px;}
#body .front {font-size:12px; }
#body .front img {float:left;margin-right:10px;border:1px solid #000;}
#body .front .title {font-family:'Lucida Grande',Arial,Helvetica;font-size:14px;line-height:14px;padding-bottom:5px;}
#body .front .content { line-height:17px;padding-bottom:2px;height:36px;font-family:Helvetica,Arial;}
#body .front .continue {margin-left:10px;display:none;}
#body .front .date {font-size:11px;color:#555;float:left;padding-right:5px;margin-right:5px;border-right:1px solid #ddd;}
#body .front .type {font-size:11px;color:#555;}
#body .clear {
clear:both;
}
#body .front a:hover {
background-color:#ddd;
color:#000;
cursor: pointer;
}
/* ------------------------------------------------------------------------------------------------------------------------
BOX
------------------------------------------------------------------------------------------------------------------------ */
div#box{
width:300px;
padding:15px;
position:absolute;
top:150px;
left:15%;
color:#000;
background-color:#eef5fc;
}
div.box1 {
font-size:12px;
font-family:"Lucida Sans",Helvetica,Arial;
line-height:17px;font-family:Helvetica,Arial;
margin-top:10px;
}
/* first char typography effect */
/*
div.box1 p {
font-size: 1em;
line-height:18px;
}
div.box1 p.firstchar:first-letter {
font-family:georgia,Times New Roman;
font-size: 2.8em;
*font-size: 3.3em;
line-height: 0.8em;
float: left;
margin: 4px 3px 0px 0;
}
*/
/*
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.juttu .firstchar:first-letter, .juttu .firstchar p:first-child:first-letter {
font-family:Georgia,Times New Roman;
font-size: 3.35em;
line-height: 0.8em;
float: left;
margin: 4px 3px 0px 0;
}
*/
div.box1 img {
float:left;
margin:0px 5px 5px 0px;
max-width:180px;
_width:180px; /* ie */
}
/* ie6 frontmain img size hack */
div.box1 img {
_width: auto ;
_height: 180px;
}
.box1 .date {font-size:11px;color:#555;float:left;padding-right:5px;margin-right:5px;border-right:1px solid #ddd;}
.box1 .type {font-size:11px;color:#555;}
/* ------------------------------------------------------------------------------------------------------------------------
FRONT PAGE TABS (could be used otherwise as well)
------------------------------------------------------------------------------------------------------------------------ */
div.tabnavs {
Abackground:#f7f7e7;
}
ul#tabnav {
text-align: left;
margin: 0 0 3px 0;
font-family:Arial,Helvetica;
font-size:11px;
list-style-type: none;
padding: 0px 0px 0px 0px;
}
ul#tabnav li {
display: inline;
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* selected tab*/
color: #000;
position: relative;
}
ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px;
color: #000;
margin-right: 0px;
text-decoration: none;
}
.tab_selected {
background:#ddd;
color:#fff;
padding:3px 4px 3px 4px;
_padding:0px 4px 0px 4px; /* ie */
*padding:0px 4px 0px 4px; /* ie7 */
}
ul#tabnav a:hover {
background: #ddd;
}
/* tapahtumat etusivun tabeissa */
.event_tab {
padding-bottom:5px;
}
.tabnavs .content {
font:11px Arial;padding:5px;
}
.tabnavs .content .venue {color: rgb(255, 102, 0); color: rgb(204, 51, 0);color:#ff6600;color:#000;float:left;font-weight:bold;padding-right:3px;}
.tabnavs .content .address {float:right;background-color:#ebf2ee;padding:-0px 3px 0px 10px;margin:-3px 0px 0px 0px; color: #444;font-size:11px;}
.tabnavs .event {padding-bottom:10px;}
.tabnavs .content .seemore,
.box1 .seemore { /* katso kaikki tapahtumat */
font-family:Arial;
font-size:11px;
padding:2px 2px 3px 10px;
line-height:15px;
margin-top:5px;
background-image: url(../i/arrow.gif);
background-position:left center;
background-repeat:no-repeat;
}
.tabnavs .content a.seemore:hover {
color:#2D7BB2; /*sin*/
}
.tabnavs .content a {text-decoration: none;color:#333;}
/* ------------------------------------------------------------------------------------------------------------------------
Vaakanosto
------------------------------------------------------------------------------------------------------------------------ */
div.vaakanosto {
width:898px;
height:150px;
margin-bottom:40px;
}
div.vaakanosto .element {
float:left;
width:148px; /* 898/4 */
border-right:1px solid #fff;
font-family:Arial;
font-size:12px;
padding:0px;margin:0px;
height:60px;
background-color:#eee;
height:148px;
}
div.vaakanosto .element:hover {
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
div.vaakanosto img {
padding:0px;margin:0px;
}
/* ------------------------------------------------------------------------------------------------------------------------
Palveluhakemisto etusivulla
------------------------------------------------------------------------------------------------------------------------ */
div.palvelu {
font: 12px Arial;
margin-bottom:20px;
}
div.palvelu ul {
padding:0px;margin:0px;
line-height:20px;
width:100%;
}
div.palvelu li {
list-style: none;
float:left;
width:20%;
padding:0px;margin:0px;
}
div.palvelu ul li a {
text-decoration:none;
color:#333;
padding-left:3px;
}
div.palvelu ul li:hover {
text-decoration:none;
background:#ddd;
color:#000;
cursor: pointer;
}
div.palvelu a:hover {
text-decoration:none;
background:#ddd;
color:#000;
cursor: pointer;
}
/* JUTUT */
.jutut h3 {
font:12px 'Lucida Grande',Arial,Helvetica;
font-weight:normal;
padding-top:5px;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
}
/* selektorit: label */
.jutut .label {
background-color:#68b5e0; /* cyan */
background-color:#eee;
color:#000;
font-family:Lucida Grande,Arial,Helvetica;
font-size:12px;
text-transform:none;
padding:2px 5px 2px 5px;
margin: 0px 3px 0px 0px;
}
.jutut .activelink {
background-color:#68b5e0; /* cyan */
color:#fff;
font-family:Lucida Grande,Arial,Helvetica;
font-size:12px;
text-transform:none;
padding:2px 5px 2px 5px;
margin: 0px 3px 0px 0px;
}
.jutut .label:hover {
background-color: #ddd;
}
.jutut .selector {
float:right;
font-size:11px;
font-family:Arial,Helvetica;
margin-top:-19px;
_margin-top:-24px; /*ie6*/
margin-top:/*\**/8px\9; /*ie8*/
*margin-top:-24px; */ie7*/
}
div#paikka.jutut .selector { /* menneet tapahtumat */
margin-top:9px;
_margin-top:-23px; /*ie6*/
EIEImargin-top:/*\**/1px\9; /*ie8-ok*/
*margin-top:-23px; */ie7*/
}
.events .selector { /* otsikot || kuvat */
float:right;
font-size:11px;
font-family:Arial,Helvetica;
margin-top:-16px;
_margin-top:-24px; /*ie6*/
margin-top:/*\**/2px\9; /*ie8*/
*margin-top:-20px; */ie7*/
}
.tabnavs .selector {
float:right;
font-family:Arial,Helvetica;
font-size:11px;
margin-top:9px;
margin-bottom:-10px;
_margin-top:-24px; /*ie6*/
margin-top:/*\**/8px\9; /*ie8*/
*margin-top:-24px; */ie7*/
}
.mac.ff3 .tabnavs .selector { margin-top:-18px; } /* mac firefox 3 */
/* fiksit safarille */
@media screen and (-webkit-min-device-pixel-ratio:0) { .jutut .selector { margin-top:8px; } } /* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { .events .selector { margin-top:3px; } } /* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { .tabnavs .selector { margin-top:9px; } } /* safari */
.jutut h3 .selector,
#paikka h3 .selector { /* h3-tason */
float:right;
font-size:11px;
font-family:Arial,Helvetica;
margin-top:-14px;/*ok*/
margin-top:0px;
_margin-top:-25px; /*ie6*/
margin-top:/*\**/1px\9; /*ie8-ok*/
*margin-top:-18px; */ie7*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .jutut h3 .selector, #paikka h3 .selector { margin-top:3px; } } /* safari */
/* ------------------------------------------------------------------------------------------------------------------------
PAIKKA
------------------------------------------------------------------------------------------------------------------------ */
#paikka {
}
#paikka a {
color:#2D7BB2; /*sin*/
}
#paikka .puffi {
font:12px 'Lucida Grande',Arial,Helvetica;
font-weight:normal;
line-height:18px;
}
#paikka #map_description {
position:relative;
margin-top:-250px;
width:250px;
background:#eee;
height:250px;
display:none;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
cursor:pointer;
}
#paikka #map_description a {
position:absolute;
top:45%;
left:20%;
text-align:center;
font:18px Arial;
text-decoration:none;
color:#ff6600;
}
#paikka .map_title {
background:#ddd;
width:250px;
display:block;
padding-left:10px;
}
/* karttakuva paikkasivulla */
.map_image img {
border:1px solid #ddd;
}
.map {
}
#paikka h3 {
font-family: Lucida Grande, Arial, Helvetica;
font-size:13px;
border-bottom:1px solid #eee;
margin-top:10px;
padding-bottom:3px;
}
/* ------------------------------------------------------------------------------------------------------------------------
TAPAHTUMAT
------------------------------------------------------------------------------------------------------------------------ */
/* KALENTERI */
div#body .events {
font-family:'Lucida Grande',Arial,Helvetica;
font-size:12px;
line-height:18px;
zoom: 1;
}
div#body .events .date {position:relative;display:inline;top:39px;text-transform:uppercase;color: #444;font-family:'Lucida Grande',Arial,Helvetica;width:80px;}
div#body .events .date {
/* ie */
_position:static;
_margin-top:50px;
_display:block;
}
div#body .events .event {border-bottom:1px solid #e7e7e7;margin: 3px 0px 3px 80px;padding:0px; }
div#body .events .last {border-bottom: none;}
div#body .events .event .venue {color: rgb(255, 102, 0); color: rgb(204, 51, 0);color:#ff6600;float:left;font-weight:bold;}
/* edellisen voi poistaa, kyse on nimenomaan linkistä */
div#body .events .event .venue a {color: rgb(255, 102, 0); color: rgb(204, 51, 0);color:#ff6600;float:left;font-weight:bold;font-size:13px;}
div#body .events .event .venue a:hover {color:#a54a26;}
div#body .events .event .address {float:right;padding:0px 3px 0px 10px;margin:0px 0px 0px 0px; color: #777;font-size:11px;}
div#body .events .event .address a:hover {
background-color:#68b5e0;
color:#fff;
}
div#body .events .event .text {}
div#body .events .event .linked {float:right;}
div#body .events .event .linked a {text-decoration: none;color:#000;}
.selected {background-color:#d2f0fc;cursor:pointer;}
.label, div#body .events .event .label { /* juttu-label */
background-color:#68b5e0; /* cyan */
color:#fff;
font-family:Arial;
font-size:11px;
text-transform:uppercase;
padding:0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
}
.label_description, a.label_description, a.label_description:hover {
color:#0187c8;
}
.typelabel { /* eg. festivaalit / markkinat */
background-color:#555;
color:#fff;
font-family:Arial;
font-size:11px;
text-transform:uppercase;
padding:0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
}
div#body .events .event .text a {color:#0187c8;text-decoration:none;}
div#body .events .event .text a:hover {background-color:#c9eaee;text-decoration:none;}
/* tapahtumat paikkasivulla */
div#body #paikka .events .event {
padding:0px;
}
div#body #paikka .events .date {
text-transform:lowercase;
top:0px;
}
/* tulevat tapahtumat */
/* container */
.Pevents .row {
font-family:'Lucida Grande',Arial,Helvetica;
font-size:12px;
line-height:20px;
zoom: 1;
border-bottom:1px solid #eee;
}
/* left */
.Pevents .date {
float:left;
overflow:hidden;
display:inline;
width:80px;
}
.Pevents .date p {
float:left;
width:25px;
}
/* right */
.Pevents .text {
float:left;
overflow:hidden;
display:inline;
width:430px;
}
.Pevents .row:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .Pevents .row {height: 1%;}
.Pevents .row{ display:inline-block; }
.Pevents .row{ display:block; }
/* ------------------------------------------------------------------------------------------------------------------------
JUTTU
------------------------------------------------------------------------------------------------------------------------ */
.juttu img {
border: 1px solid #000;
background: #CCCCCC;
border: #F5F3F3 solid 2px;
}
.juttu .caption {
font-family: Helvetica,Arial;
font-size:9px;
display:block;
}
.juttu h2 {
font-family:georgia,Times New Roman;
font-size:18px;
font-weight:normal;
padding:0px;margin:0px;
border-bottom:4px solid #e7e7e7;
margin-top:30px;
}
.juttu p {
padding-bottom:18px;
}
.juttu .tyyppi {
}
.juttu .content {
border-left: 2px solid #c0c0c0;
padding-left:4px;
font-family:Georgia,Times New Roman;
font-size: 14px;
line-height: 23px;
}
.juttu .firstchar:first-letter, .juttu .firstchar p:first-child:first-letter {
font-family:Georgia,Times New Roman;
font-size: 3.6em;
line-height: 0.8em;
float: left;
margin: 4px 3px 0px 0;
font-size:/*\**/1.8em\9; /*ie8*/
*font-size:3.9em; /*ie7*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* safari */
.juttu .firstchar:first-letter, .juttu .firstchar p:first-child:first-letter {
font-family:Georgia,Times New Roman;
font-size: 3.35em;
line-height: 0.8em;
float: left;
margin: 4px 3px 0px 0;
}
}
/* ------------------------------------------------------------------------------------------------------------------------
NAVI
------------------------------------------------------------------------------------------------------------------------ */
.navi {
font-family:Helvetica,Arial;
font-size:11px;
color:#444;
}
.navi a {
color:#444;
}
.navi a:hover {
color:#2D7BB2; /*sin*/
}
.navi h2 {
font-family:Lucida Grande, Helvetica,Arial;
font-size:12px;
font-weight:bold;
border:0px;
color:#333;
}
.navi p {
padding-left: 12px;
line-height:17px;
}
/* TAPAHTUMA: VASEMMAN REUNAN NAVI */
ul#menu a {
font:11px Arial;
display: block;
font-weight:normal;
line-height:17px;
margin:0px;padding:0px;
text-decoration: none;
color:#444;
padding-left:12px;
}
ul#menu li a:hover {
background-color:#eee;
}
/* 2. taso */
ul#menu li ul li a {
color: #333;
padding-left: 20px;
font-weight:normal;
border:0px;
line-height:15px;
background:none;
background-color:none!important;
}
.navi_palvelu h2 a {
text-decoration: none;
}
.navi_palvelu ul {
font:11px Arial,Helvetica;
margin:0px;padding:0px;
}
.navi_palvelu .last {
border-bottom:1px solid #999;
}
.navi_palvelu ul li {
list-style: none;
margin:0px;padding:0px;
}
.navi_palvelu ul li a {
text-decoration: none;
color:#444;
line-height:18px;
}
ul#menu li ul li a:hover {
background-color:none;
color:#68b5e0;
color:#2D7BB2;
background-color:#fcfcfc!important;
}
/* hiden 2. level first, open w/ jquery */
ul#menu li ul li a {
visibility:hidden;
height:0px;
}
/* hide for non-javascript browsers */
ul#menu li ul li {
height:1px;
overflow:hidden;
display:none;
}
/* gMapModal */
#gMapModal-box{
border:2px #FFF solid;
background:#FFFFFF url(../images/ajax-loader.gif) center no-repeat;
}
#gMapModal-text{
border:2px #FFF solid;
background:#FFFFFF;
}
#gMapModal-text p{
position:relative;
float:left;
margin:10px 0 10px 5px;
width:60%;
color:#666666;
font-family:Tahoma, Arial, Helvetica;
font-size:11px;
}
#gMapModal-closeButton{
position:relative;
float:left;
margin-left: -380px;
margin-top: -360px;
width:30px;
height:30px;
border:0;
background: url(../i/close.png) no-repeat;
cursor:pointer;
z-index:1000;
}
/* FOOTER */
#footerbar {
display: block;
height:140px;
font-family:Arial,Helvetica;
font-size:11px;
padding:20px;
padding-left:155px;
border-top:1px solid #ccc;
background-color:#ddd;
color:#444;
margin:0px;
margin-left:-12px;
margin-top:20px;
overflow:hidden;
width:739px;
width:759px;
}
#footerbar {
*/ ie 7+8 */
*margin-bottom:20px;
*height:160px;
margin-bottom:/*\**/30px\9; /*ie8*/
/* ie6 */
_margin-left:-6px;
}
#footerbar .first {
float:left;
margin-right:20px;
background: url('../i/footerlogo.png') #ddd;
background-repeat:no-repeat;
background-position:30 10;
padding-left:30px;
_background:none; /*ie6*/
}
/*#footerbar .first img {
margin-left:-40px;
display:inline;
margin-top:20px;
}
*/
#footerbar .first b {
Apadding-left:5px;
}
#footerbar .second {
float:left;
padding-left:30px;
}
#footerbar .third {
float:left;
padding-left:70px;
}
#footerbar input {
margin-bottom:11px;
}
#footerbar a:hover {
color:#000;
}
/* ------------------------------------------------------------------------------------------------------------------------
See also
------------------------------------------------------------------------------------------------------------------------ */
.seealso h3 {
font-family: Lucida Grande, Helvetica, Arial;
font-size:13px;
margin:0px;padding:0px;
padding-bottom:3px;
}
.seealso .rows {
background: #F8F8F8;
border:1px solid #D4DDDD;
border-right:0px;
border-left:0px;
font-family: Arial;
font-size: 11px;
line-height: 15px;
}
#paikka .seealso .rows a {
color:#515151;
}
#paikka .seealso .rows a:hover {
color:#000;
}
#paikka a:hover {
color:#000;
}
.label:hover {
background:#3f93c2;
}
/* ARKISTO */
#arkisto td.header {
font-weight:bold;
}
#arkisto td {
font-family:'Lucida Grande',Arial,Helvetica;
font-size:11px;
line-height:11px;
}
/* bannerit */
#banners {
display:inline;
}
#banners img {
margin-bottom:1px;
border:1px solid #ddd;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #banners { margin-left:0px; margin-right:0px; } } /* safari */
#banners p {
padding:0px;margin:0px;
}
/* fiksejä */
.kausi .tselect { /* navi hovers */
/**top:-25px;*/ */ie7*/
}
.info a, .info a:visited {
color:#2D7BB2; /*sin*/
}
/* sharing: change to local */
span.over {
float:right;
position:absolute;
margin-top:2px;
margin-left:420px;
}
div.events div.event {
border-right:20px solid transparent;
_border-right:#fcfcfc; /*ie6*/
}
div.share {
padding:20px;
}
div.share_event {
padding:20px;
padding-top:0px;
background:#e7e7e7;
height:160px;overflow: hidden;
}
div.share table td {
text-align:center;
}
/* Kimmo-header */
.kimmo {
position:absolute !important;
margin-left:649px !important;
float:right;
display:inline !important;
z-index: 1;
}
#top .topnavi {
float:left !important;
position:absolute !important;
margin-left:10px !important;
z-index:999999;
}
/* lukijakyselynosto */
#lukijakyselytop {
Adisplay:none;
position:absolute;
top:0px;
left:270px;
}