﻿/* CSS layout */
body {
background-image:url(tausta1.jpg);
background-color:#a6271b;
background-repeat:repeat-y;
background-position:center center;
margin:0;
margin-left:auto;
margin-right:auto;
margin-top:0px;
font-size:9pt;
font-family:Helvetica, sans-serif, Arial, verdana;
font-color:#000000;
line-height:20px;
text-align:left;}
	
a:link {color:#a6271b;text-decoration:underline; font-weight:bold;}
a:visited {color:#a6271b;text-decoration:underline; font-weight:bold;}
a:active {color:#d76100;text-decoration:none;}
a:hover {color:#d76100;text-decoration:none;}

#kokosivu {
width:954px;
margin-left:auto;
margin-right:auto;
background-position:center center;}

#etusivu {
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-image:url(otsikko1.jpg);
height:330px;		
width:954px;}

#tila {
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-image:url(otsikko2.jpg);
height:330px;		
width:954px;}

#tuotanto {
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-image:url(otsikko3.jpg);
height:330px;		
width:954px;}

#laidunpaikat {
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-image:url(otsikko4.jpg);
height:330px;		
width:954px;}

#vasen {
border:0 solid #000;
width:200px;
margin-left:-9px;
margin-right:0;
margin-top:0px;
float:left;}

#valikko {
margin-left:0px;
line-height:15px;
margin-top:0px;
margin-right:0;}

#sisalto {
margin-left:250px;
margin-right:50px;
margin-top:20px;}

.style1 {
border-width:0px;}

.hotsikot {
font-family:Helvetica, sans-serif, Arial, verdana; 
font-weight:bold; 
font-size:12pt; 
color:#a6271b;
border-bottom:1px solid #d76100;
letter-spacing: 1px;}

.votsikot {
font-family:Helvetica, sans-serif, Arial, verdana; 
font-weight:bold; 
font-size:11pt; 
color:#a6271b;}

.otsikot {
font-family:Helvetica, sans-serif, Arial, verdana; 
font-weight:bold; 
font-size:10pt; 
color:#a6271b;}

.img2 {
border:1px solid #d76100;
margin: 10px 10px 10px 10px;}

.img3 {
border:1px solid #d76100;}

.img4 {
border:2px solid #d76100;}

.img5 {
border:0px;
margin: 10px 10px 10px 10px;}

.img6 {
border:0px;}

.img7 {
border:1px solid #d76100;
margin: 2px 2px 2px 2px;}

.copy {
text-align:center;
font-family:Helvetica, sans-serif, Arial, verdana; 
font-size:8pt; 
color:#000000;}

.viiva {
	color: #a6271b;}

.keski {
text-align:center;
font-family:Helvetica, sans-serif, Arial, verdana; 
font-size:8pt; 
color:#000000;}

.keski2 {
text-align:center;
font-family:Helvetica, sans-serif, Arial, verdana; 
font-size:10pt; 
color:#000000;}

.keskit {
	text-align: center;
line-height:10px;
}

.heppat {
	font-family:Helvetica, sans-serif, Arial, verdana; 
font-weight:bold; 
font-size:10pt; 
color:#a6271b;
}

.heppakuva {
	text-align: center;
}

.suku {
	border: 1px solid #eb9130;
	text-align: center;
font-size:8pt; 
line-height:18px;
}



ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu Four]-=-=-=-=-=-=-=- */

#menu4 {
        width: 200px;
        border-style: solid solid none solid;
        border-color: #D76100;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu4 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu4 li a:link, #menu4 li a:visited {
        color: #a6271b;
        display: block;
        background: url(menu4.gif);
        padding: 8px 0 0 30px;
        }

#menu4 li a:hover, #menu4 li #current {
        color: #fff;
        background: url(menu4.gif) 0 -32px;
        padding: 8px 0 0 30px;
        }

#menu4 li a:active {
        color: #fff;
        background: url(menu4.gif) 0 -64px;
        padding: 8px 0 0 30px;
        }
