/* Yleiset tyylit - periytyy kaikkialle - oleellisimmat tyylitiedostot saman rakenteen mukaan */

/* Sisallysluettelo
----------------------
-1- normalize
-2- perusta
-3- peruselementit
-4- sivupohjarakenne
--4.n-- ylatunniste
--4.7-- p��navigaatio-navback
--4.8-- sivunavigaatio
--4.9-- murupolku
--4.10-- sisaltoalue-maincontent
--4.11-- alatunniste-footer
--4.12-- hyppylinkki - skiplink
-5- maincontentin yleiset, sisaiset asiat
-6- poimittavat elementit
-7- jokaisella sivulla toistuvat, vaihtoehtoiset asiat
-8- sivutyyppikohtaiset asiat
-x- imports, huoltokatko, kriisi-sivusto
-PRINT- tulostus
*/

/* #################
-1- normalize - s��steli��sti ettei cms ota vaikutteita
################# */
html {
font-family:Helvetica,Arial,sans-serif;
font-size: 62.5%; /* koska rem kayttoon. relatiiviset arvot tyyliin 12px on 1.2rem */
}
body {margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
b,strong {font-weight:bold;}
img {border:0;}
address{font-style: normal;}
button,input,optgroup,select,textarea {
color:inherit;
font-family:inherit;
margin:0;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0;
}
input {line-height:normal;}
input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
legend {
border:0;
padding:0;
}
div, li, form, input, label, fieldset, dl, dt, dd {
border: 0;
margin: 0;
padding: 0;
}

/* #################
-2- perusta
################# */
body .body_wrapper {box-sizing: border-box;}
body .body_wrapper *, body .body_wrapper *:before, body .body_wrapper *:after {box-sizing: inherit;}

/* #################
-3- Peruselementit
################# */
body {
background:#FFFFFF;
color:#000000;
font-size:12px;
text-align:center;
}
h1 {
color: #939393;
font-size:2.4rem;
font-weight: normal;
}
h2 {
color: #939393;
font-weight: bold;
font-size:1.8rem;/* sivuutetaan go koska 24.09. */
}
h3 {
color: #939393;
font-weight: bold;
font-size:1.4rem;
}
h4 {
color: #939393;
font-weight: bold;
font-size:1.2rem;
}
h5 {
color: #939393;
font-weight: bold;
font-size:1.2rem;
}
h6 {
color: #939393;
font-weight: bold;
font-size:1.2rem;
}
a {
color: #000000;
text-decoration:none;
}
p {
font-size:1.2rem;
margin: 10px 0;
padding: 0;
}
p a{
text-decoration:underline;
}


form {
margin:0;
padding:0;
}

/* FOCUS 
.body_wrapper *:focus{
outline: 1px dashed black;
    outline-offset: 2px;
}
*/

.clearer, .clearfloat, .atclear, .clearfix {clear: both;}
.group:after {
content: "";
display: table;
clear: both;
}
.d-flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.page_dimmer {
background:#000;
height: 100%;
left: 0;
opacity: 0.7;
position: fixed;
top: 0;
width: 100%;
z-index: 333;
}
.maincontent a.cms_element_button em {/* cms09 yliajo */
line-height: 17px;
padding:0 10px;
margin:0;
}
.header-footer-button{width:100%;}
.li_button {display: none;}
a.display_block.linkelement {margin-bottom: 10px;}
.display_block {display: block;}
.textarea-container {margin-bottom: 10px;}
.media-container {margin:0 0 10px 0;}
.media-container:empty {margin: 0;}
.sidebar .media-container {overflow: hidden;}
.lift_header h4{font-size:14px;}
.lift_center_wrapper a {text-decoration:none;}
.lift_center_wrapper .none{padding:8px;}
.lift_center_wrapper .textarea-container {margin-bottom:0px;}

/* uusi header = header.variant */
header.variant {
background:none;
margin:0;
padding:0;
}
header.variant h2 {color:#535353;}
header.variant.colorful {background-color:#535353;}
header.variant.colorful h2{color:#FFFFFF;}
.sidebar #leftcolumn header.variant h24,
.sidebar #rightcolumn header.variant h2,
.maincontent header.variant h2{
font-size:14px;
margin:0;
padding:0;
}

header.variant h4{
font-size:14px;
margin:0;
padding:0;
}
.sidebar #leftcolumn header.variant h4,
.sidebar #rightcolumn header.variant h4,
.maincontent header.variant h4{
font-size:14px;
margin:0;
padding:0;
}
header.variant.hidden {display:none;}
/* // uusi header */

.trigger {display:none;}
#mobile-header {display:none;}
#mobile-navback {display:none;}
#mobile-subnavigation {display:none;}
#pvm_palsta_peippa {display: none;}

.additional-info .bullet {
color: #606060;
display: inline-block;
float: left;
line-height: 12px;
margin:0;
text-align: center;
width: 5px;
}

.controls-footer {
background:#EEEEEE;
border-left:1px solid #D0D0D0;
border-right:1px solid #D0D0D0;
border-bottom:1px solid #D0D0D0;
color:#666;
display:block;
float:left;
font-weight:bold;
margin-bottom:10px;
margin-top: -10px;
padding: 12px;
text-align: center;
width: 100%;
}
.raquo {
position: relative;
top: -1px;
}
.raquo_colored {
position: relative;
top: -2px;
}
/* screen reader */
.sr-only {
border: 0;
clip-path: inset(0 100% 100% 0);
clip: rect(0, 0, 0, 0);
color:transparent;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sector_navigation_wrapper .snip_text a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.sector_navigation_wrapper .snip_link a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent .textarea-container a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent #leftcolumn > a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent #rightcolumn > a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent div.center > a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after {
content:"\f14c";
display:inline-block;/* textdeco */
font-family: "FontAwesome";
font-size: 1.4rem;
padding:0px 0px 0px 4px;
text-decoration:underline;
}
/* IE vaatii tuplana */
.sector_navigation_wrapper .snip_text a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.sector_navigation_wrapper .snip_link a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent .textarea-container a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent #leftcolumn > a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent #rightcolumn > a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after,
.maincontent div.center > a.linkelement[href*="//"]:not([href*="https://kuulutusrekisteri.oikeus.fi"]):after {
text-decoration:none;
}
/* temp accessibility */
.maincontent #primary_content:active,
.maincontent #primary_content:focus{
outline:none;
}
.ajaxloader img{
width:auto;
}

/* #################
-4- sivupohjarakenne - perus-palaset jotka toistuvat melkein jokaisessa templatessa
################# */

/* #################
--4.1-- ylatunniste header-upperheader
################# */
.upperheader {
background:transparent repeat-x scroll 0 0;
color: #606060;
font-size: 12px;
height: 35px;
line-height: 30px;
margin: 0 auto;
padding: 0;
width: 100%;
}
.upperheader  .text_location_holder {
margin:0 auto;
width:1007px;
}
.upperheader a {
color: #606060;
font-size: 12px;
text-decoration: none;
display: inline-block;
margin: 0;
padding: 0;
}
.upperheader a.smaller {font-size: 9px;}
.upperheaderleft {
font-size: 12px;
float: left;
margin: 0;
text-align: left;
}
.upperheader .preheader_siteversion {
display: block;
padding-left: 10px;
}
.upperheader .preheader_siteversion .laquo {
float: left;
line-height: 26px;
margin-right: 4px;
margin-top: 4px;
}
.upperheader .preheader_siteversion a {padding-right: 16px;}
.upperheaderright {
float: right;
font-size: 12px;
margin: 0;
}
.upperheader .preheader_textsize {letter-spacing: 0;}
.upperheader .preheader_textsize a:hover {cursor: pointer;}


/* #################
--4.2-- ylatunniste header-wrapper
################# */
.wrapper {
background:#ffffff;
margin: 0 auto 20px;
position: relative;
text-align:left;
width: 1007px;
}


/* #################
--4.3-- ylatunniste header-wrapper-header_largetext
################# */
.header_largetext {
display: block;
height: 85px;
/*line-height: 85px;*/
margin: 20px 0 0 115px;
position: absolute;
}
.header_largetext h1, .header_largetext .headertitle {
color: #939393;
font-size: 36px;
font-weight: normal;
margin:24px 0 24px 0;/* huom menee uusiksi kaikissa sivustoissa*/
width: 540px;
}
.header_largetext h1 a, .header_largetext .headertitle a{text-decoration:none;}


/* #################
--4.4-- ylatunniste header-wrapper-sitemap_box
################# */
.sitemap_box {
padding: 39px 0 0;
position: absolute;
right: 240px;
}
.sitemap_box a {
color: #606060;
display: inline-block;
font-size: 12px;
font-weight:normal;
padding: 20px 10px 10px;
text-decoration: none;
}


/* #################
--4.5-- ylatunniste header-wrapper-search_box
################# */
/** ** sivustoperhe-kohtaista enimmakseen ** **/
.search_box .extended_search {
display:none !important;
}


/* #################
--4.6-- ylatunniste header
################# */
.wrapper .header {
background:#ffffff;
clear: both;
height: 111px;
}
.wrapper .header .logo {
background: #ffffff;
display: block;
float: left;
height: 88px;
margin-top: 17px;
padding: 0;
width: 85px;
}
.wrapper .header .logo .languages{
color: #939393;
display: none;
font-size: 80%;
margin-left: 98px;
margin-top: 10px;
}
.wrapper .header .logo .languages a{color: #939393;}


/* #################
--4.7-- p��navigaatio-navback
################# */
#navback {
background:transparent;
height: 46px;
margin: 0;
display: block;
width: 100%;
}
#navback .navigation {
clear: both;
margin: 0;
padding: 0;
position: relative;
}
#navbottom {
background: #939393 none repeat scroll 0 0;
border-bottom: 12px solid #ffffff;
box-sizing: content-box;
margin: 0;
padding: 0;
}
/* kolmas aukeava taso vain mobiilissa */
#navback .navigation ul.sub_nav ul ul ul {display:none;}
/* arrow-right on oikeus.fi-sivustoperhekohtainen asia. eika niissakaan kaikissa. ei ollenkaan om.fi-perheessa */


/* #################
--4.8-- sivunavigaatio
################# */
.subnavigation_header {
/* om piilossa, oikeus nakyvissa ja borderradius */
}
.maincontent .sidebar #leftcolumn .subnavigation_header h3 {
margin: 0;
padding: 10px 10px 8px;
color: #ffffff;
font-size: 14px;
font-weight: normal;
}
.maincontent .subnavigation_header a {
text-decoration: none;
}
.maincontent .subnavigation {
color: #ffffff;
margin-bottom:1.2rem;
padding: 0;
width: 220px;
}
.maincontent .subnavigation ul {
border:none;
list-style:none;
margin: 0;
padding: 0;
}
.maincontent .subnavigation li {margin: 0;}
.maincontent .subnavigation li a {
color: #000000;
background-color: #ffffff;
display: block;
font-size: 13px;
text-decoration: none;
width:100%;
padding: 5px 5px 5px 10px;
}
.maincontent .subnavigation li li {border-bottom:none;}
.maincontent .subnavigation li li a {padding-left: 20px;}
.maincontent .subnavigation li li li a {padding-left: 30px;}

#mobile-subnavigation{display:none;} /* poikkeustapaus*/
#mobile-subnavigation .subnavigation {display:none;}

/* #################
--4.9-- murupolku
################# */
#murupolku {
color: #606060;
font-size:1.1rem;
font-weight: bold;
margin: 0;
padding: 0 0 1.4rem;
}
#murupolku a {
color: #606060;
text-decoration: none;
}
#murupolku .current-page {border-bottom:1px solid #dadada;}


/* #################
--4.10-- sisaltoalue-maincontent - palstojen marginaalit yms yleistetty oikeus-gon mukaisesti
################# */
.maincontent{
/*background: transparent url("../images/ottk/maincontent_background.png") repeat-y scroll 0 0;*/
background:none;
display: block;
font-size:1.2rem;
height: 100%;
}
.maincontent p {line-height:1.8rem;}
.maincontent .sidebar {
background:none;
float: left;
margin: 0;
word-wrap: break-word;
}
.maincontent .sidebar.leftbar{
margin: 0 9px 0 0;
padding: 0;
width: 220px;
}
.maincontent .center {
float: left;
margin: 0 10px;
padding: 0;
position: relative;
width: 529px;
}
.maincontent .center .main-header {margin-bottom: 16px;}
.maincontent .center .main-header h1{
margin-top:4px;
}
.maincontent .center .main-ingress,
.maincontent .center .main-ingress p {font-weight: bold;}
.maincontent .center .main-ingress {margin-bottom: 20px;}
.maincontent .center .bottom-center{
background: #f5f5f5 none repeat scroll 0 0;
color: #777777;
display: block;
height: 32px;
line-height: 32px; /* tarkasta viela */
margin: 15px 0 0;
padding: 0 8px;
text-align: right;
}
.maincontent .center .bottom-center .sharelinks {
display: block;
float: left;
height: 16px;
line-height: 16px;
margin: 5px 8px 0 0;
}
.maincontent .center .bottom-center .sharelinks a {
float: left;
margin: 2px 4px 0 0;
padding: 0;
}
.maincontent .sidebar.rightbar {
margin: 0 0 0 9px;
width: 220px;
}
/*** maincontentin sivupalstojen sisalla olevat itsenaiset elementit (alkaa): 
otsikko, textarea, linkki, liitetiedosto saavat 8px sisennyksen. 20.8.2015. ***/

.sidebar #rightcolumn h1,
.sidebar #rightcolumn h2,
.sidebar #rightcolumn h3,
.sidebar #rightcolumn h4,
.sidebar #rightcolumn h5,
.sidebar #rightcolumn h6{margin:0 8px 10px 8px;}

.sidebar #leftcolumn h1,
.sidebar #leftcolumn h2,
.sidebar #leftcolumn h3,
.sidebar #leftcolumn h4,
.sidebar #leftcolumn h5,
.sidebar #leftcolumn h6{margin:0 8px 10px 8px;}

.sidebar #rightcolumn .textarea-container h1,
.sidebar #rightcolumn .textarea-container h2,
.sidebar #rightcolumn .textarea-container h3,
.sidebar #rightcolumn .textarea-container h4,
.sidebar #rightcolumn .textarea-container h5,
.sidebar #rightcolumn .textarea-container h6{margin:0 0 10px 0;}

.sidebar #leftcolumn .textarea-container h1,
.sidebar #leftcolumn .textarea-container h2,
.sidebar #leftcolumn .textarea-container h3,
.sidebar #leftcolumn .textarea-container h4,
.sidebar #leftcolumn .textarea-container h5,
.sidebar #leftcolumn .textarea-container h6{margin:0 0 10px 0;}

.sidebar #leftcolumn .textarea-container{margin:0 8px 10px 8px;}
.sidebar #rightcolumn .textarea-container{margin:0 8px 10px 8px;}


/* .attachment-element.display_block */

.sidebar #leftcolumn .attachment-element,
.sidebar #rightcolumn .attachment-element {
display: inline-block;
margin: 0 8px 10px;
float:left;/* 2309 */
}

.sidebar #leftcolumn .attachment-element.display_block,
.sidebar #rightcolumn .attachment-element.display_block{
display: block;
float:none;/* 171017 */
}

.sidebar #leftcolumn .textarea-container .attachment-element,
.sidebar #rightcolumn .textarea-container .attachment-element{
margin:0 4px 0 0;
}

.sidebar #leftcolumn .textarea-container .attachment-element.display_block,
.sidebar #rightcolumn .textarea-container .attachment-element.display_block{
width:calc(100% - 20px);
}
/* muokkaus-poikkeus */
.sidebar #leftcolumn .stato5outline.attachment-element.display_block,
.sidebar #rightcolumn .stato5outline.attachment-element.display_block{
float:none;
}

.sidebar #leftcolumn span a[class^="attachment"],
.sidebar #rightcolumn span a[class^="attachment"]{
/*
float:none;
margin:0 8px 0 0;
*/
/*display: inline-block;*/
}
.sidebar #leftcolumn span.display_block a[class^="attachment"],
.sidebar #rightcolumn span.display_block a[class^="attachment"]{
display:inline;
float:none;
}
.sidebar #leftcolumn .textarea-container span a[class^="attachment"]{
float:none;
margin:0;
}
.sidebar #rightcolumn .textarea-container span a[class^="attachment"]{
float:none;
margin:0;
}

.sidebar #leftcolumn a.linkelement{margin:0 8px 10px 8px;}/* linkki */
.sidebar #rightcolumn a.linkelement{margin:0 8px 10px 8px;}/* linkki */

.sidebar #leftcolumn .textarea-container a.linkelement{margin:0 0 10px 0;}/* linkki */
.sidebar #rightcolumn .textarea-container a.linkelement{margin:0 0 10px 0;}/* linkki */
/*** maincontentin sivupalstojen sisalla olevat itsenaiset elementit (loppuu) ***/

.sidebar.leftbar #leftcolumn > .textarea-container:empty,
.sidebar.rightbar #rightcolumn > .textarea-container:empty{margin:0;} /* poikkeus julkiselle puolelle */

/*** estetaan sivupalstojen sisennykset muista elementeista (alkaa) ***/
.sidebar #leftcolumn .lift_center_wrapper h1,
.sidebar #leftcolumn .lift_center_wrapper h2,
.sidebar #leftcolumn .lift_center_wrapper h3,
.sidebar #leftcolumn .lift_center_wrapper h4,
.sidebar #leftcolumn .lift_center_wrapper h5,
.sidebar #leftcolumn .lift_center_wrapper h6,
.sidebar #rightcolumn .lift_center_wrapper h1,
.sidebar #rightcolumn .lift_center_wrapper h2,
.sidebar #rightcolumn .lift_center_wrapper h3,
.sidebar #rightcolumn .lift_center_wrapper h4,
.sidebar #rightcolumn .lift_center_wrapper h5,
.sidebar #rightcolumn .lift_center_wrapper h6{margin:0;}

.sidebar #leftcolumn .lift_center_wrapper .textarea-container,
.sidebar #rightcolumn .lift_center_wrapper .textarea-container{
margin:0;
width:100%;
}

.sidebar #leftcolumn .lift_center_wrapper span a[class^="attachment"],
.sidebar #righcolumn .lift_center_wrapper span a[class^="attachment"]{margin:0;}

.sidebar #leftcolumn .lift_center_wrapper a.linkelement{margin:0;}
.sidebar #rightcolumn .lift_center_wrapper a.linkelement{margin:0;}
/*** estetaan sivupalstojen sisennykset muista elementeista (loppuu) ***/


.maincontent .textarea-container a.display_block.linkelement{margin:0;}
.maincontent span.display_block a[class^="attachment"]{margin-bottom:10px;}


.kirjausaika-sisalto {margin:18px 0 0 0;}
.kirjausaika-tiedote span.updated {color: #737373;}


/* #################
--4.11-- alatunniste-footer
################# */
.footer{
/*background: #efefef url("../images/ottk/footer_background_fluid.png") repeat-x scroll left 0;*/
border-top: 3px solid #939393;
color: #616161;
display: inline-block;
height: 100%;
margin: 0 -10px;
width: 100%;
text-align: center;
}
.footer .bottom-border {
clear: both;
display: none;
float: left;
height: 8px;
width: 100%;
}
.footer .logo {
height: 85px;
padding: 0 5px;
display: inline-block;
margin: 0 auto;
}
.footer .footer_lower_links .logo img {
height:85px;
width: 85px;
}
.print-footer-info {display: none;}
.footer .sector_navigation_wrapper {display:none;}

/* #################
--4.12-- hyppylinkki - skiplink
################# */
#skip_to_primary_content a {
    border: 1px solid #000;
	border-top:none;
	border-left:none;
    color:blue;
	font-size:12px;/* koska resize */
    left: 0;
    padding:12px;
    position: absolute;
	text-align: center;
	text-decoration:none;
    top: -50px;
    transition: top 0.5s ease-out 0s;
    z-index:99999;
}
#skip_to_primary_content a:focus {
    top: 0;
	transition: top 0.1s ease-out 0s;
}


/* #################
-4- // sivupohjarakenne loppuu
################# */





/* #################
-5- maincontentin yleiset, sisaiset asiat - yleisimmat - teksti, linkki, kuva, muutama kaikille sama s��nt�
################# */
.maincontent .ingress {font-weight: bold;}
.maincontent b{font-weight:bold;}
.maincontent strong{font-weight:bold;}
.maincontent i {font-style: italic;}
.maincontent u{text-decoration:underline;}
.maincontent sub, .maincontent sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.maincontent sup {top: -0.6rem;}
.maincontent sub {bottom: -0.25rem;}
.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6{
margin-top:0;
margin-bottom: 16px;
}
.sidebar h1 {
/*font-size: 1.2em;*/
font-weight:normal;
}
.sidebar .textarea-container h1 {
/*font-size: 1.2em;*/
font-weight:normal;
}
.sidebar h2 {
/*font-size:1.125em;*/
font-weight:bold;
}
.sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
/*font-size:1.0em;*/
font-weight:bold;
}
.center h1{
/*font-size: 2em;*/
font-weight:normal;
}
.center h2{
/*font-size:1.2em;*/
font-weight:bold;
}
.center h3, .center h4, .center h5, .center h6 {
/*font-size: 1.0em;*/
font-weight:bold;
}
.elementcontainer .textarea-container{clear:both;}/* valumisen esto */
.textarea-container:empty {margin-bottom:0;}
.textarea-container p {
font-size: 1.2rem;
line-height: 1.8rem;
}
.textarea-container p:empty {margin-bottom:0;}
.textarea-container h1,.textarea-container h2,.textarea-container h3,.textarea-container h4,.textarea-container h5,.textarea-container h6{
clear:both;/* huom... */
margin-top:20px;
margin-bottom:16px;
}
.textarea-container h1{
font-size:2.4rem;
font-weight: normal;
}
.textarea-container h2{font-weight: bold;}
.textarea-container h3{font-weight: bold;}
.maincontent ul,.maincontent ol{
list-style-position: inside;
margin: 0 0 10px 0;
padding:0 0 0 20px;
}
.maincontent .textarea-container ul,
.maincontent .textarea-container ol{
list-style-position: outside;
padding: 0 0 0 30px;
}
.list_line li {list-style-image: url("../ElementImages/hyphen2.png");}
.maincontent a.display_block.linkelement {margin-bottom: 10px;}
.maincontent .display_block a[class^="attachment"] {
display:inline-block;/* l34201 */
/*display:inline;*//* e1543 */
margin-bottom: 10px;
padding:0;
}
.maincontent p a.linkelement{text-decoration: underline;}
.maincontent span a[class^="attachment"]{text-decoration: none;}
.maincontent p span a[class^="attachment"]{text-decoration:underline;}

/* media5 */
.imagespan_left, .imagespan_left_edit {
float:left;	
margin-right: 10px;
margin-bottom: 10px;
}
.imagespan_right, .imagespan_right_edit {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.imagespan_left_row, .imagespan_left_row_edit {
clear:both; /* clear: none; */
display: block;
float:left;
margin: 6px 0 10px 0;
text-align: left;
width:100%;
}
.imagespan_right_row, .imagespan_right_row_edit {
clear:both; /* clear: none; */
display: block;
float:left;
margin: 6px 0 10px 0;
text-align: right;
width: 99%;
}
.imagespan_left_row img, .imagespan_left_row_edit img {float:left;}
.imagespan_right_row img, .imagespan_right_row_edit img {float: right;}

.imagespan_center, .imagespan_center_edit {
clear:both; /* clear: none; */
display: block;
float:none;/* left */
margin: 6px 0 10px 0;
text-align: center;
width: 99%;
}
.imagespan_left_row .media_caption
.imagespan_left_row_edit .media_caption  {
float:left;
clear:right;
}
.imagespan_right_row .media_caption
.imagespan_right_row_edit .media_caption  {
float:right;
clear:left;
}
.imagespan_center .media_caption,
.imagespan_center_edit .media_caption {
margin-left:auto;
margin-right:auto;
}


.media-container.imagespan_center {margin-bottom:10px;}
.textarea-container .media-container {margin-bottom:10px;}


/* ----- huom ----- */
.media-container img{
height:auto !important;/* huom valiaikainen saanto */
}
/* ------ huom ---- */

.media-container object {max-width:100%;}
.media-container object embed {max-width:100%;}

.media-container.imagespan_center img {margin:0;}
.media_caption {
display: block;
font-style: italic;
text-align: left;
margin-top:8px;
}
.imagespan_center .media_caption {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
img.media_border {border:1px solid #d0d0d0;}

.one_padded{
padding:8px;
position:relative;
}/* nostojen yleis class */
.raquo_read_more {/* ensisijaisesti nostolistojen lue lisaa -linkin jalkeinen raquo */
display: none;
}

.redirected_dimmer {
background:#000000;
height:100%;
left:0;
opacity: 0.95;
position: absolute;
width: 100%;
z-index: 2000;
}
.redirected_dimmer > span {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
display: inline-block;
font-size:1.6rem;
height: 30px;
margin-top: 100px;
text-align: center;
text-transform: uppercase;
width: 100%;
z-index: 2001;
}

/* #################
-5- // maincontentin yleiset, sisaiset asiat loppuu
################# */






/* #################
-6- poimittavat elementit
################# */



/* ##########################
--6-- PORTAALILINKKI
########################## */
.maincontent .link-with-background-wrapper{
color:#FFFFFF;
float:none;
font-size:13px;
height:26px;
padding:0;
margin: 0 auto 10px;
text-decoration:none;
}
.maincontent .link-with-background-left {
background:#424242;
border-radius: 4px 0 0 4px;
float: left;
position: relative;
width: 13px;
}
.maincontent .link-with-background-left {display:none;}
.maincontent .link-with-background-right {display:none;}
.maincontent .link-with-background-middle{
background:#424242;
border: 1px solid #424242;
display:block;
float:left;
/*height:26px;*/
line-height:23px;
padding:0 8px;
width:100%;/* 202px */
color:#FFFFFF;
font-size:1.2rem;
text-decoration:none;
}
.maincontent .link-with-background-middle span.raquo {
display: inline-block;
float: left;
margin-right: 6px;
}
.maincontent a.link-with-background {
background:none;
color: #ffffff;
float: left;
margin:0;
padding: 0;
text-decoration: none;
}
.maincontent a.link-with-background:visited {color: #ffffff;}
.maincontent a.link-with-background:hover {color: #ffffff;}



/* ##########################
--6-- RSS
########################## */
.maincontent .rss-wrapper {
width:100%;
margin: 0 0 8px 0;
background:none;
border:none;
}
.maincontent .rss-wrapper .rss-wrapper-otsikko {
height: 12px;
margin: 1px 1px 1px 1px;
padding: 14px 2px 13px 8px;
color: #535353;
font-size: 14px;
font-weight: bold;
}
.maincontent .rss-wrapper .lift_header.hidden +.rss5 {
border-top:1px solid #D0D0D0;
}
.maincontent .rss-wrapper .rss_feed{
border:1px solid #D0D0D0;
border-top:none;
}
.maincontent .rss-wrapper .rss_feed ul {
list-style: none;
margin:0;
padding:0;
}
.maincontent .rss-wrapper .rss_feed li {
color: #535353;
padding:8px;
}
.maincontent .rss-wrapper .rss-nosto .one_padded {
padding: 5px 0 2px 10px;
position:relative;
}
.maincontent .rss-wrapper .rss-nosto a{
background: url('/images/ottk/feed-icon-28x28.png') 0 1px no-repeat;
background-size: 12px 12px;
display:block;
padding-left: 16px;
color: #000000;
}
.maincontent .rss-wrapper .rss-nosto img {
float: left;
margin-left: 0px;
margin-bottom:0;
padding: 0 4px 0 0;
}



/* ##########################
--6-- TAULUKKO
########################## */
.TableBlock {margin: 0 0 10px 0;}
.TableBlock table {width:100%;}
.TableBlock table th {background:#EEEEEE;}
.TableBlock table td {background:none;}
.TableBlock table tr {background:none;}
.tablestyle1 {
border-collapse: collapse;
border: 1px solid #ddd;
margin: 0;
padding: 0;
font-size:1.2rem;
}
.tablestyle1 th,
.tablestyle1 td {
border-collapse: collapse;
margin: 0;
padding: 0 5px;
line-height: 16px;
border: 1px solid #ddd;
font-weight: normal;
text-align: left;
}
.tablestyle2 {
border-collapse: collapse;
border: 1px solid #ddd;
margin: 0;
padding: 0;
font-size:1.2rem;
}
.tablestyle2 th {
border-collapse: collapse;
margin: 0;
padding: 0 5px;
line-height: 20px;
border: 1px solid #ddd;
font-weight: bold;
background: #eee;
text-align: left;
}
.tablestyle2 td {
border-collapse: collapse;
border: 1px solid #ddd;
margin: 0;
padding: 0 5px;
line-height: 16px;
}
.tablestyle2 tr.tablestyle_tr_even td {background: #f5f5f5;}	
.tablestyle3 {
border-collapse: collapse;
margin: 0;
padding: 0;
font-size:1.2rem;
border: 1px solid #ddd;
}
.tablestyle3 th {
border-collapse: collapse;
margin: 0;
padding: 0 5px;
line-height: 20px;
border: 1px solid #ddd;
font-weight: bold;
background: #eee;
text-align: left;
}
.tablestyle3 td {
border-collapse: collapse;
border: 1px solid #ddd;
margin: 0;
padding: 0 5px;
line-height: 16px;
}
.tablestyle3 td.tablestyle_td_even {
background: #f5f5f5;
}
.tablestyle4 {
border-collapse: collapse;
margin: 0;
padding: 0;
font-size:1.2rem;
border: 1px solid #ddd;
}
.tablestyle4 th {
border-collapse: collapse;
margin: 0;
padding: 0 5px;
line-height: 16px;
border: 1px solid #ddd;
font-weight: bold;
background: #eee;
text-align: left;
}
.tablestyle4 tr.tablestyle_th_main_header th {	
line-height: 20px;
}
.tablestyle4 td {
border-collapse: collapse;
margin: 0;
padding: 0 5px;
line-height: 16px;
border: 1px solid #ddd;
}
.tablestyle5 {
border-collapse: collapse;
margin: 0;
padding: 0;
font-size:1.2rem;
border: 1px solid #ddd;
}
.tablestyle5 th {
border-collapse: collapse;
margin: 0;
padding: 0 5px;
line-height: 16px;
border: 1px solid #ddd;
font-weight: bold;
background: #eee;
text-align: left;
}
.tablestyle5 td {
border-collapse: collapse;
border: 1px solid #ddd;
margin: 0;
padding: 0 5px;
line-height: 16px;
}
.tablestyle1 th.align_right,
.tablestyle2 th.align_right,
.tablestyle3 th.align_right,
.tablestyle4 th.align_right,
.tablestyle5 th.align_right,
.tablestyle1 td.align_right,
.tablestyle2 td.align_right,
.tablestyle3 td.align_right,
.tablestyle4 td.align_right,
.tablestyle5 td.align_right {
text-align: right;
}
.notableborders, 
.notableborders th, 
.notableborders td {
border:none;
}
.tablestyle1.notableborders, 
.tablestyle2.notableborders, 
.tablestyle3.notableborders, 
.tablestyle4.notableborders {
border:none;
}
.TableBlock table.columncolors  td.column_even {
background:#F4F4F4;
}
.TableBlock table.rowcolors tr.row_even {
background:#F4F4F4;
}



/* ##########################
--6-- GALLUP
########################## */
.gallup-lift-positioner {
width:100%;
float:left;
margin-bottom:10px;
}
.gallup-lift-wrapper {
display:block;
float:left;
width:218px;
border:thin solid #606060;
border-radius:4px;
}
.gallup-lift-wrapper p {
padding:0;
margin:0;
}
.gallup-lift-header {
color:#000000;
display:block;
float:left;
padding:10px 10px 2px 10px;
width:100%;
}
.gallup-lift-options {
display:block;
float:left;
padding:4px 10px 4px 10px;
width:100%;
}
.gallup-lift-options p {margin:5px 0;}
.gallup-lift-options input[type="submit"] {
background:#EFEFEF;
border:1px solid #C9C9C9;
color:#7a7a7a;
font-weight:bold;
margin:10px 0px 10px 0px;
padding:4px;
}
.gallup-lift-options .option {
float:left;
width:80%;
padding:0 4px 0 0;
}
.gallup-lift-options .percentage{width:20%;}
.gallup-lift-total-votes {
display:block;
float:left;
padding:6px 10px 10px 10px;
width:100%;
}
.gallup-lift-options .bar {
float:left;
width:100%;
margin-top:0;
margin-bottom:0;
}
.gallup-lift-options .bar_frame {
display:block;
height:18px;
margin:0;
padding:0;
border:1px solid #ccc;
background:#f5f5f5;
border-radius: 4px;
box-shadow: inset 1px 1px 6px #ddd;
}
.gallup-lift-options .bar_frame .bar_percent {
display:block;
border-radius: 4px;
background: #131313;
background: -moz-linear-gradient(left, #4c4c4c 0%, #131313 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
background: -webkit-linear-gradient(left, #4c4c4c 0%,#131313 100%);
background: -o-linear-gradient(left, #4c4c4c 0%,#131313 100%);
background: -ms-linear-gradient(left, #4c4c4c 0%,#131313 100%);
background: linear-gradient(to right, #4c4c4c 0%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 );
}	



/* ##########################
--6-- Reaaliaikainen ��nil�hetys
########################## */
/* ei tyylej� */


/* ##########################
--6-- Nostolista - avoimet tyopaikat
########################## */
.tyopaikat-nosto{clear: both;margin:0 0 10px 0;}
.tyopaikat-nosto .lift_item_header_wrapper{
/*background: transparent url("../images/ottk/box_divider_center.png") repeat-x scroll 0 0;*/
background:#FFFFFF;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
margin: 0;
padding:8px;
width:100%;
}
.tyopaikat-nosto .lift_item_header {
color: #737373;
display:inline;
float:left;
margin:0;
padding:0;
}
.tyopaikat-nosto .lift_header.hidden + .lift_item_header_wrapper {border-top: 1px solid #d0d0d0;}/* tyhja header */



/* ##########################
--6-- Nostolista - tiedotteet
########################## */
.tiedotteet-nosto{
clear:both;
margin:0 0 10px 0;
width: 100%;
}
.tiedotteet-nosto h1,
.tiedotteet-nosto h2,
.tiedotteet-nosto h3,
.tiedotteet-nosto h4,
.tiedotteet-nosto h5,
.tiedotteet-nosto h6{
margin:0;
}
.tiedotteet-nosto h2 {
font-size: 1.8rem;
font-weight: normal;
position: relative;
/*top: -0.25em;*/
}
.tiedotteet-nosto p{margin:8px 0;}
.tiedotteet-nosto .lift_item_left {
float:left;
width: 100%;
}
.tiedotteet-nosto .lift_article_content_wrapper {
float:left;
width:100%;/* 57932 */
}
.tiedotteet-nosto .read_more {padding:8px;}/* ns kaikki uutiset */
.tiedotteet-nosto .lift_article_content_wrapper .read_more{/* ns lue lisaa */
background:none;
border:none;
margin:0;
padding:0;
}

/*** skin1 ***/
.tiedotteet-nosto .skin1 .one_padded {
padding:8px;
position:relative;
}
.tiedotteet-nosto .skin1 .lift_article_content_expanded .image_normal {
float: left;
margin:2px 8px 10px 0;
}
.tiedotteet-nosto .skin1 .lift_article_content_expanded .image_normal img {max-width: 190px;}
.tiedotteet-nosto .skin1 .one_padded .lift_item_header:first-child {width: 100%;}

.tiedotteet-nosto .skin1 .one_padded .lift_item_header:first-child  h2{margin:0 0 4px 0;}

.tiedotteet-nosto .skin1 .image_floated .media-container{
float:left;
padding:4px 8px 6px 0px;
}


/*** skin2 ***/
.tiedotteet-nosto .skin2 .one_padded {
padding:8px;
position:relative;
}
.tiedotteet-nosto .skin2 .lift_article_content_expanded .image_normal {
float: left;
margin:2px 8px 10px 0;
}
.tiedotteet-nosto .skin2 .lift_article_content_expanded .image_normal img {max-width: 190px;}
.tiedotteet-nosto .skin2 .one_padded .lift_item_header:first-child {width: 100%;}
.tiedotteet-nosto .skin2 .one_padded .lift_item_header:first-child  h2{margin:0 0 4px 0;}
.tiedotteet-nosto .skin2 .one_padded .lift_item_header:nth-child(2)  h2{margin:0 0 6px 0;}


/*** skin 3 ***/
.tiedotteet-nosto .skin3 .one_padded {
padding:8px;
position:relative;
}

/*** skin 4 ***/
.tiedotteet-nosto .skin4 .one_padded {
padding:8px;
position:relative;
}
.tiedotteet-nosto .sidebar4 .one_padded {
padding: 8px;
position:relative;
}
.tiedotteet-nosto .sidebar4 .one_padded .lift_item_header {
float:none; /* huom! */
width:100%;
}
.tiedotteet-nosto .sidebar4 .lift_article_content_wrapper .inlined_block {
margin:0;
padding: 0;
}
.tiedotteet-nosto .skin4 .one_padded .lift_item_header:first-child {width: 100%;}


/*** skin 5 ***/
.tiedotteet-nosto .skin5 .one_padded .lift_item_right {
/*display:none !important;*/ /* important pakollinen koska koodattu block */
}
.tiedotteet-nosto .skin5 .one_padded {
padding: 8px;
position:relative;
}
.tiedotteet-nosto .skin5 .one_padded .lift_item_header:first-child {width: 100%;}

/*** skin 6 ***/
.tiedotteet-nosto .skin6 .one_padded {
padding: 8px;
position:relative;
}
.tiedotteet-nosto .sidebar6 .one_padded {
padding: 8px;
position:relative;
}
.tiedotteet-nosto .sidebar6 .one_padded .lift_item_header {width:100%;}



/* ##########################
--6-- Nostolista - vapaa
########################## */
.vapaa-nosto {margin:0 0 10px 0;}
.vapaa-nosto p{margin: 8px 0;}
.vapaa-nosto .lift_item_header {width:100%;}

/*** skin1 ***/
.vapaa-nosto .skin1 .lift_item_left {float:left;}

/*** skin2 ***/
.vapaa-nosto .skin2 .lift_item_header {width:84%;}
.vapaa-nosto .skin2 .lift_item_left {float:left;}
.vapaa-nosto .skin2 .inlined_block p:last-child{margin:8px 0 0 0;}

/*** skin3 ***/
.vapaa-nosto .skin3 .lift_item_header {width:100%;}

/*** skin4 ***/
.vapaa-nosto .skin4 .lift_item_left {
float:left;
width: 100%;
}
.vapaa-nosto .skin4 .lift_item_header {width:92%;}
.vapaa-nosto .skin4  .lift_item_right {
position: absolute;
right: 9px;
}
.vapaa-nosto .skin4 .lift_article_content_expanded{float:left;}
.vapaa-nosto .skin4 .inlined_block.indented p:last-child{margin:8px 0 0 0;}

/*** skin5 ***/
.vapaa-nosto .skin5 .lift_item_left {
float:left;
width: 100%;
}
.vapaa-nosto .skin5 .lift_item_header {width:92%;}
.vapaa-nosto .skin5  .lift_item_right {
position: absolute;
right: 9px;
}
.vapaa-nosto .skin5 .lift_article_content_expanded{float:left;}
.vapaa-nosto .skin5 .inlined_block.indented p:last-child{margin:8px 0 0 0;}

/*** skin6 ***/
.vapaa-nosto .skin6 .lift_item_left {
float:left;
width: 100%;
}

/*** skin7 ***/
.vapaa-nosto .skin7 .lift_item_left {float:left;}
.vapaa-nosto .skin7 .inlined_block p:last-child{margin:8px 0 0 0;}

/*** skin 8 ***/
.vapaa-nosto .skin8 .lift_info_stamp {
float:left;
width:16%;
}
.sidebar .vapaa-nosto .skin8 .lift_info_stamp {width:34%;}
.vapaa-nosto .skin8 .lift_item_header {width:84%;}
.sidebar .vapaa-nosto .skin8 .lift_item_header {width:100%;}


/* ##########################
--6-- Nostolista - oikopolut
########################## */
.oikopolut-nosto{
clear:both;
margin:0 0 10px 0;
width:100%;
}
.oikopolut-nosto .lift_header.hidden + .shortcut_link_wrapper{border-top: 1px solid #000000;}
.oikopolut-nosto .shortcut_link_wrapper .shortcut_link{border-bottom: 1px solid #e5e5e5;}
/*.oikopolut-nosto .shortcut_link_wrapper .shortcut_link:last-child {border-bottom:none;}*/
.oikopolut-nosto .shortcut_link.oikopolku .textarea-container{
float:left;
width:100%;
}
.oikopolut-nosto p{margin-bottom:6px;}
.oikopolut-nosto .shortcut_link.oikopolku .textarea-container:first-child p{margin-top:0;}
.oikopolut-nosto .shortcut_link.oikopolku .textarea-container p:last-child {margin-bottom:0;}
.oikopolut-nosto .keski1 .shortcut_link,
.oikopolut-nosto .keski2 .shortcut_link,
.oikopolut-nosto .keski3 .shortcut_link,
.oikopolut-nosto .vasen1 .shortcut_link,
.oikopolut-nosto .vasen2 .shortcut_link,
.oikopolut-nosto .vasen3 .shortcut_link,
.oikopolut-nosto .oikea1 .shortcut_link,
.oikopolut-nosto .oikea2 .shortcut_link,
.oikopolut-nosto .oikea3 .shortcut_link {
padding:8px;
}
.oikopolut-nosto .vasen3 .shortcut_link_wrapper .shortcut_link:last-child {border-bottom:1px solid #e5e5e5;}
.oikopolut-nosto .oikea3 .shortcut_link_wrapper .shortcut_link:last-child {border-bottom:1px solid #e5e5e5;}
.oikopolut-nosto p a.linkelement {
text-decoration: none;
}

/* oikopolun kuva */
.oikopolut-nosto .shortcut_link.oikopolku.kuva{
background:none;
border:none;
padding:0;
}
.oikopolut-nosto .shortcut_link.oikopolku.kuva .media-container{margin:0;}

/* skin 1 img border poikkeus */
.oikopolut-nosto .vasen1 .shortcut_link.oikopolku.kuva .media-container,
.oikopolut-nosto .keski1 .shortcut_link.oikopolku.kuva .media-container,
.oikopolut-nosto .oikea1 .shortcut_link.oikopolku.kuva .media-container{border:1px solid #d0d0d0;}
.oikopolut-nosto .vasen1 .shortcut_link.oikopolku.kuva .media-container:first-child,
.oikopolut-nosto .keski1 .shortcut_link.oikopolku.kuva .media-container:first-child,
.oikopolut-nosto .oikea1 .shortcut_link.oikopolku.kuva .media-container:first-child{border-top:none;}
.oikopolut-nosto .lift_header.hidden + .shortcut_link_wrapper .shortcut_link.oikopolku.kuva .media-container{border-top: 1px solid #d0d0d0;}
/* skin 2 img border poikkeus */
.oikopolut-nosto .vasen2 .lift_header.hidden + .shortcut_link_wrapper,
.oikopolut-nosto .keski2 .lift_header.hidden + .shortcut_link_wrapper,
.oikopolut-nosto .oikea2 .lift_header.hidden + .shortcut_link_wrapper{border-top: none;}
.oikopolut-nosto .vasen2 .lift_header.hidden + .shortcut_link_wrapper .shortcut_link.oikopolku.kuva .media-container,
.oikopolut-nosto .keski2 .lift_header.hidden + .shortcut_link_wrapper .shortcut_link.oikopolku.kuva .media-container,
.oikopolut-nosto .oikea2 .lift_header.hidden + .shortcut_link_wrapper .shortcut_link.oikopolku.kuva .media-container{border-top: none;}

.oikopolut-nosto .vasen2 .oikopolut-oikopolku.media + .oikopolut-oikopolku.textarea,
.oikopolut-nosto .keski2 .oikopolut-oikopolku.media + .oikopolut-oikopolku.textarea,
.oikopolut-nosto .oikea2 .oikopolut-oikopolku.media + .oikopolut-oikopolku.textarea{border-top: 1px solid #d0d0d0;}


.oikopolut-nosto .shortcut_link.oikopolku.kuva .media-container img{
width:100%;
margin-bottom: -3px;
}

/* oikopolkukohtainen poikkeus */
.oikopolut-nosto .lift_center_wrapper {border-bottom: none;}


/* ##########################
--6-- Nostolistojen RSS-sy�tteet
########################## */
.rss-nosto {margin: 0 0 10px;}
.rss-nosto .one_padded {
padding: 8px;
position:relative;
}
.rss-nosto .one_padded .lift_item_header {width:100%;}


/* ##########################
--6-- Mainosbanneri
########################## */
.ab_wrapper {margin: 0 0 10px;}
.ab_wrapper .ab_header {border: 1px solid #d0d0d0;}
.ab_wrapper .ab_header_image {overflow: hidden;}
.ab_wrapper .media-container {margin:0;}
.ab_wrapper .ab_header_image img {
display:block;
margin:0;
}
.ab_wrapper .ab_description{}



/* ##########################
--6-- Bannerilinkki
########################## */
/* HUOMIO! sama classi Bannerilinkki-elementill�! x_htmlmuutos_x */
.bl_wrapper {
border-radius: 4px;
clear: both;
margin:0 0 10px 0;
position: relative;
}
.sidebar #leftcolumn .bl_wrapper a{margin:0;}
.sidebar #rightcolumn .bl_wrapper a{margin:0;}
.bl_wrapper .bl_linktext {padding:12px 8px;}
.bl_wrapper .raquo_colored.blue,.bl_wrapper .raquo_colored.green {color: #ffffff;}



/* ##########################
--6-- Banneripaikat
########################## */
.banneripaikka {
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: linear-gradient(to bottom, #fefefe 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 );
border:1px solid #d0d0d0;
margin: 0 0 10px;
overflow: hidden;
}
.banneripaikka .lift_center_wrapper {border-bottom:none;}
.banneripaikka .lift_item_header{width:100%;}
.banneripaikka .media-container {
margin:0;
overflow:hidden;
}
.banneripaikka .textarea-container {
padding:8px;
margin:0;
}
.banneripaikka .textarea-container p:first-child {margin-top:0;}
.banneripaikka .textarea-container p:last-child {margin-bottom:0;}



/* ##########################
--6-- Bloginosto
########################## */
.blogi-nosto{
margin: 0 0 10px;
width:100%;
}
.blogi-nosto .lift_item_bloginosto .image {float: left;}
.blogi-nosto .lift_item_bloginosto img {
display: block;
float: left;
border: 1px solid #D0D0D0;
margin:0 8px 8px 0;
width: 58px;
}
.blogi-nosto .lift_item_bloginosto .text {
float: left;
width: 134px;/* media querys prosenteiksi */
}
.blogi-nosto .lift_item_bloginosto .textarea-container p{
position: relative;
top: -0.3rem;
}
.blogi-nosto .lift_item_bloginosto .textarea-container p:first-child {margin-top:0;}
.blogi-nosto .lift_item_bloginosto .textarea-container p:last-child {margin-bottom:0;}
.blogi-nosto .read_more {
margin:8px 0px;
padding: 0;
}



/* ##########################
--6-- Linkki hakutuloksiin
########################## */
/* HUOMIO! sama classi Bannerilinkki-elementill�! x_htmlmuutos_x */
.bl_wrapper.linkkihakutuloksiin {padding:8px;}
.bl_wrapper.linkkihakutuloksiin form {width:100%;}
.bl_wrapper.linkkihakutuloksiin p.content_search {
color: #ffffff;
font-weight:normal;
line-height:1.2rem;
margin:0 0 8px 0;
}
.bl_wrapper.linkkihakutuloksiin p.content_search:empty {margin:0;}
.bl_wrapper.linkkihakutuloksiin .search {
clear: none;
display: block;
width:100%;
}
.bl_wrapper.linkkihakutuloksiin .search .searchfield {
border: 1px solid #cccccc;
color:#535353;
float: left;
font-size: 12px;
height: 25px;
line-height: 28px;
margin: 0 2% 0 0;
padding:0px 4px;
width:80%;
}
.bl_wrapper.linkkihakutuloksiin input.linkkihakutuloksiin {
background:#F0F0F0;
color: #606060;
cursor: pointer;
font-size: 12px;
height:25px;
margin:0;
padding: 5px;
text-align: center;
width:18%;
}



/* ##########################
--6-- Yhteinen sisalto
########################## */
.lift_globalcontent_wrapper {
clear:both;
margin: 0 0 10px;
}
.lift_globalcontent_wrapper .content {padding:8px;}
.lift_globalcontent_wrapper .content p:first-child{margin-top:0;}
.lift_globalcontent_wrapper .content p:last-child{margin-bottom:0;}



/* ##########################
--6-- Faktalaatikko
########################## */
.fact_box {
display: block;
width:202px;/* 189 */
}
.fact_box.fact_box_left {
border-right: 1px solid #000;
clear: left;
float: left;
margin: 10px 15px 10px 0;
padding: 0 10px 0 0;
}
.fact_box.fact_box_right {
border-left: 1px solid #000;
float: right;
margin: 10px 0 10px 15px;
padding: 0 0 0 10px;
}
.fact_box h2 {
background:#eee;
color: #000;
font-family: "Times New Roman",Georgia,serif;
font-weight:normal;
font-size:2rem;
font-style: italic;
line-height: 30px;
margin: 0 0 5px;
padding:2px 6px;
}
.fact_box p {
margin:5px 0 0 0;
padding:0 5px 5px 5px;
}
/*
.fact_box.first {}
.fact_box.second h2 {}
.fact_box.third h2 {}
*/


/* ##########################
--6-- Tekstinostolaatikko
########################## */
.text_lift {
display: block;
width: 200px;
}
.text_lift .textarea-container p  {
font-family: "Times New Roman",Georgia,serif;
font-size:1.9rem;
font-style: italic;
}
.text_lift.text_lift_left {
float: left;
margin: 10px 15px 10px 0;
}
.text_lift.text_lift_right {
float: right;
margin: 10px 0 10px 15px;
}
.sidebar .text_lift.text_lift_left {
margin:30px 0 30px 0;
width:220px;
}
.sidebar .text_lift.text_lift_right {
margin:30px 0 30px 0;
width:220px;
}



/* ##########################
--6-- Ratkaisu-nostolista
########################## */
/* oikeus.fi-only */



/* ##########################
--6-- Umyynti-ilmoitus-nostolista
########################## */
/* oikeus.fi-perhe only */



/* ##########################
--6-- Aihealueiden nostolista
########################## */
/*** skin1, skin2, skin3, skin4, skin5, skin6 ***/
.aihealue-nosto{margin:0 0 10px 0;}
.aihealue-nosto.lift_info_stamp {
color: #535353;
display: inline;
float: left;
font-weight: bold;
width: 16%;
}
.aihealue-nosto .lift_item_header {
color: #535353;
display: inline;
float: left;
width: 84%;
}
.aihealue-nosto .lift_center_wrapper a {text-decoration: none;}
.aihealue-nosto .one_padded{
padding:8px;
position:relative;
}
.aihealue-nosto .one_padded p{
margin:0;
padding: 8px 0;
}
.aihealue-nosto .one_padded p:last-child{padding-bottom:0px;}

/*** skin3 poikkeus **/
.aihealue-nosto .skin3 .lift_item_left {float:left;}
.aihealue-nosto .skin3 .lift_item_right {
display: none;
float:left;
margin:0;
padding:0;
position: absolute;
right: 9px;
}
.aihealue-nosto .skin3 .lift_article_content_wrapper.noimage{float:left;}



/* ##########################
--6-- Puheet-nostolista             x_htmlmuutos_x
########################## */

.puheet-nosto{margin:0 0 10px 0;}

/*** skin1 ***/
.puheet-nosto .skin1 .read_more{padding:8px;}
/*** skin2 ***/
.puheet-nosto .skin2 .read_more{padding:8px;}
.puheet-nosto .skin2 .lift_article_content_expanded .read_more{
float:left;
padding:4px 0 0 0;
}
.puheet-nosto .skin2 .lift_center_wrapper .one_padded div[id$='_close'][class='lift_item_right'] {margin: -59px 6px 0 0;}
.puheet-nosto .skin2 .lift_center_wrapper .one_padded div[id$='_open'][class='lift_item_right'] {margin: -42px 6px 0 0;}
/*** skin3 ***/
.puheet-nosto .skin3 .lift_item_header {color: #737373;}
.puheet-nosto .skin3 .read_more {padding:8px;}
.puheet-nosto .skin3 .one_padded {
border-bottom: 1px solid #dfdfdf;
position:relative;
}
/*** skin4 ***/
.puheet-nosto .skin4 .one_padded {
border-bottom: 1px solid #dfdfdf;
position:relative;
}
.puheet-nosto .skin4 .read_more {padding:8px;}


/* ##########################
--6-- Hankkeet-nostolista             x_htmlmuutos_x
########################## */
.hankkeet-nosto {margin: 0 0 10px 0;}
.hankkeet-nosto .lift_center_wrapper {border-bottom:none;}
.hankkeet-nosto .one_padded {
border-bottom:1px solid #dfdfdf;
padding: 8px;
position:relative;
}
.hankkeet-nosto .read_more{padding:8px;}
/*** keskipalsta ja sivupalstat samanlaiset toistaiseksi ***/
/*** skin1 ***/
.hankkeet-nosto .skin1 .one_padded{width:100%;}
.hankkeet-nosto .skin1 .lift_item_header{color: #737373;}
/*** skin2 ***/
.hankkeet-nosto .skin2 #pvm_keski_peippa{ /* sama-id-huomio!!! */
color: #737373;
float: left;
padding-right: 8px;
}
.hankkeet-nosto .skin2 .lift_item_right {
display: none;
float:left;
margin: 6px 0 0;
padding: 0;
position: absolute;
right: 9px;
}
.hankkeet-nosto .skin2 .one_padded.bg_highlight{
background: #fefefe;
background:linear-gradient(to bottom, #F7F7F7, #F4F4F4);
border: 1px solid #dcdcdc;
border-radius:4px;
}
.hankkeet-nosto .skin2 .lift_item_left{float:left;}
/*** skin3 ***/
.hankkeet-nosto .skin3 .one_padded {
border-bottom: 1px solid #dfdfdf;
}


/* ##########################
--6-- Julkaisut-nostolista
########################## */
/* om.fi-kohtainen */



/* ##########################
--6-- Kaksipalsta - m��rittele viimeisen� poimittavana elementtin�. SITTEN VASTA KUN BODYn class-include paikoillaan
########################## */
.kaksipalstaa-wrapper{
/*float:left;*/
height:auto;
margin:10px 0;
width:100%;
}
.vasen {
float:left;
padding-right:13px;
width:50%;
}
.oikea {
float:left;
padding-left:12px;
width:50%;
}


/* ##########################
--6-- Iframe
########################## */
.responsive-iframe-container{
margin:0 0 10px 0;
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.responsive-iframe-container iframe{
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}


/* ##########################
--6-- Laskuri
########################## */
.laskuri-elementti{
margin: 0 0 10px 0;
width:100%;
}
.laskuri-elementti .counter{width:100%;}
.laskuri-elementti div[class^='laskuri-elementti__main']{
background: none;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
padding:8px;
width:100%;

display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.laskuri-elementti .counter .label-row,
.laskuri-elementti .counter .value-row{
padding: 4px 0;
width:100%;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.laskuri-elementti .counter .value-row{
-webkit-box-pack: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
}
.laskuri-elementti .counter .label-row > span,
.laskuri-elementti .counter .value-row > span{
color: #4d4d4d;
display: block;
font-weight:700;
text-align: center;
width:auto;
}
.laskuri-elementti .counter .label-row > span{width:calc(100% / 3);}
.laskuri-elementti .counter .value-row > span{
border:1px solid #d0d0d0;
border-radius:3px;
box-shadow: 0px 0px 8px rgba(0,0,0,0.16);
font-size:2.0rem;
padding:8px;
min-width: 40px;
}


/* ##########################
--6-- Nostolista uusi-merkinta
########################## */


.lift_list_new_item{
background: #333;
border-radius: 8px;
color: #fff;
/*display: inline;*/
display:none;
font-size: 1.2rem;
font-style: normal;
padding:2px 6px;
text-align: center;
margin-left: 5px;
vertical-align: middle;
}


/* pallo ylakulmassa esim
.lift_list_new_item{
border-radius: 50%;
position: absolute;
right: 0px;
width: 8px;
height: 8px;
}
*/

/* for accessibility */
.lift_list_new_item .lift_list_new_item_text{
border: 0;
clip-path: inset(0 100% 100% 0);
clip: rect(0, 0, 0, 0);
color:transparent;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/* ##########################
--6-- kuvagalleria
########################## */
.kuvagalleria{
margin:10px 0;
}
.kuvagalleria .thumbnail{
display:inline-block;
vertical-align:top;
margin:4px; 
max-height:80px;
width:120px;
overflow:hidden;
border-radius: 5px;
box-shadow: 2px 2px 2px silver;
}
.kuvagalleria .thumbnail img{
width:100%;
}

/* ##########################
--6-- HTML5 Video
########################## */
.html5video-container video {
width: 100% !important;
height: auto !important;
}
.html5video-videowrap{
    display:table;
    width:auto;
    position:relative;
}
.playpause {
    background-image:url('/images/video_play2.svg');
    background-repeat:no-repeat;
    width:40%;
    height:40%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
	bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.html5video-container .edit-btn{
border-radius: 4px;
z-index: 4000;
background: url('../ElementImages/cms_floater_header3.png') repeat-x scroll left -1px white;
border: 1px solid #D2D2D2;
padding: 6px;
width:110px;
float:right;
}
.html5video-container .edit-btn .label{
margin: 0;
padding: 0;
color: black;
font-size: 9px;
float: left;line-height: 15px;display: block;

}
.html5video-container .edit-btn .label > a{
text-decoration: none;
color: black;
}
.html5video-container .edit-btn .cms_element_buttons_edit.linkicon{
background: url('../ElementImages/cms_element_buttons_sprite.png') no-repeat scroll -15px 0 transparent;
height: 15px;
width: 15px;
line-height: 15px;
float: right;
display: block;
margin-left: 5px;
}



/* #################
-7- jokaisella sivulla toistuvat, vaihtoehtoiset asiat
################# */

/* ##########################
--7-- l�het� linkki modal
########################## */
.send_mail_popup {
background:#ffffff;
border: 2px solid #aaaaaa;
border-radius: 4px;
display: block;
height:286px;
left: 50%;
margin-left: -202px;
margin-top: -156px;
position: fixed;
text-align: left;
top: 50%;
width: 400px;
z-index: 444;
}
.send_mail_popup .sendmail_header {
background:#eee;
border-radius: 4px;
display: block;
height: 22px;
line-height: 22px;
text-align: right;
}
.maincontent .center .send_mail_popup .sendmail_header a {
float: right;
padding-right: 10px;
text-decoration: none;
}
.send_mail_popup .sendmail_content {
padding: 10px 20px;
}
.send_mail_popup .sendmail_content p {
margin-top: 10px;
}
.send_mail_popup .text_input_style {
border: 1px solid #AAAAAA;
font-size:1.2rem;
height: 20px;
line-height:2rem;
margin-top: 3px;
padding: 0 5px;
width:100%;
}
.send_mail_popup textarea {
border: 1px solid #AAAAAA;
font-size:1.2rem;
margin-top: 3px;
padding: 4px 5px;
width:100%;
}
.send_mail_popup .button_input_style {
background:#eeeeee;
border: 1px solid #cccccc;
color: #828282;
cursor: pointer;
display: block;
font-size:1.2rem;
font-weight: bold;
height: 24px;
line-height: 24px;
margin-top: 10px;
padding: 0 5px;
}


/* ##########################
--7-- kirjausaika
########################## */
.kirjausaika-sisalto {margin-bottom: 16px;}



/* ##########################
--7-- sivuun liittyvat linkit, liitteet, avainsanat
########################## */
.additional-info {
display: block;
float: left;
margin:0 0 10px 0;
width: 100%;
}
.additional-info .aiheesta_lisaa_kieli_asettelu {
clear:both;
font-size:1.2rem;
margin:0;
padding:8px;
width:100%;
}

/* ##########################
--7-- iframe-kartta
########################## */
iframe#mapcontainer{width:100%;}
#contact_kartta .leaflet-container{background:#fff;}
#contact_kartta .leaflet-popup{width:400px;}
#contact_kartta .leaflet-container a.leaflet-popup-close-button{
color:#333;
padding:8px 22px 0 0;
z-index:99999;
}
#contact_kartta .leaflet-popup .leaflet-popup-content-wrapper{padding:0;}
#contact_kartta .leaflet-popup-tip-container{margin-top:-10px;}
#contact_kartta .leaflet-popup .leaflet-popup-content{
margin:0;
width:400px !important;
}
#contact_kartta .kuvakartta_dialogi__view{
background:#fff;
border-radius:14px;
box-shadow: 0px 0px 10px #333;
max-width:400px;
width:400px;
}
#contact_kartta .kuvakartta_dialogi__view > img{border-radius:12px 12px 0 0;}
#contact_kartta .kuvakartta_dialogi__view h2{
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
#contact_kartta .kuvakartta_dialogi__view .kuvakartta_dialogi__yhteystieto{
color:#000;
font-family:Helvetica,Arial,sans-serif;
font-size: 1.2rem;
margin-bottom:10px;
padding:8px;
}
#contact_kartta .kuvakartta_dialogi__view .kuvakartta_dialogi__yhteystieto h2 {
font-family:Helvetica,Arial,sans-serif;
font-size: 1.8rem;
font-weight:bold;
margin-bottom:20px;
text-align: center;
}
#contact_kartta .kuvakartta_dialogi__view .kuvakartta_dialogi__yhteystieto a{
color:#2d89ed;
float:left;
text-decoration:underline;
}



/* #################
-8-  sivutyyppikohtaiset asiat
################# */

/* ##########################
--8-- sivukartta 
########################## */
.maincontent .center .main-header span {float: right;}
.main-header .sitemap_search {
display: block;
float: right;
}
.main-header .sitemap_search input.text_input {
border: 1px solid #c9c9c9;
display: block;
float: left;
font-size: 12px;
height: 26px;
line-height: 26px;
margin:0;
padding: 0 4px;
width: 138px;
}
.main-header .sitemap_search input.button_input {
background:#EEEEEE;
border: 1px solid #c9c9c9;
color:#7a7a7a;
cursor: pointer;
float: left;
font-size: 12px;
font-weight: bold;
height: 26px;
line-height: 22px;
margin-left:4px;
padding:0 10px;
}
.maincontent .sitemap {margin-top: 20px;}
.maincontent .sitemap h3 {
border-bottom: 1px dotted #ccc;
display: block;
font-size: 16px;
font-weight: normal;
padding: 10px 0;
}
.maincontent .sitemap h3 > span{float:right;}
.maincontent .sitemap ul {padding: 0;}
.maincontent .sitemap li {
line-height:20px;
list-style:none;
margin-bottom: 0;
}
.maincontent .sitemap ul.parent-branch {
font-weight: bold;
margin: 0;
padding: 0;
}
.maincontent .sitemap ul.parent-branch li a {
color: #000000;
text-decoration: none;
}
.wrapper .maincontent .sitemap ul.child-branch {
font-weight: normal;
text-decoration: none;
}
.maincontent .sitemap .child-branch li:before {
content:"\00BB";
margin: 0 10px;
}
.maincontent .sitemap em.sitemap_em_on {
background:#ef8100;/* oranssi */
border-radius:3px;
color:#fff;
display:inline-block;
font-style:italic;
margin:-2px -3px;
padding:2px 3px;
}
.maincontent .sitemap ul ul ul ul {padding: 0 10px;}
.maincontent .sitemap ul ul ul ul ul {padding: 0 20px;}
.maincontent .sitemap ul ul ul ul ul ul {padding: 0 30px;}

/* ##########################
--8-- lomake 
########################## */
.maincontent .form_error_message {
color: #ee0000;/* punainen */
font-weight: bold;
}
.maincontent .form_contents {margin-top: 16px;}
.maincontent .form_contents .form_row {
display: block;
margin: 10px 0;
overflow: hidden;
width: 100%;
}
.maincontent .form_contents .form_input input, 
.maincontent .form_contents .form_textarea textarea {
float: right;
width: 70%;
font-size:1.2rem;
}
/* keksi parempi. ytalk-poikkeus
.maincontent .form_contents label {
display: block;
float: left;
font-weight: bold;
line-height: 20px;
}
*/
.maincontent .form_contents .form_input .form_input_text {
border: 1px solid #ddd;
padding: 1px 3px;
}
.maincontent .form_contents .form_textarea textarea {
border: 1px solid #ddd;
height: 120px;
padding: 1px 3px;
resize: none;
}
.maincontent .form_contents .form_required_field {
color: #ee0000;
font-weight: bold;
margin-left: 8px;
vertical-align: top;
}
.maincontent .form_contents .textarea-counter {float: right;}
.maincontent .formInput {text-align:center;}
.maincontent .formInput .INPUTsubmitAla {
background:#eeeeee;
border: 1px solid #d0d0d0;
color: #535353;
font-size: 12px;
font-weight: bold;
margin: 8px auto;
padding: 4px;
vertical-align: middle;
}
.maincontent .form_contents .form_row span.errormessage {
display: none;
}
.maincontent .form_contents .form_row.error span.errormessage {
color: #ee0000;/* punainen */
font-weight: bold;
display:block;
}
.maincontent .form_contents .form_row.error {
border: 1px dotted #ee0000;
margin: -4px -4px 10px;
padding: 4px;
position: relative;
}
.maincontent .form_contents .form_row.error label {
color: #ee0000;
font-weight: bold;
}
.maincontent .form_contents h3 {
color: #000000;
font-weight: bold;
float: left;
}
.maincontent .form_success_message {
background: #e5f4e2;/* vaalean vihrea */
border: 1px solid #3f7900;/* tumman vihrea */
display: block;
font-weight: bold;
padding: 10px;
}
.maincontent .form_success_message h1 {
font-size:2.4rem;
margin-bottom: 16px;
}
.maincontent .form_success_message p {
margin-bottom:8px;
margin-top: 0;
}



/* ##########################
--8-- haku 
########################## */
#AdvSearchForm .form_keywords {
/*background: transparent url("../images/ottk/box_header_center.png") repeat-x scroll 0 0;*/
background: transparent url("../images/ottk/box_header_center_split1.png") repeat-x scroll 0 0;
border: 1px solid #d0d0d0;
display: block;
float: left;
margin: 10px 0 0;
padding: 5px 0 0 0;
width:100%;
}
#AdvSearchForm .form_keywords_label {
float: left;
height: auto;
line-height: normal;
margin: 5px 0 11px 8px;
width: 32%;
}
#AdvSearchForm .form_keywords_label p {margin: 0;}
#AdvSearchForm .form_keywords_label p img {
cursor: pointer;
margin: -2px 0 0 3px;
vertical-align: middle;
}
#AdvSearchForm .form_keywords_label p button {
background:none;
border:none;
padding:0;
}
#AdvSearchForm .form_keywords_input {
float: left;
margin: 4px 0 0;
width: 66%;
}
#AdvSearchForm .form_keywords_input input {width: 97%;}
#AdvSearchForm .form_keywords_input input {
border: 1px solid #d0d0d0;
}
#AdvSearchForm .question_tab_popup {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
border-top:1px solid #D0D0D0;
cursor: pointer;
display: none;
float: left;
font-size:1.2rem;
/*margin-top: 8px;*/
padding: 9px 9px 7px;
width:100%;
}
#AdvSearchForm .question_tab_popup button {
background:none;
border:none;
font-size:1.2rem;
padding:0;
}
#AdvSearchForm .help-trigger i{
color:#555555;
font-size:1.4rem;
font-style:normal;
}
#AdvSearchForm .red {color: #b14e4f;}
#AdvSearchForm .form_sivutyypit {
display: block;
float: left;
margin: 8px 0 0;
width:100%;
}
#AdvSearchForm .form_sivutyypit .form_sivutyypit_label {
float: left;
height: 15px;
line-height:1.5rem;
margin: 8px 0 0;
}
#AdvSearchForm .form_sivutyypit .form_sivutyypit_label p{margin:0;}
#AdvSearchForm .form_sivutyypit .form_sivutyypit_select {
float: left;
margin: 8px 0 0 8px;
}
#AdvSearchForm .form_sivutyypit .form_sivutyypit_select select {width: 150px;}
#AdvSearchForm .search-form_section {
/*background: transparent url("../images/ottk/box_header_center.png") repeat-x scroll 0 0;*/
background: transparent url("../images/ottk/box_header_center_split1.png") repeat-x scroll 0 0;
border: 1px solid #d0d0d0;
display: block;
float: left;
margin: 10px 0;
width:100%;
}
#AdvSearchForm .search-form_section .search-form_label {
float: left;
height: 15px;
line-height:1.5rem;
margin: 11px 0 11px 8px;
width:100%;
}
#AdvSearchForm .search-form_section .search-form_label p{margin:0;}
#AdvSearchForm .maincontent form .form_static_wrapper label {
display: inline;
float: none;
font-weight: normal;
line-height:normal;
}
#AdvSearchForm .search-form_section .search-form_section-content {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
border-top:1px solid #D0D0D0;
float: left;
margin: 0;
padding: 8px;
width:100%;
}
#AdvSearchForm #form_aihealueet_checkboxes.search-form_section-content input{
float:left;
}
#AdvSearchForm #form_aihealueet_checkboxes.search-form_section-content label{
font-weight:normal;
line-height:15px;
}
#AdvSearchForm .search-form_section-content input[type="text"] {border:1px solid #d0d0d0;}
#AdvSearchForm .search-form_section-content input[type="radio"] {
margin-top:2px;
margin-right: 5px;
}
#AdvSearchForm .search-form_section-content input[type="checkbox"] {
margin-top:2px;
margin-right: 5px;
}
#AdvSearchForm .search-form_label p img {
cursor: pointer;
margin: -2px 0 0 3px;
vertical-align: middle;
}
#AdvSearchForm .search-form_label p button {
background:none;
border:none;
padding:0;
}
#AdvSearchForm .search-form_section button.ui-datepicker-trigger{
background:none;
border:none;
}
#AdvSearchForm .search-form_section button img{
margin: -3px;
width:16px;
}
#AdvSearchForm .grey_border {border-bottom: 1px solid #d0d0d0;}
#AdvSearchForm .search-form_section .form_julkaisuajankohta_select {
float:left;
margin:8px 0 0;
padding: 8px;
width:100%;
}
#AdvSearchForm .search-form_section .form_julkaisuajankohta_paivamaarat {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
float: left;
margin: 0;
padding: 8px;
width:100%;
}
#AdvSearchForm .fjp_alkaa, #AdvSearchForm .fjp_loppuu {width: 97%;}
#AdvSearchForm .fjp_timer_text {
display: inline-block;
float: left;
padding: 4px 0;
}
#AdvSearchForm .search-disabled-dateinput {
background:none;
border:none;
color: #000000;
font-size:1.2rem;
width: 80px;
}
#AdvSearchForm .search-form_section .fjp_timer_text .advanced_search_button {padding: 0;}
#AdvSearchForm .advanced_search_submit {
display: block;
float: left;
width:100%;
}
#AdvSearchForm .advanced_search_submit .advanced_search_button, 
#AdvSearchForm .search-form_section .advanced_search_button {
background:#eeeeee;
border:1px solid #d0d0d0;
color:#535353;
font-size: 12px;
margin-right: 10px;
padding: 4px;
}
#AdvSearchForm .search-form_section .fjp_timer_text .advanced_search_button {padding: 1px 3px;}



/* ##########################
--8-- hakutulos - wanha
########################## */
.search_results_and_ordering {
background: transparent url("../images/ottk/box_divider_center.png") repeat-x scroll 0 0;
border: 1px solid #d0d0d0;
padding:8px;
}
.srm_switcher {
display: block;
float: left;
}
.hakutuloslistaus-element .search-result-items h2{
	overflow: hidden;
	text-overflow: ellipsis;
}
.maincontent .search_results_wrapper .search_result_header .search_results_and_ordering .srm_switcher a {
background:#eeeeee;
border: 1px solid #d0d0d0;
color: #535353;
float:left;
font-size: 12px;
font-weight: normal;
padding:4px;
}
.search_ordering {
float:right;
margin:3px 0 0 0;
}
.srm_content {display: none;}
.contentarea_linkrow.float_right {
display: block;
float: right;
}
.search_results_wrapper .page_indicator {
display: inline-block;
margin-bottom: 0;
}
.result_item {margin: 0 0 10px;}
.maincontent .search_results_wrapper p {
margin: 0;
padding: 2px 0 0;
}
.maincontent .search_results_wrapper a {
font-weight: bold;
text-decoration: none;
}
.result_item .result_item_publishdate {
color: #535353;
display: inline-block;
margin: 0 4px;
}
.result_item .result_item_filetype {font-size: 9px;}
.result_item .result_item_point {
color: #535353;
font-size: 9px;
}
.maincontent .search_results_wrapper .product_list_item_img {
float:left;
min-height:100px;
margin:5px 5px 0 0;
width:100px;
}
.maincontent .search_results_wrapper .product_list_item_img img {width: 100px;}


/* ##########################
--8-- M:haku
########################## */
.haku-module{width:100%;}
.haku-module ul{list-style: none;}
.haku-module select{
padding:4px;
font-size: 13.3333px;
font-family: Arial;
}
.haku-module .hakuehdot-view{
background:#fff;
width:100%;
}
.haku-module .hakuehdot-element{
/* */
}
.haku-module .hakuehtoryhma{margin-bottom: 10px;}
.haku-module .hakuehtoryhma.hakuehtoryhma__aikarajaus{margin-bottom: 20px;}
.haku-module .hakuehtoryhma h3{}
.haku-module .hakuehtoryhma h3 button{
background:none;
border:none;
font-size:1.4rem;
font-weight:700;
margin:0;
padding:0;
text-align:left;
width:100%;
}
.haku-module .hakuehtoryhma h3 button i{
font-style:normal;
font-weight:400;
float:right;
}
.haku-module .hakuehtoryhma select{
margin-bottom: 8px;
width: 100%;
}
.haku-module .hakuehtoryhma label{
display: block;
width: 100%;
}
.haku-module .hakuehtoryhma input[type="text"]{
border:1px solid #B4B4B4;
border-radius: 4px;
padding:4px;
}
.haku-module .hakuehtoryhma .ui-datepicker-trigger{
background: none;
border: none;
}
.haku-module .hakuehtoryhma .ui-datepicker-trigger img{
width:24px;
height:24px;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items{padding:0px 8px 8px 8px;}
.haku-module .hakuehtoryhma .hakuehtoryhma-items label{
float: left;
font-weight:normal;
width: 100%;
margin-bottom: 4px;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items input[type="checkbox"]{
padding: 4px 4px 4px 0px;
display: block;
float: left;
margin: 0 4px 4px 0px;
transform: scale(1.0,1.0);
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .centered-group-content{text-align:center;}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .centered-group-content button{
background: #F9F9F9;
border:1px solid #d0d0d0;
border-radius: 4px;
color:#606060;
font-size:1.1rem;
transition: background 0.3s ease-in-out;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .centered-group-content button:hover{
background:#E6E6E6;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .checkbox-label{
padding: 4px 4px 4px 4px;/* tarpeellinen? */
font-weight:normal;
line-height:normal;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .checkbox-label {
display: inline-block;
width: 184px;
}

.haku-module .hakuehtoryhma .hakuehtoryhma-items .checkbox-label:first-letter {
text-transform:uppercase;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items span.checkbox-label{
box-shadow: 0 0 2px #fff;
padding:0;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items span.checkbox-label > span{
outline: 2px solid #fff;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items span.checkbox-label > span > span{
box-shadow: -1px 0 0 #fff,1px 0 0 #fff;
position: relative;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .checkbox-label .itemcount{
font-style: normal;
background:#fff;
border-radius: 8px;
color:#4d4d4d;
padding: 2px 0px;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .aikarajaus-label{
display: table;
margin:0 0 4px 0;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .aikarajaus-label span,
.haku-module .hakuehtoryhma .hakuehtoryhma-items .aikarajaus-label button,
.haku-module .hakuehtoryhma .hakuehtoryhma-items .aikarajaus-label input[type="text"]{
display: table-cell;
max-width:160px;
vertical-align: middle;
}
.haku-module .hakuehtoryhma .hakuehtoryhma-items .aikarajaus-label .aikarajaus-title{
display:block;
width:100%;
}
.haku-module .hakutulos-view{
background:#fff;
width:100%;
}
.haku-module .hakutuloslistaus-element{
background: #fff;
padding:0;
}
.haku-module .hakutuloslistaus-element .search-input-box{
background: #fff;
border:1px solid #B4B4B4;
border-radius: 4px;
margin: 0 0 16px 0;
width:100%;
}
.haku-module .hakutuloslistaus-element .search-input-box i{font-style:normal;}
.haku-module .hakutuloslistaus-element .search-input-box input[type="search"]{
border:none;
color:#4d4d4d;
font-size:1.4rem;
margin: 1px;
padding: 1%;
width:80%;
}
.haku-module .hakutuloslistaus-element .search-input-box button{
background: #fff;
border:none;
color:#4d4d4d;
text-align: right;
width:18%;
}
.haku-module .hakutuloslistaus-element .search-result-ordercount{
margin:0 0 32px 0;
width:100%;
display: table;
}
.haku-module .hakutuloslistaus-element .search-result-order{
background: none;
margin: 0;
text-align:right;
width:50%;
display: table-cell;
vertical-align: middle;
}
.haku-module .hakutuloslistaus-element .search-result-order label{
color:#4d4d4d;
font-weight:normal;
}
.haku-module .hakutuloslistaus-element .search-result-order i{
color:#4d4d4d;
font-size:1.2rem;
font-style:normal;
}
.haku-module .hakutuloslistaus-element .search-result-count{
background: none;
margin: 0;
text-align: left;
width:50%;
display: table-cell;
vertical-align: middle;
}
.haku-module .hakutuloslistaus-element .search-result-count p{
color: #4d4d4d;
font-weight: bold;
font-size:1.4rem;
margin: 0;
padding:0;
}
.haku-module .hakutulos-view .search-result-message{margin:32px 0;}
.haku-module .hakutulos-view .search-result-message strong{
color: #4d4d4d;
font-weight: bold;
font-size:1.4rem;
}
.haku-module .hakutulos-view ul{
margin: 0;
padding:0;
}
.haku-module .hakutulos-view li{margin:0 0 16px 0;}
.haku-module .hakutulos-view mark{
/*background: #FAD160;*/
background: #fafdad;
border-radius: 4px;
padding: 0 1px;
}
.haku-module .hakutulos-view .search-result-items a i{
font-style:normal;
padding-right:8px;
display:inline;
}
.haku-module .hakutulos-view .search-result-items .exact-match { /* sivustoperhekohtainen */
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: linear-gradient(to bottom, #fefefe 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 );
border:1px solid #dcdcdc;
border-radius: 4px;
margin:0 0 30px 0;
padding:8px;
}

/* sisaltotyyppitabit alkaa */
.haku-module .hakutulos-view .hakutulos__sisaltotyypit{
width:100%;
margin:0 0 15px 0;
}
.haku-module .hakutulos-view .hakutulos__sisaltotyypit ul{
float:left;
list-style:none;
border-bottom:1px solid #b4b4b4;
width:100%;
}
.haku-module .hakutulos-view .hakutulos__sisaltotyypit li{
border-radius:4px 4px 0 0;
display:block;
float:left;
margin:0;
padding:5px;
font-size: 1.2rem;
font-weight: 700;
}
.haku-module .hakutulos-view .hakutulos__sisaltotyypit li.selected{
border:1px solid #b4b4b4;
border-bottom:none;
padding:5px;
position: relative;
}
.haku-module .hakutulos-view .hakutulos__sisaltotyypit li.selected:after,
.haku-module .hakutulos-view .hakutulos__sisaltotyypit li.selected:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.haku-module .hakutulos-view .hakutulos__sisaltotyypit li.selected:after {
border-color: transparent;
border-top-color: #fff;
border-width: 8px;
margin-left: -8px;
}
.haku-module .hakutulos-view .hakutulos__sisaltotyypit li.selected:before {
border-color: transparent;
border-top-color: #b4b4b4;
border-width: 9px;
margin-left: -9px;
}
/* sisaltotyyppitabit loppuu */


.haku-module .hakutulos-view .search-result-items .exact-match .typespecificmeta{color:#000;}
.maincontent .haku-module .hakutulos-view h2{
padding:0;
margin:0 0 2px 0;
}

.maincontent .haku-module .hakutulos-view p{
margin:0 0 2px 0;
padding: 0;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.maincontent .haku-module .hakutulos-view p.result-item-metainfo{
color:#4d4d4d;
margin:0 0 2px 0;
padding: 0;
}
.maincontent .haku-module .hakutulos-view p.result-item-metainfo em{
float: left;
font-style:normal;
margin-left:10px;
}
.maincontent .haku-module .hakutulos-view p.result-item-metainfo em:first-child{margin:0;}

/* poikkeus - vankilatuote alkaa */
.vankilatuote-hakutulosmeta{width:100%;}
.vankilatuote-hakutulosmeta .metaleft{
float:left;
width:calc(100% - 100px);
}
.vankilatuote-hakutulosmeta .metaright{
float:left;
width:100px;
}
.vankilatuote-hakutulosmeta .metaleft a{text-decoration:none;}
.vankilatuote-hakutulosmeta img.hakutulosmeta-vtuotekuva{
float:right;
width: 100px;
}
/* poikkeus - vankilatuote loppuu */

/* poikkeus - umyynti-ilmoitus alkaa */
.ulosotonmyyntiilmoitus-hakutulosmeta{width:100%;}
.ulosotonmyyntiilmoitus-hakutulosmeta .metaleft{
float:left;
width:calc(100% - 100px);
}
.ulosotonmyyntiilmoitus-hakutulosmeta .metaright{
float:left;
width:100px;
}
.ulosotonmyyntiilmoitus-hakutulosmeta .metaleft a{text-decoration:none;
}
.ulosotonmyyntiilmoitus-hakutulosmeta img.hakutulosmeta-umyyntikuva{
float:right;
width: 100px;
}
/* poikkeus - umyynti-ilmoitus loppuu */

.maincontent .haku-module .hakutulos-view .search-result-pagination{
margin:16px 0;
text-align: center;
width:100%;
}
.maincontent .haku-module .hakutulos-view .search-result-pagination-btnwrap{
float:left;
margin: 16px 0;
width:100%;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
}
.maincontent .haku-module .hakutulos-view .search-result-pagination i{font-style:normal;}
.maincontent .haku-module .hakutulos-view .search-result-pagination button{
background:#F9F9F9;
border: 1px solid #d0d0d0;
border-radius: 4px;
color: #606060;
font-size: 1.4rem;
padding:8px;
}
.maincontent .haku-module .hakutulos-view .search-result-pagination ul{list-style:none;}
.maincontent .haku-module .hakutulos-view .search-result-pagination li{
background:#F9F9F9;
border: 1px solid #d0d0d0;
border-radius: 4px;
float:left;
margin:0 0 0 8px;
}
.maincontent .haku-module .hakutulos-view .search-result-pagination button,
.maincontent .haku-module .hakutulos-view .search-result-pagination li{
background:#F9F9F9;
transition: background 0.3s ease-in-out;
}
.maincontent .haku-module .hakutulos-view .search-result-pagination button:hover,
.maincontent .haku-module .hakutulos-view .search-result-pagination li:hover{background:#E6E6E6;}
.maincontent .haku-module .hakutulos-view .search-result-pagination li a{
color: #606060;
float:left;
font-size: 1.4rem;
font-weight: bold;
padding:8px;
}
.maincontent .haku-module .hakutulos-view .search-result-pagination li.currentpage a{background: #E6E6E6;}
.maincontent .haku-module .hakutulos-view .search-result-pagination li:last-child{margin:0 8px 0 8px;}


/* ##########################
--8-- a-�-hakemisto
########################## */
.index_abc {
clear: both;
display: block;
padding-top: 10px;
word-wrap: break-word;
}
.index_abc .index_abc_toplinks {
clear: both;
display: block;
padding-bottom: 10px;
}
.maincontent .index_abc .index_abc_toplinks a.selected, 
.maincontent .index_abc .index_abc_toplinks a.selected:visited, 
.maincontent .index_abc .index_abc_toplinks a.selected:hover {
color: #000000;
text-decoration: underline;
}
.maincontent .index_abc .index_abc_toplinks a {
font-weight: bold;
text-decoration: underline;
}
.maincontent .index_abc .index_abc_toplinks a, .maincontent .index_abc .index_abc_toplinks span {
padding-right: 3px;
}
.index_abc .index_abc_item {
border-bottom: 1px solid #eee;
float: left;
margin-top: 10px;
padding-bottom: 5px;
width: 100%;
}
.index_abc .index_abc_item p {
margin-bottom: 16px;
margin-top: 0;
}
.index_abc .index_abc_item h2 {margin-bottom: 16px;}




/* ##########################
--8-- BLOGI
########################## */
.blog-add-profile{
display:block;
margin:6px 0 6px 0;
}


/***** blogi - index *****/
.box_side.blogi-subjectnavi, 
.box_side.blogi-newest-by-subject{ /* kaytossa blogi-elementeissa ja vankilatuotelistauksissa x_htmlmuutos_x */
background:none;
border:none;
margin:0 0 10px 0;
}
.box_side.blogi-subjectnavi h3,
.box_side.blogi-newest-by-subject h3 {
/* sivustoperhekohtainen */
margin:0;
}
.box_side.blogi-newest-by-subject .box_content{padding:8px;}
.box_side.blogi-newest-by-subject .box_bloglist_item.box_bloglist_item .bloglist_block{
border-bottom: 1px solid #f0f0f0;
margin:8px 0;
padding: 0 0 8px 0;
}

.sidebar #leftcolumn .blogi-newest-by-subject h3,
.sidebar #rightcolumn .blogi-newest-by-subject h3,
.center .blogi-newest-by-subject h3{margin:0;}

.sidebar #leftcolumn .blogi-newest-by-subject .box_bloglist_item h4,
.sidebar #rightcolumn .blogi-newest-by-subject .box_bloglist_item h4,
.center .blogi-newest-by-subject .box_bloglist_item h4{margin:0;}

.sidebar #leftcolumn .blogi-newest-by-subject  .box_bloglist_item.box_bloglist_item h4,
.sidebar #leftcolumn .blogi-newest-by-subject  .box_bloglist_item.box_bloglist_item h4,
.center .blogi-newest-by-subject  .box_bloglist_item.box_bloglist_item h4 {
color: #4d4d4d;
font-size:1.2rem;
font-weight: bold;
margin:0;
padding:0;
}





.sidebar #leftcolumn .blogisti-info,
.sidebar #rightcolumn .blogisti-info,
.sidebar .center .blogisti-info{
margin:0 0 10px 0;
padding:0;
}
.sidebar #leftcolumn .blogisti-info h2,
.sidebar #rightcolumn .blogisti-info h2,
.sidebar .center .blogisti-info h2{
margin:0 0 10px 0;
}


/***** blogi - aiheittain listaus *****/
.sidebar #leftcolumn .blogi-subjectnavi h3, 
.sidebar #rightcolumn .blogi-subjectnavi h3,
.sidebar .center .blogi-subjectnavi h3{margin:0;}

.sidebar #leftcolumn .blogi-subjectnavi .box_bloglist_item.box_bloglist_item .blog_nav_item h4,
.sidebar #rightcolumn .blogi-subjectnavi .box_bloglist_item.box_bloglist_item .blog_nav_item h4,
.sidebar .center .blogi-subjectnavi .box_bloglist_item.box_bloglist_item .blog_nav_item h4{margin:0;}



.box_center {
background:none;
border:none;
}

/*** blogi - vuosilistaus ***/
.box_side.blogi-archive-list .box_bloglist_item.box_bloglist_item h4{padding:8px;}

.sidebar #leftcolumn .blogi-archive-list h3,
.sidebar #rightcolumn .blogi-archive-list h3,
.sidebar .center .blogi-archive-list h3{margin:0;}

.sidebar #leftcolumn .box_bloglist_item h4,
.sidebar #rightcolumn .box_bloglist_item h4,
.sidebar .center .box_bloglist_item h4{margin:0;}


/***** blogi - arkisto *****/
span.blog_datetime {
color: #666;
display: block;
font-weight: bold;
float: left;
width: 100%;
}
.blog_archive .blog_datetime{margin:0 0 10px 0;}
.blog_archive_item a {text-decoration: none;}
.blog_archive_item span.comments {float: right;}
.blog_archive_item {border-bottom: 1px dotted #ccc;}
.blog_archive_item {display: block;}
.blog_archive_item h2{margin:10px 0 10px 0;}
.blog_archive_item:first-child h2{margin:0 0 10px 0;}

/***** blogi - artikkeli *****/
.blog_image {
border:1px solid #8c8c8c;
display:block;
margin-bottom:6px;
width:100%;
}
.blog_image img {
margin:0;
/*height:118px;*/
overflow:hidden;
vertical-align: middle; /* inline space */
width:218px;
}
.maincontent .center .main-header.blogarticle h1{margin:0;}
.maincontent .center .main-ingress.blogarticle p {font-weight: normal;}
.main-header.blogarticle .blog_datetime .updated{
color: #666;
float:none;
font-weight: bold;
}

/***** blogi - asetukset *****/
.maincontent .blog_settings a, 
.maincontent .blog_settings a:visited, 
.maincontent .blog_settings a:hover {
background:transparent url("../images/rise/box_back_bg_blog_settings.png") repeat-x scroll left top;
border-radius: 4px;
color: #fff;
font-size: 12px;
line-height: 26px;
text-decoration: none;
display: block;
height: 26px;
margin-bottom: 9px;
padding: 0 13px;
width:100%;
}
.blog_settings_div {
background:#fcfcfc;
/*border: 2px solid #d0d0d0;*/
border-radius: 4px;
display: block;
height: 449px;
left: 50%;
margin-left: -250px;
margin-top: -215px;
padding: 13px;
position: fixed;
top: 50%;
width: 470px;
z-index: 444;
}
.blog_settings_div .media-container{margin:0;}
.blog_settings_div .blog_settings_header {
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%);
background: linear-gradient(to bottom, #fefefe 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f4f4f4',GradientType=0 );
border-bottom: 1px solid #DDDDDD;
color: #000000;
font-size:1.4rem;
line-height: 36px;
margin: -13px -13px 0;
padding: 3px 13px 0;
}
.blog_settings_div .blog_settings_content {
clear: both;
float: left;
height: 403px;
}
.blog_settings_div .blog_settings_left {
float: left;
padding-right: 15px;
width: 220px;
}
.blog_settings_div .blog_settings_left .blog_image{
overflow:hidden;
width: 218px;
}
.blog_settings_div .blog_settings_right {
float: left;
padding-left: 15px;
width: 220px;
}
.sidebar #leftcolumn .blog_settings_div .blog_settings_content h3 {
margin: 6px 0;
padding: 0;
}
.blog_settings_div .blog_settings_content p {
margin: 0;
padding:0;
}
.blog_settings_div .blog_settings_content .text_input {
border: 1px solid #cccccc;
font-size:1.2rem;
line-height: 20px;
height: 20px;
padding: 0 2px;
width: 214px;
}
.blog_settings_div .blog_settings_content textarea {
border: 1px solid #cccccc;
font-size:1.2rem;
line-height:1.6rem;
height: 114px;
margin: 0;
padding: 2px;
width: 214px;
}
.blog_settings_div .blog_settings_content .set_comments_mail_show {
display: block;
margin-top: 5px;
}
.blog_settings_div .blog_settings_footer {
background:#eeeeee;
border-top: 1px solid #dddddd;
clear: both;
display: block;
float: left;
margin: 0 -13px -13px;
padding:8px;
width: 470px;
}
.blog_settings_div .button_input {
background:url("../images/ottk/box_back_bg_blog_settings.png") repeat-x scroll left top;
border-radius: 4px;
color: #ffffff;
cursor: pointer;
font-size: 12px;
line-height: 26px;
border:none;
display: block;
float: left;
height: 26px;
margin-right: 3px;
padding: 0 13px;
}
.blog_settings_div .blog_settings_footer input {float: right;}

/* blogi-kommentit */
.blog_comments{
display: block;
padding-top: 20px;
}
.blog_comments h2 {margin:0 0 10px 0;}
.blog_comments_item {border-top: 1px dotted #ccc;}
.blog_comments_item {
display: block;
padding-top: 10px;
}
.blog_comments table {
background: #fff;
border-collapse: collapse;
border:none;
width:100%;
}
.blog_comments th{
background:none;
line-height: 22px;
vertical-align: top;
border:none;
padding: 0;
width: 120px;
}
.blog_comments td {
background:none;
line-height: 22px;
vertical-align: top;
border:none;
padding: 0;
width:calc(100% - 120px);
}
.blog_comments .text_input {
border: 1px solid #aaa;
line-height: 20px;
height: 20px;
padding: 0 5px;
margin:0 0 4px 0;
width:100%;
}
.blog_comments textarea{
border:1px solid #aaa;
font-size:inherit;
margin:0 0 4px 0;
padding: 0 5px;
width:100%;
}
.blog_comments .button_input {
background:#eee;
border: 1px solid #ccc;
color: #828282;
cursor: pointer;
display: block;
font-size:1.2rem;
font-weight: bold;
height: 24px;
line-height: 24px;
margin-top: 10px;
padding: 0 5px;
}
.blog_form_ok {
display:block;
border:1px solid #3f7900;/* vihrea */
padding:10px;
background:#e5f4e2;
font-weight:bold;
}
.blog_form_ok span {float:right;}
p.blog_form_error {
font-weight:bold;
color:#ee0000;
}
.blog_comments .text_input_error {border:1px solid #ee0000;}
.blog_subject_delete {float:left;}
.blog_subject_delete img{
border:none;
height:10px;
margin: 2px;
width:10px;
}
/* blogi-kommentit 2 */
.commenting_container{width:100%;}
.commenting_row{width:100%;}
.commenting_row label{
float:left;
font-weight:bold;
width:120px;
}
.commenting_row input[type="text"],.commenting_row textarea{
float:left;
width:calc( 100% - 120px );
}
.commenting_row .button_input{float:right;}

/* ##########################
--8-- BLOGIT - ETUSIVUN VUOSILISTAUS
########################## */
/* 2 viimeisinta vuotta */
.blogi-vuosilistaus-kaikista {margin-bottom: 10px;}
.blogi-vuosilistaus-kaikista .blogi-vuosilistaus-count{margin:0 0 0 8px;}
.blogi-vuosilistaus-kaikista .one_padded{border-bottom: 1px solid #f0f0f0;}
.blogi-vuosilistaus-kaikista .lift_item_header a{display:block;}
.blogi-vuosilistaus-kaikista .blogi-vuosiarkisto-kokonaisarkistoon {padding:8px;}
.blogi-vuosilistaus-kaikista .blogi-vuosiarkisto-kokonaisarkistoon a{display:block;}
.blogi-vuosilistaus-kaikista .blogi-vuosiarkisto-kokonaisarkistoon a span{position:relative;top:-1px;}
.blogi-vuosilistaus-kaikista .lift_center_wrapper {border-bottom:none;}



/* ##########################
--8-- BLOGIT KOKONAISARKISTO - VUOSIARKISTO
########################## */
.kokonaisarkisto-blogit {
background-color:#FFFFFF;
border:none;
/*border-radius: 4px;*/
margin-bottom:10px;
}
.kokonaisarkisto-blogit h3{
border-bottom:1px solid #535353;
color:#535353;
font-size:1.4rem;
/*margin:0.6em 1em 0.6em 1em;*/ /* proto-arvo */
margin-bottom: 0;
padding: 8px 8px 0;
}
.kokonaisarkisto-blogit h3 span{display: block;}
.kokonaisarkisto-blogit article{
/*padding:0 1em 0.6em 1em;*/ /* proto-arvo */
padding:8px;
}
.kokonaisarkisto-blogit address{
margin-top:1px;
color:#4d4d4d;
float:left;
font-size:1.2rem;
}
.kokonaisarkisto-blogit address a{
color:#4d4d4d;
text-decoration:none;
}
.kokonaisarkisto-blogit address a:hover{
text-decoration:underline;
}
.kokonaisarkisto-blogit time{
margin-top:1px;
color:#4d4d4d;
float:right;
font-size:1.2rem;
}
.kokonaisarkisto-blogit article h4{
border-bottom: 1px solid #4d4d4d;
color:#4d4d4d;
float:left;
font-size:1.4rem;
font-weight:bold;
margin:0;
padding:0;
text-decoration: none;
width:100%;
}
.kokonaisarkisto-blogit article h4 a{
color:#4d4d4d;
text-decoration:none;
}


/* ##########################
--8-- BLOGIT UUSIMMAT BLOGIKIRJOITUKSET
########################## */
.blog-new-articles{margin:0 0 10px 0;}

.sidebar #leftcolumn .blog-new-articles h5,
.sidebar #rightcolumn .blog-new-articles h5,
.maincontent .blog-new-articles h5{
color: #4d4d4d;
float: left;
font-size: 1.4rem;
font-weight: bold;
margin: 0;
padding: 0;
width: 100%;
}
.sidebar #leftcolumn .blog-new-articles h5 a,
.sidebar #rightcolumn .blog-new-articles h5 a,
.maincontent .blog-new-articles h5 a{
color:#4d4d4d;
text-decoration: none;
}

.blog-new-articles .blog-new-articles-writer{
color: #4d4d4d;
float: left;
margin: 0 0 4px;
width: 100%;
}
.blog-new-articles .blog-new-articles-writer a,
.maincontent .blog-new-articles .blog-new-articles-writer a{
color: #4d4d4d;
text-decoration: none;
}

.blog-new-articles .blog-new-articles-article-writer a,
.maincontent .blog-new-articles .blog-new-articles-article-writer a {
color: #4d4d4d;
text-decoration: none;
}

.blog-new-articles .metatags {
display: block;
float: left;
margin: 0;
width: 100%;
}
.blog-new-articles .itemtext a {
color: #000000;
text-decoration: none;
}

.blog-new-articles .divide {
border-bottom: 1px solid #d0d0d0;
clear: both;
font-size: 0;
line-height: 0;
margin: 10px 0;
padding: 10px 0 0;
}


/* keskipalsta 1 */
.blog-new-articles .blog-new-articles-skin1{padding:8px;}
.blog-new-articles .blog-new-articles-skin1 h5 {
color: #4d4d4d;
display: inline-block;
float: left;
font-size: 1.4rem;
font-weight: bold;
margin: 0;
padding-bottom: 0;
text-decoration: none;
width: 70%;
}
.blog-new-articles .blog-new-articles-skin1 .blog-new-articles-article-writer {
color: #4d4d4d;
float: right;
font-size: 1em;
margin-top: 0;
width: 26%;
}

/* keskipalsta 2 */
.blog-new-articles .blog-new-articles-skin2{padding:8px;}
.blog-new-articles .blog-new-articles-skin2 h5 {
border-bottom: 1px solid #dedfe0;
color: #4d4d4d;
}
.blog-new-articles .blog-new-articles-skin2 .blog-new-articles-article-writer {
color: #4d4d4d;
float: left;
font-size: 1em;
}
.blog-new-articles .blog-new-articles-skin2 .blog-new-articles-article-date {
color: #4d4d4d;
float: right;
font-size: 1em;
}


/* keskipalsta 3 */
.blog-new-articles .blog-new-articles-skin3{padding:8px;}
.blog-new-articles .blog-new-articles-skin3 h5 {
color: #4d4d4d;
float: left;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding-bottom: 0;
text-decoration: none;
width: 70%;
}
.blog-new-articles .blog-new-articles-skin3 .blog-new-articles-article-writer {
color: #4d4d4d;
float: right;
font-size: 1em;
margin-top: 0;
width: 26%;
}
.blog-new-articles .blog-new-articles-skin3 .itemtext {margin: 8px 0 0;}
.blog-new-articles .blog-new-articles-skin3 .divide {
border-bottom: 1px solid #d0d0d0;
clear: both;
font-size: 0;
line-height: 0;
margin: 0 0 10px;
padding: 10px 0 0;
}


/* keskipalsta 4 */
.blog-new-articles .blog-new-articles-skin4{padding:8px;}
.blog-new-articles .blog-new-articles-skin4 h5 {
border-bottom: 1px solid #dedfe0;
color: #4d4d4d;
display: inline-block;
float: left;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding-bottom: 0;
text-decoration: none;
width: 100%;
}
.blog-new-articles .blog-new-articles-skin4 .metatags {
display: block;
float: left;
margin: 0 0 6px;
width: 100%;
}
.blog-new-articles .blog-new-articles-skin4 .blog-new-articles-article-writer {
color: #4d4d4d;
float: left;
font-size: 1em;
margin: 4px 0;
}
.blog-new-articles .blog-new-articles-skin4 .blog-new-articles-article-date {
color: #4d4d4d;
float: right;
font-size: 1em;
margin: 4px 0;
}
.blog-new-articles .blog-new-articles-skin4 .divide {
clear: both;
font-size: 0;
line-height: 0;
margin: 0 0 10px;
padding: 10px 0 0;
}


/* keskipalsta 5 */
.blog-new-articles .blog-new-articles-skin5{padding:8px;}
.blog-new-articles .blog-new-articles-skin5 h5 {
color: #4d4d4d;
float: left;
font-size: 1.2em;
font-weight: bold;
margin: 0;
text-decoration: none;
width: 70%;
}
.blog-new-articles .blog-new-articles-skin5 .blog-new-articles-article-writer {
color: #4d4d4d;
float: right;
font-size: 1em;
margin-top: 0;
width: 26%;
}
.blog-new-articles .blog-new-articles-skin5 .itemtext {margin: 8px 0 0;}
.blog-new-articles .blog-new-articles-skin5 .itemtext img {
border: 1px solid #4d4d4d;
float: left;
height: 64px;
margin: 0 6px 6px 0;
max-width: 118px;
width: 118px;
}
.blog-new-articles .blog-new-articles-skin5 .divide {
clear: both;
font-size: 0;
line-height: 0;
margin: 0 0 10px;
padding: 10px 0 0;
}


/* keskipalsta 6 */
.blog-new-articles .blog-new-articles-skin6{padding:8px;}
.blog-new-articles .blog-new-articles-skin6 h5 {
border-bottom: 1px solid #dedfe0;
color: #4d4d4d;
font-size: 1.2em;
font-weight: bold;
margin: 0;
text-decoration: none;
width: 100%;
}
.blog-new-articles .blog-new-articles-skin6 .metatags {
display: block;
float: left;
margin: 4px 0 0;
width: 100%;
}
.blog-new-articles .blog-new-articles-skin6 .blog-new-articles-article-date {
color: #4d4d4d;
float: right;
}
.blog-new-articles .blog-new-articles-skin6 .itemtext {margin: 8px 0 0;}
.blog-new-articles .blog-new-articles-skin6 .itemtext img {
border: 1px solid #4d4d4d;
float: left;
height: 64px;
margin: 0 6px 6px 0;
max-width: 118px;
width: 118px;
}
.blog-new-articles .blog-new-articles-skin6 .divide {
clear: both;
font-size: 0;
line-height: 0;
margin: 0 0 10px;
padding: 10px 0 0;
}

/* skin - sidebar 1 */
.blog-new-articles .blog-new-articles-sidebar1{padding:8px;}


/* skin - sidebar 2 */
.blog-new-articles .blog-new-articles-sidebar2{padding:8px;}
.blog-new-articles .blog-new-articles-sidebar2 h5 {
border-bottom: 1px solid #dedfe0;
color: #4d4d4d;
}
.blog-new-articles .blog-new-articles-sidebar2 .blog-new-articles-article-date {
color: #4d4d4d;
float: right;
}



/* ##########################
--8-- BLOGISTIT
########################## */
.blog-blogger-list{
background:#ffffff;
margin-bottom: 10px;
}
.blog-blogger-list .blog-blogger-list-skin1 h5 {
border-bottom: 1px solid #dedfe0;
color: #4d4d4d;
font-size: 1.4rem;
font-weight: bold;
margin: 0;
padding: 8px;
text-decoration: none;
}
.sidebar #leftcolumn .blog-blogger-list a, 
.sidebar #rightcolumn .blog-blogger-list a,
.maincontent .center .blog-blogger-list a {text-decoration: none;}
.blog-blogger-list .blog-blogger-list-skin2 .blogger-person {
border-bottom: 1px solid #dedfe0;
height:66px;
padding: 8px;
}
.blog-blogger-list .blog-blogger-list-skin2 img {
float: left;
height: 100%;
max-width: 92px;
}
.blog-blogger-list .blog-blogger-list-skin2 h5 {
color: #4d4d4d;
float: left;
font-size: 1.4rem;
font-weight: bold;
margin: 0;
padding: 16px 0;
text-decoration: none;
width: 77%;
}
.wrapper .maincontent .center .blog-blogger-list .blog-blogger-list-skin2 img ~ h5 {
padding: 16px 8px;
}
.blog-blogger-list .blog-blogger-list-skin3 .blogger-person {
border-bottom: 1px solid #f0f0f0;
float: left;
padding: 8px;
width: 100%;
}
.blog-blogger-list .blog-blogger-list-skin3 h5 {
color: #4d4d4d;
float: left;
font-size: 1.4rem;
font-weight: bold;
margin: 0;
padding: 0 0 8px;
text-decoration: none;
width: 100%;
}
.blog-blogger-list .blog-blogger-list-skin3 img {
float: left;
margin: 0 10px 0 0;
max-width: 218px;
}
.blog-blogger-list .blog-blogger-list-skin3 p {
color: #000000;
margin: 0 10px 0 0;
padding:0;
}
.sidebar #leftcolumn .blog-blogger-list .blog-blogger-list-sidebar1 h5,
.sidebar #rightcolumn .blog-blogger-list .blog-blogger-list-sidebar1 h5{
border-bottom: 1px solid #f0f0f0;
color: #4d4d4d;
font-size:1.2rem;
font-weight: bold;
margin: 0;
padding: 8px;
}
.blog-blogger-list .blog-blogger-list-sidebar2 .blogger-person {
border-bottom: 1px solid #dedfe0;
padding: 8px;
}
.blog-blogger-list .blog-blogger-list-sidebar2 .blogger-person img {max-width: 100%;}
.sidebar #leftcolumn .blog-blogger-list .blog-blogger-list-sidebar2 h5, 
.sidebar #rightcolumn .blog-blogger-list .blog-blogger-list-sidebar2 h5 {
margin: 0;
padding: 8px 0 0;
}
.blog-blogger-list .blog-blogger-list-sidebar3 .blogger-person {
border-bottom: 1px solid #dedfe0;
padding: 8px;
}
.blog-blogger-list .blog-blogger-list-sidebar3 .blogger-person img {max-width: 100%;}
.sidebar #leftcolumn .blog-blogger-list .blog-blogger-list-sidebar3 h5, 
.sidebar #rightcolumn .blog-blogger-list .blog-blogger-list-sidebar3 h5 {
margin: 0;
padding: 8px 0;
}
.sidebar #leftcolumn .blog-blogger-list .blog-blogger-list-sidebar3 .blogger-person p,
.sidebar #rightcolumn .blog-blogger-list .blog-blogger-list-sidebar3 .blogger-person p {
color: #000000;
margin: 0;
padding: 0;
}


/* ##########################
--8-- SISALTOKOMMENTOINTI
########################## */
.content_comments{
display: block;
padding-top: 20px;
}
.content_comments h2 {margin:0 0 10px 0;}

.content_comments table {
background: #fff;
border-collapse: collapse;
border:none;
width:100%;
}
.content_comments th{
background:none;
line-height: 22px;
vertical-align: top;
border:none;
padding: 0;
width: 120px;
}
.content_comments td {
background:none;
line-height: 22px;
vertical-align: top;
border:none;
padding: 0;
width:calc(100% - 120px);
}
.content_comments .text_input {
border: 1px solid #aaa;
line-height: 20px;
height: 20px;
padding: 0 5px;
margin:0 0 4px 0;
width:100%;
}
.content_comments textarea{
border:1px solid #aaa;
font-size:inherit;
margin:0 0 4px 0;
padding: 0 5px;
width:100%;
}
.content_comments .button_input {
background:#eee;
border: 1px solid #ccc;
color: #828282;
cursor: pointer;
display: block;
font-size:1.2rem;
font-weight: bold;
height: 24px;
line-height: 24px;
margin-top: 10px;
padding: 0 5px;
}
.content_comments .text_input_error {border:1px solid #ee0000;}
#content_comment_notice{padding: 0 0 10px 0;}
#content_comment_notice:focus{outline:none;}
/* vaihe 2 */
.content_comments .commenting_container {
background: #fff;
border-collapse: collapse;
border:none;
width:100%;
}
.content_comments .commenting_container label{
float:left;
font-weight:bold;
width:120px;
}
.content_comments .commenting_row input[type="text"],
.content_comments .commenting_row textarea{
float:left;
width:calc( 100% - 120px );
}
.content_comments .commenting_row .commenting_charcount{width:100%;}
.content_comments .commenting_row .commenting_charcount #chars_left{
color:#828282;
float:right;
font-size:1.2rem;
margin-bottom:4px;
}
.content_comments .commenting_row .button_input{float:right;}



/* ##########################
--8-- VIRHESIVU
########################## */
/* sivustoperhe-kohtainen */



/* ##########################
--8-- TIEDOTTEET-listaus-sivu
########################## */
/* puuttuu class jolla saisi border-topin x_htmlmuutos_x */
.news.kiintea-list-tiedotteet{
margin:0 0 10px 0;
}
.news.kiintea-list-tiedotteet .news_item{
padding:8px;
}
.news.kiintea-list-tiedotteet .news_item_date .news_span{
color:#535353;
font-weight:bold;
}

.news.kiintea-list-tiedotteet .news_item .news_item_ingress{float:left;}
.news.kiintea-list-tiedotteet .news_item .news_item_ingress p:first-child{margin-top:4px;}
.news.kiintea-list-tiedotteet .news_item .news_item_ingress p:last-child{margin-bottom:0;}



/* ##########################
--8-- TIEDOTTEET-kuukausiarkisto-sivu
########################## */
/* ei kaytossa? */


/* ##########################
--8-- TIEDOTTEET-vuosiarkisto-sivu
########################## */
.tiedotteet-nosto .news_groupheader {
background:#fbfbfb;
border: 1px solid #D0D0D0;
color: #535353;
float: left;
font-weight: bold;
padding:10px 8px;
text-transform: capitalize;
width:100%;
}
.news.kiintea-list-tiedotteet .news_groupheader{
background:#fbfbfb;
border: 1px solid #D0D0D0;
color: #535353;
float: left;
font-weight: bold;
padding:10px 8px;
text-transform: capitalize;
width:100%;
}
.news.kiintea-list-tiedotteet .news_item{
float:left;
width:100%;
}
.news.kiintea-list-tiedotteet .news_item_date {
float:left;
width:16%;
}
.news.kiintea-list-tiedotteet .news_item .news_item_header{
float:left;
font-weight:bold;
width:84%;
}
.news.kiintea-list-tiedotteet .news_item_arrow {display: none;}


/* ##########################
--8-- TIEDOTTEET-tiedote-sivu
########################## */
.original-publisher {
color: #4d4d4d;
font-size: 1.4rem;
font-weight: bold;
margin: 0 0 10px;
}
.monikanava-valinta {
border:1px solid #606060;
margin:0 0 10px;
padding:5px;
}


/* ##########################
--8-- Etusivun uutta -listaus
########################## */
.uutta-etusivu{
border:1px solid #D0D0D0;
margin:0 0 10px 0;
width:100%;
}
.uutta-etusivu .news_item{
float:left;
padding:8px;
width: 100%;
}
.uutta-etusivu .news_item_mainfooter_link{
float: left;
padding:8px;
}
.uutta-etusivu .news_item .news_item_date{
float:left;
width:16%;
}
.uutta-etusivu .news_item_header{
float:left;
width: 84%;
}
.uutta-etusivu .news_item_header a{font-weight:bold;}
.uutta-etusivu .news_item .news_item_ingress{float:left;}




/* ##########################
--8-- Julkaisut - julkaisu
########################## */


/* ##########################
--8-- AVOIMET TYOPAIKAT-sivu
########################## */
.decision-wrapper.tyopaikat-meta{
margin:0 0 10px 0;
background: #f7f7f7;
border: 1px solid #e1e1e1;
border-radius: 4px;
color: #606060;
float: left;
padding:8px;
width: 100%;
}
.decision-wrapper.tyopaikat-meta .decision-info-container {
clear: both;
display: block;
float: left;
font-weight: bold;
margin-bottom: 4px;
width: 100%;
}
.decision-wrapper.tyopaikat-meta .decision-label {
display: block;
float: left;
margin-right:0;
width:28%;
}
.decision-wrapper.tyopaikat-meta .decision-value {
display: block;
float: left;
width:71%;
}
.decision-wrapper.tyopaikat-meta .decision-label.input{width:80%;}
.decision-wrapper.tyopaikat-meta input.avot-muu-virasto-input {
border:1px solid #E1E1E1;
color:#606060;
width:100%;
}

/* avot 1 */
.decision-wrapper.tyopaikat-meta input.avot-muu-virasto-input::-webkit-input-placeholder {
border:1px solid #E1E1E1;
color:#000000;
}
.decision-wrapper.tyopaikat-meta input.avot-muu-virasto-input:-moz-placeholder { /* Firefox 18- */ 
border:1px solid #E1E1E1;
color:#000000;
}
.decision-wrapper.tyopaikat-meta input.avot-muu-virasto-input::-moz-placeholder {  /* Firefox 19+ */ 
border:1px solid #E1E1E1;
color:#000000;
}
.decision-wrapper.tyopaikat-meta input.avot-muu-virasto-input:-ms-input-placeholder {
border:1px solid #E1E1E1;
color:#000000;
}
/* avot 2_1 */
.avot-muu-virasto-cont {padding:0px;}
.avot-muu-virasto-cont label {
background:#e6e6e6;
border: 1px solid #a4a4a4;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
float: left;
font-weight: normal;
line-height:2.4rem;
margin: 0;
padding: 0;
text-align: center;
width: 20%;
}
.avot-muu-virasto-cont label input[type="checkbox"] {
margin: -1px 0 0;
vertical-align: middle;
}
.avot-muu-virasto-input {
border:1px solid #a4a4a4;
border-radius: 0 4px 4px 0;
box-sizing: border-box;
padding:4px 4px 5px 4px;
width: 100%;
}
/* avot 2_2 */


/* ##########################
--8-- VIRASTON ASETUKSET
########################## */
/* vain oikeus.fi */

/* ##########################
--8-- Yhteystietolistaus yleinen/virasto
########################## */
/* vain oikeus.fi */

/* ##########################
--8-- Yhteystietolistaus - kooste
########################## */
/* vain oikeus.fi */

/* ##########################
--8-- Yhteystietolistaus - kooste - tuomioistuin
########################## */
/* vain oikeus.fi */

/* ##########################
--8-- Yhteystietolistaus - viraston luonti
########################## */
/* vain oikeus.fi */

/* ##########################
--8-- Yhteystiedot viraston etusivulla
########################## */
/* vain oikeus.fi */

/* ##########################
--8-- Kuntalistaus
########################## */
/* vain oikeus.fi */



/* ##########################
--8-- aiheesta lis�� - readmore
########################## */
#readMoreContainer.additional-info {
display: block;
float: left;
margin-top: 10px;
width: 100%;
}
#readMoreContainer.additional-info .additional-info-header {border:none;padding:8px;}
#readMoreContainer.additional-info .additional-info-header h2 {
color: #555555;
font-size: 1.4rem;
font-weight: bold;
margin: 0;
padding:0;
text-decoration: none;
}
#readMoreContainer.additional-info .content {
background:#f5f5f5;
border-bottom:none;
border-radius: 4px;
float: left;
margin-bottom: 1px;
padding: 8px;
position: relative;
width: 100%;
}
#readMoreContainer.additional-info .bullet {
color: #555555;
display: inline-block;
float: left;
line-height: 12px;
margin:0;
text-align:left;
width:16px;
}
#readMoreContainer.additional-info .item {
display: inline-block;
float: left;
margin:0;
width: calc(100% - 16px);
}
#readMoreContainer.additional-info .item a {
text-decoration: none;
}



/* ##########################
--8-- esikatsele nostolistoja (nostokuvan yllapito -tyylit rootissa - lift.list.preview x_htmlmuutos_x)
########################## */
.button_close_preview {
background: #f5f5f5;
background: -moz-linear-gradient(top, #f5f5f5 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#dddddd 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#dddddd 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#dddddd 100%);
background: linear-gradient(to bottom, #f5f5f5 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 );
border: 1px solid #ccc;
border-radius: 2px;
display: block;
left: 414px;
line-height: 48px;
position: absolute;
top: 30px;
}
.button_close_preview a, 
.button_close_preview a:visited, 
.button_close_preview a:hover {
color: #930000;
font-size: 16px;
padding: 0 30px;
text-decoration: none;
}



/* ##########################
--8-- Ulosoton myynti-ilmoitukset -lista - sama html kuin ilmoituksella - x_htmlmuutos_x
########################## */
/* oikeus.fi-only */

/* ##########################
--8-- Ulosoton myynti-ilmoitus - sama html kuin listauksella - x_htmlmuutos_x
########################## */
/* oikeus.fi-only */



/* ##########################
--8-- Tapahtumat
########################## */
.tapahtumahaku-otsikko {
height:12px;
margin:0px;
padding:8px;
color:#535353;
font-size:14px;
font-weight:bold;
}
.sivupalkki-tapahtumahaku {
display:block;
padding:0 0 0 0;
background:url('/images/ottk/narrow_header_blank.png') no-repeat scroll 0 0 transparent;
border:1px solid #d0d0d0;
}
.sivupalkki-tapahtumahaku h1 {
margin:8px 0 8px 0;
font-size:12px;
color:#535353;
font-weight:bold;
}
.tapahtumahaku-input-submit {
margin:4px 8px;
}
.tapahtumahaku-input-submit input{
border: 1px solid #d0d0d0;
width: 100%;
}
#tapahtumahaku {margin:0 auto 0 auto;}
#tapahtumahaku .submit-nappi {
background:#eee;
border:1px solid #d0d0d0;
color: #7a7a7a;
font-size:12px;
font-weight: bold;
margin:8px;
padding:4px 8px;
}
#tapahtumahaku .formialue{padding:0 8px;}
.tapahtumakalenteri table {
border-collapse:collapse;
width:93%;
margin:34px auto 10px auto;
padding:0;
}
.tapahtumakalenteri table th,
.tapahtumakalenteri table td {
width:12.5%;
text-align:center;
border-collapse:collapse;
line-height:16px;
margin:0;
padding:0;
border:solid 1px #ccc;
font-size:9px;
line-height:16px;
color:#333;
}
.tapahtumakalenteri table th {
font-weight:bold;
background:#eee;
}
.tapahtumakalenteri .cms_calendar_header th {
background: #f5f5f5;
background: -moz-linear-gradient(top, #f5f5f5 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#dddddd 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#dddddd 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#dddddd 100%);
background: linear-gradient(to bottom, #f5f5f5 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 );
padding-top:3px;
}
.tapahtumakalenteri table th a,
.tapahtumakalenteri table th a:visited {
display:block;
margin:0;
padding:0;
border:none;
font-weight:bold;
color:#333;
}
.tapahtumakalenteri table th a:hover {
margin:0;
padding:0;
border:none;
background:#ddd;
}
.tapahtumakalenteri table td {
font-weight:normal;
background:#f8f8f8;
color:#999;
font-weight:normal;
}
.tapahtumakalenteri table td a,
.tapahtumakalenteri table td a:visited {
display:block;
margin:0;
padding:0;
border:none;
font-weight:normal;
color:#333;
background:#fff;
}
.tapahtumakalenteri table td a:hover {
margin:0;
padding:0;
border:none;
background:#eee;
}
.tapahtumakalenteri table td a.current_day {
position:relative;
margin:-2px;
border:2px solid #535353;
}
.tapahtumakalenteri table td a.event,
.tapahtumakalenteri table td a.event:visited {
font-weight:bold;
color:#333;
}



/* ##########################
--8-- Puheet - uusimmat listaus
########################## */
/* kayttaa poimittavan nostoelementin tyyleja */

/* ##########################
--8-- Puheet - vuosilistaus - talle pit�� lis�t� classi, ettei sama kuin nostolista x_htmlmuutos_x
########################## */
.puheet-nosto .lift_center_wrapper{border-bottom:none;}
.puheet-nosto .news_groupheader {
background:none;
border:none;
color:#535353;
float: left;
font-weight: bold;
padding:8px 8px 0px 8px;
text-transform: capitalize;
width:100%;
}
/*** skin1 ***/
.puheet-nosto .skin1 .one_padded.bg_highlight_grey{
border-bottom: 1px solid #dfdfdf;
}
.puheet-nosto .skin1 .lift_info_stamp {
margin:0;
color: #737373;
display: inline;
float: left;
font-size: 12px;
font-weight: bold;
padding:0;
width:16%;
}
.puheet-nosto .skin1 .lift_item_header {
float:left;
margin:0;
width:84%
}
/*** skin2 ***/
.puheet-nosto .skin2 .lift_article_stamp {
color: #737373;
margin-bottom: 4px;
}
.puheet-nosto .skin2 .one_padded{
border-bottom:1px solid #DFDFDF;
position:relative;
}
.puheet-nosto .skin2 .lift_item_right {
margin:-42px 6px 0 0;
padding: 0;
position: absolute;
right: 9px;
}
/*
.puheet-nosto .skin2 .read_more{
padding:8px 0 0 0;
}
*/

/* ##########################
--8-- Puheet - puhe
########################## */
.puheet-puhuja {
    display: block;
    margin: 16px 0;
}



/* ##########################
--8-- Julkaisut - paalistaussivu - kiintea listaus tarvitsee tarkemman classin x_htmlmuutos_x
########################## */
/* om.fi-sivustokohtainen */

/* ##########################
--8-- Julkaisut - paalistaussivu - kiintea listaus tarvitsee tarkemman classin x_htmlmuutos_x
########################## */
/* om.fi-sivustokohtainen */

/* ##########################
--8-- Julkaisut - julkaisu
########################## */
/* om.fi-sivustokohtainen */




/* ##########################
--8-- lehtiartikkeli
########################## */
.writer {
color: #666;
font-weight: bold;
margin: 10px 0 20px;
}



/* ##########################
--8-- ratkaisut - ratkaisu, yleinen x_htmlmuutos_x
########################## */
/* oikeus.fi only */

/* ##########################
--8-- ratkaisut - ratkaisunavin sivutus
########################## */
/* oikeus.fi only */

/* ##########################
--8-- ratkaisut - kaikille yhteinen - p��listaus
########################## */
/* oikeus.fi only */



/* ##########################
--8-- lausunnot p��listaus
########################## */
/* kayttaa poimittavaa nostolistaa */

/* ##########################
--8-- lausunnot vuosilistaus
########################## */
/* kayttaa poimittavaa nostolistaa */

/* ##########################
--8-- lausunnot lausunto - body_wrapper lisatty. x_htmlmuutos_x
########################## */
/* kayttaa ratkaisuille yhteisia tyyleja */

/* ##########################
--8-- ennakkopaatokset p��listaus
########################## */
/* kayttaa poimittavaa nostolistaa */

/* ##########################
--8-- ennakkopaatokset ennakkopaatos - body_wrapper lisatty. x_htmlmuutos_x
########################## */
/* kayttaa poimittavaa nostolistaa */




/* ##########################
--8-- energiamarkkina-asia p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.mao .news_item_header a {color:#000000;} */

/* ##########################
--8-- ennakkoratkaisupyynnot p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.mao .news_item_header a {color:#000000;} */

/* ##########################
--8-- hankinta-asiat p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.mao .news_item_header a {color:#000000;} */

/* ##########################
--8-- kilpailu- ja valvonta-asiat p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.mao .news_item_header a {color:#000000;} */

/* ##########################
--8-- markkinaoikeudelliset asiat p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.mao .news_item_header a {color:#000000;} */

/* ##########################
--8-- teollis- ja tekij�noikeudelliset asiat p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.mao .news_item_header a {color:#000000;} */

/* ##########################
--8-- valiaikaiset ratkaisut p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.mao .news_item_header a {color:#000000;} */



/* ##########################
--8-- tyotuomioistuin ratkaisut p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.tti .news_item_header a {color:#000000;} */
    
/* ##########################
--8-- vakuutusoikeuden ratkaisut p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.vako .news_item_header a {color:#000000;} */ 



/* ##########################
--8-- hallinto-oikeuksien ratkaisut p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.hao .news_item_header a {color:#000000;} */ 

/* ##########################
--8-- hovi-oikeuksien ratkaisut p��listaus
########################## */
/* kaikki yleista toistaiseksi .news.kiintea-list-ratkaisu.hovi .news_item_header a {color:#000000;} */ 



/* ##########################
--8-- kuluttajariita ratkaisut p��listaus
########################## */
/* kayttaa poimittavia nostolistoja */ 



/* ##########################
--8-- kho lyhyet ratkaisuselosteet - p��listaus
########################## */
/* kayttaa poimittavia nostolistoja */ 

/* ##########################
--8-- kho muita paatoksia - ratkaisut p��listaus
########################## */
/* kayttaa poimittavia nostolistoja */ 

/* ##########################
--8-- kho vuosikirjapaatokset - ratkaisut p��listaus
########################## */
/* kayttaa poimittavia nostolistoja */













/* ##########################
-x- imports
########################## */
/* jquery-ui-datepicker */
/* projektikohtainen
.prjct-datepicker-wrapper {}
*/
/* Calendar Wrapper */
.prjct-datepicker-wrapper {
background:#fcfcfc;
border-radius:8px;
box-shadow: 0px 1px 3px;
color:#4d4d4d;
cursor: default;
display: none;
font-family: verdana;
font-size:1.2rem;
padding:2.0rem;
text-transform: uppercase;
}
/* Calendar Header */
.prjct-datepicker-wrapper .ui-datepicker-header {
border-bottom:2px solid #000;/* sivustolinkin vari */
position: relative;
padding-bottom: 10px;
}
.prjct-datepicker-wrapper .ui-datepicker-title {text-align: center;}
/* Month */
.prjct-datepicker-wrapper .ui-datepicker-month {
position: relative;
padding-right: 15px;
color:#4d4d4d;
}
.prjct-datepicker-wrapper .ui-datepicker-month:before {
display: block;
position: absolute;
top: 5px;
right: 0;
width: 5px;
height: 5px;
content: '';
}
/* Year */
.prjct-datepicker-wrapper .ui-datepicker-year {
padding-left: 8px;
color:#4d4d4d;
}
/* Prev Next Month */
.prjct-datepicker-wrapper .ui-datepicker-prev,
.prjct-datepicker-wrapper .ui-datepicker-next {
position: absolute;
top: -2px;
padding: 5px;
cursor: pointer;
}
.prjct-datepicker-wrapper .ui-datepicker-prev {
left: 0;
padding-left: 0;
}
.prjct-datepicker-wrapper .ui-datepicker-next {
right: 0;
padding-right: 0;
}
.prjct-datepicker-wrapper .ui-datepicker-prev span,
.prjct-datepicker-wrapper .ui-datepicker-next span{
display: block;
height: 10px;
width: 5px;
}
.prjct-datepicker-wrapper .ui-datepicker-prev span {background-position: 0px 0px;}
.prjct-datepicker-wrapper .ui-datepicker-next span {background-position: -5px 0px;}
.prjct-datepicker-wrapper .ui-datepicker-prev-hover span {background-position: 0px -10px;}
.prjct-datepicker-wrapper .ui-datepicker-next-hover span { background-position: -5px -10px; }
/* Calendar "Days" */
.prjct-datepicker-wrapper .ui-datepicker-calendar th {
color:#4d4d4d;
font-weight: normal;
padding-top: 15px;
padding-bottom: 10px;
text-align: center;
}
.prjct-datepicker-wrapper .ui-datepicker-calendar td {
line-height:2.6rem;
padding: 0px;
text-align: center;
}
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-state-default {
border: 1px solid transparent;
color:#4d4d4d;
display: block;
outline: none;
text-decoration: none;
width: 26px;
}
/* Day Active State*/
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-state-active {
color: #000;/* sivustolinkin vari */
border-color:#000;/* sivustolinkin vari */
border-radius:50%;
}
/* Other Months Days*/
.prjct-datepicker-wrapper .ui-datepicker-other-month .ui-state-default {color: #4d4d4d;}
/* weekend */
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {color:#000;}/* sivustolinkin vari */
/* today */
.prjct-datepicker-wrapper .ui-datepicker-today{
background:#000;/* sivustolinkin vari */
border-radius:50%;
color:#fff;
}
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-datepicker-today .ui-state-default{color:#fff;}
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-datepicker-week-end.ui-datepicker-today .ui-state-default{color:#fff;}
.prjct-datepicker-wrapper .ui-datepicker-today .ui-state-default.ui-state-highlight.ui-state-active{color:#fff;}
/*
.fjp_alkaa input[type="text"].datepicker{
background:#fff;
border:1px solid #D0D0D0;
padding:2px;
}
*/


/* ##########################
-x- huoltokatko
########################## */
/*** kutsutaan erikseen huolto-templatessa /css/huoltokatko.css ***/


/* ##########################
-x- kriisi-sivusto
########################## */
/*** kutsutaan tarvittaessa pagespecialissa /css/crisis.styles.css ***/



/* ##########################
-x- vankilatuote-template
########################## */
/* rise-kohtainen */












/* ##########################
-PRINT- TULOSTUS
########################## */
@media print {
/* kaikki muu tulostuu samanlaisesti sivustoperheiss� - paitsi esitteet ja umyynti-ilmoitukset */
/* muut paitsi esitteet ja umyynti-ilmoitukset */
body .body_wrapper {background:none;}
.sector_navigation_wrapper {display:none;}
.upperheader {display:none;}
.wrapper .header_largetext{margin:0;}
.wrapper .header_largetext h1, .wrapper .header_largetext .headertitle{
font-size:24px !important;
margin:0;
}
.wrapper .header {height:50px;}
.wrapper .header .logo{display:none;}
.search_box {display:none;}
.sitemap_box {display:none;}
#navback {display:none;}
.wrapper #navbottom{background:none;border-top: 3px solid #000000;}/* koska backgroundin joutuu jokatapauksessa korvaamaan - koska print */
.wrapper .maincontent {background:none;}
.maincontent .center{margin:0;}
.maincontent .sidebar.leftbar {display:none;}
.maincontent .sidebar.rightbar {display:none;}
.maincontent .center .bottom-center{display:none;}
.body_wrapper .footer{background:none;}
.footer .footer_upper_links {display:none;}
.footer .footer_lower_links {display:none;}
.footer .sector_navigation_wrapper {display: none;}
.body_wrapper .footer .bottom-border {display:none;}
.print-footer-info{display:block;padding-top:10px;}

/* esitteet */
/* esitesivusto-tyylitiedostoissa maaritykset */

/* umyynti-ilmoitukset - tyyli oikeus.fi-perheen tiedostossa */
}