/*   Copyright 2014 zeeNET.fi / Matti Riikari
**   Time-stamp: <2016-08-31 07:40:28> 
*/

body {
    margin:0;padding:0;
    background:#f1f1ef;}

@font-face {
    font-family: 'raleway';
    src: url('Raleway-Light.otf');}

@page {
  size:A4;
  margin:0;
}

@media print {
    html, body {
	width: 210mm;
	height: 297mm;
	font-family: 'raleway';
	background:white;
    }
    #menu {
	padding:20px;
	border-top:1px black solid;}
    
    #menu span {
	float:left;margin-left:10px;}
}

a {
    color:black;text-decoration:none;margin:0;padding:0;}

a:visited {
    color:black;}

div.banner {
    position:relative;margin:0;}

div.banner img { 
    width:50%;margin-left:40px;
    border:0;}

#menu {
    padding:20px;
    border-top:1px black solid;}

#menu span {
    float:left;margin-left:10px;
    cursor:pointer;}

#menu span:hover {
    background:#b6b4b4;
    color:white;}

#menu span.active {
    background:#b6b4b4;
    color:white;
    cursor:default;}

iframe {
    width:90%;
    border:0;}

#page {
    position:absolute;height:100%;width:80%;margin:0 10% 0 10%;
    font-size:16px;font-family:'raleway', Times;letter-spacing:0px;
    background:white;}

#content, #bottom {
    clear:both;position:relative;
    padding:40px;
    line-height:20px;
    overflow:auto;
    background:white;
    z-index:3;}

#content.top {
    height:auto;}

#bottom.fixed {
    height:auto;margin:20px 7% 0 7%;}

#footer {
    position:absolute;bottom:0;margin:60px 7% 0 7%;
    height:60px;
    font-size:16px;font-family:sans-serif;}

#footer span {
    float:left;margin-right:10px;
    height:24px;}



#logo {
    position:absolute;right:5%;}


#title {
    position:absolute;top:0px;left:5%;
    height:50px;width:90%;
    border-bottom:0px #888888 solid;}

#banner {
    position:absolute;left:30%;top:22%;
    font-family:sans-serif;color:white;font-weight:strong;font-size:40px;}

#lang {
    position:absolute;left:0;top:20px;}

#LANG {
    margin-right:20px;}

#likes {
    position:relative;
    margin:40px;padding:20px;}

#likes div, #likes iframe{
    float:left;margin:0;padding:0;height:20px;}

#like-us {
    width:200px;line-height:24px;
    vertical-align:bottom;
    display:inline-block;}

div.fb-like {
    width:400px;}

input, textarea, table {
    font-size:12px;}

#message {
    width:90%;height:100px;}

#likeframe {
    width:180px;margin:0;}

input:required:invalid {
    color:gray;}

#laheta {
    margin-left:79%;
    font-famiy:sans-serif;font-size:14px;
    border-radius:4px;
    background:#dddddd;}

#shorthands:hover {
background:#a5c2d5;}

#laheta.valmis, #contact {
    font-size:14px;
    border-radius:4px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c2d5), color-stop(100%,#498eba));}