* {
 margin:0;
 padding:0;
}

body
{
 /*background-color:#aab1bd;*/

 background-color:#546370;
 color:#82abed;
 /*font-family: Verdana, Georgia, serif;*/
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 padding:0px;
 margin:0px;
 /*display: inline;*/
 overflow: -moz-scrollbars-vertical;

// behavior: url("csshover.htc");
}

div#contentbar p {
 margin-bottom:20px;
 /*text-align:justify;*/
}

div#contentbar h1 {
  padding:3px;
  color:#426390;
  font-family: Times New roman;
  font-size:21px;
  font-weight:bold;
  margin-bottom:15px;
}

#content h2 {
  /*font-family: Verdana, serif;*/
  font-size:18px;
 color:#436391;
 font-weight:bold;
 font-size:14px;
 margin-bottom:10px;
}


div#contentbar a {
  color:#6586bc;
  text-decoration:underline;
}

div#contentbar a:hover {
  background-color:#d7dbe3;
}

img 
{
 border:0px;
}

/*div#layout{
 margin: 35px auto 0 auto; 
 width:790px;
}*/

/*
div#topbar{
 width:100%; 
 background-color:white;
}*/

div#background {
margin: 20px auto 20px auto;
text-align:left;
background-image:url(graphics/keskiosa.jpg);
width:810px;
min-height:570px;
}



/*kaikki sisältö ylin div*/
div#mainbar{

 /*background-color:#ececec;*/
 /*background-color:white;*/

 text-align: left;
 width:790px;
 float:left;
 /*min-height:570px;*/
 margin: 0 10px 0 10px;
 /*border:1px solid white;*/

 /*border: 1px solid white;*/
}
 
 
div#ylaosa {
  background-image:url(graphics/ylaosa.jpg);
  height:10px; 
  width:100%;
 }


div#alaosa {
background-image:url(graphics/alaosa.jpg);
height:10px; 
width:100%; 
clear:both;
} 


div#headerbar
{
 color:#FFFFFF;
 padding:0;
 /*font-size:30px;*/
 background-color:#49609F;
 background-image:url(graphics/headertausta.jpg);
 /*background-image:url(images/headertausta8_kiemura.png);*/
 /*background-color:#49556E;*/
 background-repeat:no-repeat;
 height:144px; 
 /* height:100%; */
 /* height:auto; */
 margin:0;
 display:block;
 width:100%;
}

div#headerbar div#agn {
   position:relative;
   top:70px;
   left:740px;
   width:20px;

}
div#headerbar div#lang {
   position:relative;
   top:15px;
   left:755px;
   width:25px;

}


/*MENU*/
#menubar {
 width:100%;
 margin:0;
 padding:0;
 height:30px;
 position:relative;
 top:65px;
}


/*Päävalikko määritykset-->*/
#menubar ul {
  list-style: none;
  float:right;
}
#menubar ul li {
  list-style:none;
}
#menubar ul li a {
  color:#ccddec;
  font-weight:bold;
  font-size:16px;
  display:block;
  text-decoration:none;
  position:relative;
  z-index:910;
  padding: 4px 9px 4px 9px;
  height:20px;
  margin:0;
}
#menubar ul li a:hover{
 border-top: 2px solid #436391;
}
#menubar li {
 z-index:900;
 margin:0; padding:0;
 position:relative;
 float:left; /* Important! */
}


/*Alivalikko-määritykset-->*/
#menubar ul ul {
   position:relative;
   top:25px;
   border:0px;
}
#menubar ul#list_top li ul {
  display:none;
  z-index:9999;
  list-style: none; 
  position:absolute;
  
  /*padding:2px;*/
  margin:0; padding:0;
  border:0;
  background-color:#113559;
}
#menubar ul#list_top li:hover ul { 
  display:block;
  border:0;
  /*background-color:red;*/
}
#menubar ul ul a {
   /*width:208px;*/
   width:255px;
   height:22px;
   border-top:1px dotted #165189;
   text-decoration:none;
   padding:0;
    text-align:left;
   font-size:12px;
   margin-left: 1px;
   margin-right:1px;
   padding: 4px 4px 0px 4px;
}
#menubar ul#list_top  ul a:hover{
   border:0;
   background-color:#165189;
}









/*CONTENT*/
div#contentbar{
 /*z-index:200;*/
 background-color:#f5f5f5;
 padding:0px;
 /*position:relative;*/
 min-height:374px;
 _height:374px; /*IE6 hack*/
 width: 100%;
 
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 
 float: left;

 
 }
#content {
  margin: 15px;
  color:#000000;
}




/*CONTENT DIVIDERS*/
div#content div.twothirds {
    width:455px;
	border:1px solid #858585;
	background-color:#DEE2E9;
	float:left;
	padding:15px;
	margin-bottom:15px;
}

div#content div.onethird {
    width: 225px;
	border:1px solid #858585;
	background-color:#DEE2E9;
	float:right;
	padding:15px;
	margin-bottom:15px;
}
div#content div.full {
    width:727px;
	border:1px solid #858585;
	background-color:#DEE2E9;
	float:left;
	margin-bottom:15px;
	clear:both;
	padding:15px;
}
div#content div.half-right {
    width:340px;
	border:1px solid #858585;
	background-color:#DEE2E9;
	float:right;
	margin-bottom:15px;
	padding:15px
}
div#content div.half-left {
    width:340px;
	border:1px solid #858585;
	background-color:#DEE2E9;
	float:left;
	margin-bottom:15px;
	padding:15px;
}



/* Etusivun kuva*/
div.yhteiskuva {
	width:260px; 
	float:right; 
	padding:2px; 
	margin-bottom:15px; 
	border:1px solid #858585;

}
div.tile_graphic {
	float:right; 
	margin-top:-30px;

}
.henkilo {
	height:100%; 
	width:100%; 

	
	float:right;

}
img.henkilokuva {
	width:90px; 
	height:110px;
	margin-right:5px; 
	float:left;
	

}
.henkilo_tieto { 
	font-weight:normal; 
	padding-left:2px;
	

}

/* CONTACT FORM */

div#content div.full div.contactform {


}

div#content div.full div.contactform legend {
color:#436391;
font-size:120%;
font-weight:bold;
}

div#content div.full div.contactform fieldset {
padding: 15px 20px;

}
div#content div.full div.contactform fieldset td {
height:27px;
width:200px;

}
div#content div.full div.contactform input.formbutton {
margin: 0 220px;
padding: 1px;

}

/*FOOTER*/
div#footerbar{
 position:relative;
 font-family: "Franklin Gothic Book", Calibri, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 float:left;
 padding:0px; 
 /*background-color:#f5f5f5;*/
  background-color:#49609F;
 background-image:url(graphics/footertausta.jpg);
 /*background-color:#6786A9;*/
 height:52px;
 width:100%;
 /*vertical-align:50%;*/
 text-align: center;

 /*border:1px solid red;*/

}
div#footerbar #copy {
  position:relative;
  bottom:5px;
  color:#ccddec;
  position:relative;
  top:32px;
}
div#footerbar #copy a
{
  color:#82abed;
  text-decoration:underline;
}

div#footerbar #copy a:hover {
  background-color:#114C82
}