/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #fff;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #8a8a8a;
    text-shadow: none;
}

::selection {
    background: #8a8a8a;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #8a8a8a;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #8a8a8a;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
  visibility: hidden;
}

body {
  font-family: "ff-netto-web", sans-serif;
  background: #26a0d5;
}

.item-pagelightblue, .item-pageemerald {
clear: both;
}

.container {
  position: absolute;
  height: 100%;
  width: 100%;
  min-width: 1400px;
  background-position: right !important;
}

.lightblue.bg {
  background: #26a0d5;
}
.emerald.bg {
  background: #44ad75;
}


.bg_gradient {
  background: #26a0d5 url(../img/bg_gradient_lightblue.png) top right repeat-y;
}
.emerald .bg_gradient {
  background: #44ad75 url(../img/bg_gradient_emerald.png) top right repeat-y;
}

.bg_photo {
  position: absolute;
  width: 1400px;
  height: 800px;
}



  .amp {
  background: url(../img/bg_photo_amp_lightblue.png) top right no-repeat;
}

.emerald .amp {
  background: url(../img/bg_photo_amp_emerald.png) top right no-repeat;
}

  .ballet {
  background: url(../img/bg_photo_ballet_lightblue.png) top right no-repeat;
}

.emerald .ballet {
  background: url(../img/bg_photo_ballet_emerald.png) top right no-repeat;
}

  .binary {
  background: url(../img/bg_photo_binary_lightblue.png) top right no-repeat;
}

.emerald .binary {
  background: url(../img/bg_photo_binary_emerald.png) top right no-repeat;
}

  .cashpiggy {
  background: url(../img/bg_photo_cashpiggy_lightblue.png) top right no-repeat;
}

.emerald .cashpiggy {
  background: url(../img/bg_photo_cashpiggy_emerald.png) top right no-repeat;
}

  .eu {
  background: url(../img/bg_photo_eu_lightblue.png) top right no-repeat;
}

.emerald .eu {
  background: url(../img/bg_photo_eu_emerald.png) top right no-repeat;
}

  .fingerprint {
  background: url(../img/bg_photo_fingerprint_lightblue.png) top right no-repeat;
}

.emerald .fingerprint {
  background: url(../img/bg_photo_fingerprint_emerald.png) top right no-repeat;
}

  .forest {
  background: url(../img/bg_photo_forest_lightblue.png) top right no-repeat;
}

.emerald .forest {
  background: url(../img/bg_photo_forest_emerald.png) top right no-repeat;
}

  .golfball {
  background: url(../img/bg_photo_golfball_lightblue.png) top right no-repeat;
}

.emerald .golfball {
  background: url(../img/bg_photo_golfball_emerald.png) top right no-repeat;
}

  .grass {
  background: url(../img/bg_photo_grass_lightblue.png) top right no-repeat;
}

.emerald .grass {
  background: url(../img/bg_photo_grass_emerald.png) top right no-repeat;
}

  .helmets {
  background: url(../img/bg_photo_helmets_lightblue.png) top right no-repeat;
}

.emerald .helmets {
  background: url(../img/bg_photo_helmets_emerald.png) top right no-repeat;
}

  .loan {
  background: url(../img/bg_photo_loan_lightblue.png) top right no-repeat;
}

.emerald .loan {
  background: url(../img/bg_photo_loan_emerald.png) top right no-repeat;
}

  .padlock {
  background: url(../img/bg_photo_padlock_lightblue.png) top right no-repeat;
}

.emerald .padlock {
  background: url(../img/bg_photo_padlock_emerald.png) top right no-repeat;
}

  .penguins {
  background: url(../img/bg_photo_penguins_lightblue.png) top right no-repeat;
}

.emerald .penguins {
  background: url(../img/bg_photo_penguins_emerald.png) top right no-repeat;
}

  .playground {
  background: url(../img/bg_photo_playground_lightblue.png) top right no-repeat;
}

.emerald .playground {
  background: url(../img/bg_photo_playground_emerald.png) top right no-repeat;
}

  .realestate {
  background: url(../img/bg_photo_realestate_lightblue.png) top right no-repeat;
}

.emerald .realestate {
  background: url(../img/bg_photo_realestate_emerald.png) top right no-repeat;
}

  .seal {
  background: url(../img/bg_photo_seal_lightblue.png) top right no-repeat;
}

.emerald .seal {
  background: url(../img/bg_photo_seal_emerald.png) top right no-repeat;
}

  .violin {
  background: url(../img/bg_photo_violin_lightblue.png) top right no-repeat;
}

.emerald .violin {
  background: url(../img/bg_photo_violin_emerald.png) top right no-repeat;
}

  .stock {
  background: url(../img/bg_photo_stock_lightblue.png) top right no-repeat;
}

.emerald .stock {
  background: url(../img/bg_photo_stock_emerald.png) top right no-repeat;
}

  .windturbines {
  background: url(../img/bg_photo_windturbines_lightblue.png) top right no-repeat;
}

.emerald .windturbines {
  background: url(../img/bg_photo_windturbines_emerald.png) top right no-repeat;
}

  .vinyl {
  background: url(../img/bg_photo_vinyl_lightblue.png) top right no-repeat;
}

.emerald .vinyl {
  background: url(../img/bg_photo_vinyl_emerald.png) top right no-repeat;
}



.wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 1400px;
}

footer {
  position: relative;
  width: 1200px;
  height: 220px;
  padding: 60px 100px 0;
  margin-top: 20px;
}

.footer_section {
  font-size: 0.875em;
  position: relative;
  float: left;
  width: 200px;
}


.bg_footer_wave {
  background: url(../img/bg_footer_wave_lightblue.png) top right no-repeat;
}
.emerald .bg_footer_wave {
  background: url(../img/bg_footer_wave_emerald.png) top right no-repeat;
}


.bg_footer_gradient {
  background: #26a0d5 url(../img/bg_footer_gradient_lightblue.png) top right repeat-y;
}
.emerald .bg_footer_gradient {
  background: #44ad75 url(../img/bg_footer_gradient_emerald.png) top right repeat-y;
}

header {
  position: relative;
  width: 1400px;
  height: 110px;
}

.logo_susiluoto {
  display: block;
  position: absolute;
  background: url(../img/logo_susiluoto.png) no-repeat;
  width: 200px;
  height: 47px;
  top: 20px;
  left: 100px;
}

.language {
  position: absolute;
  top: 45px;
  left: 555px;
}

.language a {
  font-size: 0.75em;
  margin-left: 15px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}



.language a:hover {
  color: #d1f0ff;
}

.emerald .language a:hover {
  color: #e1f3c2;
}

.search {
  position: absolute;
  left: 700px;
  top: 40px;
  width: 190px;
  height: 30px;
  background: rgba(255,255,255,.75);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.search:hover {
  background: rgba(255,255,255,1);
}

.search input {
  border: none;
  width: 155px;
  height: 28px;
  padding: 0 10px 2px 25px;
  font-family: "ff-netto-web", sans-serif;
  font-size: 0.9375em;
}


.search input  {
  background: transparent url(../img/search_icon_lightblue.png) 9px 9px no-repeat;
  color: #447388;
}

.emerald .search input {
  background: transparent url(../img/search_icon_emerald.png) 9px 9px no-repeat;
  color: #44ad75;
}

.social {
  position: absolute;
  top: 40px;
  left: 900px;
  width: 208px;
}

.social_fb {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) 0 -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.social_fb:hover {
  background: url(../img/social_icons.png) 0 0 no-repeat;
}

.social_twitter {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -30px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}


.social_twitter:hover {
  background: url(../img/social_icons.png) -30px 0 no-repeat;
}


.social_google {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -60px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.social_google:hover {
  background: url(../img/social_icons.png) -60px 0 no-repeat;
}

.social_linkedin {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -90px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.social_linkedin:hover {
  background: url(../img/social_icons.png) -90px 0 no-repeat;
}

.social_email {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -120px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.social_email:hover {
  background: url(../img/social_icons.png) -120px 0 no-repeat;
}

.emerald .social_fb {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) 0 -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.emerald .social_fb:hover {
  background: url(../img/social_icons.png) 0 -60px no-repeat;
}

.emerald .social_twitter {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -30px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.emerald .social_twitter:hover {
  background: url(../img/social_icons.png) -30px -60px no-repeat;
}

.emerald .social_google {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -60px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.emerald .social_google:hover {
  background: url(../img/social_icons.png) -60px -60px no-repeat;
}

.emerald .social_linkedin {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -90px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.emerald .social_linkedin:hover {
  background: url(../img/social_icons.png) -90px -60px no-repeat;
}

.emerald .social_email {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/social_icons.png) -120px -30px no-repeat;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.emerald .social_email:hover {
  background: url(../img/social_icons.png) -120px -60px no-repeat;
}

.main {
  position: relative;
  width: 1200px;
  min-height: 390px;
  padding: 0 100px;
}

.main h1 {
  margin: 70px 0 0 0;
  font-family: "magistral-web-compressed", sans-serif;
  font-size: 2em;
  line-height: 1;
  font-weight: 300;
  color: #d1f0ff;
}

  .main h2 {
  margin: 40px 0 0 0;
  font-family: "magistral-web-compressed", sans-serif;
  font-size: 1.75em;
  font-weight: 300;
  color: #d1f0ff;
  width: 560px;
  line-height: 1.2;
}

.emerald .main h2 {
  margin: 40px 0 0 0;
  font-family: "magistral-web-compressed", sans-serif;
  font-size: 1.75em;
  font-weight: 300;
  color: #e1f3c2;
  width: 560px;
  line-height: 1.2;
}

  .main h3 {
  margin: 30px 0 0 0;
  font-family: "vinyl", sans-serif;
  font-size: 0.9375em;
  font-weight: 100;
  color: #d1f0ff;
}

.emerald .main h3 {
  margin: 30px 0 0 0;
  font-family: "vinyl", sans-serif;
  font-size: 0.9375em;
  font-weight: 100;
  color: #e1f3c2;
}

.main .intro_text {
  display: block;
  width: 560px;
  padding: 15px 0 0 0;
  font-family: "ff-netto-web", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.25;
}

.main .main_text {
  clear: both;
  display: block;
  width: 560px;
  padding: 15px 0 0 0;
  font-family: "ff-netto-web", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.25;
}

  .main a {
  color: #d1f0ff;
  text-decoration: none;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.emerald .main a {
  color: #e1f3c2;
  text-decoration: none;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.main a:hover {
  color: #fff;
  text-decoration: none;
}

.intro_button_business {
  float: left;
  margin: 40px 40px 0 0;
  display: block;
  width: 160px;
  height: 30px;
  background: rgba(255,255,255,1) url(../img/intro_button_business.png) 0 -100px no-repeat;
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.intro_button_business:hover {
  background: rgba(255,255,255,.5) url(../img/intro_button_business.png) 0 0 no-repeat;
}

.intro_button_business_finish {
  float: left;
  margin: 40px 40px 0 0;
  display: block;
  width: 190px;
  height: 30px;
  background: rgba(255,255,255,1) url(../img/intro_button_business_finish.png) 0 -100px no-repeat;
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.intro_button_business_finish:hover {
  background: rgba(255,255,255,.5) url(../img/intro_button_business_finish.png) 0 0 no-repeat;
}

.intro_button_private {
  float: left;
  margin: 40px 40px 0 0;
  display: block;
  width: 160px;
  height: 30px;
  background: rgba(255,255,255,1) url(../img/intro_button_private.png) 0 -100px no-repeat;
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.intro_button_private:hover {
  background: rgba(255,255,255,.5) url(../img/intro_button_private.png) 0 0 no-repeat;
}

.intro_button_private_finish {
  float: left;
  margin: 40px 40px 0 0;
  display: block;
  width: 190px;
  height: 30px;
  background: rgba(255,255,255,1) url(../img/intro_button_private_finish.png) 0 -100px no-repeat;
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

.intro_button_private_finish:hover {
  background: rgba(255,255,255,.5) url(../img/intro_button_private_finish.png) 0 0 no-repeat;
}


.logo_text {
  position: absolute;
  top: 53px;
  left: 320px;
  width: 99px;
  height: 14px;
}

.logo_text.business {
  background: url(../img/logo_text_business.png) no-repeat;
}

.logo_text.private {
  background: url(../img/logo_text_private.png) no-repeat;
}

nav, nav ul, nav ul li {
  padding: 0;
  margin: 0;
  float:left;
}

.main_nav {
  margin-top: 5px;
  font-family: "vinyl", sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  height: 44px;
}

.main_nav ul li {
  float: left;
  margin-right: 20px;
}

.main .main_nav ul li a {
  color: #fff;
  text-decoration: none;
}

  .main_nav ul li a:hover {
  color: #a7daf2;
  text-decoration: none;
}

  .main_nav ul li a.selected {
  color: #a7daf2;
}

.emerald .main_nav ul li a:hover {
  color: #e1f3c2;
  text-decoration: none;
}

.emerald .main_nav ul li a.selected {
  color: #e1f3c2;
}

.services_nav {
  position: absolute;
  z-index: 1000;
  top: 10px;
  left: 700px;
  font-family: "ff-netto-web", sans-serif;
}

  .services_nav ul li {
  width: 390px;
  height: 35px;
  background: url(../img/button_icon_lightblue.png) no-repeat;
}

.emerald .services_nav ul li {
  width: 390px;
  height: 35px;
  background: url(../img/button_icon_emerald.png) no-repeat;
}

.services_nav ul li a {
  display: block;
  font-size: 0.9375em;
  text-decoration: none;
  margin-left: 30px;
  padding: 3px 10px;
  width: 340px;
  height: 24px;
  background: rgba(255,255,255,1);
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

  .services_nav ul li a {
  color: #2c5466;
}

.emerald .services_nav ul li a {
  color: #44ad75;
}

  .services_nav ul li a:hover {
  color: #26a0d5;
  background: #d1f0ff;
  text-decoration: none;
}

.emerald .services_nav ul li a:hover {
  color: #44ad75;
  background: #e1f3c2;
  text-decoration: none;
}

  .services_nav ul li a.selected {
  color: #fff;
  background: #26a0d5;
}

.emerald .services_nav ul li a.selected {
  color: #fff;
  background: #44ad75;
}

.sub_nav_service {
  margin-top: 5px;
  width: 585px;
}

.sub_nav_service ul li {
  float: left;
}

.sub_nav_service ul li a {
  display: block;
  font-family: "magistral-web-compressed", sans-serif;
  font-size: 0.9375em;
  text-decoration: none;
  padding: 4px 15px;
  margin: 0 10px 5px 0;
  /*width: 155px;*/
  width:250px;
  height: 22px;
  background: rgba(255,255,255,1);
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

  .sub_nav_service ul li a {
  color: #2c5466;
}

.emerald .sub_nav_service ul li a {
  color: #44ad75;
}

  .sub_nav_service ul li a:hover {
  color: #26a0d5;
  background: #d1f0ff;
  text-decoration: none;
}

.emerald .sub_nav_service ul li a:hover {
  color: #44ad75;
  background: #e1f3c2;
  text-decoration: none;
}

  .sub_nav_service ul li a.selected {
  color: #26a0d5;
  background: #d1f0ff;
}

.emerald .sub_nav_service ul li a.selected {
  color: #44ad75;
  background: #e1f3c2;
}

.sub_nav_person {
  margin-top: 5px;
  width: 580px;
}

.sub_nav_person ul li {
  float: left;
}

.sub_nav_person ul li a {
  display: block;
  font-family: "magistral-web-compressed", sans-serif;
  font-size: 0.9375em;
  color: #2c5466;
  text-decoration: none;
  padding: 4px 15px;
  margin: 0 10px 5px 0;
  width: 250px;
  height: 22px;
  background: rgba(255,255,255,1);
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

  .sub_nav_person ul li a {
  color: #2c5466;
}

.emerald .sub_nav_person ul li a {
  color: #44ad75;
}

  .sub_nav_person ul li a:hover {
  color: #26a0d5;
  background: #d1f0ff;
  text-decoration: none;
}

.emerald .sub_nav_person ul li a:hover {
  color: #44ad75;
  background: #e1f3c2;
  text-decoration: none;
}

  .sub_nav_person ul li a.selected {
  color: #26a0d5;
  background: #d1f0ff;
}

.emerald .sub_nav_person ul li a.selected {
  color: #44ad75;
  background: #e1f3c2;
}

.people_nav {
  position: absolute;
  top: 10px;
  left: 700px;
  width: 400px;
  font-family: "ff-netto-web", sans-serif;
}

.people_nav ul li {
  float: left;
  width: 200px;
  height: 35px;
}

  .people_nav ul li {
  background: url(../img/button_icon_lightblue.png) no-repeat;
}

.emerald .people_nav ul li {
  background: url(../img/button_icon_emerald.png) no-repeat;
}

.people_nav ul li a {
  display: block;
  font-size: 0.9375em;
  color: #2c5466;
  text-decoration: none;
  margin-left: 30px;
  padding: 3px 10px;
  width: 140px;
  height: 24px;
  background: rgba(255,255,255,1);
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;
}

  .people_nav ul li a {
  color: #2c5466;
}

.emerald .people_nav ul li a {
  color: #44ad75;
}

  .people_nav ul li a:hover {
  color: #26a0d5;
  background: #d1f0ff;
  text-decoration: none;
}

.emerald .people_nav ul li a:hover {
  color: #44ad75;
  background: #e1f3c2;
  text-decoration: none;
}

  .people_nav ul li a.selected {
  color: #fff;
  background: #26a0d5;
}

.emerald .people_nav ul li a.selected {
  color: #fff;
  background: #44ad75;
}

.person_info {
  width: 560px;
  margin: 5px 0 0 0;
}


.person_info img{
  float: left;
  margin: 5px 0 0 0;
  width: 231px;
height: 175px;
}

.person_photo {
  float: left;
  margin: 5px 0 0 0;
  width: 231px;
height: 175px;
}

.person_text {
  margin: 2px 0 0 20px;
  float: left;
  font-size: 1em;
  line-height: 1.25;
}

.person_text b {
  font-family: "magistral-web-compressed", sans-serif;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1;
}




























/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.search .element-invisible {
display: none;
}

#colorbox{background:none;}


.logo_susiluoto .moduletable {
    position: absolute;
    width: 100px;
    height: 20px;
    top: 26px;
    font-size: 19px;
    color: #fff;
    right: -114px;
}

#search-searchword {
color: #447388;
}

.search-resultslightblue {
width: 50%;
}


#adminForm .btn, .logout-button .btn, .controls .btn{
background: #fff;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
padding:5px 20px;
color:#26a0d5;
margin-top:10px;
}
.nav a {color:#fff;}

#jform_publish_up_img, #jform_publish_down_img {
    height: 20px;
    margin-left:5px;
}

#adminForm input{padding:5px;}
.login-greeting {
margin-top: 30px;
}

#adminForm button,
#adminForm  input,
#adminForm  select,
#adminForm textarea {
    color: #000;
    padding:5px;
}