/* ----------------
 * kielet_0707.css
 * ----------------
 * Kieli- ja käännöstieteiden laitoksen perustyylisivu, versio 7/07.
 * =========================================================================
 * 17.12.2003   Valmis peruspohja (TN).
 * 31.10.2005   Muutoksia paremman paperitulosteen saamiseksi yms. (TN).
 * 5.11.2005    Muutoksia navigoinnin selkiyttämiseksi (TN).
 * 20.11.2005   Muita muutoksia (TN).
 * 19.1.2006    Lisätty henkilot-taulukkoluokka henkilökuntaluetteloa varten
 *              (TN).
 * 22.3.2007    Lisätty "kuvaloota" (TN).
 * -------------------------------------------------------------------------
 * 23.3.2007    Aloitettu pohja uudella nimellä _0407 (TN).
 * -------------------------------------------------------------------------
 * 5.7.2007     Aloitettu pohja uudella nimellä _0707 (TN).
 * 23.8.2007    Lisätty puuttunut pika-tyyli navigointipalkkiin (TN).
 * 28.8.2007    Lisätty p.kurssi- ja p.kuvaus-tyylit opintosuunnitelmia
 *              varten (TN).
 * 12.9.2007    nyt-tyylin tekstiväri korjattu harmaaksi.
 * 10.10.2007   Korjauksia tulostusversioon (@media print).
 * 17.12.2007   Lisätty <sup>-korjaus (TN).
 * =========================================================================
 */

body {
    background: white;
    color: black;
    font-family: sans-serif;
}

/* -----------------------------------------------------------------------*
 * SIVUN PÄÄRAKENNE                                                       *
 *                                                                        *
 * Sivulla on kaksi taulukkoa, #logo ja #runko. #logo-taulukossa          *
 * on yläreunan kuva-aihe, #runko-taulukossa kaikki muu. #runko           *
 * sisältää kaksi solua: #navigointi, joka sisältää vasemman reunan       *
 * navigointipalkin, ja #sisalto, johon tulee sivun varsinainen           *
 * sisältö.                                                               *
 *                                                                        *
 * HUOM! Vain #sisalto tulee paperitulosteisiin.                          *
 * -----------------------------------------------------------------------*/

/* Logo- ja runko-osiot */

#logo, #runko {
    margin: auto auto;
    border-collapse: collapse;
}

#logo {
    clear: both;
    width: 750px;
    border-bottom: 3px solid rgb( 25, 66, 148);
}

#logo td {
    padding: 0;
}

#runko {
    clear: both;
}

/* Runko-osion sisäiset osiot: oppiaine, navigointi, sisalto */

#navigointi, #sisalto {
    vertical-align: top;
    padding: 0;
}

#navigointi {
    float: left;
    width: 10em;
}

#oppiaine {
    margin: 0;
    padding-left: 3pt;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

#sisalto {
    width: 100%;
}

table.henkilot img {
    padding-right: 2em;
}

table.henkilot td {
    padding-top: 2ex;
}

@media screen {
    #runko {
        width: 750px;
        border-bottom: 3px solid rgb( 25, 66, 148);
    }

    #sisalto {
        padding-left: 1em;
        padding-bottom: 2ex;
        border-left: 1px solid rgb( 25, 66, 148);
    }

    #oppiaine {
        border-bottom: 1px solid rgb( 25, 66, 148);
    }
}

  /* Logoa ja navigointia ei näytetä paperitulosteessa */
@media print {
    #logo, #navigointi {
        display: none;
    }
}

/* LAATIKOT */

  /* Taustaväritön laatikko esimerkkejä varten */
.esimerkki {
    margin: 2ex 0 2ex 2em;
    padding: 1ex 1em 0 1em;
    border: 1px solid black;
}

  /* Laatikko: tärkeät huomautukset */
div.huomio {
    margin: 1ex;
    padding: 1ex;
    background: rgb( 255, 234, 234);
    color: rgb(0, 0, 0);
    border: 2px dashed black;
    font-size: 110%;
}

.kuvaloota {
    width: 200px;
    height: 150px;
    border: 1px dashed rgb( 164, 164, 164);
    text-align: center;
    font-size: 90%;
    font-style: italic;
    color: rgb(164, 164, 164);
    background: transparent;
}

  /* Vaaleansinitaustaiset tietolaatikot: yhteiset ominaisuudet */
.linkit, .nimet, .osoitteet {
    border: 1px solid black;
    background: rgb( 240, 244, 248);
    color: black;
    font-size: 80%;
}

  /* Laatikko: linkit saman tiedoston ankkureihin */
.linkit {
    margin: 0 1em 2ex 0;
    padding: 1ex;
    text-align: center;
}

  /* Laatikko: nimet ja yhteystiedot esim. opetusohjelmassa */
.nimet {
    margin: 0ex 2em 2ex 2em;
    padding: 0.5ex 1em;
    text-align: left;
}

  /* Laatikko: laitoksen tai oppiaineen osoitetiedot (navigointisolussa) */
.osoitteet {
    margin: 4ex 1em 2ex 0;
    padding: 0 1em 0 1em;
    text-align: center;
}

/* -----------------------------------------------------------------------*
 * OTSIKOT                                                                *
 * -----------------------------------------------------------------------*/

h1, h2, h3, h4 {
    text-align: left;
    font-weight: bold;
}

h1 {
    margin: 1ex 0;
    text-transform: uppercase;
    font-size: 120%;
}

h1#alaots {
    margin-bottom: 3ex;
    text-transform: none;
    font-size: 110%;
    font-style: italic;
}

h2 {
    margin-top: 2ex;
    font-size: 120%;
}

h3 {
    margin-top: 3ex;
    font-size: 110%;
    font-style: normal;
}

h4 {
    margin: 3ex 0 1ex;
    font-size: 105%;
    font-style: italic;
}

@media screen {
    h1, h2 {
        padding: 3pt;
    }

    h1 {
        background: rgb( 25, 66, 148);
        color: white;
    }

    h1#alaots {
        background: transparent;
        color: black;
    }

    h2 {
        border-top: 1px solid white;
        background: rgb( 205, 218, 233);
        color: black;
    }

    h3 {
        border-bottom: 1px solid rgb( 25, 66, 148);
    }

    #navigointi h3 {
        margin-top: 1.5ex;
        margin-bottom: 0.5ex;
        font-size: 90%;
    }
}

@media print {
    h1, h2, h3, h4 {
        page-break-after: avoid;
    }

    h1 {
        border-bottom: 2px solid black;
    }

    h1#alaots {
        border: none;
    }

    h2 {
        border-bottom: 1px solid black;
    }
}

/* -----------------------------------------------------------------------*
 * TEKSTIKAPPALEET                                                        *
 * -----------------------------------------------------------------------*/

p {
    margin: 0 0 1.5ex;
}

  /* Viimeksi muutettu -kappale */
p#muutettu {
    margin-top: 4ex;
    text-align: center;
    font-size: 70%;
}

p.kurssi {
    margin: 3ex 0 0 0;
    font-weight: bold;
}

p.kuvaus {
    margin: 0 0.5em 0.5ex 6em;
    text-indent: -3em;
}

p.paraV {
    margin-bottom: 2ex;
}

p.petiitti {
    font-size: 80%;
}

dl+p, ol+p, ul+p {
    margin-top: 1.5ex;
}

/* -----------------------------------------------------------------------*
 * VASEMMAN REUNAN NAVIGOINTIPALKKI                                       *
 * -----------------------------------------------------------------------*/

.linkki {
    margin: 0;
    padding: 0 3pt;
    border-top: 1px solid white;
    text-align: left;
    background: rgb( 205, 218, 233);
    color: black;
    font-size: 85%;
    font-weight: bold;
}

  /* Nykyinen sijainti */
.nyt {
    color: rgb( 164, 164, 164);
    font-style: italic;
}

  /* Oikotie ohi hierarkian */
.pika {
    padding-left: 2em;
    color: black;
    background: rgb(229, 246, 255);
    font-size: 75%;
}

  /* Ulos sivustosta vievä linkki */
.ulos {
    background: rgb( 233, 205, 205);
}

/* -----------------------------------------------------------------------*
 * TAULUKOT                                                               *
 * -----------------------------------------------------------------------*/

tr.osoite {
    background: rgb( 255, 255, 218);
    padding-bottom: 1ex;
}

th, td {
    vertical-align: top;
    text-align: left;
}

th {
    font-weight: bold;
}

  /* Aidosti taulukkomuotoisen tiedon esittämiseen */
table.taulu {
    margin: 1.5ex 0;
    border: 1px solid black;
    border-collapse: collapse;
}

table.taulu th, table.taulu td {
    padding: 1ex 1em;
    border: 1px solid black;
}

table.taulu th {
    background: rgb( 240, 244, 248);
}

/* -----------------------------------------------------------------------*
 * LUETELMAT                                                              *
 * -----------------------------------------------------------------------*/

dt {
    margin-top: 1.5ex;
    margin-left: 3em;
    text-indent: -3em;
    font-weight: bold;
}

dd {
    margin-left: 3em;
}

li {
    margin: 0;
    margin-right: 1em;
}

ol.loysa li, ul.loysa li {
    margin-bottom: 1.5ex;
}

/* -----------------------------------------------------------------------*
 * MERKKITYYLIT                                                           *
 * -----------------------------------------------------------------------*/

a {
    text-decoration: none;
}

a:link, a:visited {
    background: transparent;
    color: rgb( 31, 64, 146);
}

a:active, a:link:hover, a:visited:hover {
    border-bottom: 1px dotted orange;
    background: transparent;
    color: orange;
}

.linkki a:active, .linkki a:link:hover, .linkki a:visited:hover {
    border-bottom: none;
    background: orange;
    color: white;
    text-decoration: none;
}

#logo a:active, #logo a:link:hover, #logo a:visited:hover {
    border-bottom: none;
    text-decoration: none;
}

address {
    font-size: 90%;
    font-style: italic;
}

  /* Muutokset ilmaistaan punaisella */
.huomio, .muutos {
    background: transparent;
    color: red;
    font-style: normal;
}

sup {
    vertical-align: 1.2ex;
    font-size: 70%;
}