body {
    background-color: #B0B0B0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 80%
}
#main {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    text-align: center;
    padding-top: 5px;
    height: 96px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    background: #D0FFB1;
    border-bottom:7px solid #B0B0B0;
    background-image:url(./header.gif);
    background-repeat:no-repeat;
}
.sublinks {
    font-size: 110%;
    margin-left: 1em;
}
#navi .sublinks li a {
    margin: 1px 3px;
}
#navi {
    white-space: nowrap;
    margin-bottom: 7px;
    text-align: left;
    margin-top: 10px;
}
#navi ul {
    list-style-type: none;
    padding-left: 0;
    white-space: nowrap;
    margin-bottom: 12px;
    margin-top: 4px;
    text-align: left;
    width: 100%;
}
#navi li {
    display: inline;
    font-size: 100%;
    text-align: left;
    width: 100%;

}
#navi li a {
    display: block;
    margin: 0;
    padding: 2px 7px;
    border-color:#00a0e1;
    margin: 3px 3px 3px 3px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

#navi a:active {
    display: block;
    margin: 0;
    padding: 2px 7px;
    border-color:#00a0e1;
    margin: 3px 3px 3px 3px;
    text-align: left;
    color: #FF5BC8;
    font-weight: bolder;
    text-decoration: none;
}

#navi a:link{
    display: block;
    margin: 0;
    padding: 2px 7px;
    border-color:#00a0e1;
    margin: 3px 3px 3px 3px;
    text-align: left;
	text-decoration: none;
}
#navi li a:hover {
    /*background-color:#00a0e1;
    border-color:#00a0e1;*/
    color: #FF5BC8;
    font-weight: bolder;
    text-decoration: underline;
}
#navi a:hover {
    color: #FF5BC8;
    font-weight: bolder;
    text-decoration: underline;
	
}
#footer {
    clear:both;
    text-align:center;
    font-size: 90%;
    background: #D0FFB1;
    border-top:7px solid #B0B0B0;
    height: 30px;
    vertical-align:middle;
}
.footertext {
    margin-top:auto;
    vertical-align: middle;
    margin-bottom:auto;
    margin-top: 7px;
}
.text {
    color:black;
    margin: 3px;
    font-size: 10pt;
    margin-top: 2em;
}
a:link {
    color: #006699;
}
a:visited {
    color: #006699;
}
a:hover {
    color: #006699;
}
a:active {
    color: #006699;
}
#lefthand {
    float: left;
}
#righthand {
    float: right;
}
img {
    border: 0;
}
.tuotekuva {
    float: right;
    max-width: 380px;
    margin-left: 1em;
    margin-bottom: 1em;
    border-style:solid;
    border-width: 1px;
    border-color: #999999;
}
.alakuva {
    margin-left: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    border-style:solid;
    border-width: 1px;
    border-color: #999999;
    max-height: 250px;
}
.kuvateksti {
    margin-left: 1em;
    font-size: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: #666666;
}

.lisatiedot {
    text-align: center;
    font-size: 200%;
    margin: 1em;
}

h1
{
margin-bottom: 9px;
margin-top: 0px;
text-align: left;
color: #666666;
font-size: 12pt;
}

h2
{
margin-bottom: 9px;
margin-top: 0px;
text-align: left;
color: #666666;
font-size: 11pt;
font-weight: bold;
}

.intro
{
font-style: italic;
font-weight: bolder;
color: #FF5BC8;
}

img.pikkukuvat
{
border-style:solid;
border-width: 1px;
border-color: #FF5BC8;
}
p.tuotekuva {
    margin: 1em;
}
.hyvatietaa p {
    margin-right: 8em;
}
.hyvatietaa ul {
    margin-right: 8em;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#FFFFFF;		/* right column background colour */
        background-image:url(./pilvitausta.jpg);
        background-repeat:no-repeat;
}
.leftmenu .colleft {
	right:81%;			/* right column width */
	background:#D0FFB1;
	border-right:7px solid #B0B0B0;		/* left column background colour */

}
.leftmenu .col1 {
	width:75%;			/* right column content width */
	left:105%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:19%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
.text ul {
    margin-left: 1.1em;
    padding-left: 0;
}
#huolto {
    background-image: url(huoltotausta.jpg);
}

.ss_logo { width: 70px; float: right; margin-top: -50px;}
.dorjan_pics { clear: both; }
.dorjan_pics img { margin-right: -3px; padding: 0px; }
.saaga_list li { padding-bottom: 5px; }