*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Sans-serif;background:#fff;color:#333;font-size:16px;}
	@media all and (max-width:560px){body{font-size:14px;}}
p{font-size:.875em;}
ul{margin-left:20px;}
li{font-size:.75em;line-height:1.5em;}
h2.form-header{font-size:1.075em;font-weight:normal;text-align:left;margin-bottom:20px;}
	@media all and (max-width:880px){h2.form-header{text-align:center;}}
.center{text-align:center;}
input,select,textarea{font-family:Sans-serif;font-size:1em;background:#eee;border:1px solid #ccc;border-radius:3px;}
input{width:100%;margin:0;}
input[type="text"]{padding:.7em 2%;}
input[type="radio"]{border:0;}
select{width:100%;/*max-width:100px;*/margin:0;padding:.7em 0 .55em 0;}
textarea{width:100%;padding:.5em 2%;overflow-y:scroll;height:5.0em;resize:none;}
input:focus,textarea:focus{background:#ffffcc;}

input.button_submit{width:auto;height:auto;margin:0 0 .5em 0;padding:1em;border:0;background:#336699;color:#fff;cursor:pointer;}
input.button_reset{width:auto;height:auto;margin:0 0 .5em 0;padding:1em;border:0;background:#ccc;cursor:pointer;}
    @media all and (max-width:560px){
    input.button_submit,input.button_reset{width:80%;margin:0 10% .5em 10%;}
    }

#wrapper{display:table;width:100%;max-width:960px;margin:0 auto;padding:0 1%;height:auto;background:#fff;}
div.kentta{float:left;width:100%;padding:0;margin:5px 0;background:transparent;}
div.kentta p{text-align:left;}
.kpl{float:right;}
div.kehys_huom{float:left;width:100%;margin:10px 0 0 0;background:#3C86CF;}
div.kehys_huom p{font-size:.8em;color:#fff; text-align:center;}

div.buttonbar{float:left;width:100%;padding:4px 0;margin:10px 0;}
div.buttonbar p{text-align:center;font-size:.85em;margin:0 0 .5em 0;}

div.kehys_tiedot{float:left;width:100%;padding:2%;margin:6px 0;background:#DDDDFF;border-radius:3px;}