body, html {margin:0px; padding:0px; background-color: #fafafa; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;   -webkit-font-smoothing: antialiased;}


.naviContainer {}
.naviContainer .column {margin:0px; padding:0px;}
.topNavigation {margin:0px -10px 0px 0px; padding:0px;}
.topNavigation li {display:block; list-style: none; height:100px;margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; line-height: 1.667;}
.topNavigation li a.cta {padding:37px 28px; margin:0px; color:#fff; background-color:#b30210; height: 100px;}
.topNavigation li a {padding:37px 28px ; margin:0px; color:#555555; background-color:#fff; height: 100px;}
.rightBorder {border-right:1px solid #e1e1e1;}
.topLogo {margin-top:20px; max-height: 30px;}
.mainLogo {margin-top:5px; margin-left:20px; width:70px!important; height: auto!important;}

.hero {background-image: url('../images/etukuva3.jpg'); background-position: center; min-height:400px; max-height: 400px; background-repeat: no-repeat;}
	.hero .teamLogo {width:auto; height:280px; max-height: 280px; max-width: auto; padding-top:100px;}
                             

.smallHero {background-image: url('../images/etukuva3.jpg'); background-position: center; min-height:190px; max-height: 190px; background-repeat: no-repeat;}
	.smallHero .teamLogo {width:auto; height:190px; max-height: 190px; max-width: auto; padding-top:20px;}

.teamBrandColorFill {background-color:#b30210;}

.sininen {background-color:#004A88;) }
.white {background-color:#fff;}
.grey {background-color:#f0f0f0; padding:20px; border-left:1px solid #e1e1e1;}
.blue {background-color:#6E7CFB;}
.contentContainer {margin-top:20px;}
.blue .column {margin:0px; padding:0px;}

.textRight {text-align:right;}
.imageText {font-size:0.75em; line-height: 1.2em; margin-top:10px; color: ##202020;}
.sidebarQuoteText p {font-size:1.0em; color:##202020;}
.sidebarQuoteText {padding:40px;}
.sidebarQuoteImage {padding:40px;}

h1 {border-bottom:2px solid #004A88; border-top:2px solid #004A88; font-weight: normal; padding:10px 0px; margin:0px 0px 20px 0px; text-transform: uppercase; font-size:2.4em; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
h2 {border-bottom:0px none; border-top:0px none; font-weight: normal; padding:0px 0px; margin:0px 0px 0px 0px; text-transform: uppercase; font-size:1.6em; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
h2.sidebarMarginReset {margin-top:15px;}
h3 {border-bottom:0px none; border-top:0px none; font-weight: normal; padding:10px 0px; margin:40px 0px 10px 0px; text-transform: uppercase; font-size:1.3em; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
.addonHeader {font-weight: bold; color: #00A1D4;}
.contentPadding {padding:40px;}
.contentPadding2 {padding:20px; padding-top:30px; padding-bottom:10px;}
.footerPadding {padding-left:40px; padding-top:10px; padding-bottom:0px;}

.bottomMargin
{
  margin:0px 0px 20px 0px;
}

h1.siteTitle {border:none 0px; font-family: TypewriterURWExtNar-Lig; font-weight: normal; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; text-transform: none; font-size: 1.6em; margin-top:20px; margin-left:30px; }

.TypewriterURWExtNar-LigObl { font-family: TypewriterURWExtNar-LigObl; font-weight: normal; font-style: normal; }
.TypewriterURWExtNar-Lig { font-family: TypewriterURWExtNar-Lig; font-weight: normal; font-style: normal;}


.footer {background-color: #F5F1EC;}
.footer p {color:#004A88; font-size: 0.8em;}

.extraPadding {padding: 40px 0px!important;}
.extraMarginTop {margin-top:20px;}
.textCenter {text-align: center;}


ul.specsList li {margin-top:15px;}


thead tr th {background-color:#004A88; color:#fff!important; }


.talliNavigation li {background-color: #004A88; display:block; list-style: none; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; line-height: 1.667;}


.onnistui 
{
  color:green;
}

.charNum 
{
  margin-top:-17px;
  font-size: 0.8em;
  
}

.error2, .error
{
  color:red;
}

.check { display:block; width:350px;

 }
 
 .harmaa 
 {
   background-color:rgb(245,245,245) !important;
 }

 .valkoinen 
 {
   background-color:rgb(255,255,255) !important;
 } 
 .margintop
 {
   margin-top:10px !important;
 }
 
 .pyoristys
 {
  border-radius: 15px;
  padding: 10px; 
 } 
 
  .padding
 {

  padding: 15px; 
 } 
 
 
.Galleriaimg {
    margin: 5px;
    border: 0px solid #ccc;
    float: left;
}

.Galleriaimg:hover {
    border: 0px solid #777;
}

.Galleria.img img {
    width: 100%;
    height: auto;
}

.Galleriadesc {
    padding: 6px;
    text-align: center;
    height: 70px;
   font-family: 'Open Sans', sans-serif; 
   font-size: 14px;
    
    
} 
  .red
  {
    color:red;
  }

  .green2
  {
    color:green;
  }

.riviotsikko 
  {
    background-color: #004A88;
    color: #fff !important;
    font-weight: bold;
  }
  
  .green
   {
    background-color: green;
    
   }
   
  .multiplezelektsoon
   {
     width: 240px;
   }
   
 .harmaateksti
   {
    color: #4d4d4d !important;
   } 
   
  .buttonactive
   {
    background-color: #798F2C;
   }  
   
   
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}   


.boxborder 
{
border: #dce5f5;
border-width: 2px;
border-style: solid;
}

.boxperhebackrd
{
background-color: lightgray;
}

#F217 
{
 background-color: #CCF1FF;
 background-clip: content-box;
}
#F218 
{
 background-color: #FFDDA3;
 background-clip: content-box;
}

#F226 
{
line-height:15px;
}

.foundation-5-top-bar {
 
  color: #fff;
}

.foundation-5-top-bar .menu {
  background: #333;
}

.foundation-5-top-bar .menu a {
  color: #fff;
}

.foundation-5-top-bar .is-dropdown-submenu {
  border: 0;
}

.foundation-5-top-bar .is-dropdown-submenu-item.opens-right a::after {
  border-color: transparent transparent transparent #fff;
}

.foundation-5-top-bar .js-drilldown-back > a::before {
  border-color: transparent #fff transparent transparent;
}

.foundation-5-top-bar .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff;
}

.foundation-5-top-bar .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border-color: #fff transparent transparent;

}

.menulinkki:hover, menulinkki:focus 
{
  background: #798F2C;
  color: #fff;
}
.menulinkki 
{
  
  color: #fff;

}

.menu .active > a , .menu .is-active > a {

    background: #798F2C;
   
    }
    
.menulabel {
padding: 0.7rem 1rem;
text-transform: uppercase;
font-size: 0.625rem;
color: #777777;
font-weight: bold;


}   

.drilldown a 
{
background-color: #333333;
}
.sticky {

    position: fixed;
    z-index: 300;
    top:0px;
    width: 100%;    
    
    } 
    
.dropdown.menu > li.is-active > a {
  background: #798F2C;
  color: #fff; }   
  
  
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a 
  {
  color: #fff;
  }
  
@media print, screen and (min-width: 40em)
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #798F2C transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}
.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #798F2C;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after ,
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #798F2C; 
    }




 .has-tip {

    font-weight: normal;
    }