html {
    height: 100%; /* required for Mozilla/Safari to render page height correctly */
}
        
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    margin: 0;
    height: 100%;
    text-align: center;
    font-size: 0.75em;
}

code, tt, pre {
    font-family: "Lucida Console", Courier, "Courier New";
    font-size: 1em;
}

div#uberContainer {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0 15px 0 15px;
    width: 740px;
    /*height: 100%;*/
    text-align: left;
    color: #000000;
    background-color: #FFFFFF;
/*    border-left: 1px dashed #B7C8D2;
    border-right: 1px dashed #B7C8D2;*/
    float: none;
}

a {
    color: #AC0000;
}
   
div#header {
    width: 740px;
    text-align: left;
}

div#logo {
    display: block;
    width: 800px;
    height: 60px;
    float: left;
    padding: 8px 0px 0px 0;
    padd\ing: 8px 0px 0px 0;
    overflow: hidden;
}

div#tausta {
    display: block;
    float: right;
    width: 50px;
    height: 60px;
    color: #000000;
/*    background-image: url('/img/tausta.png');*/
    background-color: #FFFFFF;
    margin: 8px 0 0 0;
    overflow: hidden;
}

/*
   Main Nav
*/
div#skipNav {
    display: none;
}

div#navi {
    width: 738px;
    height: 30px;
    display: block;
    line-height: 30px;
    font-size: 12px !important;
    font-weight: normal;
    text-decoration: none;
    font-variant: small-caps;
    letter-spacing: 2px;
    color: #0000A0;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
/*    border-left: 1px solid #CCC0AD;
    border-right: 1px solid #CCC0AD;
    border-top: 1px solid #BFB198;
    border-bottom: 1px solid #BFB198;*/
/*    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE; 
    border-top: 1px solid #DEDEDE;*/
    border-bottom: 1px solid #FF0000;
    background-color: #FFFFFF;
    white-space: nowrap;
    clear: both;
}

* html div#navi {
    width: 738px;
    w\idth: 738px;
    height: 30px;
/*    he\ight: 28px;*/
}

ul#mainNav {
  display: inline;
  list-style-type: none;
}

ul#mainNav li {
    margin: 0;
    background:url('/img/gray_arc_left_200px.gif') no-repeat top left;
    display: inline;
    float: left;
}

ul#mainNav li a {
    display: block;
    float: left;
    text-decoration: none;
    color: #0000A0;
/*    border-top: 1px solid #DEDEDE;*/
/*    border-right: 1px solid #CCC0AD;*/
    margin: 0;
    padding: 0 6px 0 6px;
    white-space: nowrap;
/*    border-right: 1px solid #DEDEDE;*/
    background:url('/img/gray_arc_right_7px.gif') no-repeat top right;
}

a#navir {
    display: block;
    float: right;
    text-decoration: none;
    color: #0070AC;
    border-left: 1px solid #CCC0AD;
    padding: 0 6px 0 6px;
}

div#navi a.on {
    text-decoration: underline;
    color: #0000A0;
}

div#navi a.off:hover {
    color: #FF0000;
}

div#navi a.on:hover {
    color: #0000A0;
}

/*
   Sub Nav
*/
ul#mainNav li ul  {
    position: absolute;
    top: 98px;
    z-index: 2;
    display: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    background-color: #FFFFFF;
}

ul#mainNav li ul li {
    line-height: 20px;
    display: block;
    background-color: #FFFFFF;
    clear: both;
}

ul#mainNav li ul li a {
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 12px !important;
    border: none;
    color: #0000A0;
    background-color: #FFFFFF;
    padding: 0 8px 0 4px;
    background-image: none;
}

ul#mainNav li ul li a:hover {
/*    background-color: #EAE5DF;*/
    color: #FF0000;
    background-color: #FFFFFF;
}


/*
  'Mouseover' styles
   NOTE - :hover doesn't work in IE at present due to their poor 
          implementation of this pseudo class See IEhover.js
*/
ul#mainNav li.off:hover ul {
   display: block;
   z-index: 50;
}
                
ul#mainNav li.over ul { /*** for IE - See IEhover.js ***/
   display: block;
   z-index: 50;
}
                
ul#mainNav li.off:hover ul li a {
/*   color: #9F8B62;*/
   color: #0000A0;
   border: none;
}
               
ul#mainNav li.over ul li a { /*** for IE - See IEhover.js ***/
   color: #FF0000;
   border: none;
}
               
ul#mainNav li.on ul li a:hover, ul#mainNav li.off ul li a:hover {
   border: none;
   color: #FF0000;
}



/*
   Sub Navi roll over
*/

li#subnavi_autot ul {
    left: 134px;
}
                
li#subnavi_tuotteet li a {
    width: 110px;
}

li#subnavi_palvelut ul {
    left: 126px;
}
                
li#subnavi_palvelut li a {
    width: 100px;
}

li#subnavi_tieto00 ul {
    left: 200px;
}
                
li#subnavi_tieto00 li a {
    width: 250px;
/*    text-align: left;*/
}



/*
   Other
*/

.clear {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}

.ingress {
    color: #404040;
    font-weight: bold;
}

div#content {
    float: none;
    overflow: hidden;
}

div#content590 {
    float: left;
    width: 590px;
    display: block;
    overflow: hidden;
}

div#content440 {
    float: left;
    width: 440px;
    display: block;
    overflow: hidden;
}

div#content375 {
    float: left;
    width: 375px;
    display: block;
    overflow: hidden;
}

div#content300 {
    float: left;
    width: 300px;
    display: block;
    overflow: hidden;
}

div#content250 {
    float: left;
    width: 250px;
    display: block;
    overflow: hidden;
}

div#content225 {
    float: left;
    width: 250px;
    display: block;
    overflow: hidden;
}

div#content150 {
    float: left;
    width: 150px;
    display: block;
    overflow: hidden;
}

div#content10 {
    float: left;
    width: 10px;
    height: 605px;
    display: block;
    overflow: hidden;
}


/*
   Footer
*/
div#footerBar {
    width: 738px;
    height: 2.9em;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.0em;
    color: #798692;
    visibility: visible;
    margin: 5px 0;
    background-color: #FFFFFF;
    border-top: 1px solid #FF0000;
/*    border-bottom: 1px dashed #FF0000;*/
}
                
div#footerBar p {
    margin:8px 0 0 0;
}
                
div#footerBar a {
    margin:0 0 0 20px;
}

/*
   Teasers
*/
div#nostopalkki {
    height: 20px;
    text-align: left;
    vertical-align: bottom;
    line-height: 18px;
    border: 1px solid #EB232A;
    background-image: url('/img/arrow2_red.png');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    color: #EB232A;
    padding: 0 0 0 25px;
    margin: 0;
}

div#nostoboxi {
    text-align: left;
    background-color: #FFFFFF;
    color: #000000;
    margin: 0 0 0 10px;
    padding: 0;
    display: block;
    float: none;
    overflow: hidden;
}


H1 {
    color: #0000A0;
    background-color: #FFFFFF;
    font-size: 1.7em;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
} 

.maintopic, #maintopic {
    color: #0000A0;
    background-color: #FFFFFF;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none;
}

.maintopic:hover, #maintopic:hover {
    color: #FF0000;
    text-decoration: underline;

}

H2, .topic, #topic {
    color: #0000A0;
    font-size: 1.4em;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
}

H3, .subtopic, #subtopic{
    color: #0000A0;
    font-size: 1.25em;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
}

.subtopic:hover, #subtopic:hover {
    color: #FF0000;
    text-decoration: underline;

}

.teaser, #teaser {
    color: #707070;
    background-color: #FFFFFF;
    font-weight: bold;
}

.viewname, .date, #date {
    color: #798692;
    background-color: #FFFFFF;
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: none;
    display: inline;
}
    
.imgborder { 
    border: 1px #E0E0E0 solid;
}

.tableborder { 
    border-top: 1px #E0E0E0 solid;
    border-bottom: 1px #E0E0E0 solid;
    border-left: none;
    border-right: none;
}

.etusivu_kuva {
    width: 400;
    height: 266;
    border: 1px #E0E0E0 solid;
    margin: 10px 10px 0px 1px;
    display: block;
    overflow: hidden;
}

.karttakuva {
    width: 500px;
    height: 300px;
    border: 1px #E0E0E0 solid;
    display: block;
    overflow: hidden;
}

.tuotekuva {
    width: 400px;
    height: 300px;
    border: 1px #E0E0E0 solid;
    display: block;
    overflow: hidden;
}

.tuotekuvaus {
    width: 320px;
    float: left;
    display: block;
    overflow: hidden;
}

.tuotenosto {
    float: left;
    width: 540px;
    height: 126px; 
    display: block;
    overflow: hidden;
    vertical-align: center;
}

.leftmargin {
    margin: 10px 10px 0px 1px;
    float: left;
    text-align: left;
}

.rightmargin {
    margin: 10px 1px 0px 10px;
    float: right;
    text-align: right;
}

.hidden {
    display: none;
}

.none {
    float: none;
    clear: both;
}

.left {
    float: left;
    text-align: left;
}

.right {
    float: right;
    text-align: right;
}

.line1 {
    vertical-align: top;
    background-color: #FFFFFF;
}

.line2 {
    vertical-align: top;
    background-color: #F0F8FF;
}

.c170 {
    width: 170px;
    display: block;
    overflow: hidden;
    float: left;
}

.c359 {
    width: 359px;
    display: block;
    overflow: hidden;
    float: left;
}

.c302 {
    width: 302px;
    display: block;
    overflow: hidden;
    float: left;
}

.c140 {
    width: 140px;
    display: block;
    overflow: hidden;
    float: left;
}

.rm20 {
    margin-right: 20px;
}

.rp20 {
    padding-right: 20px;
}

.bm5 {
    margin-bottom: 5px;
}

.block {
    display: block;
}

.pad10 {
    padding: 10px;
}