blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0}div.kontaineri { color: #000000; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } div.kontaineri div.eka { max-width: 386px; padding: 10px; /*border-right: 1px dotted #dddddd;*/ float: left; } div.kontaineri div.toka { float: left; } @media only screen and (max-device-width: 728px) { } only screen and (max-device-width: 1019px) and (min-device-width: 729px) { div.kontaineri div.eka { width: 386px; padding: 10px; border-right: 1px dotted #dddddd; float: left; } div.kontaineri div.toka { float: right; width: 250px; padding: 10px; } } @media only screen and (min-device-width: 1020px) { div.kontaineri div.toka { float: right; width: 582px;/*330px;*/ padding: 10px; } } @media only screen and (max-device-width: 1019px) { body { font-size: 16px;/*25px;*/ } a, a:visited, a:active {font-size: 16px;} h1 { font-size: 20px;/*30px;*/ } div.kontaineri div.kontaineriala { font-size: 16px;/*25px;*/ } .solu1, .solu2, .solu3 { font-size: 20px; } p.alinosa, a.alinosa {font-size: 12px;} .submit { /*height:45px;*/ font-size: 15px; padding: 5px; } input, select { height:30px; font-size: 15px; } a.navi, a.navi:visited, a.navi:hover, a.navi:active {font-size: 25px} a.navi2, a.navi2:visited, a.navi2:hover, a.navi2:active {font-size: 16px} a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {font-size: 12px} table { border-spacing:4px; } .taulu { /*width: 730px;*/ /*background-color: #eee;*/ } .rivi { /*width: 730px;*/ height: 40px; background-color: #ddd; } .solu1 { /*width: 350px;*/ float: left; /*margin: 5px;*/ /*height: 50px;*/ background-color: #ccc; } .solu2 { float: left; /*margin: 5px;*/ /*height: 50px;*/ background-color: #ccc; } .solu3 { float: left; /*margin: 5px;*/ /*height: 50px;*/ background-color: #ccc; } div.kontaineri div.eka { /*width: 740px;*/ padding: 10px; } div.ylapalkki { height: 60px; } div.otsikko { line-height: 60px; } div.valikko { /*width: 760px;*/ } div.osa { /*width: 740px;*/ } div.kontaineri { /*width: 760px;*/ } div.alinosa { /*width: 740px;*/ line-height: 150%; } } @media only screen and (min-device-width: 1020px) { body { font-size: 16px; } a, a:visited, a:active {font-size: 16px;} h1 { font-size: 18px; } div.kontaineri div.kontaineriala { font-size: 14px; } p.alinosa, a.alinosa {font-size: 10px;} .submit { height:28px; font-size: 12px; } input, select { height:20px; font-size: 14px; } a.navi, a.navi:visited, a.navi:hover, a.navi:active {font-size: 16px} a.navi2, a.navi2:visited, a.navi2:hover, a.navi2:active {font-size: 16px} a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {font-size: 12px} table { border-spacing:8px; } .taulu { width:366px; } .rivi { width:366px; height:32px; } .solu1 { width:180px; float: left; } div.kontaineri div.eka { width: 386px; padding: 10px; border-right: 1px dotted #dddddd; float: left; } div.ylapalkki { height: 60px; } div.otsikko { line-height: 60px; } div.valikko { width: 1010px; } div.osa { width: 1004px; } div.kontaineri { width: 1020px; } div.alinosa { width: 1004px; } } html { background-color: #ffffff; } body { font-family: Tahoma, Geneva, sans-serif; color: #000000; } div.fb { height: 40px; overflow:hidden; } a, a:visited, a:active {color: #003300; font-weight: bold; text-decoration:none} a:hover {text-decoration:underline} h1 { font-weight: bold; margin-bottom: 5px; } h2 { font-weight: bold; } div.ylapalkki { background-color: #003300; } div.valikko { margin-left: auto; margin-right: auto; } div.otsikko { float: left; padding-left: 10px; color: #000000; } div.osa { background-color: #ffffff; margin: 0px auto 0 auto; padding: 8px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } div.kontaineri { margin: 0px auto 0 auto; } div.kontaineri div.kontaineriala { padding: 10px; float: left; } div.clearer { clear: both; } div.alinosa { background-color: #ffffff; margin: 0px auto 0 auto; padding: 8px; border-top: 1px solid #dddddd; } .bluex {color: #003300} .whitex {color: #ffffff} .submit { vertical-align:middle; background-color: #003300; border: 1px solid #000000; padding: 2px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } input, select { vertical-align:middle; padding:2px; background-color: #ffffff; border: 1px solid #000000; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; -moz-box-sizing: border-box; box-sizing: border-box; } a.navi, a.navi:visited, a.navi:hover, a.navi:active {color: #ffffff; font-weight: bold;} a.navi2, a.navi2:visited, a.navi2:hover, a.navi2:active {color: #003300; font-weight: bold;} a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {color: #003300; font-weight: normal;} .solu2 { float: left; } .solu3 { float: right; } .message {visibility: hidden; height: 0px}