*{ margin:0; padding:0;  }
body { background:#141416; overflow-y: scroll;
 }
img{ border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

fieldset.contact {
    padding: 5px 20px 0px 0px;
    margin-top: 20px;
color: white;
text-align:justify; /*center */
padding: 30px;
}


.otsikko {
  color: white;
  font-family: 'Michroma', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 2px 2px 2px #aaa;
  text-decoration: overline;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0.112em;
  line-height: 1.2;
	padding:30px 30px 20px 30px;
}


label {
     font-size: 12px;
     display: block;
     width: 165px; /* 100 */
     margin-bottom: 8px;
     margin-right: 10px;
}

.text-input, .text-area {
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    font-family: verdana, arial;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* border: 1px solid #aaaaaa; */
    margin-bottom: 8px;
}

.text-input {
    width: 415px;
    height: 15px;
}

.text-area {
    width: 415px;
    height: 150px;
}

.text-input:hover, .text-area:hover {
  /*  border: 1px solid #ff301b; */
}

.text-input:focus, .text-area:focus {
  /*  border: 1px solid #b91100; */
}

.error {
    float: left;
}

.button {
    padding: 5px 10px 6px;
    cursor: pointer;
}