body {
background-image : url("kuvat/taustagraniitti.jpg");
}
a:link {
font-family : arial, sans-serif;
font-size : 9pt;
font-weight : bold;
color : #800000;
text-decoration : none;
}
a:visited {
font-family : arial, sans-serif;
font-size : 9pt;
font-weight : bold;
color : #800000;
text-decoration : none;
}
a:hover {
font-family : arial, sans-serif;
font-size : 9pt;
font-weight : bold;
color : #492c3b;
text-decoration : none;
}
p {
font-family : arial, sans-serif;
font-size : 9pt;
color : #000000;
font-weight : normal;
}
h1 {
font-family : arial, sans-serif;
font-size : 11pt;
color : #000000;
letter-spacing : 0.5pt;
font-weight : normal;
}
h3 {
font-family : arial, sans-serif;
font-size : 10pt;
color : #000000;
font-weight : bold;
}
hr {
background-color : transparent;
color : #000000;
height : 2px;
}
#container {
height : 655px;
width : 830px;
top : 4px;
left : 4px;
margin : 2px;
padding : 2px;
text-align : center;
position : absolute;
}
#shadow {
background-color : #fff;
width : 838px;
height : 563px;
margin-right : auto;
position : relative;
margin-left : auto;
}
#header {
background-color : #fff;
top : 10px;
left : 3px;
width : 804px;
height : 110px;
margin : 1px;
padding : 1px;
position : absolute;
}
#info {
position : absolute;
top : 0;
right : 0;
margin : 0;
padding : 1px;
float : right;
}
#infocontent {
background-color : #8a3b3b;
margin : 0;
padding : 1px;
width : 802px;
height : 52px;
float : right;
}
.m0l0iout {
font-family : arial, sans-serif;
font-size : 12px;
text-decoration : none;
margin : 3px 0 0 3px;
color : #492c3b;
text-align : center;
}
.m0l0iover {
font-family : arial, sans-serif;
font-size : 12px;
text-decoration : underline;
margin : 3px 0 0 3px;
color : #ffffff;
text-align : center;
}
.m0l0oout {
text-decoration : none;
background-image : url(kuvat/lev0_bg1.gif);
border : 1px solid #eee4da;
background-color : #eee4da;
}
.m0l0oover {
text-decoration : none;
background-image : url(kuvat/lev0_bg2.gif);
background-color : #2c5f93;
border : 1px solid #eee4da;
}
.m0l1iout {
font-family : arial, sans-serif;
font-size : 12px;
margin : 4px 0 0 17px;
color : #8a3b3b;
}
.m0l1iover {
font-family : arial, sans-serif;
font-size : 12px;
margin : 2px 0 0 17px;
color : #ffffff;
}
.m0l1oout {
margin : 6px 0 0 2px;
text-decoration : none;
background-color : #e0c6c3;
border : 1px solid #fff;
padding : 0;
}
.m0l1oover {
text-decoration : none;
margin : 6px 0 0 2px;
background-color : #8a3b3b;
background-image : url(kuvat/lev1_arrow.gif);
background-repeat : no-repeat;
border : 1px solid #e3b394;
padding : 0;
}
#main {
background-color : #fff;
width : 810px;
height : 540px;
left : 0;
top : 0;
padding-top : 2px;
padding-left : 5px;
padding-right : 5px;
position : absolute;
}
#content {
background-color : #fff;
width : 800px;
height : 460px;
left : 5px;
top : 0;
padding-top : 2px;
padding-left : 5px;
padding-right : 5px;
position : absolute;
}
#pagecontent {
background-color : #fff;
width : 800px;
height : 430px;
top : 100px;
left : 5px;
padding : 2px;
margin : 2px;
position : absolute;
}
#leftcontent {
background-color : #fff;
width : 240px;
height : 410px;
top : 1px;
left : 1px;
padding : 2px;
margin : 2px;
text-align : center;
overflow : auto;
position : absolute;
}
#leftpic {
background-color : #fff;
width : 220px;
height : 340px;
top : 1px;
left : 1px;
padding : 2px;
margin : 2px;
text-align : left;
}
#textcontent {
background-color : #fff;
font-family : arial, sans-serif;
color : #000000;
font-size : 9pt;
width : 510px;
height : 400px;
top : 5px;
right : 5px;
margin : 5px;
padding : 5px;
text-align : left;
border : thin solid #efe4d9;
position : absolute;
overflow : auto;
}
#footertextcontent {
background-repeat : no-repeat;
background-position : top center;
background-color : #fff;
font-family : arial, sans-serif;
position : absolute;
width : 790px;
height : 100px;
top : 436px;
right : 0;
margin : 5px;
padding : 5px;
text-align : left;
}
#piccontent {
background-color : #fff;
position : absolute;
font-family : arial, sans-serif;
font-size : 9pt;
color : #000000;
font-weight : normal;
width : 600px;
height : 360px;
right : 5px;
top : 110px;
padding-top : 2px;
padding-left : 2px;
padding-right : 2px;
}
#agros {
background-color : #fff;
position : absolute;
width : 164px;
height : 124px;
left : 40px;
top : 80px;
padding : 0;
}
#kaluste {
background-color : #fff;
position : absolute;
width : 164px;
height : 124px;
left : 220px;
top : 0px;
padding : 0;
}
#somiste {
background-color : #fff;
position : absolute;
width : 164px;
height : 124px;
left : 220px;
top : 170px;
padding : 0;
}
#lavaste {
background-color : #fff;
position : absolute;
width : 164px;
height : 124px;
right : 40px;
top : 80px;
padding : 0;
}
#eng {
background-color : #fff;
position : absolute;
width : 200px;
height : 60px;
bottom : 10px;
right : 20px;
margin : 5px;
padding : 5px;
text-align : center;
}
#news {
background-color : #fff;
width : 188px;
height : 327px;
padding : 5px;
margin : 4px;
position : absolute;
top : 110px;
left : 2px;
float : left;
}
#newscontent {
background : transparent url("kuvat/news.gif") no-repeat top right;
width : 181px;
height : 320px;
padding : 2px;
margin : 2px;
text-align : center;
}
#galleria {
background-color : #fff;
font-family : arial, sans-serif;
color : #000000;
font-size : 9pt;
width : 690px;
height : 380px;
top : 105px;
left : 50px;
margin : 5px;
padding : 5px;
text-align : left;
border : thin solid #efe4d9;
text-align : left;
position : absolute;
overflow : auto;
}
#galleria img {
display : inline;
margin : 1px;
width : 100px;
height : 100px;
border : none;
text-align : center;
}
#picture {
margin : 2px;
height : auto;
width : auto;
float : left;
text-align : center;
border : 1px solid #efe4d9;
}
#picturetext {
text-align : center;
font-weight : normal;
width : 100px;
height : 50px;
margin : 2px;
border : 1px solid #efe4d9;
}
#hoverimage {
position : absolute;
top : 10px;
left : 10px;
width : 75px;
background-color : #fff;
z-index : 1;
}
#hoverimage a.p1, #menu a.p1:visited {
display : block;
width : 210px;
height : 210px;
text-decoration : none;
background-color : #efe4d9;
top : 0;
left : 0;
border : 0;
}
#hoverimage a img {
border : 0;
}
#hoverimage a .large {
display : block;
position : absolute;
width : 0;
height : 0;
border : 0;
left : 0;
}
#hoverimage a.p1:hover .large {
display : block;
position : absolute;
top : 5px;
left : 250px;
width : 300px;
height : 300px;
border : 2px solid #000;
z-index : 100;
}
#kaavake {
background-color : #fff;
margin : 10px;
padding : 10px;
height : 1550px;
width : 740px;
top : 10px;
left : 60px;
position : absolute;
}
#kaavakecontent {
margin : 10px;
padding : 10px;
height : 1200px;
width : 700px;
top : 10px;
left : 10px;
text-align : left;
position : absolute;
}
#hinnastocontent {
background-color : #fff;
font-family : arial, sans-serif;
color : #000000;
font-size : 10pt;
width : 540px;
height : 400px;
top : 5px;
right : 5px;
margin : 5px;
padding : 5px;
text-align : left;
border : thin solid #efe4d9;
position : absolute;
overflow : auto;
}
table {
margin : 1em 0;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
font-size : 9pt;
}
td {
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
padding : 4px 10px;
vertical-align : top;
}
.head th {
background : #ccc url("kuvat/table.gif") repeat-x 0 0;
padding : 8px 10px;
border-bottom-width : 0;
color : #000;
}