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

#pk_title { position: absolute; top: 39px; left: 81px; height: 95px; z-index: 10; }
#sivualue { width: 737px; }
.sisalto { width: 590px; }
.sisalto_kapea { width: 490px; }
.sisalto_levea { width: 635px; }	
.sisalto_levea p, .sisalto_kapea p { margin-top: 8px; margin-bottom: 8px; }.sisalto_levea p { margin-top: 8px; margin-bottom: 8px; }
.sisalto_end { border-top: 1px solid #e1dfdd; border-bottom: 1px solid #c2bebb; }
#copyright, #copyright a { color: #c9a79e; }

#linkcolumn { position: absolute; top: 65px; left: 536px; width: 179px; height: auto; padding-left: 10px; border-left: 1px dotted #c2bebb; }
#linkcolumn dl { line-height: 14px; margin-bottom: 20px; }
#linkcolumn dt { font-weight: normal; color: #afaca8; font-size: 150%; padding-bottom: 3px; border-bottom: 1px dotted #c2bebb; }
#linkcolumn dd { margin: 8px 0; }

/* ####### LINKIT ####### */
a:link { color: #9e290b; text-decoration: none; }
a:visited { color: #7f1411; text-decoration: none; }
a:hover { color: #B32400; text-decoration: underline; }

a.kohdenum { color: #c11; font-weight: bold; padding: 0 3px; background-color: #f7f6f6; }

/* Lomakeen painike */
input.painike { font-size: 10px; line-height: 13px; background-color: #c1380c; color: #fff; text-decoration: none; text-align: center; margin-left: 4px; padding: 1px 9px 0; border-width: 1px; border-style: outset; border-color: #fff #dad6d3 #c5c1be #fff; }
input.painike:hover { text-decoration: none; background-color: #ff3c0e; }
input.painike:active { color: #000; text-decoration: none; background-color: #eeeae7; border-style: inset; }

/* ####### SISALTO ####### */
h3 { font-size: 115%; line-height: 120%; font-weight: bold; margin: 0 0 22px; padding: 0; }
p.text_h3  { font-size: 115%; line-height: 120%; font-family: Helvetica, Arial, sans-serif; font-weight: bold ; margin: 0; padding: 0 0 3px; border-bottom: 1px solid #c2bebb; }
h5 { color: #afaca8; font-size: 150%; font-weight: normal; margin-bottom: 16px; border-bottom: 1px dotted #c2bebb; margin-top: 24px; }
#linkcolumn h5 { margin-bottom: 116px; }
h6 { font-size: 100%; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 140%; text-transform: uppercase; margin: 17px 0 14px; }
h6.harmaa { color: #817c72; font-weight: normal; letter-spacing: 1px; margin: 24px 0 1px; padding: 0; }

img.kehys { margin-bottom: 3px; border: solid 1px #595755; }
.oikealle { margin-bottom: 5px; position: relative; left: 20px; float: right; }

.txt_right { text-align: right; }
.txt_i { font-size: 120%; line-height: 135%; padding-bottom: 9px; }
.txt_p { font-size: 10px; line-height: 14px; }

div.juttu { clear: both; }
div.juttu .kuva, div.juttu .kuva2 { float: left; width: 190px; margin: 4px 18px 11px 0; color: #8c8886; font-size: 11px; line-height: 14px; font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif; }
div.juttu .kuva2 { width: 270px; }
div.juttu .kuva p, div.juttu .kuva2 p { margin: 0; }
div.juttu a:after { content: ' \00BB'; }
.pvm { color: #8c8886; font-size: 11px; margin: 0 0 0; padding: 0; }
p.pvm { margin-top: 0; }

.sana { font-size: 85%; color: #989491; font-weight: bold; }
a.eilink { cursor: crosshair; }
.puna { color: #7f1411; }
.hilight { font-weight: bold; background-color: #f7f6f6; }
.haalea { color: #989491; }

.kohdesivu .otsikko { font-size: 155%; line-height: 135%; font-weight: normal; margin: 0 0 18px; padding: 11px 0 0; border-bottom: 1px solid #000; }
.kohdesivu .kuvanpaikka { float: right; margin: 2px 0 10px 11px; padding: 11px 20px; position: relative; font-size: 11px; line-height: 18px; color: #504e4c; background-color: #f7f6f6; }
.kohdesivu .kuvanpaikka p {  margin: 1px 0 0; padding: 0; }
.kohdesivu .nimike { font-size: 120%; line-height: 135%; margin: 0; padding: 11px 0 9px; }

.toimenpiteet, .toimenpiteet2 { font-family: "Andale Mono", "courier new", courier; margin: 4px 0 0; padding: 1px 8px 2px; background-color: #f7f6f6; clear: both; -moz-border-radius: 11px; border-radius: 11px; }
.toimenpiteet2 { background-color: #fff7e8; }
.toimenpiteet span {  border-bottom: 1px solid #e6e5e5; }
.toimenpiteet2 span {  border-bottom: 1px solid #ffe3b2; }

/* SIVUKOHTAISET LINKIT */
.box_left { float: left;  }
.box_right { float: right; margin-bottom: 3px;}

a.box, a.boxcur { font-weight: bold; text-align: center; padding-left: 8px; padding-right: 8px;  padding-top: 2px;  padding-bottom: 2px; margin: 0 0 0 2px; border: solid 1px #c2bebb; }
a.box:hover, a.boxcur:link, a.boxcur:visited { color: #fff; text-decoration: none; background-color: #883e2b; }
a.box:active, a.boxcur:active { color: #000; background-color: #eeeae7; }

/* ###### KOHTEET, kohdeluettelo ja kohdesivu ###### */

.kohde, .kohdetuettu { position: relative; width: 100%; color: #000; font-size: 95%; line-height: 130%; float: left; min-height: 100px; padding-top: 6px; padding-bottom: 3px; border-top: 1px solid #c2bebb; }
.kohde .kuva, .kohdetuettu .kuva { text-align: left; width: 155px; float: left; padding-top: 5px; }
.kohde .kuva img, .kohdetuettu .kuva img { margin-bottom: 8px; }
.kohde .nimi, .kohdetuettu .nimi { position: relative; top: 0; width: 375px; float: left; }
.kohde .otsikko, .kohdetuettu .otsikko { font-size: 110%; font-weight: bold; line-height: 130%; }
.kohde .otsikko a:after, .kohdetuettu .otsikko a:after { content: ' \203A'; }
.kohde .tukijarivi, .kohdetuettu .tukijarivi { padding-top: 6px; }

.kohde .tuki, .kohdetuettu .tuki { font-size: 110%; text-align: right; width: 100px; height: 90px; float: right; }
.kohdedigitoitu .tuki, .kohdetuettu .tuki { color: #989491; }
.kohde .painikkeen_paikka, .kohdetuettu .painikkeen_paikka { position: absolute; bottom: 7px; right: 0; font-size: 10px; line-height: 13px; }
.painikkeen_paikka p { margin: 0 0 3px 0; }

.kohdesivu .tuki { position: absolute; top: 20px; right: 109px; font-size: 110%; text-align: right; width: 400px; }
.kohdesivu .tuki p  { margin: 0 0 3px; padding: 0; }
.kohdesivu .painikkeen_paikka { float: right; }
a.eilink { cursor: crosshair; }

p.painike { font-size: 10px; line-height: 13px; }
.kohde .painike a, .kohdesivu .painike a, .kohdedigitoitu .painike a { font-size: 10px; line-height: 13px; background-color: #c1380c; color: #fff; text-decoration: none; text-align: center; width: 100px; padding: 1px 0 0 0; border-width: 1px; border-style: outset; border-color: #fff #dad6d3 #c5c1be #fff; display: block; }
.kohde .painike a:hover, .kohdesivu .painike a:hover { text-decoration: none; background-color: #ff3c0e; }
.kohdedigitoitu .painike a { background-color: #332f2c; color: #fff; background-image: url(../pelastakirja/img/painike-pdf_back.gif); background-repeat: repeat-x; background-position: top left; }
.kohdedigitoitu .painike a:hover { background-color: #000; color: #fff; background-image: none; }
.kohde .painike a:active, .kohdesivu .painike a:active, .kohdedigitoitu .painike a:active { color: #000; text-decoration: none; background-color: #eeeae7; border-style: inset; }
.kohdetuettu .painike, .kohdesivu .tuettu .painike { background-color: #eee1dd; color: #883e2b; text-decoration: none; text-align: center; width: 100px; padding: 1px 0 0; display: block; -moz-border-radius: 8px; border-radius: 8px; }

/* PAINIKKEET */
.button a, .button a:link, .button a:visited { font-size: 10px; background-color: #989491; color: #fff; text-decoration: none; padding: 2px 8px 1px; border-width: 1px; border-style: outset; border-color: #fff #dad6d3 #c5c1be #fff; }
.button a:hover { color: #fff; text-decoration: none; background-color: #883e2b; }
.button a:active { color: #000; text-decoration: none; background-color: #eeeae7; border-style: inset; }

/* ####### LINKKIPALKKI ####### */
#linkkialue { font-size: 11px; line-height: 12px; position: absolute; top: 80px; left: 775px; width: auto; z-index: 20; margin: 0; }
.main { border-left: 5px solid #883e2b; }

/* 1-tason linkit */
a.mainl, a.mainl:link, a.mainl:visited { text-decoration: none; color: #000; background-color: #fff; margin-top: 1px; padding: 4px 17px 4px 10px; border-top: 1px solid #c2bebb; border-right: 1px solid #c2bebb; border-bottom: 1px solid #c2bebb; display: block; } 
a.mainl_a, a.mainl_a:link, a.mainl_a:visited { text-decoration: none; color: white; background-color: #883e2b; margin-top: 1px; display: block; padding: 4px 17px 4px 10px; border-top: 1px solid #883e2b; border-right: 1px solid #883e2b; border-bottom: 1px solid #883e2b; } 
a.mainl:visited { color: #666; }
a.mainl:hover, a.mainl_a:hover  { color: #fff; text-decoration: none; background-color: #883e2b; border-top: 1px solid #883e2b; border-right: 1px solid #883e2b; border-bottom: 1px solid #883e2b; }

/* 2-tason linkit */
#linkkialue div span  { margin: 0 0 0 5px; display: block; padding: 3px 3px 3px 10px; color: #ccc; background-color: #FAFAFA; border-left: 1px solid #c2bebb; border-right: 1px solid #c2bebb; border-top-width: 0; border-bottom-width: 0; } 
a.subl, a.subl:link, a.subl:visited { text-decoration: none; margin: 0 0 0 5px; display: block; padding: 3px 3px 3px 10px; color: #000; background-color: #FAFAFA; border-left: 1px solid #c2bebb; border-right: 1px solid #c2bebb; border-top-width: 0; border-bottom-width: 0; } 
a.subl_a, a.subl_a:link, a.subl_a:visited {  text-decoration: none; margin: 0 0 0 5px; display: block; padding: 3px 3px 3px 10px; color: #fff; background-color: #8f4937; border-left: 1px solid #8f4937; border-right: 1px solid #8f4937; border-top-width: 0; border-bottom-width: 0; } 
a.subl:visited { color: #666; }
a.subl:hover, a.subl_a:hover, a.subl_yhteis:hover { color: white; background-color: #8f4937; border-left: 1px solid #8f4937; border-right: 1px solid #8f4937; }
#linkkialue .katkis { border-top: 1px dotted #c2bebb; }

/* Tuetut kohteet, rinnastettu 1-taso */
a.mainlb, a.mainlb:link, a.mainlb:visited, a.mainlb_a, a.mainlb_a:link, a.mainlb_a:visited { color: #000; background-color: #FAFAFA; text-decoration: none; text-align: left; margin-top: 0; margin-left: 5px; display: block; padding: 4px 17px 4px 10px; border-color: #c2bebb; border-style: dotted solid solid; border-width: 1px 1px 1px 5px; } 
a.mainlb_a:visited { color: #666; }
a.mainlb:hover, a.mainlb_a:hover { color: white; background-color: #c2bebb; border-color: #c2bebb; border-style: solid; border-width: 1px 1px 1px 5px; } 
a.mainl:active, a.mainl_a:active, a.subl:active, a.subl_a:active, a.subl_yhteis:active, a.mainlb:active, a.mainlb_a:active { color: #000; background-color: #eeeae7; }