/* custom */

body {
background:#f2f2f2;
background-repeat: repeat;
}

.navi_bg {
background-color:#000;
}


.wrap {
   margin: auto;
  }
  
  .tint {
    overflow: hidden;
    float: left;
    background: #c1db6e;
    margin: 0 0px 0px 0;
  }
  
   .link img {
    float: left;
    background: black;
    display: block;
    -moz-transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
  }

  .link img:hover {
    opacity: .5;
    cursor: pointer;
  }
  
  .image_text {
  display:none;
  }
  

 .head {
 margin-top:4.5em;
}

.text {
margin-top:2em;
}

#footer {
margin-top:5.4em;
padding-top:1.8em;
padding-bottom:3em;
width:100%;
background-color:#f5f5f5;
}

/*etusivu*/

.langnavi {
padding-top:8px;
text-align:center;
display:block;
margin:0 auto;
width:100%;
height:40px;
background-color:#5c71f1 !important;
overflow:auto;
}

.top_image {
background:url(../images/bg.jpg) center center no-repeat;
width:100%;
height:1233px;
}

.logo {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:60px;
}

.premissi {
background:#000;
height:45px;
width:100%;
margin-top:25px;
}

.tekstialue {
margin-top:-1150px;
}

.headbg {
margin-top:60px;
background-color:#5c71f1;
height:100px;
width:100%;
padding-top:15px;
text-align:center;
color:#fff;
}

.kalusto {
padding-bottom:45px;
}

.kalusto h4 {
margin-top:30px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.premissi {
background:#000;
height:75px;
width:100%;
margin-top:25px;
}
}

@media only screen and (max-width: 767px) {
.premissi {
background:#000;
height:75px;
width:100%;
margin-top:25px;
}

.kalusto h3 {
margin-top:60px;
}
}

.premissi h3 {
text-align:center;
padding-top:7px;
}

.text_bg {
background: rgba(255,255,255,0.95);
margin-top:0px;
padding-left:0px;
padding-top:20px;
height:1655px;
}


.text_bg p{
line-height:250%;
padding-left:10px; padding-right:10px; 
}

.text_bg h3 {
padding-left:10px; padding-right:10px; 
}



.yhteystiedot {
margin-top:400px;
margin-bottom:35px;
}

.yhteystiedot h3 {
color:#5c71f1;
}

.yhteystiedot_right {
margin-top:400px;
margin-bottom:35px;
text-align:right;
}

.yhteystiedot_right h3 {
color:#5c71f1;
text-align:right;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
.yhteystiedot {
margin-top:30px;
margin-bottom:35px;
}

.yhteystiedot_right {
margin-top:30px;
margin-bottom:35px;
text-align:right;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.yhteystiedot {
margin-top:60px;
}

.yhteystiedot_right {
margin-bottom:35px;
text-align:left;
}

.yhteystiedot_right h3 {
color:#5c71f1;
text-align:left;
}
.headbg {
margin-top:60px;
background-color:#5c71f1;
height:135px;
width:100%;
padding-top:15px;
text-align:center;
color:#fff;
}
}

@media only screen and (min-width: 200px) and (max-width: 479px) {
.yhteystiedot {
margin-top:210px;
}

.yhteystiedot_right {
margin-bottom:35px;
text-align:left;
}

.yhteystiedot_right h3 {
color:#5c71f1;
text-align:left;
}

.headbg {
margin-top:60px;
background-color:#5c71f1;
height:215px;
width:100%;
padding-top:15px;
text-align:center;
color:#fff;
}
.text_bg {
background: rgba(255,255,255,0.95);
margin-top:0px;
padding-left:0px;
padding-top:20px;
height:1650px;
}
}

.td p{
text-align:center;
font-size:10px;
}

.fb {
position:relative;
right:0px;
}

#submit {
margin-top:10px;
}

input[type="text"] {
margin-bottom:10px;
}

#field_email[type="text"] {
margin-left:-2px;
}