*          {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
img,object,embed,td,th {box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box}
img        {border: 0}
body       {margin: 0; padding: 0; background: #DBDBDB; text-align: center; font: normal 100% Verdana}
h1         {font: bold 120% Verdana; line-height: 110%; margin: 4px 0 4px 0; padding: 0}
h2         {font: bold 100% Verdana; line-height: 110%; margin: 4px 0 4px 0; padding: 0}
hr         {height: 1px; border: 0; padding: 0; margin: 0}
div.hr     {height: 1px; background: url(img/viiva.png) top left no-repeat; overflow: hidden}
div.hr hr  {display: none}
#ylavarjo  {background: url(img/ylavarjo.png) top left no-repeat; width: 920px; height: 12px; overflow: hidden; margin: 20px auto 0 auto}
#ylavarjo div {float: right; background: url(img/ylakulma.png) top right no-repeat; width: 30px; height: 12px; overflow: hidden}
#rakvas    {background: #FFFFFF url(img/vasen.png) top left repeat-y; width: 920px; margin: 0 auto 0 auto; font-size: 100%}
#rakoik    {padding: 0 12px 0 12px; background: url(img/oikea.png) top right repeat-y; font-size: 100%}
#logo      {background: url(img/logopohja.png) top left repeat-x; height: 180px; text-align: right; overflow: hidden}
#logo a    {display: block}
#paanavi   {color: #FFFFFF; background: #ED7436; border: 4px solid #CDCDCD; border-left: none; border-right: none; padding: 8px;
            overflow: hidden; font-size: 80%; cursor: default}
#paanavi a {color: #FFFFFF; text-decoration: none}
#paanavi a:hover {color: #AFBDC8}
#paanavi a.polku {color: #AFBDC8}
.alanavi   {color: #626066; background: #EFEFEF; border-bottom: 1px solid #FFFFFF; overflow: hidden; font-size: 70%; padding: 4px; cursor: default}
.alanavi a {color: #626066; text-decoration: none}
.alanavi a:hover {color: #AFBDC8}
.alanavi a.polku {color: #AFBDC8}
#doku      {color: #797979; padding: 40px 30px 0 40px; text-align: left; font-size: 70%; line-height: 170%}
#doku a    {color: #ED7436; text-decoration: underline}
#doku a:hover {color: #AFBDC8}
#alaliuku  {clear: both; height: 40px; background: url(img/alaosa.png) bottom left repeat-x}
.video     {}

#alavarjo  {background: url(img/alavarjo.png) top left no-repeat; width: 920px; height: 12px; overflow: hidden; margin: 0 auto 20px auto}
#alavarjo div {float: right; background: url(img/alakulma.png) top right no-repeat; width: 30px; height: 12px; overflow: hidden}
#copy      {font-size: 60%; color: #888888; text-align: center; padding-bottom: 4px}
#copy a    {color: #888888; text-decoration: none}
#copy a:hover {color: #FFFFFF}
.fl        {display: inline; float: left; margin-right: 30px}
.fr        {display: inline; float: right; margin-left: 30px}
.sh1       {background: url(img/v_vasen.png) top left repeat-y}
.sh2       {background: url(img/v_oikea.png) top right repeat-y}
.sh3       {background: url(img/v_ylavarjo.png) top left no-repeat}
.sh4       {background: url(img/v_ylakulma.png) top right no-repeat}
.sh5       {background: url(img/v_alavarjo.png) bottom left no-repeat}
.sh6       {background: url(img/v_alakulma.png) bottom right no-repeat; padding: 11px}

@media print {
body       {background: transparent}
#ylavarjo  {display: none}
#rakvas    {background: none transparent; width: auto; margin: 0}
#rakoik    {padding: 0; background: none}
#doku      {padding-right: 0; padding-left: 0; background: none}
#alavarjo  {display: none}
#copy      {margin: 0; padding: 0}
}