@charset "ISO-8859-1";
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }
body {
background: #889ca3 url(img/body.gif) repeat-x top;
padding: 0;
margin: 0;
font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #30353a;
}
p {
padding: 5px 0 10px 0;
margin: 0;
}
h1 {
font: 700 14px/32px Arial, Helvetica, sans-serif;
padding: 0 0 0 50px;
margin: 0;
color: #fff;
}
h2 {
font: 700 12px/20px Arial, Helvetica, sans-serif;
padding: 10px 0;
margin: 0;
color: #115f80;
}
a {
font-weight: bold;
color: #115f80;
text-decoration: none;
}
a:hover {
color: #4d87a0;
}
img {
border: none;
}
input, textarea, select {
display: block;
border: solid 1px #7e969e;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input:focus, textarea:focus, select:focus {
border: solid 1px #6a0;
background: #f0f5f9;
}
form {
margin: 0;
padding: 0;
}
label {
float: left;
font-size: 10px;
display: block;
padding: 5px 0 0 0;
width: 46%;
}
#teema {
width: 722px;
height: 204px;
background: url(img/teemakuva.jpg);
padding: 0;
margin: auto;
}
#menu {
width: 722px;
height: 42px;
background: url(img/menu.gif) no-repeat top left;
margin: auto;
}
#leipatop {
width: 722px;
height: 9px;
background: url(img/leipa_top.gif) no-repeat bottom left;
margin: auto;
padding: 9;
}
#leipa {
width: 722px;
background: url(img/leipa.gif) repeat-y;
margin: auto;
}
.vasen {
width: 348px;
float: left;
}
.oikea {
width: 348px;
float: right;
}
#leipabottom {
width: 704px;
background: url(img/leipa_bottom.jpg) no-repeat bottom;
padding: 0 9px 10px 9px;
}
#footer {
width: 722px;
text-align: center;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
}
.copy {
font-size: 10px;
font-weight: normal;
color: #5a7178;
}
.content {
padding: 10px 20px;
}
.otsikko {
width: 100%;
height: 32px;
}
.vaakaviiva {
width: 100%;
height: 21px;
background: url(img/vaakaviiva.gif) repeat-x center left;
clear: both;
}
.tuote {
width: 144px;
text-align: center;
float: left;
padding: 20px 0 0 20px;
}
a.plus {
background: url(img/plus.gif) no-repeat left center;
padding: 4px 0 4px 22px;
font-weight: bold;
letter-spacing: 1px;
color: #115f80;
text-decoration: none;
}
a:hover.plus {
color: #4d87a0;
}
.laheta {
clear: both;
}
/* CSS Document */
#valikko_h_popup {
color : #000;
position: relative;
list-style: none;
padding: 2px 0 0 10px;
}
#valikko_h_popup ul {
padding: 0;
margin:0;
list-style: none;
width: 5em;
/*width:12em;*/
z-index:99;
position: absolute;
overflow:visible;
}
#valikko_h_popup li {
margin:0;
position: relative;
float:left;
background-color: transparent;
background-image: none;
border:solid 0px #CECECE;
display:block;
/* width: 12em; */
padding: 0;
/*height:auto;*/
}
#valikko_h_popup ul li{
background: #ecf2f5;
border-bottom: solid 1px #7e969e;
display: block;
}
/*#valikko_h_popup ul li{ border-width:1px 1px 0 0; padding: 0;}*/
/*#valikko_h_popup ul ul li{ border-width:1px 1px 0 1px; padding: 0;}*/
/*#valikko_h_popup ul ul li:last-child{border-width:1px; padding: 0;}*/
#valikko_h_popup a {
font-size : 11px;
font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
text-indent : 0px;
letter-spacing : 0px;
line-height : 16px;
word-spacing : 1px;
padding: 5px 5px 3px 20px;
color : #000;
font-weight: bold;
display:block;
width: 50px;
height: 24px;
}
#valikko_h_popup ul a, #valikko_h_popup ul ul a, #valikko_h_popup ul ul ul a {
width: 130px;
height: 16px;
}
#valikko_h_popup li a:hover {
color: #808589;
}
#valikko_h_popup ul li a:hover, #valikko_h_popup ul ul li a:hover {
color: #707579;
background: #ecf2f5 url(img/nuoli.gif) no-repeat left center;
}
#valikko_h_popup ul{
display:none;
}
#valikko_h_popup ul ul li, #valikko_h_popup ul ul ul li {
border-left: solid 1px #7e969e;
}
/*all see this */
#valikko_h_popup ul ul, #valikko_h_popup ul ul ul{
display:none;
position:absolute;
margin-top: -24px;
margin-left: 155px;
}
/* non-IE browsers see this */
#valikko_h_popup ul li>ul, #valikko_h_popup ul ul li>ul{
margin-top: -24px;
}
#valikko_h_popup li:hover ul ul, #valikko_h_popup li:hover ul ul ul, #valikko_h_popup li:hover ul ul ul ul, #valikko_h_popup li:hover ul ul ul ul ul{
display:none;
}
#valikko_h_popup li:hover ul, #valikko_h_popup ul li:hover ul, #valikko_h_popup ul ul li:hover ul, #valikko_h_popup ul ul ul li:hover ul, #valikko_h_popup ul ul ul ul li:hover ul{
display:block;
}
/* end */
/* NEWS */
#uutiset_lyhyt_table {
border-collapse: collapse;
margin: 10px 0 0 0;
}
.uutiset_lyhyt_otsikko {
font-weight: bold;
padding: 10px 0 0 0;
}
.uutiset_lyhyt_linkki {
padding: 0 0 10px 0;
}
.uutiset_otsikko {
font: 700 12px/20px Arial, Helvetica, sans-serif;
padding: 15px 0 5px 0;
margin: 0;
color: #115f80;
}
.uutiset_aika {
font-size: 8pt;
}
.suuri {
font-size: 12px;
}
.pieni {
font-size: 10px;
}