body, div, h1, h2, form, fieldset, input, textarea{
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}
html{
    height: auto;
}
body{
    background: #728eaa;
    font-family: sans-serif;
}

.oikea{
    text-align:right;
}
.vasen{
    text-align:left;
}
.keskella{
    text-align:center;
}

.iso{
    font-size: 130%;
}
.pienempi{
    font-size: 80%;
}
.pieni{
    font-size: 70%;
}

.tyhjavali{
    padding-top: 5cm;
}

.padd{
    padding:25px;
}
.rivilla{
    display:inline;
}

.vari1{
    color: #00FF40;
}
.vari2{
    color: #FE642E;
}
.vari3{
    color: #FF0040;
}
.vari4{
    color: #0A2A22;
}
.vari5{
    color: #DA81F5;
}

#piilotettu{
    display: none;
}

#button{
    border-color:#8378f5;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    color:#000000;
    font-size:14px;
    font-style:normal;
    text-decoration:none;
    text-transform:capitalize;
    letter-spacing:1px;
    text-shadow:#659ba8 1px 0px 0px;
    DropShadow(Color=#659ba8, OffX=1, OffY=0);
    box-shadow:2px 3px 4px #000000;
    -webkit-box-shadow:2px 3px 4px #000000;
    -moz-box-shadow:2px 3px 4px #000000;
    font-family:Verdana;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6397ff), to(#0053a6));
    background: -moz-linear-gradient(#6397ff, #0053a6);
    background: linear-gradient(#6397ff, #0053a6);
    padding:11px 34px;
}

#button:hover{
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9AFE2E), to(#0053a6));
    background: -moz-linear-gradient(#9AFE2E, #0053a6);
    background: linear-gradient(#9AFE2E, #0053a6);
    
}

.alleviivaus{
    text-decoration: underline;
}
.eialleviiva{
    text-decoration:none;
}
.keypress {font-family:arial,sans-serif;
    font-size: 1.3em;
    color:#009900;
    text-align:center;
}

.title {font-family:arial,sans-serif;
    font-size: 2em;
    color:#6600cc;
    font-weight:bold;
}

body   {font-family:arial,sans-serif;
    font-weight: normal;
    color:black;
    background-color:white;
}

td    {font-family:arial,sans-serif;
    font-weight: normal;
    color:black; 
}

.start {font-family:arial,sans-serif;
    font-size: .8em;
    color:black;
}

.next {font-family:arial,sans-serif;
    font-size: .8em;
}


.emph1 {font-family:arial,sans-serif;
    font-weight:bold;
    color:#ff0000;
}

.emph2 {font-family:arial,sans-serif;
    font-size: 1.3em;
    font-weight:bold;
    color:#ff3300;
}

.emph3 {font-family:arial,sans-serif;
    font-weight:bold;
    color:black;
    text-decoration:underline;
}

.emph4 {font-family:arial,sans-serif;
    font-weight:normal;
    color:black;
    text-decoration:underline;
}


.smaller {font-size: .8em;
}

.cert {font-size: 1.5em;
    font-family:"monotype corsiva","times new roman",serif;
    color:black;
}

.cert2 {font-size: 3em;
    font-family:"monotype corsiva","times new roman",serif;
    color:black;
}

.cite {font-size: .8em;
    font-family:sans-serif;
    font-weight:normal;
}

.simpleborder {border-style:solid;
    border-width: 2px;
    border-color: black;
    padding: 10px;
}

.mborder {padding: 20px;
}

.certificate {position: absolute;
    border: 0;
    margin: 0;
    height: 650px;
    width: 900px
}
.student {position:absolute;
    top: 265px;
    height: 300px;
    width: 900px;
    border: 0;
    margin: 0;
    text-align: center;
    font-size: 64px;
    font-family:"monotype corsiva","times new roman",serif;
    color:black;

}