
html {
    min-width: 952px;
    width: auto !important;
    width: 952px;
}


body{ margin: 0; padding: 0; background: url(../gfx/bg.jpg) top center no-repeat #ffde1d; text-align: center; font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 12px;}


#wrapper{ padding: 0; width: 952px; margin: 0 auto; text-align: left; position: relative;}
#page{ padding: 170px 0 40px 0; width: 952px; margin: 0 auto; text-align: left; position: relative; float: left;}

#link-rkioski{ position: absolute; left: 686px; top: 105px; height: 17px; width: 240px; z-index: 10px;}

#navi{ position: absolute; left: 65px; top: 283px; height: 200px; width: 210px;}

#content{ margin: 0 0 0 335px; width: 600px; position: relative; color: #4f4f4f; font-size: 12px; line-height: 15px; font-weight: bold; }

#tv{ margin: -95px 0 0 325px; width: 600px; height: 600px; position: relative; color: #4f4f4f; font-size: 12px; line-height: 15px; font-weight: bold;  }



#box{background: url(../gfx/content-head.png) left top no-repeat; width: 566px; float: left; padding-top: 37px;}
#box-content{background: url(../gfx/content-bg.png) left top no-repeat; width: 566px; float: left; min-height: 400px; padding-bottom: 20px;}


#box-bottom{background: url(../gfx/content-bottom.png) left top no-repeat; width: 566px; float: left; height: 37px;}

#link-rkioski a{ color: #FFF; text-decoration: none; font-size: 14px; padding: 2px 18px 2px 0; margin: 0; line-height: 20px; background: url(../gfx/link.png) 100% 4px no-repeat!important;background: url(../gfx/link.gif) 100% 4px no-repeat;}
#link-rkioski a:hover{text-decoration: underline;}

#navi .main{ color: #0075b6; text-decoration: none; font-size: 18px; padding: 8px 18px 6px 0; margin: 0; line-height: 24px; background: url(../gfx/link.png) 100% 12px no-repeat!important;background: url(../gfx/link.gif) 100% 12px no-repeat; } 
#navi a.sub{ color: #fff; text-decoration: none; font-size: 18px; padding: 8px 18px 6px 14px; margin: 0; line-height: 24px; background: url(../gfx/link.png) 100% 12px no-repeat!important;background: url(../gfx/link.gif) 100% 12px no-repeat;}
#navi a:hover{text-decoration: underline;}



h1{color: #0075b6; font-size: 30px; text-transform: uppercase; margin: 0; padding: 4px 0 16px 0; text-align: center; line-height: 16px; }
h2{color: #4f4f4f; font-size: 14px; margin: 0; padding: 10px 40px; text-align: center; line-height: 18px; font-weight: bold; }

p{color: #4f4f4f; font-size: 12px; margin: 0; padding: 10px 40px; text-align: left; line-height: 15px; font-weight: bold; }
p.small-text{ font-size: 10px; text-align: center;}
p#errorP{ display: none;}


#aSanomaCompany { background: url(../gfx/sanoma.png) 0px 0px no-repeat; height: 15px; width: 126px; margin: 0px auto 20px auto; padding: 0 0 20px 0; display: block; clear: both;
}
#aSanomaCompany span{ display: none;}

#lue-lisaa{ top: 375px; left: 75px; height: 60px; width: 425px;  display: block; position: absolute; text-align:center;}
#lue-lisaa a{ display: block; margin-top: 7px; color: #000;}

.field-table{ padding: 0; margin: 10px auto;} 
.cb-table{ padding: 0 80px; margin: 10px auto; width: 470px;}
td{ vertical-align: top; padding: 4px 4px; /* border: 1px solid #ccc; */}
td.text{ text-align: right; line-height: 26px;}
td.text-2{ padding-top: 6px;}

td span{ padding-top: 6px; display: block;}

.field-table td{ width: 180px;}

.cb-table td input{background: #3481c2; border: 1px solid #e4e4e4; padding: 2px; color: #FFFFFF; }
.field-table input { background: #fff; border: 1px solid #e4e4e4; font-size: 12px; font-weight: bold; padding: 4px; width: 166px;}

.field-table textarea { background: #fff; height:140px; border: 1px solid #e4e4e4; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 4px; width: 166px;}

.btn{ text-align: right;}
p a, h2 a{ color: #666666;}
p.center{ text-align: center;}
#saannot{ display: none;}
#saannot strong{ font-size: 14px; line-height: 22px;}

p b{ font-size: 14px;}

#SubmitBtn{ background: url(../gfx/osallistu.gif) 0 0 no-repeat; margin: 0 4px 0 0; padding: 0; height: 22px; width: 60px; cursor: pointer;}
#SubmitBtn2{ background: url(../gfx/laheta.gif) 0 0 no-repeat; margin: 0 4px 0 0; padding: 0; height: 22px; width: 60px; cursor: pointer;}
