@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&family=Baloo+Bhaina+2&family=Baloo+Da+2&family=Baloo+Tammudu+2&family=MuseoModerno&family=Oxanium&family=Source+Sans+Pro&family=Voces&family=Roboto&display=swap');


body {
    background-color: rgb(247, 247, 247); /*rgb(247, 247, 247);*/
    padding: 0px 0px 0px 0px;
    margin: -1px 0px 0px 0px;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color:rgb(4, 12, 11);/* 11, 38, 34,  0, 68, 57 */
  }

  div {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*border-top: 0px solid rgb(231, 23, 23) !important;*/
  } 

  p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  } 

  table {
    border: 0px solid rgb(73, 145, 73);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-spacing: 0px;
  } 

a {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color:rgb(54, 82, 92);
    text-decoration: none;
}

a:hover {
  color:rgb(30, 117, 148);
  text-decoration: none;
}

a.underline, div.content_container_table_2 a.underline {
  text-decoration: underline;
}



  td {
    border: 0px solid rgb(73, 145, 73);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
  } 

  h3 {
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 5px 0px;
    font-family: 'Candara', 'Source Sans Pro', Helvetica, sans-serif;
    font-size: 17px;
    color:rgb(54, 82, 92);
  }

ul {
  border: 0px solid rgb(69, 238, 69);
  width: 230px;
  margin: 3px 0px 8px 0px;
  font-size: 16px;
}

   li {
    text-align: left;
    font-size: 16px;
  }

.display_none {
  display: none;
}

.display_inline {
  display: inline;
}


div#first_text {
  padding: 5px 0px 16px 0px;
}


div#outer_body {
    border-bottom: 0px;
    /*max-width: 960px;*/
    min-width: 200px;
}

div#menu_area {
  background-color: rgb(255, 255, 255);/*rgb(250, 250, 250);*/
  position: fixed;/*static*/
  top: 0px;
  width:100%;
  /*display:flex;*/
  box-shadow: 0px 0px 4px #7e8a85a9;
  border-bottom: 1px solid rgb(131, 153, 147);
  z-index: 1;
}

div#menu_area_inner {
  max-width: 960px;
  min-width: 200px;
  padding: 0px 0px 0px 10px;
  margin: auto;
  border: 0px solid rgb(238, 69, 125);
}

td.main_menu_td p {
    padding: 27px 26px 27px 26px;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid rgba(95, 97, 148, 0);
    border-right: 1px solid rgba(171, 172, 199, 0);
}

td.main_menu_td a {
    /* 84, 104, 131 - color:rgb(232, 242, 243);*/
    color:rgb(11, 80, 99);/*58, 119, 112*/
    text-decoration: none;
    /*text-shadow: 1px 1px 2px black, 0 0 10px rgb(242, 242, 255), 0 0 5px darkblue;*/
    font-family: 'Source Sans Pro', Helvetica, sans-serif;
    font-size: 16px;

}

td.main_menu_td a:hover {
  color:rgb(42, 86, 81);
}


td.main_menu_td span {
  border-bottom: 2px solid transparent;
}

td.main_menu_td p:hover {
  /*background-color: rgb(237, 240, 230);*/
  background-color:rgb(250, 250, 250);

  /*box-shadow: 1px 1px 5px 5px rgb(226, 226, 226) inset;*/
  /*animation-name: example;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;*/
}

td.main_menu_td p:hover span {
  border-bottom: 2px solid rgb(85, 137, 128);
}

td.current_page span {
  border-bottom: 2px solid rgb(109, 175, 164);
}


.show_only_wide{
  display: block;
}
.show_only_narrow{
  display: none;
}

 /*td.current_page p {
 background-color:rgb(245, 248, 252);
  border-left-color: rgb(171, 172, 199, 1);
  border-right-color: rgb(171, 172, 199, 1);
}
*/
/*
td.current_page p:hover {
  background-color:rgb(245, 248, 252);
  border-left-color: rgb(171, 172, 199, 1);
  border-right-color: rgb(171, 172, 199, 1);
}




@keyframes example {
  100%   {background-color:rgb(241, 247, 255);
    border-left-color: rgb(171, 172, 199, 1);
    border-right-color: rgb(171, 172, 199, 1);
  }
}

*/

td#main_menu_td_1 a {
    background-color: rgba(0, 0, 0, 0.842);
    color:rgb(255, 255, 255);
    text-decoration: none;
    text-shadow: 1px 1px 2px black, 0 0 15px rgba(255, 255, 255, 0.301), 0 0 10px rgba(252, 252, 252, 0.384);/**/
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-size: 32px;
}

p#header_logo {
    padding: 0px 50px 5px 20px;
    margin: 0px 0px 5px 10px;
    font-family: 'Voces', Arial, Helvetica, sans-serif;
    background-image: url(img/kuvio_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    width: 180px;
    
}

p#header_logo_text {
    padding: 0px 50px 0px 20px;
    margin: 0px 0px 0px 0px;
    color:rgb(32, 32, 32);
    text-decoration: none;
    text-shadow: none;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-size: 15px;
}

p#header_logo_company_name_start {
  padding: 6px 50px 0px 22px;
  margin: 0px 0px -2px 0px;
  color:rgb(82, 81, 104);
  text-decoration: none;
  text-shadow: none;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 15px;
}

td#main_menu_opener {
  display: none;
  width: auto;
  position:absolute;
  right: 1px;
  top:0px;
}

td#main_menu_opener div.opener_area {
  /*position:absolute;
  right: 0px;
  top:0px;
  box-shadow: 2px 2px 4px 4px #cccbcb;*/
  float: right;
}

td#main_menu_opener p {
  margin: 0px 0px 0px 0px;
}
 /*
td#main_menu_opener a {
 color:rgb(255, 255, 255);
  text-decoration: none;
  text-shadow: 1px 1px 2px black, 0 0 15px rgb(0, 0, 95), 0 0 5px rgb(54, 54, 182);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
}*/

td.main_menu_opener_open p {
  background-color:rgb(247, 250, 255);
  border-left-color: rgb(171, 172, 199, 1);
  border-right-color: rgb(171, 172, 199, 1);
}






#menu_checkbox {
  display: none;
}

label {
  border: 0px solid rgb(243, 26, 66);
  position: absolute;
  top: 25px;
  right: 20px;
  display: block;
  width: 35px;
  cursor: pointer;
}

label div {
  top: 0px;
  height: 3px;
  right: 0px;
  background-color: rgb(123, 128, 143);
  position: relative;
  transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width, 0.3s ease right, 0.3s ease margin-bottom;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgb(170, 197, 194);
}

label:hover div {
  background-color: rgb(155, 156, 158);
}

label div.block_1 {
  top: 0px;
  transform-origin: 5px;
  margin-bottom: 6px;
  /*background-color: rgb(36, 107, 250);*/
}

label div.block_2 {
  transform-origin: 15px;
  margin-bottom: 6px;
  /*background-color: rgb(122, 250, 36);*/
}

label div.block_3 {
  margin-bottom: 0px;
  transform-origin: 37px;
  /*background-color: rgb(209, 44, 66);*/
}
/**/


#menu_checkbox:checked + label div.block_1 {
  top: 3px;
  right: -4px;
  margin-bottom: 11px;
  transform: rotateZ(45deg);
}

#menu_checkbox:checked + label div.block_2 {
  width: 36px;
  right: -1px;
  margin-bottom: 9px;
  transform: rotateZ(-45deg);
}

#menu_checkbox:checked + label div.block_3 {
  right: 5px;
  box-shadow: none;
  transform: rotateZ(45deg);
}





/*
div.scroll_status_1 div#top_area {
  padding: 74px 0px 0px 0px;
}

@keyframes example {
  from {background-color: rgba(255, 0, 0, 0);}
  to {background-color: rgba(255, 255, 255, 1);}
}

div.scroll_status_1  div#menu_area{
  background-color: rgb(255, 255, 255);
  position: fixed;
  top: 0px;
  width:100%;
  box-shadow: 0px 0px 4px #4c7765;
  animation-name: example;
  animation-duration: 0.8s;
}

*/









/*
td.main_menu_opener_closed {
  
}*/

div#mobile_menu_area {
  position:absolute;
  left: 0px;
  top:73px;
  width: 100%;
  background: #FFFFFF url(img/menu_background3.jpg);
  background-size: cover;/*auto, contain, cover*/
  background-position: center center;
  border-top: 1px solid rgb(194, 194, 194);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px solid rgb(84, 72, 255);
  text-align: center;
}

div#mobile_menu_area_inner {
  background-color: rgba(0, 0, 0, 0.1);
  border: 0px solid rgb(255, 72, 72);
  padding: 10px 0px 0px 0px;
  height: 100vh;
}

div.closed_mobile_menu_area {
  display:none;
}

div.open_mobile_menu_area {
  display:block;
}

div#mobile_menu_area div {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid rgb(194, 194, 194);
}

div#mobile_menu_area p {
  padding: 17px 10px 17px 22px;
  margin: 0px 0px 0px 0px;
  background-color: rgba(0, 0, 0, 0.205); /*240, 239, 239, 0.671*/
  font-size: 20px;
}

div#mobile_menu_area div.current_page p {
  background-color: rgba(0, 0, 0, 0.356)
}

div#mobile_menu_area span {
  border-bottom: 2px solid transparent;
}

div#mobile_menu_area div.current_page span {
  border-bottom: 2px solid rgb(109, 175, 164);
}

div#mobile_menu_area p:hover span {
  border-bottom: 2px solid rgb(109, 175, 164);
}


div#mobile_menu_area p:hover, div#mobile_menu_area div.current_page p:hover {
  background-color: rgba(0, 0, 0, 0.452);
}

div#mobile_menu_area a {
  text-decoration: none;
  color:rgb(255, 255, 255); /*49, 49, 49, 71, 63, 63*/
}/*82, 81, 104,   58, 119, 112*/

div#mobile_menu_area div.current_page a {
  text-decoration: none;
}

div#mobile_menu_area a:hover, div#mobile_menu_area div.current_page a:hover {
  text-decoration: none;
}

div#top_area {
  border-bottom: 1px solid rgb(134, 160, 157);

}


div#header_outer {
  width:100%;
  padding-top:76px;
  border: 0px solid rgb(39, 235, 72);
  overflow: hidden;
  position: relative;
} 

div#header {
  width:100% !important;
  background-size: 100% auto;/*auto, contain, cover*/
  background-position: center -670px;
  background-repeat: no-repeat;
 /* -webkit-background-size: cover;auto, contain*/
  /*background-attachment:fixed;scroll*/
  margin: 0px 0px 0px 0px; /*74px 0px 0px 0px*/
   /*box-shadow: 0px 5px 10px 0px rgba(97, 110, 102, 0.363) inset;*/
  border: 0px solid rgb(235, 39, 225);

}

div#header.header_background_type2 {
  background-position: center center;
  background-size: cover;
  border: 0px solid rgb(235, 39, 225) !important;
}

div#header_background_color {
 background-color: rgba(0, 0, 0, 0.219);
}

div#header.header_background_darker div#header_background_color {
  background-color: rgba(0, 0, 0, 0.377);
 }

div#header_inner {
  height: 330px; /*370*/
  border:0px;
  max-width: 960px;
  min-width: 200px;
  margin: auto;
  padding: 30px 0px 50px 0px;
  background-color: transparent;
}

div#header_textbox {
  height: auto;
  max-width: 720px;
  margin: 0px auto 0px auto;
  padding:0px 10px 0px 10px;
  color:rgb(255, 255, 255);
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 33px;
  text-align: center;
  border: 0px solid rgb(121, 148, 148);
}

div#header_textbox h1{
  padding: 0px 0px 0px 0px;
  margin: 35px 0px 40px 0px;
  font-family: 'Candara', Arial, Helvetica, sans-serif;
  font-size: 48px;
  line-height: 48px;
  color:rgb(255, 255, 255);
}


/*Corbel*/

div#header_textbox a {
  color:rgb(240, 245, 252);
  text-decoration: none;
}

div#header_textbox a:hover {
  color:rgb(212, 222, 226);
  text-decoration: underline;
}

div#page_content {
  padding: 0px 0px 0px 0px;
  min-height: 300px;
  max-width: 960px;
  min-width: 200px;
  margin: 0px auto 0px auto;
}

div#page_content_inner {
  padding: 10px 18px 18px 18px;
  min-height: 330px;
}

div#path {
  padding: 0px 0px 8px 0px;
  font-size: 14px;
  text-align: left;
  color: rgb(132, 133, 94); /* 132, 133, 94 - 86, 114, 109 */
}

div#path a {
  font-size: 14px;
  color: rgb(132, 133, 94);
}

div.footer_inline_block {
  display: inline-block;
  vertical-align: top;
  border: 0px solid rgb(66, 199, 199);
}

div.text_area {
  padding:13px 0px 0px 0px;
}

div#footer_inline_block_1 {
  width: 300px;
}

div#footer_inline_block_2 {
  width: 300px;
  padding: 20px 0px 15px 0px;
}

div#footer_inline_block_2 div.footer_info_line {
    padding: 3px 80px 3px 80px;
}


div#footer_inline_block_3 {
  width: 202px;
  margin: 10px 30px 3px 30px;
}

div#footer_inline_block_3 div, div#footer_social_media_link_area {
  margin: auto;
  display: inline-block;
}



div#footer_area a, div#footer_area .link_element {
  color:rgb(235, 250, 255);
  text-decoration: none;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height: 18px;
}

div#footer_area a:hover, div#footer_area .link_element:hover {
  color:rgb(203, 222, 228);
  text-decoration: underline;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

div#footer_area p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div#footer_area {
  background-color: rgb(31, 47, 86); /**/
  border: 0px solid rgb(156, 156, 156);
  color:rgb(235, 250, 255);
  width: 100%;
}

div#footer_area_inner {
  max-width: 930px;
  border: 0px solid rgb(36, 233, 62);
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}



div.footer_info_line {
  padding: 3px 10px 3px 10px;
  border: 0px solid rgb(66, 199, 199);
}

div#footer_info_line_company_name {
  padding: 10px 0px 10px 10px;
  margin: 0px 0px 0px 0px;
}

div.footer_info_line h2 {
    color:rgb(255, 255, 255);
    text-decoration: none;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    line-height: 0px;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 15px 0px;
}


div#footer_social_media_link_area {
  padding: 10px 10px 10px 10px;
}

div.social_media_link_div {
  background-repeat: no-repeat;
  background-size: cover;
  border: 0px solid rgb(111, 221, 221);
  padding: 0px 0px 0px 0px;
  margin: 0px 2px 0px 2px;
}

div.social_media_link_div p {
  cursor:pointer;
  width: 25px;
  height: 25px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.link_element {
  cursor: pointer;
}

div#social_media_link_div_fb {
  background-image: url(img/fb_logo.png);
}

div#social_media_link_div_fb:hover {
  background-image: url(img/fb_logo_hover.png);
}

div#social_media_link_div_instagram {
  background-image: url(img/instagram_logo.png);
}

div#social_media_link_div_instagram:hover {
  background-image: url(img/instagram_logo_hover.png);
}

div#social_media_link_div_linkedin {
  background-image: url(img/linkedin_logo.png);
}

div#social_media_link_div_linkedin:hover {
  background-image: url(img/linkedin_logo_hover.png);
}

div#social_media_link_div_maps {
  background-image: url(img/maps_logo.png);
}

div#social_media_link_div_maps:hover {
  background-image: url(img/maps_logo_hover.png);
}

div#social_media_link_div_call {
  background-image: url(img/call_logo.png);
}

div#social_media_link_div_call:hover {
  background-image: url(img/call_logo_hover.png);
}

div#social_media_link_div_email{
  background-image: url(img/email_logo.png);
}

div#social_media_link_div_email:hover {
  background-image: url(img/email_logo_hover.png);
}

div#copyrights {
  padding: 9px 10px 9px 10px;
  margin: 0px 0px 0px 0px;
  background-color: rgb(21, 31, 54); /*224, 222, 222*/
  color: rgb(200, 201, 200);;
  text-align: center;
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 14px;
}

/**/
div#footer_info_line_AAA {
  background-repeat: no-repeat;
  background-image: url(img/suomen_yrittajat.png);
  border: 0px solid rgb(0, 0, 0);
  /**/box-shadow: 0px 0px 4px 0px rgb(18, 27, 51);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 200px;
  height: 200px;
}




/* Etusivu */


div.big_textbox {
  padding:6px 0px 6px 0px;
  margin: 0px 0px 10px 0px;
  border: 1px solid rgb(134, 160, 157);
  background-color: rgb(255, 255, 255);
}

div.big_textbox:hover {
  cursor: pointer;
  border: 1px solid rgb(109, 138, 134);
  background-color: rgb(253, 253, 253);
}

div.golden_edge {
  border: 1px solid rgb(186, 160, 0);
}

div.golden_edge:hover {
  border: 1px solid rgb(156, 136, 1);
}

div.big_textbox .text_inline_block {
  width:522px; 
}

div.big_textbox h1, div.big_textbox h2 {
  padding:8px 15px 7px 15px;
  margin: 0px 0px 0px 0px;
  font-family: 'Candara', 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 25px;
  line-height:normal;
  color:rgb(0, 132, 117);
}

div.big_textbox p {
  padding:0px 15px 7px 15px;
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  border: 0px solid rgb(73, 231, 231);
  margin-top: 3px;
}

div.big_textbox .image {
  height:200px;
  margin:5px -10px 5px 0px;
  border-radius: 0px;
  border: 1px solid rgb(198, 206, 206);
  box-shadow:none;
}

div.big_textbox_2 .image {
  margin:5px 0px 5px 12px;
  border: 1px solid rgb(176, 183, 183);
}

div.big_textbox_2 .text_inline_block {
  width:505px; 
}



/*
div.big_textbox div{
  border: 0px solid rgb(121, 241, 227) !important;
}*/


div#front_page td.main_td_1 {
  width: auto;
  padding:5px 5px 5px 5px;
}

div#front_page td.main_td_2 {
  width: auto;
  padding:5px 5px 5px 5px;
}

div.separator_line {
  background: url(img/front_page_separator2.png) no-repeat center top;
  height: 3px;
  margin: 10px 0px 16px 0px;
  border: 0px solid rgb(52, 245, 45);
}


a.hover_underline:hover {
  text-decoration: underline;
}

div#front_page table.first tr {
  background-image:none;
}

div#front_page td{
  padding:6px 0px 4px 0px;
}

div#front_page img {
  border-radius: 50%;
}

.image {
  border-radius: 0px;
  border: 1px solid rgb(152, 152, 158);
  box-shadow: 1px 1px 4px 0px #8d8d94;
  width: 46%;
  margin:5px 1% 5px 1%;
  padding: 90px 0px 90px 0px;
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover;
  display: inline-block;
  font-size: 22px !important;
  color:rgb(151, 214, 216);
  text-shadow: 1px 1px 1px black, 0px 0px 1px black, 2px 2px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255);
  text-align: center;
}



.image_1 {
  color:rgb(151, 214, 216);
}

.image_1 span {
  border: 0px solid rgb(39, 39, 238);
  background-color: rgba(255, 255, 255, 0.884);
  padding: 3px 7px 3px 5px;
  border-radius: 5px;
}

.image_2 {
  color:rgb(255, 250, 186);
}



/*
div#front_page .image_2 span {
  border: 0px solid rgb(39, 39, 238);
  background-color: rgba(253, 255, 231, 0.774);
  padding: 3px 7px 3px 5px;
  border-radius: 5px;
}
*/

div#front_page iframe {
  box-shadow: 0px 0px 4px 0px #8d8d94;
}


/* Facebook-laatikko etusivulla */

div#follow_fb_text {
  border:0px #998877 solid;
  padding:7px 0px 5px 0px;
}

div#fb_box {
  background: url(img/fb_box_bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  height: 131px;
  max-width: 332px;
  margin: 0px 0px 0px 0px;
  box-shadow: 0px 0px 4px 0px #8d8d94;
}

div#fb_box_top {
background: linear-gradient( to bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100% );
padding: 4px 0px 0px 0px;
}

td#fb_box_td1 img {
 margin: -2px 5px 0px 5px;
 border: 2px solid rgb(22, 106, 218);
 }

td#fb_box_td2 {
  color: rgb(255, 255, 255);
  text-shadow: 0 2px 4px rgb(0 0 0 / 90%);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  font-family: Helvetica, Arial;
}

td#fb_box_td2 a {
 color: rgb(255, 255, 255);
 text-shadow: 0 2px 4px rgb(0 0 0 / 90%);
 font-size: 18px;
 font-weight: 500;
 white-space: nowrap;
 font-family: Helvetica, Arial;
 text-decoration: none;
}

td#fb_box_td2 a:hover {
text-decoration: underline;
 }


div#fb_box_follow span {
  display:inline-block;
  width:76px;
  margin: 20px 0px 0px 10px;
  line-height: 22px;
  background-color: #f5f6f7;
  color: #4b4f56;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
  font-family: Helvetica, Arial;
  font-weight: bold;
  border: 1px solid rgba(79, 95, 128, 0.685);
  border-radius: 2px;
  transition: background-color 0.2s ease-out;
}

div#fb_box_follow span:hover {
  background-color: rgb(235, 237, 240);
  color: #4b4f56;
}


/* Instagram-laatikko etusivulla */

div#follow_insta_text {
  border:0px #998877 solid;
  padding:7px 0px 5px 0px;
}

div#insta_box {
  background: url(img/fb_box_bg.jpg) no-repeat center center;
  background-color: rgb(255, 255, 255);
  background-size: cover;
  overflow: hidden;
  max-width: 332px;
  margin: 0px 0px 0px 0px;
  border: 1px solid rgb(194, 183, 183);
  box-shadow: 1px 1px 4px 0px #b6b6b6;
  border-radius: 0px;
}

div#insta_box_inner {
  background-color: rgba(255, 255, 255, 0.801);
  overflow: hidden;
  height: 131px;
}

div#insta_box_top {
background: linear-gradient( to bottom, rgba(255, 255, 255, 0.822) 0%, rgba(0, 0, 0, 0) 100% );
padding: 2px 0px 0px 0px;
}

td#insta_box_td1 img {
 margin: -1px 7px 0px 5px;
 }

td#insta_box_td2 {
  color: rgb(32, 32, 32);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  font-family: 'Segoe UI', Helvetica, Arial;
}

td#insta_box_td2 a {
 color: rgb(0, 0, 0);
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.452);
 font-size: 22px;
 font-weight: 300;
 white-space: nowrap;
 font-family: 'Segoe UI', Helvetica, Arial;
 text-decoration: none;
}

td#insta_box_td2 a:hover {
text-decoration: none;
 }


 td#insta_box_td2 .followers {
  color: rgb(124, 124, 124);
 } 

div#insta_box_follow span {
  display:inline-block;
  width:76px;
  margin: 13px 0px 0px 15px;
  line-height: 22px;
  background-color: rgb(53, 145, 232);
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
  font-family: Helvetica, Arial;
  font-weight: bold;
  border: 1px solid rgba(79, 95, 128, 0.685);
  border-radius: 2px;
  transition: background-color 0.2s ease-out;
}

div#insta_box_follow span:hover {
  background-color: rgb(44, 121, 193);
  color: #ffffff;
}



/*
.image:hover {
  border: 0px solid rgb(75, 75, 75);
  box-shadow: 1px 1px 4px 0px #376341;
  background-color: rgba(196, 196, 196, 0.26);
  color:rgb(217, 245, 255);
  text-shadow:  1px 1px 1px black, 0px 0px 1px black, 2px 2px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255);
  text-align: center;
}*/

.image_1:hover {
  color:rgb(173, 233, 235);
}

.image_2:hover {
  color:rgb(247, 240, 154);
}



.inline_block {
  display: inline-block;
  vertical-align: top;
}

div#news_inline_block {
  width: 534px;
  padding-right: 20px;
}


div#light_design_images {
 min-width: 40%;
 max-width: 90%;
 border: 0px solid rgb(255, 49, 49);
}

.show_only_block {
  display:none;
}

.show_only_inline {
  display:inline-block;
}

div.big_textbox .show_only_block {
  display:none;
}

div.big_textbox .show_only_inline {
  display:inline-block;
}

/* Tietoa yrityksestä -sivu */

div#company_info td.main_td_1 {
  width: 100%;
}

/* Palvelut -sivu */


div#company_services img {
  width:200px;
  border: 1px solid rgb(79, 83, 121);
  box-shadow: 2px 2px 8px 0px #8182a3;
}

div#company_services h1 {
  padding: 10px 0px 18px 0px;
  text-align: center;
}

div#company_info h1 {
  padding: 10px 0px 0px 0px;
}



div#planning_info .image {
  width:100%;
  display: block;
}

.contains_image_inner {
  padding: 0px 0px 0px 0px;
}

.image_inner {
  padding: 90px 0px 90px 0px;
  background-color: rgba(255, 255, 255, 0.699);
}

div#planning_info .image_inner {
  padding: 40px 0px 40px 0px;
}


.image_inner:hover {
  background-color: rgba(255, 255, 255, 0.521);
}


/* Yhteystiedot -sivu */


div.content_container_table_2 a {
  text-decoration:none;
}

div.content_container_table_2 a:hover, div.content_container_table_2 p:hover {
  text-decoration:none;
}

div.step div {
  border: 0px solid rgb(202, 209, 205);
  font-size: 14px;
  color: rgb(54, 82, 92);
}

div.content_container_table_2 p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display:inline;
  border: 0px solid rgb(255, 109, 51);
}

div.inline_block_1 {
  width: 380px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  border: 0px solid rgb(51, 255, 139);
}

div.inline_block_2 {
  width: auto;
  padding: 0px 0px 0px 0px;
  vertical-align:top;
  border: 0px solid rgb(255, 109, 51);
}

h1 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-family: 'Candara', 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 25px;
  line-height: 25px;
  color:rgb(0, 132, 117);
  /*text-shadow: 1px 1px 1px rgb(221, 220, 220);*/
}/*82, 103, 136 - 54, 82, 92 -  53, 81, 145*/

h2 {
  font-family: 'Candara', 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 20px;
  margin: 10px 0px 5px 0px;
  text-decoration: none;
  color:rgb(0, 132, 117);
}/*69, 111, 165 - 54, 82, 92*/

div#company_contact_information h2 {
  text-decoration: none;
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
}/*54, 82, 92*/


div.content_container_table_2 p, div.content_container_table_2 a {
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 16px;
  color:rgb(4, 12, 11);
}

div#company_contact_information div.line_1 {
  padding: 0px 0px 0px 0px;
  font-size: 16px;
}

div#company_contact_information div.line_2 {
  padding: 16px 0px 0px 0px;
  font-size: 16px;
}

div#company_contact_information div.line_3 {
  padding: 4px 0px 0px 0px;
  font-size: 16px;
}

div#company_contact_information div.line_4 {
  padding: 4px 0px 16px 0px;
  font-size: 16px;
}

div#company_contact_information {
  width: 300px;
  border: 0px solid rgb(255, 109, 51);
}

div#company_contact_information div {
  border: 0px solid rgb(65, 51, 255);
  text-align: left;
}

div#company_contact_information p {
  border: 0px solid rgb(51, 255, 85);
  display: inline;
}

div#business_card p {
  margin: 0px 0px 0px 0px;
}


div#business_card {
  background-color: rgb(250, 250, 250); /* 239, 239, 236 222, 235, 222*/
  padding: 14px 16px 14px 16px;
  border: 1px solid rgb(185, 185, 185);
  box-shadow: 1px 1px 3px 2px rgb(230, 228, 228);
  margin-top: 10px;
  max-width:425px;
  margin: 15px auto 0px auto;
}

div#company_contact_information {
  padding: 0px 20px 0px 0px;
}

div#business_card h3 {
  text-align: left;
}


div#business_card h3 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
  font-family: 'Candara', 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 16px;
  color:rgb(54, 82, 92);
}

/**/

div#business_card_photo {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/business_card_photo.jpg);
  border: 1px solid rgb(0, 132, 117); 
  border-radius: 75px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100px;
  height: 100px;
  box-shadow: 0px 0px 5px 0px rgba(93, 91, 110, 0.699);
}
/* rgb(144, 155, 145)*/

div#business_card_photo_area {
  padding: 5px 10px 0px 0px;
}

div#business_card_text_area {
  padding: 5px 0px 0px 0px;
}

div#business_card_name p{
  font-size: 20px;
}


/* Alasivut  */
/* Sähkösuunnittelu - asuinrakennukset*/

div.content_container div.text_block, div#company_services_el_dwel div.text_block, div#company_services_el_oth div.text_block {
  width: 65%;
  margin: 5px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
  border: 0px solid rgb(75, 75, 75);
}


div#company_services_el_symbols div.inline_block, div#company_services_el_symbols div.text_block {
  border: 0px solid rgb(167, 49, 49) !important;

}

div.el_symbol {
  width: auto !important;
  max-width: 120px;
  min-width: 80px;
  min-height: 40px;
  text-align: center;
  line-height: normal;
  vertical-align: middle;
}

div.el_symbol img {
  margin: auto;
  text-align: center;
}

div.el_symbol_definition {
  max-width: 440px;
  padding: 2px 10px 2px 10px;
  line-height: normal;
  vertical-align: middle;
}



iframe#map {
  width:100%;
}

div#map_container {
  margin-top:15px;
  border: 1px solid rgb(204, 204, 204);
}


div#cookies_info {
  width:100%;
  overflow-wrap: break-word;
}


div#cookies_outer {
  display: block;
  position:fixed;
  bottom:0px;
  width:100%;
  padding:1px 0px 1px 0px;
  background-color:rgb(255, 255, 255); /*231, 237, 238*/
  box-shadow: 0px 0px 5px 0px rgba(38, 52, 59, 0.55); /*104, 122, 130, 0.2*/
  border-top: 1px solid rgb(33, 66, 101); /*119, 179, 202*/
}

div#cookies_outer.display_none {
  display: none;
}

div#cookies {
  text-align: left;
  margin: 0px auto 0px auto;
  max-width: 930px;
}

div#cookies_inner {
  padding:10px 0px 4px 0px;
  color: rgb(0,0,0);/*33, 45, 57*/
}

div#cookies .inline_block {
  display: inline-block;
  border: 0px solid rgb(69, 182, 167);
  vertical-align: top;
}

div#cookies_button_area {
  padding: 0px 0px 10px 0px;
}

div#cookies_1 {
  max-width:450px;
  padding: 0px 10px 10px 10px;
}

div#cookies_2 {
  width:215px;
  padding: 5px 5px 10px 5px;
}

div#cookies_3 {
  width:215px;
  padding: 5px 5px 0px 5px;
}

div#cookies .submit_button {
  background: rgb(11, 80, 99); /*66, 108, 122, 51, 112, 46 28, 119, 28 - 0, 132, 117 */
  border: 1px solid rgb(28, 45, 61); /*43, 91, 37*/
  border-radius: 4px;
  text-align: center;
  color: rgb(255, 255, 255);
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  box-shadow: 2px 2px 4px 0px rgba(73, 73, 73, 0.4);
}

div#cookies .submit_button:hover {
  background: rgb(0, 68, 88); /*59, 94, 105 28, 119, 28 - 0, 132, 117 */
  border: 1px solid rgb(28, 45, 61);/*37, 104, 95*/
  cursor: pointer;
  color: rgb(255, 255, 255);
  box-shadow: 2px 2px 4px 0px rgba(73, 73, 73, 0.3);
}





@media screen and (max-width: 1800px) {
div#header {
  background-size: 100% auto;/*auto, contain, cover*/
  background-position: center -500px;
}
}

@media screen and (max-width: 1450px) {
div#header {
  background-size: 100% auto;/*auto, contain, cover*/
  background-position: center -300px;
}
}

@media screen and (max-width: 1150px) {
div#header {
  background-size: 100% auto;/*auto, contain, cover*/
      background-position: center -100px;
}
}

@media screen and (max-width: 900px) {
div#header {
  background-size: cover;/*auto, contain, cover*/
  background-position: center center;
}

div#header.header_background_type2 {
  background-size: 200%;/*auto, contain, cover*/
  background-position: center center;
}
}

@media screen and (max-width: 700px) {
  div#header_textbox h1{
    margin: 0px 0px 10px 0px;
  }

  div#header_textbox h1{
    font-size: 38px;
    line-height: 38px;
  }

  div.header_font-size_type2 div#header_textbox h1{
    font-size: 36px;
    line-height: 36px;
  }
  
  div#menu_area_inner {
    padding: 0px 0px 0px 0px;
  }

  .show_only_wide{
    display: none;
  }
  .show_only_narrow{
    display: block;
  }

  div#header.header_background_type2 {
    background-size: cover;/*auto, contain, cover*/
    background-position: center center;
  }

  div#header_textbox_small_text{
    padding: 10px 0px 0px 0px;
  }

  #body_valaistussuunnittelu_muut div#header_textbox_small_text{
    font-size: 26px;
    line-height: 30px;
  }


  }



/*--------- Matkapuhelin/tablet-näyttötila -----------*/
@media screen and (max-width: 960px) {

  
  div#cookies {
    text-align: center;
  }

  div.big_textbox .show_only_block {
    display:block !important;
  }
  
  div.big_textbox .show_only_inline {
    display:none !important;
  }

  .show_only_block {
    display:inline-block !important;
  }
  
  .show_only_inline {
    display:none !important;
  }


  ul{
    margin: 7px auto 12px auto;
  }
  
  
  td.main_menu1_td div {
    display: none;
  }

  td#main_menu_opener {
    display: table-cell;
  }

  td.main_td {
    display:block;
  }

  div#path {
    text-align: center;
  }

  div#page_content_inner h2 {
    text-align: center;
  }
  div#page_content_inner h3 {
    text-align: center;
  }

  div#company_contact_information div {
    text-align: center;
  }

  div#company_contact_information {
    padding: 0px 0px 0px 0px;
  }


  div#business_card {
    text-align: left;
  }

  div#business_card h3 {
    text-align: left;
  }

  div#business_card {
    padding: 14px 16px 14px 16px;
    max-width:225px;
    margin: 10px auto 0px auto;
    text-align: center;
  }

  div#business_card_photo {
    margin: 0px auto 0px auto;
  }

  div#business_card_photo_area {
    padding: 5px 0px 0px 0px;
  }

  div#business_card h3 {
    text-align: center;
    font-size: 16px;
  }

  div.big_textbox .text_inline_block {
    width: 100%; 
  }

  div.big_textbox .image {
    width: 97%;
    margin:5px auto 5px auto;
  }

  div.content_container div.text_block, div#company_services_el_dwel div.text_block, div#company_services_el_oth div.text_block {
    width: 99%;
    margin: 10px auto 15px auto;
    padding: 0px 0px 0px 0px;
  }

div.content_container_table_2 td.main_td_1 {
  width: 99%;
  margin:auto;
}


  div.inline_block {
    display: block;
    margin: auto;
  }

  div#news_inline_block {
    width:auto;
    max-width: 560px;
  }

  div.inline_block_1 {
    margin:auto;
    width: 97%;
  }

  h1 {
    text-align: center;
  }


  div#footer_area_inner {
    width: 100%;
    border: 0px solid rgb(156, 156, 156);
    margin: 0px auto 0px auto;
  }

  div.footer_inline_block {
    display: block;
    margin: auto;
    width: 300px;
    border: 0px solid rgb(66, 199, 199);
    text-align: center;
  }

  
  div#footer_inline_block_2 {
    padding: 0px 0px 10px 0px;
  }

  div#footer_inline_block_2 div.footer_info_line {
    padding: 3px 0px 3px 0px;
}


  div#footer_inline_block_3 {
    margin: 0px auto 0px auto;
    padding-bottom: 7px;
}

div.el_symbol {
  max-width: 400px;
  min-width: 80px;
  min-height: 40px;
  text-align: center;
}

div.el_symbol img {
  margin: auto;
  text-align: center;
}

div.el_symbol_definition {
  padding: 0px 0px 15px 0px;
  vertical-align:middle;
  text-align: center;
  margin: 0px auto 0px auto;
}



}



/* Tietokone-näyttötila */
@media not screen and (max-width: 960px) {

  td#main_menu_opener {
    display: none;
  }


}


div#electric_design_steps {
  padding:0px 7px 13px 15px;
  background-color: rgb(255, 255, 255);
  width:280px;
  border: 1px solid rgb(79, 83, 121);
  box-shadow: 2px 2px 8px 0px #8182a3;
}



div#electric_design_steps div.step h4 {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 18px;
  text-decoration: none;
  color:rgb(0, 132, 117);
  text-align: left;
}

div#electric_design_steps a {
  font-size: inherit;
  font-family: inherit;
}

div#electric_design_steps a p {
  font-size: inherit;
  font-family: inherit;
}

div#step_1 {
  background-repeat:no-repeat;
  padding: 0px 0px 0px 30px;
  margin:0px 0px 0px 0px;
  border: 1px solid rgba(156, 156, 156, 0);
  background-position: 0px 12px;
  text-align: left;
}

div#step_2, div#step_3, div#step_4, div#step_5 {
  background-repeat:no-repeat;
  padding: 7px 0px 0px 30px;
  margin:-2px 0px 0px 0px;
  border: 1px solid rgba(156, 156, 156, 0);
  background-position: 0px 0px;
  text-align: left;
}