* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: #f2f2f2;
}

p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 0.8em;
}

a { text-decoration: none; color: black; }
/*a:visited { color: ; }*/

li { list-style: none; }

h1 { font-size: 2.0em; margin-bottom: 0.8em; color: silver; text-decoration: underline; }
h2 { font-size: 1.6em;  margin-bottom: 0.8em; }
h3 { font-size: 1.4em; text-transform: uppercase; font-style: italic; letter-spacing: 2px; background: #e9bc3d; color: #5e0d04; padding: 5px; margin-bottom: 0.5em; text-align: center; }

.h1Bg2 { position: relative; color: silver; float: left; font-weight: bolder; }

.h1Bg { position: relative; float: left; color: black; font-size: 2.0em; margin-bottom: 0.8em; font-weight: bold; top: -26px; }

/* Floattien nollaus jotta kaikki selaimet ymmärtävät toiminnan oikein */
.clear { clear: both; display: block; overflow: hidden; margin: 0; padding: 0; height: 0px; }
.clearHeading { clear: both; display: block; overflow: hidden; margin: 0; padding: 0; }

/* Sivujen keskitys */
#page-wrap { width:982px; margin: 0 auto; }

/********** otsake alkaa **********/
/* Otsikkopalkki */
ul#otsake > li { position: relative; z-index: 1; margin-top: 12px; height: 170px; }
    /* Otsakkeen vasenreuna */
    li#otsake-vasen-reuna { float: left; width: 13px; background: url(../kuvia/ikkuna-ylaosa-vasen.png) no-repeat; }
    /* Otsikon venytettävä tausta */
    li#otsake-keskiosa { float: left; width: 951px; background: url(../kuvia/ikkuna-ylaosa-keski.png) repeat-x; }
        #logo { margin: 10px 80px 0px -10px; }
        #otsikko-teksti { margin: 0px 0px 15px 0px; }

        #otsikko-linkkipalkki { margin: 15px 0px 0px 415px; float: left; }
        .otsikko-linkkipalkki-linkit { font-size: 1.1em; padding: 0px 5px 0px 5px; float: left; border-left: 1px solid yellow; border-right: 1px solid gray; }
        .oikea { float: left; border-left: 1px solid yellow; border-right: 0px; }
        .vasen { float: left; border-left: 0px; border-right: 1px solid gray; }
        .flags-vasen { margin-left: 150px; float: left; border-left: 0px; border-right: 1px solid gray; }
        .flagListFloater { float: left; }

        .flags-sijoitus { padding: 0px 0px 0px 2px; margin: -2px 0px 0px 0px; width: 27px; height: 16px; }
        #flagFi { background: url(../kuvia/lippuFi.png) no-repeat; }
        #flagEn { background: url(../kuvia/lippuEn.png) no-repeat; }
        #flagDe { background: url(../kuvia/lippuDe.png) no-repeat; }

    /* Otsakkeen oikea reuna */
    li#otsake-oikea-reuna { float: left; width: 18px; background: url(../kuvia/ikkuna-ylaosa-oikea.png) no-repeat; }

/********** otsake loppuu **********/

/********** keskiosa alkaa **********/

/* Koko keskiosan tausta */
#keskiosa-vasen-tausta { background-image: url(../kuvia/ikkuna-oikea.png); background-position: right; background-repeat: repeat-y; width: 981px; background-color: #fefebc; }
/* Koko keskiosan tausta sijaitsee "keskiosa-vasen-tausta" sisällä */
#keskiosa-oikea-tausta { background-image: url(../kuvia/ikkuna-vasen.png); background-repeat: repeat-y; width: 100%; }
/* Keskiosan oikea reuna */
#keskiosa-oikea { width: 12px; float: right; }
/* Keskiosan vasen reuna */
#keskiosa-vasen { width: 13px; float: left; }

/* Linkkipalkki */
#linkkipalkki { position: relative; z-index: 10; float: left; margin: -45px 0px 0px -5px; height: 598px; width: 205px; background: url(../kuvia/ovi-alla.png) no-repeat; }
    /* Linkkien alla oleva oven kuva */
    #linkkipalkinovi { position: relative; z-index: 11; padding: 20px; margin: 3px 0px 0px 5px; height: 583px; width: 193px; background: url(../kuvia/ovi-paalla.jpg) no-repeat; }
        /* Linkit */
        .linkit { margin: 10px; font-weight: bold; font-size: 1.8em; line-height: 0.5em; text-align: right; width: 144px; height: 21px; background: url(../kuvia/sivulinkintausta-hopea.png) no-repeat; }
        .aktiivinen { color: #FEFEBC; }
        .linkit:hover { background: url(../kuvia/sivulinkintausta-kulta.png) no-repeat; }

        .moveToBack { position: absolute; right: 59px; font-weight: bold; font-size: 1em; line-height: 0.5em; width: 144px; height: 21px; }
        .moveToBack:hover { color: #ffff66; right: 60px; }

        #linkkipalkinovi a:hover { color: gray; }
        .validPersons li { margin-left: 10px; list-style: inside disc; font-size: 1.3em; line-height: 1.4em; margin-bottom: 0.8em; }
        .headerLists { margin-left: 10px; font-weight: bold; list-style: inside disc; font-size: 1.5em; line-height: 1.6em; margin-bottom: 0.8em; }
        .headerLists a { text-decoration: underline; }
        .listParagraphs { margin-left: 20px; }
        .listParagraphs a { line-height: 1.8em; text-decoration: none; font-size: 1.1em; }
        .listParagraphs2 { margin-left: 20px; font-size: 1.4em; font-weight: normal; }
        .listParagraphs2 a:hover { font-weight: bold; text-decoration: underline; }
        .backToTop { margin: 10px 0px 0px 20px; font-weight: bold; font-size: 1.4em; line-height: 3.6em; text-decoration: underline; }
        .jobList li { margin-left: 20px; list-style: inside circle; font-size: 1.3em; line-height: 1.0em; margin-bottom: 0.8em; }
        .jobListLeft { position: relative; width: 300px; float: left; margin-left: 20px; font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.8em; }
        .jobListLeft li { list-style: inside circle; }
        .jobListRight { position: relative; width: 250px; float: right; margin-right: 100px; font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.8em; }
        .jobListRight li { list-style: inside circle;  }
        .kuvastoLinkkiKausi { position: relative; width: 600px; height: 200px; margin: 40px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: url(../kuvia/tiput.jpg); }
        .kuvastoLinkkiTuotteet { position: relative; width: 600px; height: 200px; margin: 40px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: url(../kuvia/kuvastoon.jpg); }
        
/* Sisältölaatikko tämän sisällä */
#keskiosa-keski { width: 750px; background: white; margin-top: 10px; float: right; }

    /* Sisältölaatikon vasen yläkulma */
    #keskiosa-keski-vasen-ylaosa { float: left; height: 18px; width: 19px; background: url(../kuvia/sisalto-yla-vasen.png) no-repeat;}
    /* Sisältölaatikon oikea yläkulma */
    #keskiosa-keski-oikea-ylaosa { float: right; height: 18px; width: 17px; background: url(../kuvia/sisalto-yla-oikea.png) no-repeat;}

    /* Sisältö ja laatikon vasen reuna*/
    #keskiosa-keski-vasen-reuna { float: left; padding: 0px 10px; width: 740px; background: url(../kuvia/sisalto-keski-vasen.png) repeat-y;}
        /* Sisällön paikan muokkaus ja oikea reuna */
        #keskiosa-keski-oikea-reuna { /*float: right; height: 16px; width: 17px;*/ background: url(../kuvia/sisalto-keski-oikea.png) right repeat-y;}
            /* Sisällön paikan muokkaus */
            #keskiosa-keski-oikea-reuna-sisalto { padding: 10px 30px 20px 20px; }
                /* Yhteistyokumppanien logot */
                #yhteistyokumppanit { margin-left: -20px; }

    /* Sisältölaatikon vasen alakulma */
    #keskiosa-keski-vasen-alaosa { float: left; height: 21px; width: 19px; background: url(../kuvia/sisalto-vasen-ala.png) no-repeat;}
    /* Sisältölaatikon pohja */
    #keskiosa-keski-pohja { float: left; height: 21px; width: 714px; background: url(../kuvia/sisalto-keski-ala.png) repeat-x;}
    /* Sisältölaatikon oikea alakulma */
    #keskiosa-keski-oikea-alaosa { float: right; height: 21px; width: 17px; background: url(../kuvia/sisalto-oikea-ala.png) no-repeat;}

    /* Yhteystiedot kartta */
    #kartta-karmit { padding: 11px 8px 7px 12px; margin: 40px 75px; position: relative; width: 532px; height: 360px; background: url(../kuvia/kartta-karmit.jpg) no-repeat; }

/********** keskiosa loppuu **********/


/********** alaotsake alkaa **********/
/* Alapalkin tausta */
div#alaotsake {  padding-top: 10px; height: 19px; width: 981px; background: url(../kuvia/ikkuna-alaosa.png) no-repeat; }
    /* Copyright teksti */
    #alaotsake > ul > li { text-align: center; color: #5c5b5b; }
/********** alaotsake loppuu **********/

/********** tuotetiedot alkaa **********/

ul#tuoteTiedot { margin: 20px; }
ul#tuoteTiedot h2 { text-decoration: underline; }
li#tuoteHinta { float: left; font-weight: bold; margin-right: 50px; }
li#tuoteSelitys { float: left; font-weight: bold; }

/********** tuotetiedot loppuu **********/

/********** kuvien asetukset alkaa **********/

.kuviaLargeWide { width: 512px; height: 340px; margin-left: 94px; border: 3px double gray; }
.kuviaLargeTall { width: 340px; height: 512px; margin-left: 180px; border: 3px double gray; }
.kuviaLargeSquare { width: 512px; height: 512px; margin-left: 94px; border: 3px double gray; }

.pictureHeaderText { font-size: 1.6em;  margin-bottom: 0.8em; font-weight: bold; margin-left: 10px; }

/* Muista että leveys on pienempi kuin kuvan leveys koska mukana padding */
.kuviaWide { padding: 20px; float: left; height:253px; width: 303px; background: url(../kuvia/256x170BG.jpg) no-repeat; color: gray; }
.kuviaWide:hover { color: black; }
.kuviaWide img { margin: 0px 0px 0px 10px; border: 2px double black; }
.kuviaWide img:hover { border: 3px double black; }
.kuviaTall { padding: 12px; float: left; height:323px; width: 241px; background: url(../kuvia/170x256BG.jpg) no-repeat; color: gray; }
.kuviaTall:hover { color: black; }
.kuviaTall img { margin: 0px 0px 0px 28px; border: 2px double black; }
.kuviaTall img:hover { border: 3px double black; }
.kuviaSquare { padding: 11px 18px 20px 21px; float: left; height:303px; width: 303px; background: url(../kuvia/256x256BG.jpg) no-repeat; color: gray; }
.kuviaSquare:hover { color: black; }
.kuviaSquare img { margin: 0px 0px 0px 10px; border: 2px double black; }
.kuviaSquare img:hover { border: 3px double black; }

/********** kuvien asetukset loppuu **********/