body {
		margin: 0;
		padding: 0;
		text-align: left;
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 100.1%;
		color: #333;
		background: #fff;
                width: 700px;
		}


/* yleisia tyyleja */
.oikealle { float: right; }
.vasempaan { float: left; }
.oikea-clear { clear: right; }
.vasen-clear { clear: left; }
.piilotettu { display: none; }

/* lomake-elementit */
.tekstikentta-label { display: block; float: left; width: 200px; }
.tekstikentta { width: 170px; float: right; }
.tekstikentta-palaute { width: 170px; float: right; margin-right: 75px; }
.lahetys { margin-top: 25px; }

#sisaltoon { display: none; }
#tulostuskuva {  }
#dokumenttipolku, #painikkeet { display: none; }
#kirjasin-toiminnot, #kirjasin_toiminnot { display: none; }
#paasite-linkki { display: none; }

	#kehys {
		position: relative;
/*		width: 824px; */
		background: #fff;
		margin-right:auto;
		margin-left:auto;
		margin-top:20px;
		padding: 0px;
		font-size: 1.0em;
		text-align:left;
		}
	#ylatunniste {
                background: #CBC20F;
/* 		height: 100px; */
		padding: 0;
		margin: 0;
		border: 0 solid #666;
		}
	body #ylatunniste h1 {
color:#FFFFFF;
font-family:verdana,georgia,times new roman;
font-size:20px;
left:150px;
position:absolute;
top:50px;
}

	h2 {
		margin: 10px 0 12px 15px; 
		padding: 4px 4px 0 0; 
		font-size: 0.9em; 
		color: #333;
		}

h3 {
color:#333333;
font-size:0.8em;
margin:10px 0 12px 15px;
padding:4px 4px 0 0;
}


	a { 
		color: #008080;
		font-size: 0.9em;
		text-decoration: none;
 		}
	a:visited {
		color: #008080;
		text-decoration: none;
 		}
	a:hover { 
		text-decoration: underline;
 		}
	a.group { 
		color: #669966;
		text-decoration: none;
 		}
	a.group:visited { 
		color: #669966;
		text-decoration: none;
 		}
	a.group:hover { 
		font-weight: bold; 
		text-decoration: none;
 		}
	img {
		border: 0;
		}
	a.tab {
/*		width: 110px; */
/*		height: 20px; */
		margin: 0px;
		background-color: #fff;
		line-height: 20px;
		font-family: Verdana;
		font-size: 10px;
		font-weight: normal;
		color: #333;
		border-top: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 0px solid #999;
		border-left: 0px solid #999;
		padding: 3px 10px 4px 10px;
/*		text-align: center; */
		text-decoration: none;
 		}
	a.tab:visited { color: #333;
		 }
	a.tab:hover {
		background-color: #C8EEEE;
		text-decoration: none;
 		}
	#apunavi {
                display: none;
		height: 16px;
		padding: 6px 12px 0 0;
		background: #008080 url('navbar.gif') 0 0 no-repeat;
		text-align: right;
		font-size: 11px; 
		/* font-weight: bold; */
		color: #fff;
		}
	#apunavi a { 
		color: #fff;
		text-decoration: none;
		}
	#apunavi a:visited {
		color: #fff;
		text-decoration: none;
 		}
	#apunavi a:hover { 
		color: #fff;
		text-decoration: underline;
 		}
	a.group { 
		color: #669966;
		text-decoration: none;
 		}
	a.group:visited { 
		color: #669966;
		text-decoration: none;
 		}
	a.group:hover { 
		font-weight: bold; 
		text-decoration: none;
 		}
	.imgright {
		float: right;
		border: 0px solid #333;
		padding: 0;
		margin: 0; 
		}
	.imgleft {
		float: left;
		border: 0px solid #333;
		padding: 0 0 0 12px;
		margin: 0; 
		}
	.kuva {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;	
		max-height: 150px;
		overflow: hidden;
		background-color: #ff8000;
		text-align: right;
		border: 0px solid #333;
		}
	.kuva img {
		float: right;
		margin-right: 18px;
		}
	.imgright p, .imgleft p, .kuva p {
		margin-top: 1px;
		font-size: 0.7em;
		color: #5c5c5c;
		}
	.clear {
		clear: both;
		padding: 0;
		}
	.subhead {
		margin: 0 0 12px 15px; 
		padding: 0;
		font-family: Georgia; 
		font-size: 10px; 
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #669966;
		}
	#tabs {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		background: #fff;
		border-top: 0px solid #999;
		border-right: 0px solid #999;
		border-bottom: 1px solid #999;
		border-left:1px solid #999;
		text-align:left;
		}
	#vasen {
display: none;
		float:left;
		width: 180px;
		padding: 0px 0px 50px 0px;
		margin: 0px;
		background-color: transparent;
		border: 0 solid #999;
		font-family: Verdana; 
		font-size: 0.9em;  
		color: #333;
		}
	#sivunavigaatio {
display: none;
		float:left;
		padding: 10px 0px 0px 0px !important;
		margin: 0px;
		background-color: transparent;
		border: 0 solid #999;
		font-family: Verdana; 
		font-size: 0.9em;  
		color: #333;
		}
	/* #sivunavigaatio ul {
		list-style-type: none; 
		} */
	#sivunavigaatio ul li.one { 
		width: 152px; 
		height: 34px;
		border-left: 20px solid #ff8000;
		padding: 14px 4px 6px 4px;
		margin: 0;
		background-color: transparent;
 		}
	#sivunavigaatio ul li.two {
		width: 152px; 
		height: 34px;
		border-left: 20px solid #cbc20f;
		padding: 14px 4px 6px 4px;
		margin: 0;
		background-color: transparent;
 		}
	#sivunavigaatio ul li.one:hover { 
		border-left: 20px solid #dd6f00;
		background-color: #fdcc05;
 		}
	#sivunavigaatio ul li.two:hover { 
		border-left: 20px solid #aca50d;
		background-color: #fdcc05;
 		}
	#sivunavigaatio ul li.one a, #sivunavigaatio ul li.two a { 
 		display: block; 
 		height: 32px;
 		width: 152px;
		padding: 14px 4px 6px 4px !important;
		margin: -12px 0 0 -4px;
		color: #333;
		text-decoration: none;
 		}
	#sivunavigaatio ul li.one a:visited, #sivunavigaatio ul li.two a:visited { 
		color: #333;
		text-decoration: none;
 		}
	#sivunavigaatio ul li.valittuone a, #sivunavigaatio ul li.valittutwo a, #sivunavigaatio ul li.valittu a {
		display: block;
		padding: 14px 4px 6px 4px;
		margin: -12px 0 0 -4px;
		height: 32px;
		width: 154px; 
		color: #333;
		text-decoration: none;
		}
	li.valittuone ul li a, li.valittuone ul li a:visited, li.valittutwo ul li a, li.valittutwo ul li a:visited   {
		display: block; 
		height: auto !important;
		width: 154px !important;
		margin: 1px 0 0 -4px !important;
		padding: 2px 2px 4px 4px !important;
		border: 0 solid #333;
		background-color: #ffffcc;
		color: #333;
		font-weight: normal; 
		text-decoration: none;
		}
	li.valittuone ul li a:hover, li.valittutwo ul li a:hover { 
		text-decoration: underline !important;				
 		} 
	#sivunavigaatio li.valittutwo { 
		width: 152px;
		border-left: 20px solid #cbc20f;
		padding: 14px 4px 0px 4px;
		margin: 0;
		background-color: #fee064;
		font-weight: normal;
		color: #333;
		text-decoration: none;
 		}
	#sivunavigaatio li.valittuone { 
		width: 152px;
		border-left: 20px solid #ff8000;
		padding: 14px 4px 0px 4px;
		margin: 0;
		background-color: #fee064;
		font-weight: normal;
		color: #333;
		text-decoration: none;
 		}
	#sivunavigaatio li.valittu { 
		width: 152px;
		border-left: 20px solid #cbc20f;
		padding: 14px 4px 0px 4px;
		margin: 0;
		background-color: #fee064;
		font-weight: normal;
		color: #333;
		text-decoration: none;
 		}
	a.valittu {
		font-weight: bold !important;
		text-decoration: none !important;
		}

	/* HUOM! ul.valittuone, ul.valittutwo {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	ul.valittuone li, ul.valittutwo li {
		margin: 0;
		padding: 0;
		} HUOM! */
	li.valittuone ul li a, li.valittuone ul li a:visited  {
		display: block; 
		height: 18px !important;
		margin: 0;
		padding: 4px 4px;
		border: 0 solid #333;
		background-color: #ffffcc;
		color: #333;
		font-weight: normal; 
		text-decoration: none;
		}
	li.valittutwo ul li a, li.valittutwo ul li a:visited  {
		display: block; 
		height: 18px !important;
		margin: 0;
		padding: 4px 4px;
		border: 0px solid #333;
		background-color: #ffffcc;
		color: #333;
		font-weight: normal; 
		}
	li.valittu ul li a:hover, li.valittutwo ul li a:hover { 			
		text-decoration: underline !important;				
 		} 

#linkki-wrapper { display: none; }
#ajankohtaista-linkit { display: none; }

	#palsta, #etusivu-palsta, #palsta-levea, #osioetusivu-palsta, {
		float:left;
		width: 100%;
/*		padding: 10px 0 0 0; */
		margin: 0;
		background:#fff;
/*		border-right: 1px solid #999; */
/*		border-left: 1px solid #999;  */
		color: #333;
		}
	#sisalto h1 {
		font-size: 1.4em;
		color: #008080;
		font-weight: bold;
		margin: 6px 2px 20px 12px;
		}
	#sisalto h2, #sisalto h3, #sisalto h4, #sisalto h5 {
		margin: 6px 2px 20px 12px;
		}
	body #sisalto p {
		margin: 0 2px 18px 12px;
		padding: 0;
		font-size: 0.9em;
		font-weight: normal;
		color: #333;
		}
	#sisalto ul li {
		list-style-type: none;
		font-size: 0.9em; 
		background: url(square_li.png) no-repeat 0 6px;
		margin: 0;
		padding-left: 16px;
		}
	#sisalto ul ul li {
		list-style-type: none;
		background: transparent; 
		font-size: 0.75em;
		margin-left: -32px;
		padding-left: 8px;
		}
	#sub1 {
		padding: 0 0 12px 0;
		background-color: #ffffcc;
		}
	.sub2 {
		height: 20px;
		margin: 30px 12px 8px 12px !important;
		padding-left: 24px !important; 
		background: transparent url(square.png) no-repeat 0 0;
		border-bottom: 2px solid #cbc20f;
		}
	.more {
		width: 68px;
    		height: 12px;		
		display: block;
		padding: 0 2px 0 0;
		font-size: 0.7em;
		background: transparent url('arrow.png') bottom right no-repeat;
		}
	#tyokalut {
display: none;
		float: right;
		width: 174px;
		padding: 10px 0 0 0;
		margin: 0;
		background: #fff;
		border: 0 solid #999;
		font-size: 0.8em; 
		color: #333;
		}
	#tyokalut h3 { 
		margin: 0 0 10px 0; 
		padding: 2px 2px 2px 8px;
		font-size: 1.0em;
		font-weight: normal; 
		color: #333;
		text-align: center;
		background-color: #cbc20f;
		}
	#tyokalut ul { 
		margin: 0 0 36px 8px;
		padding: 0 4px 0 10px;
		list-style: square url(square_li.png);
		vertical-align: text-bottom;
		}
	.separator {
		width: 100%;
		height: 2px;
		border: 0 solid #333;
		background: transparent;
		font-size: 2px; 
		}
	#ylatunniste h1 {
		font-size: 24px;
		font-family: verdana, helvetica, arial, sans-serif;
		color: #333;
		margin-top: 20px;
		}
	#ylatunniste p {
		margin: 0;
		}
	#sisalto p {
		font-size:12px;
		padding: 0px 15px 0px 15px;
		margin: 0 0 10px 0;
		}
	#sivunavigaatio p { 
		font-size:10px;
		padding: 0;
		margin: 0;
		}
	#sivunavigaatio ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	#tyokalut p { 
		font-size: 0.8em;
		padding: 0px 0px 0px 8px;
		margin: 3px 3px 14px 0;
		}

	#navi p, { font-size:10px;
		padding: 0px 0px 0px 8px;
		margin: 3px 3px 14px 0;
		}
	#nappi	{
		position: absolute;
		top: 0px;
		left: -95px;
		background-color: transparent;
		height: 100px;
		width: 198px;
		padding: 0;
		margin: 0;
		border: 0;
		}
	#box {
		position: absolute;
		left: 0px;
		top: -110px;
		width: 174px;
		height: 110px;
		border: 0 solid #999;
		padding: 0px 0px 0px 6px;
		margin: 0;
		background: #C8EEEE; 
		font-size: 10px; 
		color: #000;
		text-align: left;
		}
	#alatunniste-artikkeli, #alatunniste {

/*		height: 40px; */
/*		width: 824px; */
		padding: 4px 0 0 4px;
		background: #fff;
/*		border-top: 10px solid #ff9933; */
		font-size: 0.8em; 
		color: #000000;
		text-align: left;
		clear: both;
		}
	#slideshow	{
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: transparent;
		height: 100px;
		width: 180px;
		padding: 0;
		margin: 0;
		border: solid 0 #333;
		}

    #palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla { float: right; margin: 1.3em 0.2em 1em 2em; width: 215px; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555 }
    #palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla { float: left; margin: 1.3em 2em 1em 0; padding-right: 0.1em; width: 215px; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555 }
    #palsta .kuvituskeskella, #palsta-levea .kuvituskeskella { float: none; margin: 1.3em auto; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555; text-align: center; }
        #palsta .kuvituskeskella img { margin: 0 auto; }
    #palsta .kuva, #palsta-levea .kuva { display: block; float: none; border: none; margin: 0; padding-bottom: 0.5em } 

	/* henkilökuntaboksi taulukko*/


	/* henkilökuntaboksi taulukko*/

	#palsta table.thenkilo, #palsta-levea table.thenkilo { padding: 0; margin: 0px 0 5px 0; border: none; }

		#palsta table.thenkilo .thlokuva, #palsta-levea table.thenkilo .thlokuva { vertical-align: top; padding: 0; margin: 0; width: 100px; border: none;}

		#palsta table.thenkilo .ttiedot, #palsta-levea table.thenkilo .ttiedot { vertical-align: top; padding-left: 10px; width: 357px;	border: none;}


		#palsta table.thenkilo .ttiedot a, #palsta-levea table.thenkilo .ttiedot a { color: #D15B05; }

		#palsta table.thenkilo .ttiedot h6, #palsta-levea table.thenkilo .ttiedot h6 { font: verdana, helvetica, arial, sans-serif; border-bottom: 1px solid #d4d6dd; padding: 0 0 4px 0; margin: 3px 0 0 0; }

		#palsta table.thenkilo .ttiedot ul, #palsta-levea table.thenkilo .ttiedot ul { margin: 6px 0 0 0; padding: 0; list-style: none; }

		#palsta table.thenkilo .ttiedot ul li, #palsta-levea table.thenkilo .ttiedot ul li { font: verdana, helvetica, arial, sans-serif; font-size: 0.8em; margin: 0; padding: 0 0 0 18px; background:transparent url(http://www.kehityspoliittinentoimikunta.fi/public/gfx/gfx_5/KPT/images/square_li.png) no-repeat scroll 0 6px; }


	#palsta .atticon, #palsta-levea .atticon { float: none; vertical-align: middle; margin: 0 0.5em 0 0; }


