@charset "utf-8";

* {margin:0;
padding:0;
border:0;
}

body  {
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	background: #fefefe;
	background-image:url(img/base/bg-main-wide.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

 #container { 
	width: 840px;  
	background:none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


/* YLÄOSIO */

 #header { 
	background:none;
	padding: 0;  
	height:295px;
} 


#logo {padding: 0; }
 


/* ASEMOINTI */

 #vasenpalsta {
	float: left; 
	width: 200px;  
	background:none; 
 padding:0;
}
 #oikeapalsta {
	float: right; 
	width: 0px; 
	background:none;  
 padding:0 5px 5px 15px;
}
 #keskipalsta { 
	margin: 20px 20px 0  250px; 
	padding: 0 10px;   
} 




/* TEKSTITYYLIT */
h1 {color:#4d98be;
font-size:150%;
font-weight:normal;
margin:0 0 2em 0;
letter-spacing:0.1em;
}

h2 {color:#3b598c;
font-size:100%;
font-weight:bold;
margin:-2em 0 1em 0;
}

h3 {color:#4d98be;
font-size:110%;
font-weight:bold;
margin:2em 0 1em 0;
}

h4 {color:#4d98be;
font-size:100%;
font-weight:bold;
margin:0;
padding:0;
border:0; 
}


h5 {color:#999;
font-size:85%;
font-weight:normal;
margin:2em 0 0 0;
padding:2em 0 0 0;
border:0; 
border-top: 1px dashed #CCC;
}


a:link {	 color: #234681;  text-decoration:none;}
a:visited {	 color: #234681;   text-decoration:none; }
a:active {	 color: #234681;   text-decoration:none; }
a:hover {	 color: #598527;   text-decoration:none; }


 #keskipalsta a:link { font-weight:bold;       padding: 0 0 0 15px;
      background: url("img/base/link.png") no-repeat top left;}
 #keskipalsta a:visited { font-weight:bold;       padding: 0 0 0 15px;
      background: url("img/base/link.png") no-repeat top left;}
 #keskipalsta a:active { font-weight:bold;       padding: 0 0 0 15px;
      background: url("img/base/link.png") no-repeat top left;}
 #keskipalsta a:hover  { font-weight:bold;       padding: 0 0 0 15px;
      background: url("img/base/link.png") no-repeat top left;}

p {padding: 1em 0;}



/* NAVIGAATIOLINKIT*/
ul {padding:0.2em 0; list-style:none;} 
ol {padding:0.2em 0; list-style:none;} 
 li {padding: 0.2em 0; margin:  0em 1em;
 border:0;
border-bottom:1px solid #edf2f5;}

 
ul li ul {padding:0em; list-style:none;}  
ul li ul li {padding: 0.2em 0em; margin:  0 0 0 0.5em;
 border:0;
border-bottom:1px solid #edf2f5;}

ul li ul li  a:link, ul li ul li  a:visited, ul li ul li  a:active {	 color: #7082a0;  text-decoration:none; }
ul li ul li  a:hover {	 color: #598527;  text-decoration:none; }

 #keskipalsta  ul {padding:0.2em 0; list-style:disc;} 
  #keskipalsta  ol {padding:0.2em 0; list-style:decimal;} 
  #keskipalsta   li {padding: 0.2em 1em; margin: 0 1em; border:0;}
 

dt p {padding:0; margin:0;}
dd p {padding: 0 0 0 2em; margin:0;}
dd  { margin:0 0 1.5em 0;}

 
.linkit  p {padding:0;
margin:0.2em 0;}

.nounderline {border-bottom:0;}

.paaotsikko {font-variant:small-caps;
text-transform:lowercase;
color:#234681;
font-weight:bold;
font-size:120%;
margin-top:1em;
}


.kuvatiedot {color:#4d98be; font-size:85%;}


/* ALAOSA */
 #footer { 
	padding: 0; 
	background:#3b598c;
	background-image:url(img/base/bg-bottom.jpg);
	background-position:top center;
	background-repeat:no-repeat;
 	color:#FFF;
	text-align:center;
} 
 #footer p {
	margin: 0; /* älä poista */
	padding: 35px 0;  
}



/* EKSTRAT */

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {  
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}