/* Mateko Oy CSS */
body
{
margin: 0px;
background: #454545 url('/images/bg.png') repeat-x;
text-align: center;
margin-top: 23px;
margin-bottom: 30px;
font-size: 11px;
font-family: arial;
}

img
{
border: none;
}

hr
{
height: 1px;
border: 0px;
background: #CFCFCF;
}

h1, h2, h3, h4
{
font-weight: bold;
}

h1
{
font-size: 19px;
}

h2
{
font-size: 15px;
}

h3, h4
{
font-size: 14px;
}

a:link, a:visited, a:active
{
color: #E18E00;
text-decoration: underline;
outline: none;
}

a:hover
{
text-decoration: none;
}

#main
{
text-align: left;
width: 958px;
padding: 0;
margin: auto;
background: white;
position: relative;
}

#bannerlinks
{
position: absolute;
right: 24px;
top: 15px;
color: #8b8b8b;
}

#bannerlinks a
{
color: #8b8b8b;
text-decoration: none;
margin-right: 8px;
margin-left: 8px;
}

#bannerlinks a:hover
{
color: #DC8E12;
text-decoration: underline;
}

#banner
{
height: 288px;
background: #fff url('/images/logo2.jpg') left top no-repeat;
text-align: right;
overflow: hidden;
margin: 0 0 9px 0;
}

#banner img
{
border-left: 4px solid white;
margin: 10px 9px 0 0;
}

#menu
{
height: 46px;
}

#menu ul
{
margin: 0px;
padding: 0px;
}

#menu li
{
list-style: none;
}
#menu a {
  display: block;
}

.toggleopacity:hover img
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=88);
  -moz-opacity: 0.88;
}

#content-area
{
padding: 9px;
}

#content
{
width: 610px;
float: left;
padding: 25px;
color: #6B6B6B;
}

#contentbox
{
clear: both;
margin-top: 10px;
height: 148px;
width: 600px;
float: left;
background: url('/images/bg-contentbox.jpg') repeat-x;
}

#pikavalinnat
{
height: 115px;
padding-top: 30px;
padding-left: 100px;
background: url('/images/bg-pikavalinnat.jpg') no-repeat;
}

#pikavalinnat ul
{
margin: 0px;
padding: 0px;
}

#pikavalinnat li
{
list-style: url('/images/pikavalinnat-li.jpg');
margin: 0px;
padding: 0px;
color: #E59500;
line-height: 26px;
}

#pikavalinnat a
{
color: #E59500;
}

#sidebar
{
width: 270px;
margin-right: 1px;
float: right;
}

#info, #yhteystiedot, #tuotteet, #vaihtokoneet
{
background: #434343;
}

.column-header
{
background: url('/images/bg-infoheader.jpg') repeat-x;
height: 31px;
padding-top: 18px;
padding-left: 19px;
}

.column-textarea
{
background: url('/images/bg-info.jpg') repeat-x;
color: white;
padding: 20px;
}

.column-textarea ul
{
margin: 0px;
padding: 0px;
margin-top: 1em;
margin-left: 10px;
}

.column-textarea li
{
margin: 0px;
padding: 0px;
list-style: none;
padding-left: 9px;
background: url('/images/info-icon.jpg') no-repeat;
background-position: 0px 4px;
}

.column-textarea a
{
color: white;
text-decoration: underline;
}

.column-textarea a:hover
{
color: #E59000;
text-decoration: underline;
}

.column-bottom
{
height: 12px;
background: right url('/images/info-bottom.jpg') no-repeat;
}

#news
{
background: #F1F1F1 url('/images/bg-news.jpg') no-repeat;
background-position: 0px 61px;
margin-top: 7px;
color: #767676;

}

#news-header
{
background: url('/images/bg-newsheader.jpg') repeat-x;
height: 31px;
padding-top: 18px;
padding-left: 19px;
}

#news-textarea
{
padding: 20px;
padding-left: 80px;
padding-bottom: 4px;
}

#news-textarea a:link, #news-textarea a:visited, #news-textarea a:active
{
color: #E18E00;
text-decoration: underline;
}

#news-textarea a:hover
{
text-decoration: none;
}

#news-bottom
{
height: 14px;
background: right url('/images/news-bottom.jpg') no-repeat;
}

.pvm
{
color: #E08D00;
}

.newstitle
{
color: #3E3E3E;
}

#clear
{
clear: both;
}

#footer
{
background: url(/images/footer_bg.png) no-repeat;
width: 958px;
margin: 5px auto;
height: 53px;
}

#footer-r
{
text-align: right;
float: right;
margin: 12px 9px 0 0;
}

#footer-l
{
margin-top: 12px;
margin-left: 9px;
text-align: left;
width: 450px;
float: left;
color: #ccc;
}

.column-otsikko
{
color: #E59000;
font-weight: bold;
text-transform: uppercase;
}

.tiedotekuva
{
border: 6px solid #DADADA;
}

.yrityskuva
{
position: absolute;
bottom: 30px;
}

.vaihto_iframe
{
min-height: 650px;
}

.poimintoja_iframe
{
width: 230px;
height: 340px;
}

.infoteksti
{
color: #A3A3A3;
}

.etusivukuva
{
float: left;
margin-right: 10px;
}


/* TUOTEMODUULI */
#products td
{
padding-right: 12px;
padding-bottom: 30px;
}

.toggleproduct:hover img
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity: 0.85;
}

.product-category-name
{
display: none;
}

#product-list
{

}

#product-list td
{
padding: 2px;
}

#product-table-header
{
background: #666666;
height: 18px;
}

#product-table-header a
{
text-decoration: none;
}

#product-table-header a:hover
{
text-decoration: underline;
}

#product-list table
{
border: 1px solid #777777;
}

#product-list td
{
padding: 5px;
}

#product-list img
{
background: white;
border: 1px solid #a3a3a3;
}

.product-even
{
background: #e8e8e8;
}

.product-odd
{
background: #f1f1f1;
}

#product-info-back-button
{
margin-bottom: 2em;
}

#product-info
{
width: 310px;
float: left;
}

#product-images
{
width: 290px;
float: right;
}

#product-images img
{
border: 5px solid #CFCFCF;
margin-bottom: 6px;
margin-top: 6px;
margin-right: 9px;
float: left;
}

.product-header-td
{
color: #3E3E3E;
text-align: left;
border-bottom: 1px solid #DDDDDD;
}

.product-data
{
border-bottom: 1px solid #DDDDDD;
}

#product-header
{
width: 93px;
height: 15px;
margin-bottom: 12px;
background: url('/images/otsikot/tuotteet.jpg') no-repeat;
}

#product-header h1
{
display: none;
}
.clearer {
  clear: both;
}
.cl{
float: left;
width: 300px;
}
.cr{
float:right;
width: 300px;
}