body{
background-image: url(kuvat/tausta4.jpg);
background-color:white;
margin:0;
padding:0;
border:0;
/*font-family: Tahoma, "Lucida Grande", Helvetica;*/
font-family: "Trebuchet MS",Arial,Helvetica;
font-size: 0.9em;
}

.banner{
width:80%;
position:absolute;
top:0;
padding:0;
margin:0;
/**background-image: url(kuvat/metso.jpg);*/
background-repeat:no-repeat;
height:119px;
padding-left:0%;
padding-top:0%;
padding-bottom:0px;
margin-left: 10%;
margin-right:10%;
margin-top:6px;
background-color:black;
}

.banner p img{
float: left;
padding:0;
margin-top:14px;
margin-left:18px;
margin-right:40px;
}
.banner div{
padding:0;
margin:0;
}

.uutimet{
padding-left:1%;
padding-right:0%;
width:auto;
max-width:30%;
float:right;
margin-left:8%;
margin-top:3%;
border-left: 2px dotted #d5b261;
border-bottom: 2px dotted #d5b261;
margin-right:0%;
z-index:1;
}

.uutimet .spon ul{
list-style-type: none;
}




p img {
float: right;
padding:0;
margin:0;
}

a:hover{
text-decoration:none;
color:red;
}



.content{
border:0;
margin:0;
padding:0;
}

.main{
width:80%;
position:absolute;
top:126px;
margin:0;
margin-left: 10%;
margin-right:10%;
background-color:#e4f3b2;
padding:0;
border-left:solid 2px #957961;
border-right:solid 2px #957961;
background-color:white;

}

.navi{

border-bottom: 3px solid #957961;
padding-bottom:1%;
background-color:white;

}

.navi ul{
padding-top:1%;
margin:0;
list-style-type: none;

}



.text{
margin-left:5%;
margin-right:5%;
padding:0;
background-color:white;
width:65%;
}

.text p{
margin-bottom:1em;
margin-top:1em;
padding-top:0.2em;
font-size:1.3em;
background-color:#fffffa;

}

.uutimet p{
margin-bottom:1em;
margin-top:0em;
padding-top:1em;
}

.uutimet p img{
float:none;
}

h1{
margin:0;
padding-top:3%;
color:white;
font-weight:bold;
font-size:3.8em;
}

h2{
color:#55b807;
font-weight:bold;
font-size:1.8em;
}

h3{
font-weight:bold;
font-size:1.5em;
padding-bottom:0;
margin-bottom:0;
}

img {
margin:1%;
padding:0;
border:0;
}

p {
margin:0;
padding:0;
}

.navi ul li {
display: inline;
list-style-type: none;
border-right: 2px solid #b4e579;
padding-right:0.5%;
padding-left:0.5%;
font-size:1.2em;
font-weight:bold;

}

.author{
border-top: solid 2px #957961;
padding-bottom:1em;
padding-left:5%;
margin-top:1%;
background-color:white;
font-size:0.8em;
}

.pikkunen {
font-size:0.4em;
}


dt {
  margin: 0;
  padding: 0;
  border: 0;
  padding-bottom: 1em;
  padding-top: 1em;
  font-weight: bolder;
}

dd {
  margin: 0;
  padding: 0;
  border: 0;
  padding-left: 10%;
}

caption {
 font-size: 1.5em;
 font-weight: bolder;
 padding-top: 0.5em;
 padding-bottom: 0.2em;
}

table {
 border-top: 1px solid black;
 border-right: 1px solid black;
 border-left: 1px solid black;
 border-bottom: 1px solid black;
 border-collapse: collapse;
}
td {
 border-left: 1px solid black;
 border-bottom: 1px solid black;
 border-top: 1px solid black;
 padding: 0.5em;
}

th {
 border-top: 1px solid black;
 border-right: 1px solid black;
 border-left: 1px solid black;
 vertical-align: top;
 padding: 1em;
}

dd p:first-child {
 padding-top: 0;
 margin-top: 0;
} 

fieldset label {
  position: relative;
}

fieldset input[type="text"] {
 position: absolute;
 left: 25em;
 top: 0;
}

#nav {
  position: absolute;
  top: 3em;
  right: 0;
  width: 20%;
  overflow: hidden;
}

#nav ul li, #nav a {
  display: block;
}


#sponsorit {
 position: absolute;
 top: 20em;
 right: 0;
 width: 18%;
 overflow: hidden;
 text-align: right;
 padding-right: 2%;
}

#sponsorit a img, #sponsorit a:link img, #sponsorit a:visited img {
 border: 0;	
}

a {
 padding: 3px;
}

a:hover {
  border: 1px solid black;
  padding: 2px;
}

.video a:hover {
  border: none;
  padding: 0;
  margin: 0;

}