body {
font-size:0.8em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#808080;
background-color:white;
padding:0;
margin:0;
line-height:150%; 
}
/*
a {color:#006633;text-decoration:none;border:none;}
a:visited {color:#009900;}
a:hover {color: #009900;}
a:active { color:#000000;}
a img{border:0;text-decoration:none;
}
*/

/* ---------- layout-------------- */
#runko1 {
width: 970px;
margin-bottom: 10px;
margin:0 auto;
background:white url(images/content10.jpg) repeat-y;;
padding-left:0
}
/* ----------yläpalkki-------------- */
#ylapalkki{
background: #99ccff url(images/header10.jpg);
text-align: left;
padding: 0px;
margin: 0px;
height:154px;
width:970px;
}
#ylapalkki h1 {font:italic small-caps 900 2.0em Verdana;color:#2a2a29;
padding-top:30px;background-image:none;padding-bottom:0;margin-bottom:0;} 

#ylapalkki p{font:normal 1.2em verdana;color:#808080;
padding-left:40px;padding-top:0;background:none;margin:0;
padding-bottom:0;
}

#muru{height:30px; padding-left:35px; background:#3366cc url(images/locator10.jpg);
color:#2a2a29;
}
#muru a:link,a:hover,a:visited{color:#0069bc;
}
/* -----------------Sisältö--------------------- */
#sisalto1	{
background-color: transparent;
padding-right:35px;
margin: 0 0 0 200px;
}
a{color:#0069bc;
}
ul li a:link,a:hover,a:visited{color:#0069bc;
}

#sisalto1 p,ul{margin-left:35px;color:#808080;
}

#sisalto1 h4{color:#0069bc;
}

/* --------------vasen navigointi------------ */
#vasenpalkki {
float: left;
width: 200px;
padding-left:35px;
padding-top:10px;
padding-bottom:10px;
}

#vasenpalkki a:link, a:hover, a:visited{color:#0069bc;
}
/*
#right {
	float: right;
	width: 225px;
	padding-top:10px;
	}
#right p{padding-right:25px;
padding-left:20px;
}
#right ul li{padding-left:0px;list-style-type:none;
padding-right:40px;padding-left:0px
}
*/
/* -----------footer--------------------------- */
#alapalkki{
clear: both;
margin: 0px;
padding: 0px;
text-align: left; 
background: #99ccff url(images/footer10.jpg);
height:100px;
width:970px;
}
.kuvavasemmalle{float:left;padding-right:10px;
padding-bottom:10px;padding-top:30px;
}
#navcontainer { margin-left: 5px; }
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}
ul.menulevel1,ul.sitemaplevel1,ul.sitemaplevel2,
ul.sitemaplevel3,ul.submenu,ul.search{padding-left: 5px;margin-left: 10px;list-style: none;}
menulevel2,ul.menulevel3{padding-left:0px;
}

/*navigointipalkin  tyylit*/

#avmenu {
clear:left;
float:left;
width:165px;
margin:10px 0 10px 0;
padding:0;
}
#avmenu ul {
list-style:none;
width:160px;
margin:0 0 20px 0;
padding:0;
}
#avmenu li {
margin-bottom:5px;
}
#avmenu li a {
font-weight:normal;
height:100%;
text-decoration:none;
color:#0069bc;
display:block;
padding:0px 0 0 10px;
background:#e6e5e3 url(img/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #006699;
border-bottom:1px solid #006699;
border-left:4px solid #006699;
}
#avmenu li a:hover, #avmenu li a.current {
background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
color:#00a1e8;
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-left:4px solid #99ccff;
}

#avmenu li a:visited{
color:#808080;
}


#avmenu ul ul {
margin:5px 0 5px 15px;
font-size:0.9em;
width:130px;
}
#avmenu ul ul a {
height:35px;
margin:0;
padding:4px 0 0 5px;
background:transparent;
height:100%;
color:#00a1e8;
}
#avmenu h2 {
font-size:1.5em;
font-weight:normal;
}


/*Otsikot*/

h4{
font-size:1.3em;padding-top:10px;
font-weight:bold; text-decoration:none;
margin-left:20px;
padding-left:20px;
color:#808080;
}
h1{font-size:1.5em;
color:white;
background:transparent url(images/h1tausta.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
margin-left:20px;
margin-top:15px;
width:350px;
padding-bottom:15px;
padding-left:20px;
padding-top:15px;
height:50px;
margin-bottom:0;
}
h2{
padding-left:10px;
width:250px;background:white;
margin-left:20px;
color:#808080;
font-size:1.4em;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
padding-bottom:10px;
}
#sisalto1 h2{color:#808080;
}
 
.search{float:right;padding-right:60px;
padding-left:5px;
margin-left:5px;
padding-top:40px;
 }
 
 
 /*editorin tausta ja fontit*/
 .mceContentBody{
 background-color: #FFFFFF;
 background-image: none;
 color:#808080;
 text-align:left;
 font-size:0.8em;
 width:100%;
 }
 
 .mceContentBody h1,h2,h3,h4{color:#2a2a29;
 }
 
 
 /*kuvien liutus*/
 .kuvavasemmalle{float:left;padding:5px;
 }
 
 .kuvaoikealle{float:right;padding:5px;margin-right:15px;
 border:1px solid #cccccc;margin-left:5px;
 }
  
	.kuvaoikealle2{
	float:right;padding:5px;margin-right:15px;
 margin-left:5px;
 }
	
	
	
 #search{margin:10px;
 }
 
 /*Uusimmat työt-alue*/
 
#runko{float:right;padding:0;
margin:0;
background:#99ccff url(images/runko.jpg);
background-repeat:repeat-y;
width:300px;height:100%;
 }
 #runko ul{padding-left:5px;
}
  
#yla{background:#99ccff url(images/yla.jpg);
height:28px;
}
#sisalto{padding:0 10px 5px 20px;color:white;
}
#sisalto h4{margin-top:0;color:white;
}
#sisalto ul{margin-left:10px;
}
#sisalto a:link{color:white;
}
#sisalto a:hover{color:#009900:
}
#sisalto a:visited{color:#cccccc;
}
#ala{background:#99ccff url(images/ala.jpg);
height:27px;
}

td{border:1px solid #cccccc;padding:5px
}