/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;min-width: 768px;max-width: 940px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* Stylesheet: Simplex: Core Modified On 2015-04-02 16:36:19 */
/* ==============================  BASIC STYLES  ================================ */body {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 16px;color: #555;background: #DEDEDE url(https://hankkijanperinneyhdistys.fi/uploads/images/rypsipelto3.jpg) top center no-repeat;background-attachment:fixed;line-height: 1.4}body#boxed {/** background: #FCF2ED;  #d1d1d1 url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/boxed-bg.gif) repeat */}/* add some space inside the boxed container */#boxed .container {padding: 0 1%}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #e9e9e9}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 10px 0;height: 0}.br6 {-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;-webkit-background-clip: padding-box;-moz-background-clip:    padding;background-clip:         padding-box;}/* ==========================    COMMON TYPOGRAPHY   ============================== */a {color: #C9571E;}a:visited {color: #FA9003}a:hover {color: #e6870e;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: none;}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/external-icon.png) no-repeat 0 0*/background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}/* default heading styles *//* default heading styles */h1{font-family: 'Open Sans', Helvetica, Arial, sans-serif;}h2, h3 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}h1 {color: #C9571E;margin: 10px 0;font-size: 22px;letter-spacing: 0px;}/* #main h1 {padding-left: 28px;background: url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkija-vakaset_h18.png) no-repeat left center;}*/h2 {color: #C97103;font-size: 22px}h3 {color: #555;font-weight: 600;font-size: 18px}#main h3 {color: #FA9003;}blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #555;font-style: italic;font-family: Georgia, Times New Roman, serif}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1}blockquote cite {display: block;font-size: 12px;color: #555}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}/* ================================  LAYOUT  ================================== *//* wrapping the page in a box */#wrapper {margin-top: 0;background: #fff;/* border-top: 5px solid #f1f1f1; */}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper, #boxed-muut #wrapper {background: #fff;box-shadow: 2px 2px 8px #555}/* ------ HEADER SECTION ------ */.top {height: 215px;background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/images/iltarusko_w940.png) no-repeat;margin: 0;width: 100%;}.container .grid_12 {width: 100%;margin: 0;}.pk {height: 215px;background:  url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkijan_pk_w350.jpg) no-repeat;}#uusi .pk {background: #E8E8E8  url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkijan_pk_w350.jpg) no-repeat top left 280px;height: 215px;}.pk-jasen {height: 215px;background: #ABACAD url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkijan_pk_w350.jpg) no-repeat;}.pk-jasen-kirjautunut, .pk-kirjautunut {height: 215px;background: #ABACAD url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkijan_pk_w350.jpg) no-repeat;}.pk-jasen .logo a {color: #fff;}/*.pk .grid_5 {float: right;}*/.logo  {margin-top: 20px;position: relative}.logo a {float: right;background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/images/hakanen_w100_rusk.png) no-repeat;margin: 20px 15px 0 0;padding-top: 50px;padding-right: 10px;font-size:26px;font-weight: bold;color: #fff; /* #C8571E;  #C97103 */font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform: uppercase;}.phrase {margin-top: 0px;}.indent {padding-left: 30px;}/**************************  NAVIGATION ************************//* first level */nav.main-navigation {z-index: 990;height: 34px;line-height: 34px;margin: 0px 10px 20px 10px;background: #ED641F;background: -moz-linear-gradient(top, #ED641F 0%, #FE741A 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ED641F), color-stop(100%,#FE741A));background: -webkit-linear-gradient(top, #ED641F 0%,#FE741A 100%);background: -o-linear-gradient(top, #ED641F 0%,#FE741A 100%);background: -ms-linear-gradient(top, #ED641F 0%,#FE741A 100%);background: linear-gradient(to bottom, #ED641F 0%,#FE741A 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ED641F', endColorstr='#FE741A',GradientType=0 );}nav.main-navigation > ul {float:left;padding: 0}nav.main-navigation > ul > li {float: left;padding: 0 0px;margin: 0;position: relative}nav.main-navigation > ul > li:first-child,nav.main-navigation > ul > li.first {margin-left: 0px;}nav.main-navigation > ul > li:last-child,nav.main-navigation > ul > li.last {margin-right: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-family: 'Open Sans', Helvetica, Arial, sans-serif;color: #FFF; /* #555; */text-decoration: none;font-size: 16px;font-weight: 600;cursor: pointer;padding: 0 10px;text-transform: none}/* Second Level */nav.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 200px;padding: 1px;margin-top: -3px;background: #FE8613;background: rgba(254,134,19,.95);color: #fff;/* box-shadow: 1px 1px 8px #555;-webkit-box-shadow: 1px 1px 8px #555;-moz-box-shadow: 1px 1px 8px #555;-o-box-shadow: 1px 1px 8px #555; */border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;border: 1px solid #e9e9e9}nav.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 38px;right: 0;left: 0;display: block}nav.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;border-bottom: 1px dotted #ddd;}nav.main-navigation ul ul li.last {border-bottom: none}/*************** third level **************/.sidebar nav.main-navigation {float: left;display: block;height: auto;margin: 20px 0 20px 0;width: 100%;}.sidebar nav.main-navigation ul {border-top: 1px solid #cb9805;width: 98%;}.sidebar nav.main-navigation > ul > li {float: left;display: block;font-size: 16px;width: 100%;max-width: 220px;margin: 0;padding: 0;position: relative;background: #eaeaea;border-bottom: 1px solid #cb9805;}.sidebar nav.main-navigation > ul > li > a {display: block;color: #1866A5;font-weight: normal;font-size: 16px;}.sidebar nav.main-navigation > ul > li > a:hover {color: #fff;background: #cb9805;padding: 0 10px;}.sidebar nav.main-navigation > ul > li > a.menuactive {font-weight: bold;}.sidebar nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;float: right;top: 2px;left: 200px;right: auto;z-index: 10999;display: block;}.sidebar nav.main-navigation ul li ul li.parent {background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/images/parent-white.png) no-repeat 180px 50%;}/************************ navigation text color ***************************/nav.main-navigation ul li li a,nav.main-navigation ul li li.sectionheader span {padding: 8px 10px;font-family: sans-serif;text-transform: none;font-weight: normal;font-size: 16px;text-decoration: none;color: #fff;display: block}nav.main-navigation a.current,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a.current {color: #FCC66A;background: #B96703;padding: 5px 10px 5px 10px;}nav.main-navigation a:hover,nav.main-navigation li.sectionheader span:hover,nav.main-navigation ul ul li a:hover {background: #FAD695;padding: 5px 10px 5px 10px;color: #e6870e}.phrase span {font-family: 'Open Sans', Helvetica, Arial, sans-serif;color: #ddd;font-size: 14px;font-weight: 700}.search {text-align: right;margin-top: 30px;}.search, .search-button {display: inline-block;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}input.search-input {border: 1px solid #f1f1f1;height: 17px;line-height: 17px;outline: 0;margin: 0px 0px 0 0;width: 165px;padding-left: 5px 0 3px 35px;font-size: 14px;color: #333;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;/* using sprite image, left as reference to single imagebackground: #fff url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/search-icon.png) 10px 50% no-repeat*/background: #E0CBC1 url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/simplex-sprite.png) 0px -434px no-repeat}input.search-input:focus {border: 1px solid #FA9003;width: 240px;margin-right: 0px;height: 17px;box-shadow: 0 0 1px #FA9003;-webkit-box-shadow: 0 0 1px #FA9003;-moz-box-shadow: 0 0 1px #FA9003;-o-box-shadow: 0 0 1px #FA9003;}#loginform input[type="submit"] {background: none repeat scroll 0 0 #147fdb;border: 0 solid blue;border-radius: 6px;color: #fff;font-size: 16px;height: 27px;padding: 3px 10px;}.search form input.search-button {background: #D3C1A2;color: #666;border: 1px solid #f1f1f1;border-radius: 0px;width: 50px;font-size: 14px;height: 27px;line-height: 26px;margin-top: 0px;padding: 0px 6px;float: right;}.search form input.search-button:hover {border: none;color: #fff;}/* ------ CONTENT AREA ------ */.content-wrapper {padding-top: 20px;background: ; /* url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkijan_talo_bg2.jpg) no-repeat; */}.content-top {background: url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/dots.gif) repeat-x 0 50%;color: #555;font-style: italic;line-height: 20px;margin: 15px 0 15px 10px;}.breadcrumb {display: inline-block;background: #fff;color: #999; /* #555; */width: auto;font-size: 14px;margin-top: 5px;padding-right: 6px}.breadcrumb a {color: #999;font-size: 14px;display: inline-block;width: auto;background: #fff}/* print button */a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float:right;text-indent: -999em;/* using sprite image, left as reference to single imagebackground: #fff url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/print-icon.png) no-repeat 6px -16px;*/background: #fff url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -94px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out}a.printbutton:hover {/* using sprite image, left as reference to single imagebackground: #fff url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/print-icon.png) no-repeat 6px 0;*/background: #fff url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -78px;}.content-inner article {margin-left: 20px;}.content-inner article.jsrek {margin: 0 10px;}/* news module summary -> content */.news-summary {margin-top: 0;}.content .news-summary  span.heading {display: none}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9}.content .news-summary ul.category-list {margin: 15px 0}.content .news-summary ul.category-list li a,.news-summary ul.category-list li span {border-radius: 4px}.news-summary ul.category-list li span {opacity: .4}.news-article h2 {margin: 0 0 15px 0}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;font-size: 16px;text-decoration: none;font-weight: 700}/* date circle, well square for IE  */.news-article .date {background: #FA9003;color: #fff;display: block;float:left;width: 40px;padding: 6px;height: 40px;border-radius: 26px;text-align: center;font-family: Georgia, Times New Roman, serif}.news-article .author,.news-article .category {font-family: Georgia, Times New Roman, serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic}.news-summary ul.category-list {margin:15px 0 0 0;padding:0;list-style: none}.news-summary ul.category-list li {float:left;display: block;width: auto;margin-right: 5px}.news-summary ul.category-list li a,.news-summary ul.category-list li span {display: block;color: #555;padding: 4px 8px;background: #f1f1f1;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase}.news-summary ul.category-list li a:hover {color: #FA9003}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #f1f1f1;padding: 10px;margin: 10px 0;font-size: 14px;}.NewsPostdate {margin:0;padding:0;font-size: 13px;color: #888;}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {font:  16px/1.3 'Open Sans', Helvetica, sans-serif;text-decoration: none}span.back {margin-top: 10px;}.vaihda-asetuksia .back {font-weight: bold;}.vaihda-asetuksia input.cms_textfield {width: 80%;min-width: 130px;}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: underline}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ SIDEBAR AREA ------ */.sidebar .login {margin-left: 0px;}.sidebar .news-summary  span.heading {/* background: url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/dots.gif) repeat-x 0 50%;color: #555;font:  normal 16px/20px Georgia, Times New Roman, serif; */margin: 0 0 15px 0;display: block}.sidebar .news-summary .heading span {font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 20px;display: inline-block;width: auto;background: #fff;padding: 0 6px 0 5px;}.sidebar .news-article {padding: 8px;position: relative;background: #f1f1f1;margin-bottom: 20px;}.news-article header h3 {margin: 5px 0 10px 0;font-size: 14px;line-height: 16px;font-weight: 500;}.news-summary span {color: #C9571E;font-weight: bold;}.news-article h3 a, .more a {color: #1581F5;text-decoration: none;}.more a {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #C9571E;}.news-article h3 a:hover, .more a:hover {text-decoration: underline;}.sidebar .news-article p {font-size: 13px;margin: 5px 0;}/**************************** FOOTER AREA ************************/.footer {position: relative;/* background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/footer-background.png) repeat-x top; */border-top: 1px dotted #BBB;margin: 25px 0 10px 0;padding: 20px 0}.copyright {padding-top: 15px;text-align: center;}.copyright p {color: #555;font-size: 14px}.copyright a {padding-top: 10px;font-size: 14px;}.copyright span a {font-size: 14px;}.copyright a:hover {text-decoration: none;}.back-top a {display: inline-block;width: auto;padding: 5px 8px;border: 1px solid #BBB;font: normal 15px Helvetica, Arial, sans-serif;text-decoration: none;color: #1C5CC9;background: #f1f1f1;position: absolute;top: -14px;left: 45%;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}.back-top a:hover {color: #e6870e;}.footer-navigation {padding-top: 15px}.footer-navigation > ul > li {float:left;width: 32.333%}.footer-navigation > ul > li > a,.footer-navigation > ul > li span.sectionheader {font-family: 'Open Sans', Helvetica, Arial, sans-serif;text-transform: uppercase;color: #555;text-decoration: none;display: block}/* second level */.footer-navigation > ul ul {margin-top: 10px}.footer-navigation > ul > li li {float: none;width: 100%;display: block}.footer-navigation > ul > li li a,.footer-navigation > ul > li.sectionheader li a,.footer-navigation > ul > li li span.sectionheader  {text-decoration: none;font-family: sans-serif;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #555}.footer-navigation > ul > li li a:hover {color: #FA9003}form input {height: 20px;}form input:focus, form textarea:focus {height: 22px;color: #555;border: 1px solid #FA9003;box-shadow: 0 0 3px #FA9003;-webkit-box-shadow: 0 0 3px #FA9003;-moz-box-shadow: 0 0 3px #FA9003;-o-box-shadow: 0 0 3px #FA9003;}form textarea:focus {height: 121px;}form input[type="submit"] {height: 27px;font-size: 16px;color: #FFF;border: 0px solid blue;background: #147FDB;padding: 3px 10px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}form input[type="submit"]:hover {background: #0564BC;cursor: pointer;}.kirjaudu-link {float: right;margin: 5px 20px 0 10px;padding-top: 5px;}.kirjaudu-link-header {margin: 15px 20px 0 10px;font-weight: bold;font-size: 14px;}.kirjaudu-link a {color: #fff;}/********************************** jäsenhakemus *****************************/.contactform, .jasenhakemus {width: 60%;min-width: 300px;font-size: 15px;border: 1px solid maroon;margin-bottom: 30px;padding: 10px 5px 5px 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;}.jasenhakemus {width: 90%;}.contactform fieldset, .jasenhakemus fieldset {border: none;margin-bottom: 0;}.contactform legend {background: none repeat scroll 0 0 #FFDB1B;border: 1px solid #888;color: #044E95;font-size: 1.2em;font-style: normal;margin: 0 0 0.8em 0.4em;padding: 0.5em;width: 200px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;}.contactform input, .jasenhakemus input {margin-bottom: 10px;height: 24px;width: 60%;min-width: 200px;background: #F9F9F9;font-size: 14px;border: 1px solid #999;}#feu_username, #feu_password, .jasenhakemus input, .jasenhakemus textarea, .contactform input, .contactform textarea {border: 1px solid #999;height: 22px;background: #F7EAC1;padding: 2px 3px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip:    padding;background-clip:         padding-box;}#feu_username, #cntnt01input_username, #cntnt01feu_input_username, #feu_password, #m81785input_captcha, #cntnt01input_captcha, #loginform submit {border: 1px solid #999;height: 24px;padding: 2px 3px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip:    padding;background-clip:         padding-box;}.jasenhakemus textarea {margin-bottom: 10px;min-width: 200px;height: 140px;background: #F0E8DB;border: 1px solid #999;}.contactform textarea {font-family: Verdana, Arial, sns-serif;font-size: 14px;height: 100px;width: 94%;min-width: 260px;border: 1px solid #999;background: #F7EAC1;}.contactform label {display: block;width: 100px;font-size: 15px;}.contactform .viesti label {width: 94%;}p.col-md-4, p.col-md-8 {margin: 5px 0;}#feu_username:focus, #feu_password:focus, .contactform input:focus, .contactform textarea:focus, .jasenhakemus input:focus, .jasenhakemus textarea:focus {background: #FFF;border: 1px solid #FA9003;box-shadow: 0 0 3px #FA9003;-webkit-box-shadow: 0 0 3px #FA9003;-moz-box-shadow: 0 0 3px #FA9003;-o-box-shadow: 0 0 3px #FA9003;}.jasenhakemus .submit input {margin: 0 0 10px 15px;color: #FFF;font-size: 15px;width: 140px;min-width: 60px;background: #008BFC;}.jasenhakemus .submit input:hover {background: #246ACB;cursor: pointer;color: #FFF;}.jasenhakemus input.cms_checkbox {width: 30px;min-width: 30px;margin: 0 0 0 15px;height: 16px;}.contactform .submit input {margin: 0 0 10px 14px;color: #FFF;font-size: 15px;width: 80px;min-width: 60px;background: #008BFC;}.contactform .submit input:hover {background: #246ACB;cursor: pointer;color: #FFF;}.jasenhakemus .label {font-size: 15px;width: 140px;}.label input {display: block;margin: -20px 0 10px 130px;}.captcha {margin-left: 14px;text-align: left;width: 200px;}.captcha img {border: 1px solid #999;}.jasenhakemus .captcha input {min-width: 195px;}.contactform input {display: block;margin: 0px 0 10px 0px;}.error_message, .cgfeedback_addcomment .error {color: #ED4B29;margin-bottom: 20px;}.fb_invalid input, .fb_invalid textarea {border: 1px solid #ED4B29;background: #FAF5F5;}/**************************** FEU *******************************/#isuser {float: right;margin: 3px 20px 0 0;padding: 5px;background: transparent;}#isuser p {margin: 0px;font-weight: normal;color: #000;font-size: 14px;}#isuser p span {color: #000;font-weight: bold;font-style: normal;padding-right: 5px;}#isuser a {color: #fff;}#isuser .logout-username {color: #777;font-size: 14px;}#isuser .logout_user a:hover {text-decoration: none;color: #B96703;}#isuser .logout-username {margin-top:0;}.logout-settings {margin-bottom:0;}.logout-username, .logout-title, .logout-settings {margin: 0 0 4px 0;}.bold {font-weight: bold;margin-bottom:5px;}.dokut ul {margin: 5px 0;}.dokut ul li {line-height: 26px;}.lask-ohje {width: 90%;}.lask-ohje p {margin-bottom: 10px;}.lask-ohje ul {margin-top: 0;padding: 0 0 0 15px;}.add-textarea {margin-top: 15px;width: 99.5%;}.linkki-hakemus {background: none repeat scroll 0 0 #008bfc;color: #fff;display: block;font-size: 16px;height: 30px;padding: 8px 0 0 15px;margin: 20px 0 15px 0;width: 170px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-khtml-border-radius: 5px;}.linkki-hakemus a {font-size: 16px;color: #fff;text-decoration: none;}.linkki-hakemus:hover {display: block;height: 28px;width: 170px;border: 1px solid #248EF2;-moz-box-shadow: 0 0 6px 1px rgba(84, 134, 210, 0.68);-webkit-box-shadow: 0 0 6px 1px rgba(84, 134, 210, 0.68);box-shadow: 0 0 6px 1px rgba(84, 134, 210, 0.68);filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=1);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;}.jasen-table {}.jasen-table td {padding-right: 10px;border: 1px solid #888;border-top: none;}.jasen-otsrivi td {font-weight: bold;border-top: 1px solid #888;}.CompanyDirectoryItem span {width: 200px;}#main h3 span {font-size: 15px;}#main h3 span a {color: #0576E0;}.feu-submit-lomake {margin-bottom: 15px;padding: 10px;background: #f5f5f5;border: 1px solid #008BFC;}.feu-submit-lomake p {margin: 6px 0;}.feu-submit-lomake .cms_textarea {width: 80%;min-width: 280px;height: 100px;font-family: Verdana, Geneva, sans-serif;font-size: 13px;}textarea#m6d4e5cgblog_summary {height: 100px;}textarea#m6d4e5cgblog_content {height: 180px;}.CGBlogSummary {margin-bottom: 10px;padding: 6px;border: 1px solid #999;}#main .CGBlogSummaryLink h3, #main #CGBlogPostDetailTitle {font-weight: normal;color: #fff;font-size: 20px;background: #C97103;padding: 6px;}.CGBlogSummaryLink h3 {margin: 8px 0;}#main .CGBlogSummaryLink a {color: #fff;}#main .CGBlogSummaryLink a:hover {color: #FCC66A;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: underline}#CGBlogPostDetailTitle {margin-top: 0;}.detail-blogi {border: 0px solid #ddd;padding: 8px;margin-bottom: 20px;}.detail-blogi hr {margin-top: 0;margin-bottom:0;padding: 8px 0 0 8px;;border-color: #CECECE;background: #F7EAC1;}.detail-kirjoitus {border: 1px solid #C97103;}#CGBlogPostDetailDate, .CGBlogSummaryPostdate {font-family: Geneva, Arial, sans-serif;font-size: 14px;color: #999;}#CGBlogPostDetailDate {padding: 5px;background: #F7EAC1;}h3#CGBlogPostDetailTitle {margin-bottom:0;padding-bottom: 5px;}.CGBlogSummaryCategory {background: transparent;padding-left: 2px;font-size: 13px;font-style: italic;color: #fff;}#CGBlogPostDetailContent, #CGBlogPostDetailExtra  {padding-bottom: 8px;}#CGBlogPostDetailContent {padding-top: 5px;}#CGBlogPostDetailContent img {margin: 5px 15px 5px 0;}.CGBlogSummaryExtra {padding-top: 5px;}.CGBlogSummarySummary p, .CGBlogSummarySummary a, #CGBlogPostDetailSummary p, #CGBlogPostDetailContent p, .CGBlogSummaryExtra, #CGBlogPostDetailExtra {font-family: 'Open Sans', Arial, sans-serif;font-size: 14px;color: #666;}#CGBlogPostDetailSummary p, #CGBlogPostDetailContent p {margin-top:0;margin-bottom: 0;padding-top: 5px;padding-top: 5px;}.CGBlogSummary .CGBlogSummarySummary p {margin-top:0;margin-bottom: 0;padding-top: 0;}.CGBlogSummarySummary {padding-top: 5px;font-size: 14px;color: #666;}#CGBlogPostDetailSummary {display: block;font-style: italic;}.CGBlogSummarySummary a {display: block;padding-top: 0px;color: #D0571E;}.prevblogarticle, .nextblogarticle {font-size: 13px;}.prevblogarticle {margin: 6px 0;}#CGBlogPostDetailSummary, #CGBlogPostDetailContent, #CGBlogPostDetailExtra {background: #F7EAC1;padding-left: 8px;font-size: 14px;}#uusi .phrase {height: 215px;}#uusi .phrase .grid_4 {width: 279px;height: 215px;background: #FE8215;}#uusi .container .sidebar .grid_4 {background: none;width: 31.333%;}.top-header {height: 70px;padding-top: 20px;background: #C15800;}.hpynimi a {color: #fff;font-size: 28px;text-decoration: none;}#uusi .news-article h3 {font-size: 14px;line-height: 16px;}#uusi .sidebar .news-article p, #uusi .more a {font-size: 13px;margin: 5px 0;}#uusi .NewsPostdate {font-size: 13px;}#uusi #main h2 {margin-top:0;}body#uusi {color: #666;font-family: Verdana,Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.4;}#uusi .kirjaudu-link-header {float: right;font-size: 14px;font-weight: normal;margin: 15px 15px 0 0px;}#uusi .kirjaudu-link-header a {color: #FFB26F;}#uusi .kirjaudu-link-header a:hover {color: #ddd;text-decoration: none;}#uusi input.search-input {background: url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/simplex-sprite.png) no-repeat scroll 0 -434px #E07C27;border: 1px solid #FFB26F;color: #eee;font-size: 14px;height: 17px;line-height: 17px;margin: 13px 15px 0 0;outline: 0 none;padding: 5px 0 3px 35px;transition: all 0.35s ease-in-out 0s;width: 165px;}#uusi input[type="search"] {box-sizing: content-box;}#uusi input.search-input:focus {border: 1px solid #FA9003;width: 240px;height: 17px;color: #fff;box-shadow: 0 0 1px #FA9003;-webkit-box-shadow: 0 0 1px #FA9003;-moz-box-shadow: 0 0 1px #FA9003;-o-box-shadow: 0 0 1px #FA9003;}#uusi h2 {color: #C15800;}.takaisin {margin-top: 10px;}.takaisin input {padding: 3px 6px;font-size: 13px;}.takaisin input:hover {color: blue;padding: 4px 8px;cursor: pointer;background: #D6D6D6;border: 1px solid #A4A4A4}.checkbox {display: block;margin: 8px 0;}form .checkbox input[type="checkbox"] {box-sizing: border-box;height: 14px;}.cgfeedback_addcomment fieldset {width: 80%;min-width: 280px;background: #fff;border: 2px solid #C97103;}.cgfeedback_addcomment {font-size: 14px;color: #000;}.cgfeedback_addcomment .row {margin-bottom: 10px;width: 80%;min-width: 280px;}.cgfeedback_addcomment button {padding: 3px 8px;font-size: 13px;}.cgfeedback_addcomment button:hover {color: blue;padding: 5px 10px;cursor: pointer;background: #D6D6D6;border: 1px solid #A4A4A4}.ui-widget-content {background: transparent;padding-top: 5px;}.ui-dialog-titlebar {display: none;}.cgfeedback_addcomment textarea, input#mec3b6title {width: 100%;min-width: 280px;}.cgfeedback_addcomment textarea {font-family: 'Open Sans', Geneva, Arial, sans-serif;font-size: 14px;height: 120px;}#accordion h3, #accordion1 h3 {display: block;font-size: 13px;color: #D66705;border: 1px solid #C97103;padding: 3px 8px;width: 215px;cursor: pointer;}#accordion h3:hover, #accordion1 h3:hover {color: #000;background: #ddd;}#accordion p, #accordion1 p {display: block;margin-top: -15px;font-size: 12px;}.sumfont {font-size: 13px;}.feedback_summary_item {border-bottom: 0px solid #ccc;}.feedback_item_title {font-size:18px;color: #E56F05;}.cgfeedback_summary_item {margin: 0 0 15px 5px;padding: 5px;background: #F7EAC1;}.cgfeedback_summary_item span {font-size: 14px;}.cgfeedback_summary_item a {font-size: 14px;}.cgfeedback_summary_item a:hover {color: #0367A7;}.feedback_item_data {font-size: 14px;margin-bottom: 10px;padding-top: 5px;}.feedback_item_authorname {font-size: 14px;padding-bottom: 0;}.feedback_item_authoremail {font-size: 14px;}.kom-luku {float: right;padding-bottom: 5px;font-size: 13px;color: #E64023;}.kommenttialue .cgfeedback_summary_item {margin-left: 0;background: #F5EDD1;}.kommenttialue h4, .kommenttialue h5 {margin: 5px 0;color: #C97103;}.kommenttialue h5 {font-weight: normal;font-size: 14px;font-weight: bold;color: #B76703;}.kom-teksti {font-size: 14px;margin-top: 4px;}.laskuri {display: block;background: #C4D6E3;padding: 5px 5px 0 5px;margin: 0 auto;width: 92px;text-align: center;}p.pagecount {font-size: 13px;margin-left: 5px;padding: 4px;background: #eee;}.pagecount a {text-decoration: none;font-weight: bold;font-size: 16px;}.pagecount a:hover {color: #0367A7;}.mod-date {padding: 5px;border: 1px solid #C97103;font-size: 13px;}.mod-date ul {list-style-type: none;margin: 5px 0;padding: 0;}.mod-date a {font-size: 13px;}#userdirectory_summary {margin-bottom: 20px;width: auto;}/************#userdirectory_summary table {border-left: 1px solid #333;border-collapse: collapse;border-spacing: 0;}*************/#userdirectory_summary tr:nth-of-type(odd) {background: #eee;}/**********#userdirectory_summary th {text-align: left;font-size: 13px;background: #147FDB;color: #fff;padding: 4px 10px 4px 4px;border-bottom: 1px solid #333;border-right: 1px solid #333;overflow: scroll;}#userdirectory_summary td {text-align: left;font-size: 13px;line-height: 26px;padding-right: 10px;padding-left: 4px;border-bottom: 1px dotted #777;border-right: 1px solid #333;overflow: scroll;}*************/.userdirectory_oneuser {margin: 10px 0;padding-bottom: 10px;line-height: 18px,font-size: 14px;}/**************** footable *************************/.footable {border-collapse: separate;border-spacing: 0;width: 100%;border: 2px solid #52b9e9;font-family: "Open Sans", Arial, Helvetica, sans-serif;color: #444444;background: #efefef;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}.footable.breakpoint > tbody > tr.footable-row-detail {background: #eeeeee;}.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {cursor: pointer;}.footable.breakpoint > tbody > tr > td.footable-row-detail-cell {background: #fff;}.footable > tbody img {vertical-align: middle;}.footable > tbody > tr:hover:not(.footable-row-detail) {background: #dddddd;}.footable > tbody > tr:hover:not(.footable-row-detail) > td {color: #000000;}.footable > tbody > tr:last-child > td {border-bottom: none;}.footable > tbody > tr > td {border-top: 1px solid #dddddd;padding: 10px;text-align: left;border-left: none;}.footable > tbody > tr > td.footable-row-detail-cell,.footable > tbody > tr > td.footable-first-column {border-left: none;}.footable > thead > tr > th {border-bottom: 1px solid #dddddd;padding: 10px;text-align: left;}.footable > thead > tr > th,.footable > thead > tr > td {background-color: #52b9e9;border: 1px solid #52b9e9;color: #ffffff;border-top: none;border-left: none;font-weight: normal;}.footable > thead > tr > th.footable-first-column,.footable > thead > tr > td.footable-first-column {border-left: none;}.footable > tfoot > tr > th,.footable > tfoot > tr > td {background-color: #52b9e9;border: 1px solid #52b9e9;color: #ffffff;border-top: none;border-left: none;padding: 5px;}.footable > tfoot .pagination {text-align: center;}.footable > tfoot .pagination ul {display: inline-block;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;vertical-align: middle;margin: 0;padding: 0;}.footable > tfoot .pagination ul > li {display: inline;}.footable > tfoot .pagination ul > li > a,.footable > tfoot .pagination ul > li > span {float: left;border: 2px solid transparent;margin: 0 3px;color: #ffffff;background: transparent;padding: 1px 5px;text-decoration: none;}.footable > tfoot .pagination ul > li.disabled > a {color: #888;}.footable > tfoot .pagination ul > li.active > a {border-color: #ffffff;}.footable > tfoot .pagination ul > li:first-child > a,.footable > tfoot .pagination ul > li:last-child > a,.footable > tfoot .pagination ul > li:first-child > span,.footable > tfoot .pagination ul > li:last-child > span {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}.footable.metro-red {border-color: #fa3031;}.footable.metro-red > tfoot > tr > th,.footable.metro-red > thead > tr > th,.footable.metro-red > tfoot > tr > td,.footable.metro-red > thead > tr > td {background-color: #fa3031;border-color: #fa3031;}.footable.metro-purple {border-color: #932ab6;}.footable.metro-purple > tfoot > tr > th,.footable.metro-purple > thead > tr > th,.footable.metro-purple > tfoot > tr > td,.footable.metro-purple > thead > tr > td {background-color: #932ab6;border-color: #932ab6;}.footable.metro-green {border-color: #43c83c;}.footable.metro-green > tfoot > tr > th,.footable.metro-green > thead > tr > th,.footable.metro-green > tfoot > tr > td,.footable.metro-green > thead > tr > td {background-color: #43c83c;border-color: #43c83c;}.footable.metro-blue {border-color: #1171a3;}.footable.metro-blue > tfoot > tr > th,.footable.metro-blue > thead > tr > th,.footable.metro-blue > tfoot > tr > td,.footable.metro-blue > thead > tr > td {background-color: #1171a3;border-color: #1171a3;}.footable-odd {background-color: #f7f7f7;}#lightbox .lb-data .lb-caption {font-size: 16px;font-weight: normal;line-height: 1.2em;}#lightbox  .lb-dataContainer {text-align: center;background: #000;padding-left: 4px;}.linkmgr ul {margin: 5px 30px 5px 0;padding-left: 0;list-style-type: none;}form#cntnt01moduleform_2 {background: #F5EDE5;width: 60%;min-width: 300px;padding: 10px;border: 1px solid #ccc;}form#cntnt01moduleform_2 input {border: 1px solid #999;width: 100%;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px}form#cntnt01moduleform_2 input#cntnt01feu_submit {width: 80px;}form#cntnt01moduleform_2 .contactform .submit input {width: 80px;}input#cntnt01input_username, input#cntnt01input_code {width: 140px;}.linkmgr ul li {margin-bottom: 10px;}.linkkitaulukko td {vertical-align: top;font-size: 14px;line-height: 1.3em;}.vastaanottajat-table td {font-size: 12px;padding: 0 4px 10px 0;}.td-bold {font-weight: bold;}.feu-input input {height: 24px;padding: 2px 5px;font-size: 14px;}.uusikesk {width: 85%;min-width: 265px;}#m0d357moduleform_2 .pagetext {font-size: 14px;}textarea#md15acsummary {width: 80%;min-width: 240px;height: 70px;}textarea#md15accontent {width: 80%;min-width: 240px;height: 160px;}input#check_md15acsummary, input#check_md15accontent, .wysig-pois label {display: none;}#cookie_consent {background: #555;position: fixed;bottom: 0;float: left;width: 100%;z-index: 100000;padding: 15px 80px 15px 0px;margin: 0 auto;/*filter: alpha(opacity=70);opacity: 0.7;*/}#cookie_consent p {text-align: center;color: #fff;font-size: 14px;line-height: 22px;margin: 0 auto;width: 70%;padding: 0 0 10px 0;/*filter: alpha(opacity=100);opacity: 1;*/}#cookie_consent a.accept_cookies {margin: 4px 5px;padding: 2px 5px 2px 5px;color: #000;font-weight: 500;text-decoration: none;cursor: pointer;background-color: #0AB255;white-space: nowrap;}#cookie_consent a.more_info {margin: 4px 5px;padding: 2px 5px 2px 5px;color: #000;font-weight: 500;text-decoration: none;cursor: pointer;background: #ccc;white-space: nowrap;}#cookie_consent a.more_info:hover {background-color:#aaa;}#cookie_consent a.accept_cookies:hover {background-color: #08984B;}#ev-taulu {border-collapse: collapse;border:1px solid black;padding: 5px;}#ev-taulu td {padding: 5px 5px 8px 5px;vertical-align: top;}tr.bold {font-weight:600;border-bottom: 1px solid #333;}tr.bold td {background-color: #909090;color: #fff;}.tajatus-box {background-color: #FCA021;padding: 10px;color: #111;}.tajatus-box li {padding-bottom: 8px;}
/* Stylesheet: Simplex: Layout Modified On 2024-04-23 13:16:52 */
/* Default styles for screens up to 1024px width */.logo.grid_4 {float: none;display: block;text-align: center;margin:10px 0;padding:0;width: 100%}/********************** realign navigation for mobile devices ********************//* first level */nav.main-navigation {z-index: 990;height: 38px;line-height: 38px;margin: 0px 11px 20px 8px;/* background: #FE741A; */background: #FE741A;background: -moz-linear-gradient(top, #FE741A 0%, #FE930F 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE741A), color-stop(100%,#FE930F));background: -webkit-linear-gradient(top, #FE741A 0%,#FE930F 100%);background: -o-linear-gradient(top, #FE741A 0%,#FE930F 100%);background: -ms-linear-gradient(top, #FE741A 0%,#FE930F 100%);background: linear-gradient(to bottom, #FE741A 0%,#FE930F 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE741A', endColorstr='#FE930F',GradientType=0 );}nav.main-navigation > ul {float:left;padding: 0;margin: 0 1% 0 0;width: 98%;height: auto;background: #FE741A;background: -moz-linear-gradient(top, #FE741A 0%, #FE930F 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE741A), color-stop(100%,#FE930F));background: -webkit-linear-gradient(top, #FE741A 0%,#FE930F 100%);background: -o-linear-gradient(top, #FE741A 0%,#FE930F 100%);background: -ms-linear-gradient(top, #FE741A 0%,#FE930F 100%);background: linear-gradient(to bottom, #FE741A 0%,#FE930F 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE741A', endColorstr='#FE930F',GradientType=0 );}nav.main-navigation > ul > li {float: left;height: 37px;padding: 0px 0px;position: relative}nav.main-navigation > ul > li:first-child,nav.main-navigation > ul > li.first {margin-left: 0;}nav.main-navigation > ul > li:last-child,nav.main-navigation > ul > li.last {margin-right: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-family: 'Open Sans', Helvetica, Arial, sans-serif;color: #FFF; /* #555; */text-decoration: none;font-size: 18px;font-weight: 600;cursor: pointer;padding: 0 10px;text-transform: none}/* Second Level */nav.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 200px;padding: 5px 10px;background: #fff;background: rgba(255,255,255,.95);box-shadow: 1px 1px 8px #555;-webkit-box-shadow: 1px 1px 8px #555;-moz-box-shadow: 1px 1px 8px #555;-o-box-shadow: 1px 1px 8px #555;/* border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px; */border: 1px solid #e9e9e9}nav.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 37px;right: 0;left: auto;display: block}nav.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;border-bottom: 1px dotted #ccc;}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;top: 0;right: auto;left: -210px;z-index: 999;display: block}/* navigation text color */nav.main-navigation ul li li a,nav.main-navigation ul li li.sectionheader span {padding: 5px 10px;font-family: sans-serif;text-transform: none;font-weight: normal;font-size: 15px;text-decoration: none;color: #555;display: block}nav.main-navigation a.current,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a.current {color: #FCC66A;background: #B96703;padding: 5px 10px 5px 10px;}nav.main-navigation a:hover,nav.main-navigation li.sectionheader span:hover,nav.main-navigation ul ul li a:hover {background: #FAD695;padding: 5px 10px 5px 10px;color: #e6870e}/********* Third level ****************/nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;float: right;top: 2px;left: 200px;right: auto;z-index: 999;display: block}nav.main-navigation ul li ul li.parent {background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/images/parent-white.png) no-repeat 180px 50%;  /* #FE7A18 */}/* close button (appended to dropdown with jquery) */.close-button {display: block;background: url(https://hankkijanperinneyhdistys.fi/uploads/simplex/images/close_button.png) no-repeat;text-indent: -999em;position: absolute;bottom: -5px;right: -5px;width: 24px;height: 24px}/* display phrase text and search box in full width */.header-bottom {height: auto;line-height: 1.2;padding: 10px 0}.search {float: right;}.search input {float: right;padding: 5px 0 3px 35px;}.phrase {margin-left:0;width: 100%;float: none;display: block;}.logo a {float: right;margin-left: 15px;font-size: 26px;color: #8E5803;  /* #C97103; */}.lask-ohje, .jasenhakemus textarea {width: 88%;}/* hide print button */a.printbutton {display: none}/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.logo a {}nav.main-navigation {float: none;margin: 0;line-height: 1}nav.main-navigation ul {margin:0 1%;height: 36px;}nav.main-navigation ul li {padding: 11px 10px 0px 0;height: 38px;position: static}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader > span {font-size: 16px}.search input {width: 60%;text-align: center;padding: 5px 0 3px 0;display: block}.lask-ohje {width: 96%;}.search form input.search-button {margin-top: 1px;}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {nav.main-navigation {line-height: 1}nav.main-navigation ul {width: 100%;}nav.main-navigation ul li ul {padding: 0px;border-radius: 0;}nav.main-navigation > ul > li:hover > ul,nav.main-navigation > ul > li.active > ul {top: 35px;left: 0;right: auto}nav.main-navigation ul>li {float: none;display: block;position: relative;width: 100%;height: 37px;background: linear-gradient(to bottom, #fe741a 0%, #fe930f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border-bottom: 1px dotted #f1f1f1;border-radius: 0;padding: 0px 0;margin: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {display: block;width: auto;font-size: 18px;padding: 10px 10px 8px;text-align: center;}nav.main-navigation > ul > li > a:hover,nav.main-navigation > ul > li.sectionheader span:hover {padding: 10px 10px 8px;}/* nav.main-navigation ul li {position: static}nav.main-navigation > ul > li > a.nav.main-navigation > ul > li.sectionheader > span {font-size: 10px}*/nav.main-navigation a.current, nav.main-navigation li.sectionheader span.current, nav.main-navigation li.sectionheader span.parent, nav.main-navigation ul ul li a.current {background: none repeat scroll 0 0 #b96703;padding: 10px 10px 8px;}nav.main-navigation ul ul li a, nav.main-navigation ul ul li a:hover {padding: 12px 10px 10px;}.container .grid_12 {margin-top: 0px;}.container .grid_6 {margin-top: 30px;}.content-wrapper {padding-top: 0px;}.top {margin-top: 20px;}.top {height: 180px;}.pk {padding-top: 0px;height: 180px;background: #DEDBDB url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkijan_pk_small_w321.jpg) no-repeat;}.kirjaudu-link {margin: 0;}.phrase {width: 100%;}.search input {margin-top: 0px;padding-top: 5px;}.search form input.search-button {margin-top: 0px;height: 27px;}.logo a {clear: both;background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/images/hakanen_w60.png) no-repeat;margin-top: 30px;padding-top: 31px;font-size: 20px;float: right;color: #fff;}.back-top a {left: 42%;}.jasenhakemus {width: 84%;}.lask-ohje {width: 96%;}.jasenhakemus textarea {background: none repeat scroll 0 0 #f9f9f9;border: 1px solid #999;margin-bottom: 10px;width: 96%;}textarea {resize: vertical;vertical-align: top;}.grid_5.search {display: none;}.gallery .img .vert-center {top: 10%;}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 480px) {.logo img {margin: 20px auto}.logo a {margin-top: 50px;color: #fff;padding-bottom: 0;}nav.main-navigation {line-height: 1}nav.main-navigation ul {width: 100%;}nav.main-navigation > ul > li:hover > ul,nav.main-navigation > ul > li.active > ul {top: 35px;left: 0;right: auto}nav.main-navigation ul>li {float: none;display: block;position: relative;width: 100%;height: 37px;background: linear-gradient(to bottom, #fe741a 0%, #fe930f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border-bottom: 1px dotted #f1f1f1;border-radius: 0;padding: 0px 0;margin: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {display: block;width: auto;font-size: 18px;padding: 10px 10px 8px;text-align: center;}nav.main-navigation > ul > li > a:hover,nav.main-navigation > ul > li.sectionheader span:hover {padding: 10px 10px 8px;}/* nav.main-navigation ul li {position: static}nav.main-navigation > ul > li > a.nav.main-navigation > ul > li.sectionheader > span {font-size: 10px}*/nav.main-navigation a.current, nav.main-navigation li.sectionheader span.current, nav.main-navigation li.sectionheader span.parent, nav.main-navigation ul ul li a.current {background: none repeat scroll 0 0 #b96703;padding: 10px 10px 8px;}.grid_5.search {float:none;margin: 0 auto;width: 100%;}.search input {display: none;/*  width: 50%;text-align: center;padding: 5px 0 3px 0; */}.search {display: none;}.contactform, .jasenhakemus {border: 1px solid maroon;border-radius: 5px;font-size: 15px;margin-bottom: 30px;padding: 10px 5px 5px 0px;width: 90%px;}.jasenhakemus .label input {display: block;margin: 0px 0 10px 0px;}/* hiding footer navigation or it is squeezed to much */.footer-navigation {display: none}.footer .copyright {text-align: center}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {#wrapper {margin-top: 0;}.content-wrapper {padding-top: 0;}.top {margin:0;padding:0;height: 50px;background: #e8e8e8;}.pk {margin:0;padding:0;height: 180px;background: url(https://hankkijanperinneyhdistys.fi/uploads/images/hankkijan_pk_small_w321.jpg) no-repeat scroll 0 0 #DEDBDB;}.phrase {height: 60px;}.logo {margin: 0p;}.search {display: none;}#isuser {margin: 0 5px 0 5px;}.logout-username, .logout-title, .logout-settings {margin: 0 0 4px 0;}.logo a, .kirjaudu-link {margin: 0 0 0 5px;}.logo a {clear: both;float: left;color: #fff;margin-top: 50px;padding-bottom: 0;font-size: 20px;}nav.main-navigation ul li ul {padding: 1px;border-radius: 0;}.back-top a {margin-left: -50px;}}@media (max-width: 767px) {table.responsive,table.responsive thead,table.responsive tbody,table.responsive th,table.responsive td,table.responsive tr { display: block; }table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }table.responsive tr { border: 1px solid #ccc; margin-bottom: 10px; }table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }table.responsive td:before {	position: absolute;	top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; }table.responsive tr:first-child { position: absolute; top: -9999px; left: -9999px; }table.responsive td:before { content: attr(data-content); height: 50px; }table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; }table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; }table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; }}
/* Stylesheet: Simplex: Mobile Modified On 2015-11-02 11:06:34 */