* { margin:0; padding:0; } 
body { background-image: url(../img/kpr_tausta.gif); background-repeat: repeat-x; background-attachment: fixed; background-position: top left; }

#otium_sapientis { position: absolute; top: 32px; left: 699px; width: 96px; height: 100px; z-index: 10; }
#sivualue { width: 794px; }
#otsikkopalkki, #sisaltoalue { background-image: url(../pics/kpr_midtaus.gif); }
.sisalto { width: 500px; }
#copyright, #copyright a { color: #eae9e9; }

/* ####### LINKIT ####### */
a:link  { color: black; text-decoration: underline; }
a:visited  { color: #555; text-decoration: underline; } 
a:hover { color: black; text-decoration: underline; }
a:active { color: #CC933A; text-decoration: none; }

a.small, a.small:link, a.small:visited { font-size: 10px; font-weight: bold; text-decoration: underline; }
.box_alkuun { float: left; line-height: 14px; font-size: 10px; }

/* ####### SISALTO ####### */

h3 { color: #cc933a; font-size: 120%; }
h4 { font-size: 110%; font-weight: bold; margin-top: 22px; }
p.text_h3  { font-size: 105%; line-height: 120%; font-family: Helvetica, Arial, sans-serif; font-weight: bold ; margin: 0 0 0; padding: 0 0 3px; border-bottom: 1px solid #c2bebb; }
h5, h5.ylin { color: #CC933A; font-size: 115%; font-weight: bold;  margin-bottom: 6px; }
h5 { margin-top: 24px; }
h5.ylin { margin-top: 12px; }
.text_h6 { font-size: 11px; font-family: "Helvetica Neue", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; letter-spacing: 1px; }
h6 { font-size: 100%; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 140%; text-transform: uppercase; margin: 32px 0 14px; }
h6.nospace { margin-top: 17px; }
.topspace { margin-top: 34px; }
.harmaa { color: #817c72; }
.blue { color: #22468d; } 

.txt_i { font-size: 120%; line-height: 135%; padding-bottom: 9px; }
.txt_p { font-size: 85%; }
img.oikealle, img.oikealle_mid { float: right; margin: 0 0 15px 20px; }
img.oikealle_mid { margin-top: 15px; }

img.kehys { margin-bottom: 3px; border: solid 1px #595755; }

/* ####### LINKKIPALKKI ####### */
 #linkcolumn { font-size: 11px; line-height: 13px; float: right; margin-top: 27px; padding-right: 16px; width: 210px; }

a.mainlink:link, a.mainlink:visited { color: black; text-decoration: none; text-align: left; text-indent: 14px; display: block; margin-bottom: 2px; padding-top: 6px; padding-bottom: 6px; } 
a.mainlink2:link, a.mainlink2:visited { color: black; text-decoration: none; text-align: left; text-indent: 21px; display: block; margin-bottom: 2px; padding-top: 6px; padding-bottom: 6px; } 
a.mainlink:hover { color: white; text-decoration: none; background-color: #9A9CA0; }
a.mainlink2:hover { color: black; text-decoration: none; background-color: #e4e3e3; }
a.mainlink:active, a.mainlink2:active { color: #CC933A; text-decoration: none; background-color: #ffffff; }

a.mainlink2_b:link, a.mainlink2_b:visited, a.mainlink2_b:hover { color: black; text-decoration: none; background-color: #e4e3e3; text-align: left; text-indent: 21px; display: block; margin-bottom: 2px; padding-top: 6px; padding-bottom: 6px; } 
a.mainlink2_b:active { color: #CC933A; text-decoration: none; background-color: #ffffff; }
     
a.mainlink_b:link, a.mainlink_b:visited, a.mainlink_b:hover { color: #9A9CA0; font-weight: bold; text-decoration: none; text-align: left; text-indent: 14px; display: block; margin-bottom: 2px; padding-top: 6px; padding-bottom: 6px; } 
a.mainlink_b:active  { color: #BE9524; font-weight: bold; text-decoration: none; background-color: #ffffff; }

.linkit_alue { color: #CC933A; font-weight: bold; text-align: left; text-indent: 14px; letter-spacing: 2px; display: block; margin-top: 12px; padding-bottom: 1px; width: 210px; border-bottom: 1px solid #CC933A; }
.muutlinkit { color: black; text-align: left; display: block; margin-top: 10px; width: 210px; }

a.muulinkki:link { color: black; text-decoration: none; margin-left: 4px; }
a.muulinkki:visited { color: #555555; text-decoration: none; margin-left: 4px; } 
a.muuallelinkki:link { color: black; text-decoration: none; margin-left: 0; }
a.muuallelinkki:visited { color: #555555; text-decoration: none; margin-left: 0; } 
a.muulinkki:hover, a.muuallelinkki:hover { color: black; text-decoration: underline; }
a.muulinkki:active, a.muuallelinkki:active { color: #CC933A; text-decoration: none; }

/* ####### TUKILOMAKKEET ####### */
#kpr_lomake { margin:0; text-align:right; width: 510px; padding: 0; }
#kpr_lomake * { font:inherit; }
#kpr_lomake div { margin:8px 0; }
#kpr_lomake div.left { text-align:left; padding-top: 4px; padding-left: 7px; }
#kpr_lomake label.first { font-weight:bold; line-height:27px; }
#kpr_lomake p.first { font-weight:bold; padding-top:4px;}
#kpr_lomake fieldset { border:solid 1px #c2bebb; padding:0 13px 11px; margin:15px 0 11px; color:#000; }
#kpr_lomake legend { color: #94908e; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding:0 7px; }
#kpr_lomake label { }
#kpr_lomake input.pituus { width:200px; background-color: #FAFAFA; }
#kpr_lomake input.readonly  { border-color: #c2bebb; border-style: none none solid; border-width: 0 0 1px 0; }
#kpr_lomake textarea { width:469px; line-height: 12px; height:70px; padding:2px 2px 2px 5px; border: solid 1px #777; }

input.painike { font-size: 10px; line-height: 13px; background-color: #22468d; color: #fff; text-decoration: none; text-align: center; padding: 1px 9px 0; border-width: 1px; border-style: outset; border-color: #fff #dad6d3 #c5c1be #fff; }
input.painike:hover { text-decoration: none; color: white; background-color: #1f58c9; }
input.painike:active { color: black; text-decoration: none; color: #CC933A; background-color: white; border-style: inset; }