/* tekstityylit */

	p,pre {
		margin:0px 5px 5px 7px;
		font:10px/11px Verdana, Helvetica, Arial; 
		color:#272727;
	}
	
	a {
		text-align:right;
		text-decoration:none;
		font:9px Verdana, Helvetica, Arial; 
		color:#272727;
	}
	
	h1, h2, h3, h4 {
		margin: 0;
		padding: 0;
	}

	h1 {
		font-size: 15px;
	}

 	h2 {
		font-size: 9px;
		font-weight: normal;
		border-top: 1px dashed;
		border-color: #d0d0d0;
	}
	
	#palstaoikeaP {
		margin:0px 10px 10px 10px;
		font:11px Georgia, Times;
		font-style:italic;
		color:#272727;
	}
	
	p.oikea {
		text-align:right;
		font:9px Verdana, Helvetica, Arial;
		color:#272727;
	}

	span.oikea {
		float:right;
	}
	
	span.sininen {
		color:#3ba3f3
	}
	
/* linkit */

	#nav {
        width:197px;
        float:left;
	}
	
	#nav, #nav ul, #nav li {
        margin:0;
        padding:0;
        list-style:none;
	}
	
	#nav a {
        display:block;
        padding: 2px;
        width:100%;
       	}
	
	#nav a.span {
        color:#272727;
        }
	
	#nav a.span:hover {
        color:#3ba3f3;
	}
	
	#nav a.span img {
		position:absolute;
	}
	
	#nav li {
		clear:both;
	}
	
	#nav li ul li {
		font-size:85%;		
	}
	
	#nav li ul li a {
		color:#9f9f9f;
	}

	#nav li ul li a:visited {
		color:#c0c0c0;
		text-decoration: line-through;
	}
	
	#nav li ul li a:hover {
		color:#3ba3f3;
	}


	#ul {
		list-style-type:none;
		margin:0;
		padding:0 0 64px 0;
		width:100%;
	}

	#ul li a {
		display:none;
		clear:both;
		margin:0;
	}
	
/* lines */

	#hr1 {
		border-style:none;
		border-top:1px solid #d0d0d0;
		border-bottom:1px dashed #d0d0d0;
		margin-bottom:10px;
		width:99%;
		height:5px;		
	}
	
	#hr2 {
		border-style:none;
		border-top:1px dashed #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		margin-bottom:10px;
		width:99%;
		height:5px;
	}

	#hr3 {
		border-style:none;
		border-top:1px solid #d0d0d0;
		border-bottom:1px dashed #d0d0d0;
		margin-bottom:10px;
		width:99%;
		height:5px;		
	}		

/* css */
	

	html, body {
   		height: 100%;
	}
	.wrapper {
   		min-height: 100%;
   		height: auto !important;
   		height: 100%;
   		margin: 0 auto -4em;
	 }
	 
   	footer, .push {
   		height: 4em;
	}
	
	#frame {
		width:796px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
	}

	#frame2 {
		width:796px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
	}
	
	#content {
		width:796px;
	}
	
	img {
  		margin-bottom:8px;
	}
	
	#img.vasen {
  		float: right;
	}

	#navi {
		width:200px;
	}
	
		
	#palstavasen {
		z-index:1;		
		width:205px;
		padding:0px;
		margin-right:5px;
		float:left;
		background:#fff;
	}
	
	#palstakeski {
		width:438px;
		padding:0px;
		margin-left:5px;
		margin-right:5px;
		float:left;
		background:#fff;
	}
	
	#palstaoikea {
		width:135px;
		padding:0px;
		float:left;
		background:#fff;
	}

	#palstavasen2 {
		z-index:1;		
		width:470px;
		padding:0px;
		margin-right:5px;
		float:left;
		background:#fff;
	}

	#vasen {
		z-index:1;		
		width:150px;
		padding:0px;
		margin-right:5px;
		float:left;
		background:#fff;
	}

	#keski {
		z-index:1;		
		width:150px;
		padding:0px;
		margin-right:5px;
		float:left;
		background:#fff;
	}

	#oikea {
		z-index:1;		
		width:150px;
		padding:0px;
		margin-right:5px;
		border: 1px solid #d0d0d0;
		border-width: 0 1px 0 0;
		float:left;
		background:#fff;
	}

	
	#palstakeski2 {
		width:300px;
		padding:0px;
		margin-right:5px;
		float:left;
		background:#fff;
	}

	
	#palstaheader {
		background:#fff;
		height:70px;
	}
	
	#palstaheader2 {
		position:fixed;
        	z-index:1;
        	background:#fff;
		height:70px;
       }

        
	#palstafooter {
		background:#fff;
		height:150px;
		margin-top:20px;
	}