@font-face{
   font-family: "Custom";
   src: url('font/Iwona-Bold.eot');
   src: url('font/Iwona-Bold.eot?#iefix') format('embedded-opentype'), 
   url('font/Iwona-Bold.svg#bn') format('svg'),
   url('font/Iwona-Bold.woff') format('woff'),
   url('font/Iwona-Bold.woff2') format('woff2'),
   url('font/Iwona-Bold.ttf') format("truetype");
   font-weight: normal;
   font-style: normal;
}

html{width:100%; height:100%;}
body { margin:0px; padding:0px; background-color:#0082c8; color:#fff; font-family:Custom;width:100%; height:100%; font-size:15px; font-size:2.5vh; background-image:url('graf/NYtaustaa.jpg'); background-repeat: no-repeat; background-position:left top; background-size:140%; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0px; padding:0px;}
a {text-decoration:none;}

#ylaosa{ margin:30px; margin:3.0vh; font-weight:bold; font-size:17px; font-size:2.7vh; height:300px; height:33.0vh; max-height:400px; border:solid 0px black;}
#ylaosa div { display: inline-block; vertical-align:top; border: solid 0px red; }
#ylaosa .suojaus{ unicode-bidi: bidi-override; direction:rtl; }

#ylaosaKuvio{ margin-right:20px; }
#ylaosaKuvio img{ max-width:280px; max-height:179px; min-height:100px; height:19.0vh; }
#ylaosaLogo { margin-right:20px; height:200px; }
#ylaosaLogo img{ max-width:212px; max-height:58px; min-height:40px; height:7.5vh; }
#ylaosaLogo a{ color:#fff; text-decoration:none; }
#ylaosaLogo span{ text-shadow: 1px 1px 2px #000; line-height:50px; line-height:6.0vh;  }

#ylaosaTeksti{ text-align:center; height:200px; width:800px; width:47.0vw; font-size:32px; font-size:1.8vw; letter-spacing:-1px; }
#ylaosaTeksti font{ font-size:42px; font-size:3.2vw; text-shadow: 1px 1px 2px #000; }

#sisalto{ display:inline-block; margin:30px; margin:1.0vw; background-color:#0082c8; border:solid 0px grey; }
#sisalto div{ display:inline-block; vertical-align:top; border:solid 0px red;  }
#sisalto .reunaKuva{ width:12.0vw; height:41.0vh; max-width:587px; max-height:800px; border-left:solid 20px #f69139; border-right:solid 20px #f69139; border-left:solid 2.5vh #f69139; border-right:solid 2.5vh #f69139; font-size:0px; overflow:hidden; }
#sisalto img{ max-width:587px; max-height:800px; height:inherit; border:0px; font-size:0px; }
#sisaltoTaulukko{ width:auto; height:inherit; margin:0px; padding:0px; height:100%; }
#sisalto .kuvaTeksti{ margin-top:20px; margin-top:2.5vh; width:18.0vw; max-width:587px; height:100px; height:8.0vh; font-size:17px; font-size:2.7vh; font-weight:bold;  color:#000; border:solid 0px red;}
#sisalto #kuvaTekstiKesk{ width:450px; width:49.0vw; max-width:1100px;  }

table{ font-size:11px; font-size:1.5vh; margin:0px; padding:0px; height:41.0vh; max-height:800px; }
td { border:1px solid #000000; padding:5px; padding:0.2vw; }
.orange{ background-color:#f79646; }
.green { background-color:#009C82; }
.taulukkoLaskelmaEtu{ background-color:#C3D69B; }
.taulukkoTeksti{ color:#000000; }
.taulukkoOtsaketeksti{ color:#fff; }
.taulukkoOtsaketekstiYht{ color:#ca0000; font-weight:bold; }

#alaosa{ margin-top:30px; margin-top:2.7vh; font-size:14px; font-size:2.2vh; }
#alaosa .laskutus{ float:left; margin-left:20px; margin-left:3.0vh;  }
#alaosa .yritystun{ float:right; text-align:right; margin-right:20px; margin-right:3.0vh; }
#alaosa a{ color:#ffd1bb; }
#alaosa a:hover{ color:#fff; }