/*
    Document   : css
    Created on : 30.3.2011
    Author     : TiiKa-soft Ky / Tiitinen Matti
    Description: K-suunnittelu Oy verkkosivusto
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family:arial;
}
body {
    text-align: center;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color:none;
}
h3,p {
    font-family:arial;
    color:#464646;
}
#bg {
    position:fixed;
    background-image:url(images/background.jpg);
    background-repeat:repeat-y;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-width: 1024px;

}
#wrapper {

    position:relative;
    margin:0px auto;
    width:100%;
    height:auto;
    border:solid 0px blue;
}
#page {
    margin-top:0px;
    position:relative;
    width:866px;
    height:auto;
    border:solid 0px red;
}
#main {
    text-align: left;
    position:relative;
    float:left;
    width:875px;
    height:960px;
    border: solid 0px green;
    z-index:2;
    background-image:url(images/tausta.png);
    background-repeat:no-repeat;
}

#mainleft {

    position:relative;
    float: left;
    margin-left:50px;
    margin-top:300px;
    margin-bottom:0px;
    width:400px;
    height:auto;
    min-height:550px;
    color:#FFFFFF;
    border:solid 0px red;
}
#mainleft_kortti {

    position:absolute;
    float: left;
    margin-left:150px;
    margin-top:130px;
    background-image:url(images/kayntikortti.png);
    background-repeat:no-repeat;
    width:227px;
    height:auto;
    height:156px;
    color:#FFFFFF;
    border:solid 0px red;
}
#linkki_etusivu {
    margin-top:35px;
    margin-left:70px;
    border:solid 0px red;
    width:279px;
    height:62px;
    background-image:url(images/linkki_etusivu.png);
    background-repeat:no-repeat;
}
#linkki_etusivu1 {
    position: absolute;
    margin-top:0px;
    margin-left:50px;
    border:solid 0px red;
    width:100px;
    height:27px;
}
#linkki_etusivu2 {
    position: absolute;
    margin-top:20px;
    margin-left:100px;
    border:solid 0px red;
    width:100px;
    height:20px;
}
#linkki_etusivu3 {
    position: absolute;
    margin-top:35px;
    margin-left:150px;
    border:solid 0px red;
    width:60px;
    height:20px;
}
#linkki_biisit {
    margin-top:-25px;
    margin-left:50px;
    border:solid 0px red;
    width:279px;
    height:88px;
    background-image:url(images/linkki_biisit.png);
    background-repeat:no-repeat;
}
#linkki_biisit1 {
    position: absolute;
    margin-top:0px;
    margin-left:20px;
    border:solid 0px red;
    width:70px;
    height:27px;
}
#linkki_biisit2 {
    position: absolute;
    margin-top:20px;
    margin-left:60px;
    border:solid 0px red;
    width:80px;
    height:20px;
}
#linkki_biisit3 {
    position: absolute;
    margin-top:25px;
    margin-left:100px;
    border:solid 0px red;
    width:60px;
    height:25px;
}
#linkki_biisit4 {
    position: absolute;
    margin-top:37px;
    margin-left:140px;
    border:solid 0px red;
    width:60px;
    height:25px;
}
#linkki_biisit5 {
    position: absolute;
    margin-top:50px;
    margin-left:190px;
    border:solid 0px red;
    width:50px;
    height:25px;
}
#linkki_biisit6 {
    position: absolute;
    margin-top:60px;
    margin-left:210px;
    border:solid 0px red;
    width:65px;
    height:25px;
}
#linkki_galleria {
    margin-top:-35px;
    margin-left:50px;
    border:solid 0px red;
    width:279px;
    height:69px;
    background-image:url(images/linkki_galleria.png);
    background-repeat:no-repeat;
}
#linkki_galleria1 {
    position: absolute;
    margin-top:0px;
    margin-left:20px;
    border:solid 0px red;
    width:70px;
    height:27px;
}
#linkki_galleria2 {
    position: absolute;
    margin-top:20px;
    margin-left:60px;
    border:solid 0px red;
    width:80px;
    height:20px;
}
#linkki_galleria3 {
    position: absolute;
    margin-top:25px;
    margin-left:100px;
    border:solid 0px red;
    width:60px;
    height:25px;
}
#linkki_galleria4 {
    position: absolute;
    margin-top:37px;
    margin-left:145px;
    border:solid 0px red;
    width:62px;
    height:27px;
}
#linkki_yhteys {
    margin-top:-25px;
    margin-left:40px;
    border:solid 0px red;
    width:279px;
    height:76px;
    background-image:url(images/linkki_yhteys.png);
    background-repeat:no-repeat;
}
#linkki_yhteys1 {
    position: absolute;
    margin-top:0px;
    margin-left:0px;
    border:solid 0px red;
    width:70px;
    height:27px;
}
#linkki_yhteys2 {
    position: absolute;
    margin-top:17px;
    margin-left:50px;
    border:solid 0px red;
    width:80px;
    height:25px;
}
#linkki_yhteys3 {
    position: absolute;
    margin-top:25px;
    margin-left:100px;
    border:solid 0px red;
    width:60px;
    height:25px;
}
#linkki_yhteys4 {
    position: absolute;
    margin-top:42px;
    margin-left:145px;
    border:solid 0px red;
    width:80px;
    height:30px;
}

#mainright {
    position:relative;
    float:right;
    width: 340px;
    height:auto;
    color:#464646;
    border:solid 0px red;
    min-height:300px;
    margin-right:45px;
    margin-top:330px;
    margin-bottom:20px;
}
#mainright h2 {
    font-family:Georgia,Serif;
    margin-bottom: 10px;
    color:#464646;
    font-size:120%;
}
#mainright p {
    font-family:Georgia,Serif;;
    color:#464646;
    font-size:85%;
    margin-top:10px;
}
#mainright a {
    font-family:Georgia,Serif;;
    color:#001684;
    font-size:85%;
    margin-top:10px;
    text-decoration: none;
}
#mainright a:hover {
    font-family:Georgia,Serif;;
    color:#464646;
    font-size:85%;
    margin-top:10px;
}
#footer {
    position: relative;
    margin-top:-200px;
    float:left;
    width:866px;
    height:200px;
    border: solid 0px red;
    z-index: 9999;
}

#footer_teksti {
    font-family:arial;
    font-size:14px;
    position:relative;
    color:#000000;
    margin-right:60px;
    margin-top:170px;
    float:right;
    width:auto;
    height:20px;
    border: solid 0px red;
}
/*
#footer_tulevat_keikat {
    margin-left:180px;
    margin-top:40px;
    float:left;
    width:207px;
    height:86px;
    border: solid 0px red;
    background-image:url(images/tulevat_keikat.png);
    background-repeat: no-repeat;
}
*/
#footer_fb {
    float:right;
    margin-top:160px;
    margin-right:90px;
    background-image:url(images/fb.png);
    background-repeat: no-repeat;
    cursor: pointer;
    width:20px;
    height:20px;
    border: solid 0px red;
}