/*
 * $Id: kulmakivi_style.css,v 1.7 2003/10/26 17:53:45 tuner Exp $
 */

body, td, p {
    font-family: tahoma, verdana, sans-serif;
    font-size: 8.5pt;
    line-height: 11pt;
    color: #34373A;
}

body {
    text-align: center;
    margin: 0px;
    padding: 0px;

    background-color: #FBFCFD;
}

p {
    margin-top: 0px;
    margin-bottom: 8px;
}

h1, h2, h3 {
    color: #505050;
    margin-bottom: 3px;
    margin-top: 20px;
}

ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {
    margin-top: 0px;
    margin-bottom: 20px;

    font-family: "Palatino Linotype", times, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

h2 {
    font-family: tahoma, sans-serif;
    font-size: 9pt;
/*    letter-spacing: 1pt; */
}

h3 {
    font-family: tahoma, sans-serif;
    font-size: 8pt;
}

a {
    color: #007CB6;
}

a:hover {
    color: #00618E;
}

a img {
    border: none;
}

table.maintable {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;

    empty-cells: show;
}

table.maintable td {
    padding: 0px;
}

table.maintable td.leftfade {
    background-image: url(images/fadevasen.gif);
    width: 13px;
}

table.maintable td.rightfade {
    background-image: url(images/fadeoikea.gif);
    width: 13px;
}

table.maintable td.spacer {
    width: 1px;
}

table.maintable td.navi {
    background-image: url(images/navipalkki.jpg);
    text-align: center;
    height: 24px;
}

table.maintable td.uppertitle img,
table.maintable td.lowertitle img {
    display: block;     /* viriviri mozillaa varten. muuten kuvien alle tulee hankala "marginaali" */
}

table.maintable td.titleseparator {
    background-image: url(images/harmaa_pisteviiva.gif);
    height: 1px;
}

table.maintable td.content {
    background-color: white;
    background-image: url(images/sisaltotausta.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    padding-top: 18px;
    width: 751px;
}

table.maintable td.content table td table {
    border-collapse: collapse;

    margin-bottom: 20px;
    margin-top: 10px;
}

table.maintable td.content table td table td,
table.maintable td.content table td table th {
    vertical-align: top;

    padding-left: 4px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
/*
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
*/
    border: 1px solid #E8E8E8;
}

table.maintable td.content table td table tr.heading td {
    background-color: #F6F6F6;
    font-weight: bold;
}

table.maintable td.content table td table.form td {
    vertical-align: middle;
    border: none;
}

table.navitable {
    height: 24px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

table.navitable td {
    padding-left: 9px;
    padding-right: 9px;
    height: 24px;
    font-size: 8pt;
    font-weight: bold;
}

table.navitable td.item {
    padding-left: 10px;     /* vastaavat valitun solun valkoisia reunaviivoja */
    padding-right: 10px;
}

table.navitable td.selecteditem {
    background-image: url(images/navipalkki_valittu.gif);
    border-left: 1px solid white;
    border-right: 1px solid white;
}

table.navitable a {
    color: #35617F;
    text-decoration: none;
}

td.footer {
    color: #6098BE;
    background-color: #CCE2F1;
    font-size: 8pt;
    padding: 3px;
    text-align: center;
    height: 18px;
}

table.contenttable {
    height: 500px;
    width: 751px;
    empty-cells: show;
}

table.contenttable td {
    vertical-align: top;
    text-align: left;
    padding-bottom: 30px;
}

table.contenttable td.leftmenu {
    padding-left: 12px;
    padding-right: 12px;
    width: 143px;
}

table.contenttable td.center {
    padding-left: 15px;
    padding-right: 12px;
}

table.contenttable td.right {
    padding-left: 15px;
    padding-right: 12px;
}

table.contenttable td.separator {
    background-image: url(images/palstajakaja.gif);
    width: 1px;
}

td.leftmenu a {
    font-family: tahoma, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    color: #007CB6;
}

td.leftmenu div.menu img {
    margin-left: 7px;
    margin-right: 5px;
}

td.leftmenu div.menu div.indent {
    padding-left: 20px;
}

td.leftmenu div.menu div.item,
td.leftmenu div.menu div.selecteditem {
    vertical-align: middle;
    margin-bottom: 2px;
    height: 14px;
}

td.leftmenu div.menu div.selecteditem {
    background-image: url(images/vasenmenu.gif);
    background-repeat: no-repeat;
    background-position: 0% 50;
}


table.contenttable td.right {
    width: 200px;
}



div.topical {
    font-size: 8pt;
}

div.topical div.title {
    font-weight: bold;
    color: #457002;
}

div.topical div.description {
}

div.topical div.link img {
    margin-right: 3px;
}

div.topical div.link {
    margin-top: 10px;
    margin-bottom: 17px;
}

div.topical div.link a {
    color: #646D77;
    text-decoration: none;
}

form {
    margin: 0px;
}

form.search,
form.login {
    font-size: 8pt;
    color: #007CB6;
}

form.login input.submit {
    background-color: transparent;
    font-size: 8pt;
    color: #007CB6;
    border: none;
    padding: 0px;
}

div.error {
    color: red;
    margin-bottom: 10px;
}

form input.text {
    border: 1px solid #A1BED2;
    color: #303030;
}

table.form td {
    vertical-align: middle;
}

/* hakutulokset */

dl.searchresults dt {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 3px;
}

dl.searchresults dt span.keyword,
dl.searchresults dd span.keyword {
    color: black;
    background-color: #D8E8FF;
}

dl.searchresults dd.stamp {
    font-size: 10px;

}


/* Sivukartta */

div.sitemap {
    margin-left: 0px;
    margin-top: 20px;
}

div.sitemap div.indent {
    padding-left: 30px;
    padding-bottom: 15px;
}

div.sitemap div.item {
    margin-bottom: 5px;
}