/* CSS Document */

html, body {
	
	font-family: Tahoma, Trebuchet MS;

		text-align: left;
		margin-left:0px;
		margin-top:0px;
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
margin-bottom:0;
		background-color:#010101;
		background-image:url(images/bodytausta.jpg);
		background-position:top center;
		background-attachment:fixed;
		background-repeat:no-repeat;
}

#wrapper{
position:absolute;
width:878px;
left:50%;
margin-left: -439px;
min-height:100%;
height:100%;
padding: 0;
}

#leipateksti{
width:601px; 
float:left; 
margin-top:18px; 
margin-left:8px; 
background-image:url(images/leipatausta.jpg);
background-repeat:no-repeat;
background-position:top left;

padding-left: 25px;
padding-top: 21px;
margin-bottom:10px;
min-height:200px;

}
#leipis {
 font-family:Tahoma, Arial;
 	font-size:12px;
	  line-height:21px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-right:35px;
	}

#uutisetvasen{
width:206px;
max-width:206px; 
float:left; 
margin-top:0px; 
margin-left:18px; 
}
#uutinen{
width:179px;
height:114px;
max-width:179px; 
padding-top:17px; 
padding-left:20px;
margin-left:7px;
background-image:url(images/uutisen_tausta.jpg);
background-repeat:no-repeat;
font-family:Tahoma, Arial;
font-size:12px;
line-height:19px;
color:#000000;
margin-bottom:0px;
margin-top:0px;
}

#footer {

bottom: 0;
height:64px;
width: 100%; /* See note below */
text-align: center;
padding: 0 15%;
color:#FFFFFF;
font-family: Tahoma, Arial;
font-size:11px;
font-weight:normal;

}
#uutispvm {

color:#151644;
font-family: Tahoma, Arial;
font-size:12px;
font-weight:bold;
}
 
/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack
#
 * Stupid hack lets IE see 100%, others see 70%.
#
 */

#footer {
\width: 100%;
w\idth: 70%;

}

#wide {
      width: 878px;
	 background-image:url(images/tabletausta.png);
	 background-repeat:repeat-y;
margin-bottom: 5em;
height:auto;
margin-top:40px;

	padding: 0;
	

    }
	 #menu {
	  height:48px;
	  width:882px;
	  margin-top:8px;
	  margin-left:142px;
	  padding-left:20px;
	  background-image:url(images/menutausta.jpg);
background-repeat: no-repeat;
    }
	
	 #ajankohtaista_ots {
	  height:26px;
	  width:553px;
	  margin-top:22px;
	  margin-left:0px;
	  padding-top:4px;
	  padding-left:20px;
	  margin-bottom:22px;
	  background-image:url(images/ajankohtaista_tausta.jpg);
background-repeat: no-repeat;
font-family: Trebuchet MS, Arial;
font-size:12px;
font-weight:bold;
color:#ffffff;
    }
	 #pakinat_ots {
	  height:26px;
	  width:276px;
	  margin-top:13px;
	  margin-left:0px;
	  padding-top:4px;
	  padding-left:20px;
	  margin-bottom:8px;
	  background-image:url(images/pakinat_tausta.jpg);
background-repeat: no-repeat;
font-family: Trebuchet MS, Arial;
font-size:12px;
font-weight:bold;
color:#ffffff;
    }
		 #keskisisalto {
	  height:48px;
	  width:842px;
	  margin-top:8px;
	  margin-left:162px;
	  padding-left:20px;
	  font-family: Georgia, Arial;
	  
	  
    }
	 #referenssi {
	  height:55px;
	  width:545px;
	  margin-top:0px;
	  margin-left:0px;
	  padding-left:10px;
	  padding-top:10px;
	  margin-bottom:15px;
	  font-family: Tahoma, Trebuchet MS;
	  font-size:12px;
	  color:#000000;
	 line-height:21px;
	 border:1px #dddddd solid;
	  
	  
    }
	
	
ul.yla {
list-style-type: none;
padding: 0;
margin-top:0;
margin-left:0;
text-align:left;
width:100%;
display: inline;
     
}
	
ul.vasen {
list-style-type: none;
padding: 0;
margin-top:0;
margin-left:0px;
padding:0;
text-align:left;
width:100%;
	  display: inline;
    
}
li.vasenmenu{
	  margin-top:0px;
	  margin-bottom:0px;
	  margin-left:0px;
	  padding-top:12px;
	  height:25px;
      float: left;
	   width: 190px;
      text-align: right;
  	font-family: Georgia, Arial;
	font-size: 12px;
	background-image:url(images/menu_tausta.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	
	list-style-type: none;	
    }
	
	li.vasenmenu:hover{
	  margin-top:0px;
	  margin-bottom:0px;
	  margin-left:0px;
	   padding-top:12px;
	
	  height:25px;
      float: left;
	   width: 190px;
      text-align: right;
  	font-family: Georgia, Arial;
	font-size: 12px;
	background-image:url(images/menu_tausta.gif);
	background-repeat:no-repeat;
	background-position:bottom center;

	list-style-type: none
    }


a.vasenmenu:hover { height:25px; padding-top:0px; padding-right:19px; text-decoration: none; display: block; font-weight:bold; font-size:11px; color: #496bb9; font-family:Georgia, Arial;}
a.vasenmenu { height:25px;text-decoration: none; padding-top:0px; padding-right:19px; display: block; font-weight:bold; font-size:11px; font-family: Georgia, Arial; color: #3c3c3c; }

a.vasenmenuov:hover { height:25px; padding-top:0px; padding-right:19px; text-decoration: none; display: block; font-weight:bold; font-size:11px; color: #496bb9; font-family:Georgia, Arial;}
a.vasenmenuov { height:25px;text-decoration: none; padding-top:0px; padding-right:19px; display: block; font-weight:bold; font-size:11px; font-family: Georgia, Arial; color: #496bb9; }	


a.ajank:hover { padding-left:18px; text-decoration: underline; color: #019dd0; font-family:Georgia, Arial;}
a.ajank { padding-left:18px;text-decoration: none; font-family: Georgia, Arial; color: #019dd0; }

a.pakina:hover { padding-left:9px; text-decoration: none; color: #474747; font-size:11px; font-family:Georgia, Arial;}
a.pakina { padding-left:9px;text-decoration: none; font-family: Georgia, Arial; color: #000000; font-size:11px; }
a.footer:hover { padding-left:0px; text-decoration: underline; color: #ffffff; font-size:11px; font-family:Tahoma, Arial;}
a.footer { padding-left:0px;text-decoration: none; font-family: Tahoma, Arial; color: #ffffff; font-size:11px; }

a:hover { padding-left:0px; text-decoration: underline;  color: #151644; font-size:12px; font-family:Tahoma, Arial;}
a { padding-left:0px;text-decoration: none; font-family: Tahoma, Arial; color: #151644; font-size:12px; }


a.linkit {
  font-size: 1.2em;
 color:#278044;
  font-weight: bold;
  line-height:1.6em;
  font-family:Georgia, Arial;
 margin-left: 23px;
text-decoration: underline;
}
a.linkit:hover {
  font-size: 1.2em;
 color:#278044;
  font-weight: bold;
  line-height:1.6em;
  font-family:Georgia, Arial;
 margin-left: 23px;
text-decoration: none;
}

a.vasen {
 color:#278044;
  font-weight: normal;
  font-family:Georgia, Arial;
 margin-left: 0px;
text-decoration: underline;
}
a.vasen:hover {
 color:#278044;
  font-weight: normal;
  font-family:Georgia, Arial;
 margin-left: 0px;
text-decoration: none;
}
#oikeaviiva {
border: 0pt none;
color: #cccccc; 
background-color: #cccccc;
height: 1px; 
margin-top: 10px;
margin-bottom:10px;
}

h1 {
  font-size: 1.3em;
  color:#080a37;
  font-weight: bold;
  font-family:Tahoma, Trebuchet MS;
  padding-left: 0px;
  padding-top:0px;
  margin-top:0px;
}

SELECT, OPTION, TEXTAREA, INPUT {
  font-size: 12px;
  color:#000000;
  font-family:Tahoma, Trebuchet MS;
 }
h2 {
  font-size: 1.2em;
   color:#080a37;
  font-weight: normal;
  font-family:Tahoma, Trebuchet MS;
  padding-left: 0px;
   padding-top:0px;
  margin-left:0px;
}

.sivuotsikko
{
  font-size: 1.2em;
   color:#080a37;
  font-weight: normal;
  font-family:Tahoma, Trebuchet MS;
  padding-left: 0px;
   padding-top:0px;
  margin-left:0px;
}


#footer {

font-family: Tahoma, Arial; 
color: #ffffff; 
font-size:11px;
line-height:22px;
}