body {
  background-image: none;
}

.ksk_top_wrapper {
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
  border-bottom-color: transparent;
  border-top-style: solid;
  background-position: top left;
  background-repeat: repeat;
  background-size: auto;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-bottom-style: none;
}

.ksk_top_wrapper .ksk_container_wrapper {
  height: 100px;
  background-image: none;
  background-color: transparent;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
}

.ksk_main_image_wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 0px;
  margin-top: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display:block;
  margin-bottom: 0px;
  background-position: center center;
  background-repeat: repeat;
  background-size: cover;
  border-top-style: solid;
  border-top-width: 1px;
}

.ksk_main_image_wrapper .ksk_container_wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 146px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background-image: none;
  background-color: transparent;
  margin-bottom: 0px;
  margin-top: 0px;
}

.ksk_menu_wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: transparent;
  border-bottom-style: none;
  background-position: top left;
  background-repeat: repeat;
  background-size: auto;
  border-top-width: 9px;
}

.ksk_menu_wrapper #menu ul li a.ksk_main_menu {
  line-height: 18px;
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  font-family: Open Sans;
  font-size: 15px;
  text-transform: none;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 9px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  margin-right: 7px;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: transparent;
}

.ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu {
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}

.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu {
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}

.ksk_menu_wrapper #menu ul li ul {
  padding-top: 3px;
  padding-bottom: 8px;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  background-image: none;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: transparent;
}

.ksk_menu_wrapper #menu ul li ul li a.ksk_sub_menu {
  background-color: transparent;
  background-image: none;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  font-size: 13px;
  font-family: Glegoo;
  text-decoration: none;
  text-transform: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  font-weight:normal;
}

.ksk_menu_wrapper #menu ul li ul li.mli:hover a.ksk_sub_menu {
  background-image: none;
  background-color: transparent;
}

.ksk_menu_wrapper #menu ul li ul li.active_link a.ksk_sub_menu {
  background-image: none;
  background-color: transparent;
}

.ksk_columns_wrapper .ksk-menu, .ksk_columns_wrapper #left-bar .ksk-menu, .ksk_columns_wrapper #right-bar .ksk-menu {
  margin-bottom: 40px;
}

.ksk_columns_wrapper .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li a.ksk_main_menu {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 7px;
  line-height: 18px;
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  font-family: Open Sans;
  font-size: 15px;
  text-transform: none;
  font-weight: normal;
  margin-left: 0px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
}
.ksk_columns_wrapper .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu {
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.ksk_columns_wrapper .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu {
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}


.ksk_columns_wrapper .ksk-menu #menu ul li ul, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul {
  padding-top: 3px;
  padding-bottom: 8px;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  background-image: none;
  border-top-style: none;
}

.ksk_columns_wrapper .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu {
  background-color: transparent;
  background-image: none;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  font-size: 13px;
  font-family: Glegoo;
  text-decoration: none;
  text-transform: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  font-weight:normal;
}

.ksk_columns_wrapper .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu {
  background-image: none;
  background-color: transparent;
}

.ksk_columns_wrapper .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu {
  background-image: none;
  background-color: transparent;
}
.ksk_columns_wrapper .ksk_container_wrapper {
  background-image: none;
  background-color: #ffffff;
}

.ksk_sidebars, #left-bar, #right-bar {
  width: 240px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 24px;
}

#left-bar {
  margin-left: 0px;
  margin-right: 40px;
  width: 240px;
  margin-bottom: 0px;
  margin-top: 24px;
}

#right-bar {
  margin-right: 0px;
  margin-left: 40px;
  width: 240px;
  margin-bottom: 0px;
  margin-top: 24px;
}

.box, #left-bar .box, #right-bar .box {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0;
  border-top-style :none;
  border-bottom-style :none;
  border-left-style :none;
  border-right-style :none;
}

.box .header, #left-bar .box .header, #right-bar .box .header {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: none;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
}

.box .header h2, #left-bar .box .header h2, #right-bar .box .header h2 {
  color: #ffffff;
  font-family: Open Sans;
  font-size: 15px;
  line-height: 17px;
  font-weight: normal;
  text-decoration: none;
  overflow:hidden;
  text-align: left;
}

.box .content, #left-bar .box .content, #right-bar .box .content {
  font-family: Open Sans;
  font-size: 15px;
  line-height: 21px;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 0px;
  background-color: transparent;
  text-align: left;
}

.box .content a, #left-bar .box .content a, #right-bar .box .content a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content {
  background-color: transparent;
  background-image: none;
  font-family: Open Sans;
  font-size: 15px;
  line-height: 23px;
  width: 509px;
  margin-top: 24px;
  text-align: left;
}

#content a {
  font-weight: normal;
  text-decoration: none;
}

#content a:hover {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content h2 a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content h2 a:hover {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

#content h1 {
  font-family: Arial,sans-serif;
  font-size: 35px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

.ksk_footer_wrapper {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  background-image: none;
}
#footer_content {
  font-size: 14px;
  font-family: Open Sans;
  line-height: 20px;
  text-align: center;
}
.ksk_footer_wrapper .ksk_container_wrapper {
  border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  background-image: none;
  background-color: transparent;
  padding-top: 19px;
  padding-bottom: 19px;
}

.ksk_footer_wrapper .ksk_container a {
  text-decoration: none;
}

.ksk_columns_wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 35px;
  padding-bottom: 35px;
  background-image: none;
  background-color: transparent;
  border-top-style: solid;
  border-top-width: 6px;
  border-bottom-style: solid;
  border-bottom-width: 6px;
}

.ksk_menu_wrapper .ksk_container_wrapper_menu {
  background-color: transparent;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#content h1 {
  font-family: Georgia;
  font-size: 33px;
  line-height: 35px;
  font-weight: normal;
  text-align: left;
}
#content h2 {
  font-family: Georgia;
  font-size: 22px;
  line-height: 24px;
  font-weight: normal;
  text-align: left;
}
#left-bar .box .header {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: none;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #ffffff;
  border-bottom-style: dotted;
}
#right-bar .box .header {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: none;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #ffffff;
  border-bottom-style: dotted;
}

.primary_button {
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 30px;
  padding-left: 30px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  font-family: Open Sans;
  background-image: none;
  border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
}
.primary_button:hover {
  font-size: 14px;
  color: #ffffff;
  border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Open Sans;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background-image: none;
}
.secondary_button {
  font-size: 14px;
  color: #ffffff;
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  font-family: Open Sans;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  background-image: none;
}
.secondary_button:hover {
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  background-image: none;
}
#columns #content.ksk_middle_area {
  width: 699px;
}
.ksk_columns_wrapper .ksk_container_wrapper {
  background-image: none;
  background-color: transparent;
}
#right-bar .box .content {
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
}
#left-bar .box .content {
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px;
}

#left-bar .box {
  margin-bottom: 15px;
}
#right-bar .box {
  margin-bottom: 15px;
}

body {
    background-color: #ffffff;
}

.ksk_top_wrapper {
    border-top-color: rgba(255, 255, 255, 0.2);
  background-image: url(//cdn.kotisivukone.fi/clients/topbarsr/Toistuvat_tekstuurit__Lapinakyvat/texture_017.png);
  background-position: bottom center;
  background-repeat: repeat;
  background-size: auto;
  background-color: #1b1b1b;
  border-left-style: solid;
  border-left-width: 0px;
  border-left-color: transparent;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  display: none;
}

.ksk_main_image_wrapper {
    border-bottom-color: #e1e1e1;
    border-top-color: rgba(255, 255, 255, 0.2);
  background-image: none;
  background-color: rgb(222, 222, 222);
  display:block;
}

.ksk_menu_wrapper {
    background-image: url( //cdn.kotisivukone.fi/clients/topbarsr/Toistuvat_tekstuurit__Lapinakyvat/texture_017.png);
    background-color: #2b2b2b;
    border-top-color: #1c1c1c;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}



.ksk_menu_wrapper #menu ul li a.ksk_main_menu {
    color: #e0e0e0;
  margin-left: 57px;
  margin-right: 0px;
  padding-left: 11px;
}
.ksk_menu_wrapper #menu ul li.active_link a.ksk_main_menu {
    color: #ffffff;
    border-bottom-color: #ff7900;
}
.ksk_menu_wrapper #menu ul li.mli:hover a.ksk_main_menu {
  border-bottom-color: #f9a04f;
  color: #ffffff;
}
.ksk_menu_wrapper #menu ul li ul {
    background-color: #636363;
  padding-top: 0px;
  padding-bottom: 0px;
}
.ksk_menu_wrapper #menu ul li ul li a.ksk_sub_menu {
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.43);
}
.ksk_menu_wrapper #menu ul li ul li.mli:hover a.ksk_sub_menu {
  color: #dddddd;
  border-bottom-color: rgba(255, 255, 255, 0.43);
}
.ksk_menu_wrapper #menu ul li ul li.active_link a.ksk_sub_menu {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

.ksk_columns_wrapper .ksk-menu, .ksk_columns_wrapper #left-bar .ksk-menu, .ksk_columns_wrapper #right-bar .ksk-menu {
    background-color: #1b1b1b;
}

.ksk_columns_wrapper .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li a.ksk_main_menu {
    color: #e0e0e0;
}
.ksk_columns_wrapper .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.active_link a.ksk_main_menu {
    color: #ffffff;
    border-bottom-color: #ff7900;
    background-color: #323232;
}
.ksk_columns_wrapper .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li.mli:hover a.ksk_main_menu {
  border-bottom-color: #f9a04f;
  color: #ffffff;
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul {
  background-color: #1b1b1b;
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li a.ksk_sub_menu {
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.43);
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.mli:hover a.ksk_sub_menu {
  color: #dddddd;
  border-bottom-color: rgba(255, 255, 255, 0.43);
}
.ksk_columns_wrapper .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #left-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu, .ksk_columns_wrapper #right-bar .ksk-menu #menu ul li ul li.active_link a.ksk_sub_menu {
  color: #ffffff;
  border-bottom-color: #ffffff;
}



.box .header, #left-bar .box .header, #right-bar .box .header {
  background-color: #ff7900;
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
}

.box .content, #left-bar .box .content, #right-bar .box .content {
  color: #383838;
}

.box .content a, #left-bar .box .content a, #right-bar .box .content a {
  color: #747474;
}
.box .content a:hover, #left-bar .box .content a:hover, #right-bar .box .content a:hover {
  color: #c78b56;
}
#content {
    color: #383838;
}
#content a {
  color: #747474;
}

#content a:hover {
  color: #c78b56;
}

#content h2 {
  color: #866a16;
}

#content h2 a {
  color: #747474;
}

#content h2 a:hover {
  color: #c78b56;
}

#content h1 {
  color: #5e4b11;
}
.ksk_footer_wrapper {
  border-top-color: #ffffff;
  background-color: #2b2b2b;
}

#footer_content {
  color: #afafaf;
}

.ksk_footer_wrapper .ksk_container a {
  color: #e3e3e3;
}

.ksk_footer_wrapper .ksk_container a:hover {
  color: #aaaaaa;
}
.ksk_columns_wrapper {
  border-top-color: #dedede;
  border-bottom-color: #ff7900;
}

#content h1 {
  font-family: Georgia;
  font-size: 33px;
  line-height: 35px;
  color: #ff7900;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
#content h2 {
    color: #575757;
}
#left-bar .box .header {
    background-color: #ff7900;
}
#right-bar .box .header {
    background-color: #ff7900;
}
.box a, #left-bar .box a, #right-bar .box a {
  color: #e3ae00;
}
.box a:hover, #left-bar .box a:hover, #right-bar .box a:hover {
  color: #c89a02;
}
.primary_button {
    background-color: #373737;
  font-size: 17px;
}
.primary_button:hover {
    background-color: #4f4f4f;
}
.secondary_button {
    background-color: #696969;
}
.secondary_button:hover {
    background-color: #757575;
}
#right-bar .box .content {
  color: #3b3b3b;
}
#left-bar .box .content {
  color: #3b3b3b;
}
#left-bar .box a:hover {
  color: #826400;
}
#left-bar .box a {
  color: #9d7800;
}
.ksk_container {
  width: 980px;
  max-width: 980px;
}
#content h1 a {
  color: transparent;
}
#content h1 a:hover {
  color: transparent;
}

/* ============================================================
   K&K MATTINEN – PUHDAS LOPULLINEN YLIAJO
   - Sini / valkoinen / musta
   - 1920x600 hero
   - EI pakoteta mobiilivalikon display/position-rakennetta
     -> Kotisivukoneen oma valikkopainike saa hoitaa avauksen/sulun.
============================================================ */

:root {
    --kk-black: #05080D;
    --kk-black-2: #020508;
    --kk-navy: #0B1F33;
    --kk-navy-2: #10283F;
    --kk-blue: #1689E8;
    --kk-blue-light: #49A6F2;
    --kk-white: #FFFFFF;
    --kk-text: #E6EDF3;
    --kk-muted: #B8C7D6;
    --kk-border: #21496B;
}

html, body {
    background: var(--kk-black) !important;
    color: var(--kk-white) !important;
}

body {
    background-image: none !important;
}

/* Yläpalkki pois */
.ksk_top_wrapper {
    display: none !important;
}

/* Sivun leveys */
.ksk_container {
    width: 980px;
    max-width: 980px;
}

/* ============================================================
   PÄÄVALIKKO – työpöytä
============================================================ */

.ksk_menu_wrapper {
    background: var(--kk-black) !important;
    background-image: none !important;
    border-top: 0 !important;
    border-bottom: 3px solid var(--kk-blue) !important;
}

.ksk_menu_wrapper .ksk_container_wrapper_menu {
    background: transparent !important;
}

.ksk_menu_wrapper #menu ul li a.ksk_main_menu {
    color: var(--kk-white) !important;
    background: transparent !important;
}

.ksk_menu_wrapper #menu ul li.active_link > a.ksk_main_menu,
.ksk_menu_wrapper #menu ul li.mli:hover > a.ksk_main_menu,
.ksk_menu_wrapper #menu ul li > a.ksk_main_menu:hover {
    color: var(--kk-blue-light) !important;
}

.ksk_menu_wrapper #menu ul li ul {
    background: var(--kk-navy) !important;
    border-color: var(--kk-border) !important;
}

.ksk_menu_wrapper #menu ul li ul li a.ksk_sub_menu {
    color: var(--kk-white) !important;
    background: var(--kk-navy) !important;
}

.ksk_menu_wrapper #menu ul li ul li a.ksk_sub_menu:hover {
    color: var(--kk-blue-light) !important;
    background: var(--kk-navy-2) !important;
}

/* ============================================================
   HERO – 1920 x 600
============================================================ */

.ksk_main_image_wrapper {
    display: block !important;
    width: 100% !important;
    height: min(600px, 31.25vw) !important;
    min-height: 360px !important;
    max-height: 600px !important;

    background-image: url('https://asiakas.kotisivukone.com/files/kkmattinen.kotisivukone.com/KKM_tausta.png?v=20260829-4') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: var(--kk-black) !important;

    border-top: 0 !important;
    border-bottom: 3px solid var(--kk-blue) !important;
    overflow: hidden !important;
}

.ksk_main_image_wrapper .ksk_container_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ============================================================
   SISÄLTÖ
============================================================ */

.ksk_columns_wrapper,
.ksk_columns_wrapper .ksk_container_wrapper {
    background: var(--kk-black) !important;
    background-image: none !important;
}

#content,
#content p {
    color: var(--kk-text) !important;
}

#content h1,
#content h2 {
    color: var(--kk-blue-light) !important;
}

#content h3 {
    color: var(--kk-white) !important;
}

#content a {
    color: var(--kk-blue-light) !important;
}

#content a:hover {
    color: var(--kk-white) !important;
}

.box,
#left-bar .box,
#right-bar .box {
    background: var(--kk-navy) !important;
    border-color: var(--kk-border) !important;
}

.box .header,
#left-bar .box .header,
#right-bar .box .header {
    background: var(--kk-blue) !important;
    border-color: var(--kk-blue) !important;
}

.box .header h2,
#left-bar .box .header h2,
#right-bar .box .header h2 {
    color: var(--kk-white) !important;
}

.box .content,
#left-bar .box .content,
#right-bar .box .content {
    background: transparent !important;
    color: var(--kk-text) !important;
}

.primary_button {
    background: var(--kk-blue) !important;
    color: var(--kk-white) !important;
}

.primary_button:hover {
    background: var(--kk-blue-light) !important;
    color: var(--kk-white) !important;
}

.secondary_button {
    background: var(--kk-navy) !important;
    color: var(--kk-white) !important;
    border-color: var(--kk-blue) !important;
}

input, textarea, select {
    background: var(--kk-navy) !important;
    color: var(--kk-white) !important;
    border-color: var(--kk-border) !important;
}

.ksk_footer_wrapper {
    background: var(--kk-black-2) !important;
    background-image: none !important;
    border-top: 3px solid var(--kk-blue) !important;
}

#footer_content {
    color: var(--kk-muted) !important;
}

.ksk_footer_wrapper .ksk_container a {
    color: var(--kk-blue-light) !important;
}

/* ============================================================
   MOBIILI
   Tärkeää: EI aseteta #menu-, ul- tai li-elementeille display,
   position, height, grid, flex tms. Kotisivukone saa hallita
   valikon avautumisen ja sulkeutumisen itse.
============================================================ */

@media screen and (max-width: 800px) {

    html, body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    .ksk_container,
    .ksk_container_wrapper,
    .ksk_container_wrapper_menu,
    .ksk_container_wrapper_main,
    .ksk_container_wrapper_footer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Mobiilibanneri – riittävän iso */
    .ksk_main_image_wrapper {
        width: 100% !important;
        height: clamp(220px, 62vw, 320px) !important;
        min-height: 220px !important;
        max-height: 320px !important;

        background-image: url('https://asiakas.kotisivukone.com/files/kkmattinen.kotisivukone.com/KKM_tausta.png?v=20260829-4') !important;
        background-size: cover !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
    }

    .ksk_main_image_wrapper .ksk_container_wrapper {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }

    /* Vain mobiilivalikon värit – ei rakennemuutoksia */
    .ksk_menu_wrapper {
        background: var(--kk-black) !important;
        background-image: none !important;
        border-bottom-color: var(--kk-blue) !important;
    }

    .ksk_menu_wrapper #menu {
        background: var(--kk-black) !important;
    }

    .ksk_menu_wrapper #menu ul {
        background: var(--kk-black) !important;
    }

    .ksk_menu_wrapper #menu ul li a.ksk_main_menu {
        color: var(--kk-white) !important;
        background: var(--kk-black) !important;
        border-color: var(--kk-border) !important;
    }

    .ksk_menu_wrapper #menu ul li.active_link > a.ksk_main_menu,
    .ksk_menu_wrapper #menu ul li > a.ksk_main_menu:hover,
    .ksk_menu_wrapper #menu ul li > a.ksk_main_menu:focus {
        color: var(--kk-blue-light) !important;
        background: var(--kk-navy) !important;
    }

    .ksk_menu_wrapper #menu ul li ul {
        background: var(--kk-navy) !important;
    }

    .ksk_menu_wrapper #menu ul li ul li a.ksk_sub_menu {
        color: var(--kk-white) !important;
        background: var(--kk-navy) !important;
    }

    /* Kotisivukoneen mahdollinen valikkopainike */
    .ksk_menu_wrapper button,
    .ksk_menu_wrapper .menu_button,
    .ksk_menu_wrapper .mobile_menu_button {
        background: var(--kk-black) !important;
        color: var(--kk-blue-light) !important;
        border-color: var(--kk-blue) !important;
    }

    .ksk_columns_wrapper {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .ksk_columns_wrapper .ksk_container_wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    #content {
        width: 100% !important;
        max-width: 100% !important;
    }

    #content h1 {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    #content h2 {
        font-size: 23px !important;
    }
}

@media screen and (max-width: 480px) {
    .ksk_main_image_wrapper {
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;
    }
}

@media screen and (max-width: 360px) {
    .ksk_main_image_wrapper {
        height: 215px !important;
        min-height: 215px !important;
        max-height: 215px !important;
    }
}

::selection {
    background: var(--kk-blue) !important;
    color: var(--kk-white) !important;
}


/* ============================================================
   K&K MATTINEN – DESKTOP-HERON YLÄREUNA NÄKYVIIN
   Näyttää kuun/auringon kokonaan paremmin tietokoneella.
============================================================ */
@media screen and (min-width: 1001px) {
    .ksk_main_image_wrapper {
        background-position: center top !important;
    }
}


/* ============================================================
   K&K MATTINEN – PÄÄKUVAN HIENOSÄÄTÖ TIETOKONEELLA
   Kompromissi: yläosa näkyy, mutta myös alareunan tekstit.
============================================================ */
@media screen and (min-width: 1001px) {
    .ksk_main_image_wrapper {
        /* Hieman alemmaksi kuin top, mutta ei takaisin keskelle */
        background-position: center 18% !important;
    }
}
.ksk_container {
  width: 980px;
  max-width: 980px;
}