html, body{
 margin:0;
 padding:0;
 text-align:center;
	background: url(images/bg.gif);
}

img {
	border: 0;
}

.ominaisuudet {
	clear: both;
	float: left;
	width: 100%;
}

#pagewidth{
 width:940px;
 text-align:left;
 min-width: 500px;margin-left:auto;
 margin-right:auto;
	margin-top: 15px;
	border: 3px solid #A53F0F;
}

#header{
 height:210px;
 width:100%;
 background:#ECEBE9 url("images/otsikkobg1.jpg") no-repeat right top;
/*	border-bottom: 1px solid #5E5B55;*/
 }

#headerlehti{
 height:210px;
 width:100%;
 background:#ECEBE9 url("images/otsikkobg1.jpg") no-repeat right top;
/*      border-bottom: 1px solid #5E5B55;*/
 }


#pikahaku {
	float: right;
	padding-top: 5px;
	padding-right: 5px;

}

#printtilinkki {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}

.formi {

}

.haekuva {
	margin-bottom: -6px;
	padding:0px;
}

*html .haekuva {
	margin-bottom: -4px;
	padding:0px;
}

.banneri {
	margin-top: 20px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #CCCCCC;
	width: 80%;
	padding: 5px;
	color: #7c7c7c;
}

.banneri img {
        border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

div.float {
	float: left;
	padding: 10px;
	width: 150px;
	background: #f9f9f9;
	margin: 10px 12px 1px 1px;
	min-height: 400px;
  }

*html div.float {
	width: 135px;
	height: 400px;

  }

.kuva {
	text-align: center;
	padding-top: 10px;
}

.tuotenimi,.tuotenimi a:link, .tuotenimi a:visited  {
	font: 14px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #61605D;
	text-align: center;
	width: 140px;
	padding-top: 10px;
	text-decoration: none;
}

.tuotenimi a:hover {
	text-decoration: underline;
}

.tekija {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	font-style: italic;
	color: #61605D;
	text-align: center;
	width: 140px;
}

.kuvaus, .kuvaus a:link, .kuvaus a:visited {
	margin-top: 6px;
	margin-bottom: 12px;
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	color: #333;
	width: 140px;
}

.hinta {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #777;
	width: 100%;
	padding: 3px;
	display:block;
/*	background: #e8e8e8; */
	padding:3px;
	text-align: center;
	border: 1px solid #e8e8e8;
	margin-bottom: 4px;
	margin-top: 4px;

}

.tuotenro {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #777;
	width: 100%;
	padding: 3px;
	display:block;
/*	background: #e8e8e8; */
	padding:3px;
	text-align: center;
	border: 1px solid #e8e8e8;
	margin-bottom: 4px;
	margin-top: 4px;

}

div.koriin a {
	background: #aaa;
	color: #fff;
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	width: 100%;
	text-decoration: none;
	padding:3px;
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	margin-top: 4px;
	display: block;
}

div.koriin a:hover {
	font-weight: bold;
	color: #777;
	text-decoration: none;
	display:block;
	background: #eee;
}


.kustantaja {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	color: #333;
	width: 100%;
}

.spacer {
	height: 100px;
}

/* Kaksi tuotetta rinnakkain */

.holder2 {
	clear: both;
}

.holder3 {
	clear: both;
	width: 100%;
	background: #f9f9f9;
	min-height: 133px;
	border-top: 10px solid #fff;
}

.holder2teksti {
	float: left;
	padding: 10px;
	background: #f9f9f9;
	margin: 0;
	width: 240px;
	min-height: 200px;
	border-bottom: 10px solid #fff;
  }

.holder3teksti {
	float: right;
	padding: 10px;
	background: #f9f9f9;
	margin: 0;
	width: 240px;
	min-height: 200px;
	border-bottom: 10px solid #fff;
  }

.holder4teksti {
	float: right;
	padding: 10px;
	background: #f9f9f9;
	margin: 0;
	width: 95%;
	min-height: 200px;
	border-bottom: 10px solid #fff;
  }

.holder5teksti {
	float: left;
	padding: 10px;
	background: #f9f9f9;
	margin: 0;
	width: 400px;
	display: block;
	margin-right: -100px;
  }

.holder6teksti {
	float: right;
	padding: 10px;
	background: #f9f9f9;
	margin: 0;
	width: 20%;
  }

.holder7teksti {
	float: left;
	padding: 10px;
	background: #f9f9f9;
	margin: 0;
	width: 29%;
	/*width: 152px;*/
        font: 90% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        font-weight: normal;
        color: #333;
}

.kuva2 {
	padding-right: 10px;
	padding-bottom: 10px;
	float:left;
        font: 90% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
}

.kuva2 img {
        border: 1px solid #CCC;
}

.tuotenimi2, .tuotenimi2 a:link, .tuotenimi2 a:visited {
	font: 98% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #61605D;
	text-align: center;
	padding-top: 10px;
	text-decoration: none;
}

.tuotenimi2 a:hover {
	text-decoration: underline;
}

.tekija2 {
	font: 75% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	font-style: italic;
	color: #61605D;
	text-align: center;
}

.kuvaus2, .kuvaus2 a:link, .kuvaus2 a:visited {
	margin-top: 6px;
	margin-bottom: 12px;
	font: 90% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	color: #333;
}

.hinta2 {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #777;
	width: auto;
	padding: 3px;
	display:block;
/*	background: #e8e8e8; */
	padding:3px;
	text-align: center;
	border: 1px solid #e8e8e8;
	margin-bottom: 4px;
	margin-top: 4px;
}

.tuotenro2 {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #777;
	padding: 3px;
	display:block;
/*	background: #e8e8e8; */
	padding:3px;
	text-align: center;
	border: 1px solid #e8e8e8;
	margin-bottom: 4px;
	margin-top: 4px;
}

div.koriin2 a {
	background: #aaa;
	color: #fff;
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	text-decoration: none;
	padding:3px;
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	margin-top: 4px;
	display: block;
}

div.koriin2 a:hover {
	font-weight: bold;
	color: #777;
	text-decoration: none;
	display:block;
	background: #eee;
}


.kustantaja2 {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	color: #333;
	width: 100%;
}


.kustantaja3 {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	color: #333;
	width: 220px;
	float: right;
	clear:both;
}

.hinta3 {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #777;
	width: 220px;
	padding: 3px;
	display:block;
/*	background: #e8e8e8; */
	padding:3px;
	text-align: center;
	border: 1px solid #e8e8e8;
	margin-bottom: 4px;
	margin-top: 4px;
	float: right;
	clear:both;
}

.tuotenro3 {
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #777;
	padding: 3px;
	display:block;
/*	background: #e8e8e8; */
	padding:3px;
	text-align: center;
	border: 1px solid #e8e8e8;
	margin-bottom: 4px;
	margin-top: 4px;
	width: 220px;
	float: right;
	clear:both;
}

div.koriin3 a {
	background: #aaa;
	color: #fff;
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	text-decoration: none;
	padding:3px;
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	margin-top: 4px;
	display: block;
	width: 220px;
	float: right;
	clear:both;
}

div.koriin3 a:hover {
	font-weight: bold;
	color: #777;
	text-decoration: none;
	display:block;
	background: #eee;
	width: 220px;
	float: right;
}

.tuotenimi4 {
	font: 90% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #61605D;
	text-align: left;
	padding-top: 10px;
}

.tekija4 {
	font: 100% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	font-style: italic;
	color: #61605D;
	text-align: center;
}

.kuvaus4 {
	margin-top: 6px;
	margin-bottom: 12px;
	font: 100% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	color: #333;
}


#outer{
 border:solid white 0px;
  /*/*/ border-left-width: 170px ;  /* left column width. NN4 hack to hide borders */
border-left-color: #ECEBE9;   /* left column colour */
border-left-style: solid;
 /*/*/ border-right-width: 160px; /* right column width. NN4 hack to hide borders */
border-right-color: #fcfcfc;  /* right column colour */
border-right-style: solid;
  background-color: #FFFFFF; /* center column colour */
width: auto;
 }

#rightcol{
 /*/*/ width:160px;
	float:right;
	position:relative;
	margin-right:-160px;
	margin-left:1px;
	border-top: 1px solid #5E5B55;
	padding-top: 35px;
}

#footer{
 height:100px;
 width:100%;
 background-color:#FFFFFF;
}

#inner{
	margin:0;
	width:100%;
}

center {
	font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #333;
}

center a {
	font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #333;
	text-decoration: none;
}

center a:hover {
        font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        color: #fff;
        text-decoration: none;
}


.maincol{
 float: left;
 width: 100%;
 position: relative;
 margin: 0 -8px 0 -2px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #ededed;
	border-top: 1px solid #5E5B55;
	font: 100% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	line-height: 17px;
	color: #333;
	padding-top: 10px;
	min-height: 550px;
}

*html .maincol {
	height: 550px;
}

h1 {
	font: 240% georgia, arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #717171;
	margin-bottom:0;
	font-style: italic;
}

h1:first-letter {
	font: 130% georgia, arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #717171;
	margin-bottom:0;
	font-style: italic;
}

h2,h2 a:link, h2 a:visited {
	font: 250% georgia, arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #717171;
	margin-bottom:0;
	font-style: italic;
}

h3,h3 a:link, h3 a:visited {
	font: 120% georgia, arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #717171;
	margin-bottom:0;
	font-style: italic;

}

h4, h4 a:link, h4 a:visited {
	font: 180% georgia, arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #717171;
	margin: 0 0 10px 0;
	font-style: italic;
	padding:0;
	text-decoration: none;
}

h4 a:hover {
	text-decoration: underline;
}



h5 {
	font: 130% georgia, arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #717171;
	margin:0 0 15px 0;
	padding:0;
	font-style: italic;
}

#outer>#inner { border-bottom: 1px solid #FFFFFF;  }

.clr{clear:both;}

.content{padding:0px;} /*padding for content */

.contenttext{padding:10px 30px 20px 30px;} /*padding for content */

#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/

 /*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#outer{border-left:0;}

/*hide the right column when printing*/
#rightcol{display:none;}
#outer{border-right:0;}
}

/* Valikko */

.valikkohold {
	padding:0;  /*padding for content */
	width: 170px;
}

.valikkohold1 {
	padding:0;  /*padding for content */
	width: 170px;
	border-top: 1px solid #CCCCCC;
}

#leftcol{
	width:170px;
	float:left;
	position:relative;
	margin-left:-170px;
	margin-right:1px;
	border-top: 1px solid #46443E;
 }

#leftcol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 170px;
        }

#leftcol a:link, #leftcol a:visited {
	text-decoration: none;
	color: #7c7c7c;
	display: block;
	width: auto;
	border-bottom: 1px solid #CCCCCC;
/*	background: #ECEBE9; */
}

#leftcol li a:hover {
	text-decoration: none;
	color: #fff;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background: #999;
        }

.navi1 a {
	padding: 3px 3px 3px 8px;
	font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
}

.navi2 a {
	text-decoration: none;
	color: #999999;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background: #ECEBE9 url("images/bullet1.gif") no-repeat 0px 3px;
        padding: 3px 3px 3px 14px;
	width: 170px;
	font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        }

*html .navi2 a {
        background: #ECEBE9 url("images/bullet1.gif") no-repeat 0px 7px;
}

.navi3 a {
	text-decoration: none;
	color: #999999;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background: #ECEBE9 url("images/bullet1.gif") no-repeat 7px 3px;
        padding: 3px 3px 3px 22px;
	width: 170px;
	font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        }

*html .navi3 a {
        background: #ECEBE9 url("images/bullet1.gif") no-repeat 8px 7px;
}


.navi4 a {
	text-decoration: none;
	color: #999999;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background: #ECEBE9 url("images/bullet2.gif") no-repeat 17px 3px;
        padding: 3px 3px 3px 30px;
	width: 170px;
	font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        }
*html .navi4 a {
        background: #ECEBE9 url("images/bullet1.gif") no-repeat 16px 7px;
}


/* TABIT  */

    #tabs {
      float:left;
      width:100%;
      /*background:#ECEBE9; */
      font-size:93%;
      line-height:normal;
	border-bottom: 1px solid #5E5B55;
	font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	color: #fff;
      }
    #tabs ul {
      margin:0;
      padding:0 10px 0;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin-left:2px;
      padding:0 0 0 9px;
	white-space: nowrap;
      }
    #tabs a {
      float:left;
      display:block;
      width:.1em;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 3px 6px;
      text-decoration:none;
      font-weight:bold;
	color: #5E5B55;
      }

    #tabs > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover {
      color:#333;
      }

    #tabs #current {
      background-position:0 -150px;
      border-width:0;
      }

    #tabs #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }

    #tabs li:hover, #tabs li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #tabs li:hover a {
      background-position:100% -150px;
      }
    *html #tabs li:hover a {
      background-position: 0px;
      }

/* kaupan muita tyylejä */

.navipolku a:link, .navipolku a:visited {
        background: #F3F2F1;
        color: #999;
        font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        font-weight: bold;
        text-decoration: none;
        padding:2px;
        text-align: center;
        border: 1px solid #fff;
        margin: auto;
        display: block;
	width: 6em;
}

.navipolku a:hover {
        font-weight: bold;
        color: #61605D;
        text-decoration: none;
        display:block;
        background: #eee;
        border: 1px solid #ccc;
}

.leipis {
        font: 100% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        font-weight: normal;
        color: #333;
}

.leipis a:link, .leipis a:visited {
        font: 90% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        font-weight: normal;
        color: #333;
	text-decoration:underline;
}

.leipis a:hover {
	text-decoration: underline;
}

p a:link, p a:visited {
        font: 90% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        font-weight: normal;
        color: #333;
}

.navig {
	width: 12em;
	text-align: left;
	margin: 1em auto;
	padding-bottom: 10px;
}

.navig a:link, .navig a:visited {
        background: #F3F2F1;
        color: #999;
        font: 11px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
        font-weight: bold;
        text-decoration: none;
        padding:2px;
        border: 1px solid #fff;
        display: block;
        width: 6em;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

*html .navig a:link, .navig a:visited {
        margin-bottom: -10px;
}


.navig a:hover {
        font-weight: bold;
        color: #61605D;
        text-decoration: none;
        display:block;
        background: #eee;
        border: 1px solid #ccc;
}

.yksityisteksti {
	width: 55%;
	float: left;
	min-height: 400px;
}

*html .yksityisteksti {
        height: 400px;
}


.takaisin {
   float:left;
   clear:left;
   font: 90% arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
}