/* layout */
html, body
  {
  height:100%;
  width:100%;
  padding:0;
  margin:0;      
  }
/* CSS Document */
body#body{
  background-image:url(../images/layout/bg.jpg);
  background-repeat:repeat-x;
  background-color:#f8fbfe;
  font-family: Geneva, "Trebuchet MS", Verdana, sans-serif; 
  font-size: 0.7em; 
  height: 100%; 
}

p{
  font-family: Geneva, "Trebuchet MS", Verdana, sans-serif; 
  font-size: 11px; 
}

/* iepngfix */
img {
  behavior: url(/icms/scripts/iepngfix/iepngfix.htc);
}

#frametable{
  width:960px;
  min-height:800px;
  height:auto !important;
  height:800px;
  padding-top:0px;
  top:0%;
}
#framediv{
  width:960px;
  min-height:800px;
  height:auto !important;
  height:800px;
  padding-top:0px;
  position:absolute;
  top:0%;

}
#header{
  width:960px;
  height:153px;
  float:left;
  padding-left:2px;
  padding-right:20px;
  padding-top:0px;
  
}
#leftpart{
  width:327px;
  height:153px;
  float:left;
  padding:0px;
  margin:0px;
  background-image:url(../images/layout/logo.jpg);
  background-repeat:no-repeat;
  position:relative;
  background-color:#0065b2;
}
#rightpart{
  width:613px;
  height:153px;
  float:left;
  padding:0px;
  position:relative;
}
#top{
  width:613px;
  height:115px;
  float:left;
  
  top:0px;
  background-image:url(../images/layout/righttop.jpg);
  background-repeat:no-repeat;
}
#navi{
  width:613px;
  height:38px;
  overflow:hidden;
  float:left;
  background-color:#0065b2;
}
#navigation{
  color: #f2f2e6; 
  font-size: 12px; 
  padding-top: 0px; 
  padding-left:53px;
  margin: 0; 
  text-align: left; 

}
.mainnav{
  padding-top:10px;
}
#imagearea{
  padding-left:0px;
  padding-top:85px;
}
#imagetext{
  font-size:11px;
  color: #333;
}
#blueline{
  width:922px;
  height:35px;
  float:left;
  color: #f2f2e6;
  font-size: 11px;
  margin:0px 0px 0px 20px;
  text-align: center; 
  background: url(../images/layout/menu_bg.jpg);

  background-repeat:repeat-x;

}
.navwrapper{
  padding-top:10px;
  padding-bottom:10px;
}

.nolist{
  list-style:none;
  padding-left:0px;
  padding-right:12px;
  display:inline;
}
#container{
  width:942px;
  min-height:447px;
  height:auto !important;
  height: 447px;
  float:left;
  padding-left:20px;
}
#centerbg{
  width:922px;
  min-height:447px;
  height:auto !important;
  height:447px;
  background-color:#ffffff;
 
  float:left;

}
#leftcolumn{
  width:170px;
  /*position:relative;*/
  min-height:447px;
  height:auto !important;
  height:447px;
  padding-left:0px;
  padding-right:0px;
  float:left;
  background-image:url(../images/layout/submenubg.jpg);
  background-repeat:no-repeat;
  background-color:#ffffff;
  text-align: left; 
  list-style: square url(../images/layout/arrow.gif); 
  color: #333;
  font-size: 11px;
  clear:both;
  overflow:hidden;

}
ul#subnav
	{
	padding:10px 0px 10px 20px;
	margin:0;
	}
	ul#subnav ul
		{
		padding:10px 0px 10px 20px;
		}
		
		a.currentpage
			{
			color:#3399ff !important;
			}
			
			
#leftcolumn a { 
  color: #333; 
}
#leftcolumn a:hover { 
  color: #3399ff; 
  text-decoration: none; 
}

.leftnavdaddy{
  margin-left:10px;
  padding-left:10px;
  padding-top:15px;
}
.leftnavchildren{
  margin-left:10px;
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
  
  color:#999999;
}
.rightnavdaddy{
  padding:0px;
}
.rightnavchildren{
  padding-left:3px;
  padding-top:5px;
}
#content{
  width:735px;
  min-height:447px;
  height:auto !important;
  height:447px;
  float:left;
  background-color:#ffffff;
}
#mainarea{
  width:410px;
  min-height:447px;
  height:auto !important;
  height:447px;
  float:left;
  /*position:relative;*/
  padding:0px 10px 20px 10px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  border-bottom:20px solid #ececec;
  color: #333; 
  display: inline;   
  font-size:11px;
  z-index:2;
}

#bottomfatborder{
  width:100%;
  height:20px;
  float:left;
  position:absolute;
  bottom:0px;
  left:0%;
  right:0%;
  background-color:#ececec;
}

#rightcolumn{
  width:255px;
  min-height:447px;
  height:auto !important;
  height:447px;
  float:left;
  padding-left:10px;
  padding-right:10px;
  /*position:relative;*/
  background-color:#ffffff;
  z-index:1 !important;
  list-style: square url(../images/layout/arrow.gif); 
  color: #333; 
  font-size:11px;
  
}

#rightcolumn a { 
  color: #54536f; 
  text-decoration: underline;
  font-size:11px; 
}

#rightcolumn a:hover { 
  color: #0aaafd; 
  text-decoration: none; 
}

#footer{
  width:942px;
  height:130px;
  float:left;
  padding-left:20px;
  clear: both; 
  color: #333; 
  font-size: 11px;   
}
#footer_left{
  width:180px;
  height:130px;
  float:left;
  border-top: 1px solid #d0d0d0;
  background-color:#ffffff;

}
#footer_right{
  width:290px;
  height:130px;
  float:left;
  padding-left:0px;
  padding-top:10px;
  border-top: 1px solid #d0d0d0;
  text-align:left;
  background-color:#ffffff;  
}
#footer_center{
  width:452px;
  height:130px;
  float:left;
  padding-left:0px;
  padding-top:10px;
  border-top: 1px solid #d0d0d0;
  text-align:left;
  background-color:#ffffff;  
}


H1 { 
  color: #5d5d5d; 
  font-size: 20px; 
  font-weight: bold; 
  background-position: 0 0; 
  padding-top: 20px; 
  padding-bottom: 10px; 
}

.currentpage { 
  color: #fefff3; 
  text-decoration: none; 
  border-bottom: 1px solid #fefff3; 
}

#mainarea a { 
  color: #54536f; 
  text-decoration: underline; 
}

#mainarea a:hover { 
  color: #0aaafd; 
  text-decoration: none; 
}
#footer_right a { 
  color: #54536f; 
  text-decoration: none; 
}

#footer_right a:hover { 
  color: #0aaafd; 
  text-decoration: none; 
}
.currentleft { 
  color: #2789eb; 
  text-decoration: underline; 
}

a:link { 
  width:auto;
  padding:0px;
  color: #fefff3; 
  text-decoration: none; 
}

a:visited { 
  color: #fefff3; 
  text-decoration: none; 
}

a:hover { 
  width:auto;
  padding:0px;
  color: #fefff3; 
  text-decoration: none; 
  border-bottom: 1px dotted #fefff3; 
}

H2 { 
  font-family: arial, Geneva, Verdana, sans-serif; 
  color: #7f7772; 
  font-size: 16px; 
  font-weight: bold; 
}

H3 { 
  font-family: arial, Geneva, Verdana, sans-serif; 
  color: #7f7772; 
  font-size: 14px; 
  font-weight: bold; 
  font-style: normal; 
}

.korostus { 
  font-weight: bold; 
}

.underline { 
  text-decoration: underline; 
}
#editorMenu{
  width:170px; 
  position:absolute; 
  left:20px; 
  top:20px; 
  z-index:1001; 
  clear:none; 
  padding:10px; 
  border:1px solid #808080; 
  background-color:#fff;
}
#editorMenu a, #editorMenu a:link { 
  color: #000;
}
.editorMenu{
  text-decoration:none;
  background-color:#FFFFFF; 
  text-align:left; 
  color:#000;
}
#tourimages a:hover { 
  border: none; 
}


/* valikko */

#menuwrapper{
margin:0px;
}

#nav
	{

	
	height:35px;
  	  text-align: center !important;
	}
#nav, #nav ul {
  margin: 0;
  padding: 0;

 list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 24px; 
  float: left;
}

#nav ul
	{
  
	margin-left: 10px;
   
	list-style-type: none;
  	list-style-position: outside;
  	position: relative;
  	line-height: 24px; 
}
#nav img{
	border:none;
	padding:0;
	margin:0;
	}
  #nav a {
    display: block;
    padding: 0 13px;
    border: none;
    color: #fff;
    font-size:13px;
 
    text-decoration: none;
  }
  .libg_active {
    background: url(../images/layout/menu_active.jpg) repeat-x;
  }
  #nav a:hover {
    background: url(../images/layout/menu_hover.jpg) repeat-x;
  }

#nav li{
  float: left;
  margin: 0;
  padding: 0;
  line-height: 35px;
  text-align: left;
  height:35px;


}
#nav ul li
  {
  height:25px;
  line-height:25px;
  }
#nav ul {
  position: absolute;
  display: none;
  width: 12em;
  *width:14em;
  top: 35px;
  margin: 0;
  padding: 0;
  text-transform: none;
}
#nav ul li{
border-left:2px solid #004c85;
height:auto;
left:-2px; 
position:relative;
}
  #nav li ul a {
    line-height: 25px; 
    width: 12em;
	  *width:14em;
    height: auto;
    float: left;
    font-size:10px;
    padding-left: 10px;
    background:url(../images/layout/subnav_bg.jpg);
    
    color:#fff;
  }
  
  #nav li ul a:hover {
   background: none !important;
   background-color:#fff !important;
   
   color:#003366;
  }
  #nav ul li ul li
  	{
  	border:none;
  	}
  #nav li ul li ul a{
  background:#6699cc;
  }
  
  
  
 /* menu login */

  li#loginli
  	{

  	height:80px !important;
	
  	line-height: 23px; 
    width:160px;
	float: left;
    font-size:10px;
	
    padding-left: 10px;
  	}

 
  	
  #loginform table
  	{
  
  	/*background-color:#eee;
*/ 
  	}

  
  #menulogin li, #menulogin li a
  	{
	
  	width:160px;
	
  	}
  

#nav ul ul {
  top: auto;
}	

#nav li ul ul {
  left: 145px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
  display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
  	display: block;
	}