html, body{ 
 	margin:0; 
 	padding:0; 
 	text-align:center; 
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color:#A3A5A7;
}
 
#pagewidth{ 
 	width:90%;
	min-width:716px; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;  
 	margin-top:10px;
 	margin-bottom:10px;
	background:#fff;
} 
/***********************************************************/
/** header **/
#header {
	height:107px; 
 	min-width:716px;
 	width:100%;
	background-color:#A3A5A7;
	background-image:url('../grafiikka/header_left.gif');
	background-repeat:repeat-x;
}

#header_left {
	float:left;
}

#header_right {
	float:right;
	width:180px;
	height:107px;
	background-image:url('../grafiikka/header_right.gif');
}

#logo {
	margin:25px;
	border:0px;
}

/***********************************************************/
/** menu **/
#menu{
	position:relative; 
	z-index:10;
	height:60px; 
	width:100%;
	min-width:716px;
	background-color:#fff; 
	background-image:url('../grafiikka/menu_wide.gif');
	background-repeat:repeat-x;
	padding:10px 0px 0px 0px;
	margin:0px;
	font-weight:bold;
	color: #87212e;
	font-size: 0.9em;
} 

/**	js menu **/
.ddmx .item1,
.ddmx .item1-chosen,
.ddmx .item1:visited,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 3px 15px 3px 10px;
    font: 0.9em verdana;
    color: #87212e;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    border-left: 0px solid #000000;
}
.ddmx .item1:hover {
	padding: 3px 15px 3px 10px;
    font: 0.9em verdana;
    color: #87212e;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    border-left: 0px solid #000000;
}
.ddmx .item1-chosen {
	text-decoration:none;
	border:1px dotted #ddd;
}
.ddmx .item2,
.ddmx .item2-active,
.ddmx .item2-visited,
.ddmx .item2-chosen,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 0.85em verdana;
    color: #87212e;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 500;
    border-bottom: 1px solid #87212e;
    display: block;
}
.ddmx .item2:hover {
	padding: 3px 8px 4px 8px;
    font: 0.85em verdana;
    color: #fff;
	background: #87212e;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 500;
    border-bottom: 1px solid #87212e;
    display: block;
}

.ddmx .item2, 
.ddmx .item2-chosen {
    background: #FFF;
    filter:alpha(opacity=85);
	 -moz-opacity:0.90;
	  opacity: 0.90;
	 -khtml-opacity: 0,90;
}

.ddmx .item2-chosen {
 	background: #87212e;
	color:#FFF;
}

.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #ffffff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #ddd;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    min-width:120px;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */

/***********************************************************/
/** content **/

/***********************************************************/
/** left column **/
#leftcol{
	width:24%;
	height:100%; 
	float:left; 
	position:relative; 
	background-color: #FFFFFF;  
	margin:0px;
}
#leftcontent {
	padding:15px 0 0 15px;
}
#left_img {
  	padding-left:15px;
}

.leftmenu {
	margin-left: 15px;
	margin-top: 20px;
	font-size:0.85em;
}
.leftmenu_link, leftmenu_link:visited {
  	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dotted #fff; 
}
.leftmenu_link:hover {
  	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dotted #87212e; 
}
#index_search {
  	font-weight:bold;
	color: #87212e;
	font-size: 11px;
	background-color: inherit;
	margin-top:35px;
	margin-bottom:0px;
	margin-left:15px;
	padding:0px;
}
/** news in left column **/
.news_header_left {
	font-weight:bold;
	color:#87212e;
	margin:0px;
	padding:0px 0px 0px 10px;
	border:0px solid #ddd;
} 
.news_header_left img { 
	vertical-align: bottom;
	padding-right:2px;
}
.news_content_left {
	border:0px solid #ddd;
	color:#87212e;
	font-size:0.85em;
	padding-left:15px;
	padding-top:5px;
}
.news_date_left {
	font-weight:normal;
	font-size:0.8em;
	position:relative;
}
/***********************************************************/
/** center & right column **/
#twocols{
	width:75%; 
	float:right; 
	position:relative; 
}

/***********************************************************/
/** rightcolumn **/
#rightcol{
	width:20%; 
	height:100%;
	float:right; 
	position:relative; 
	background-color: #FFFFFF;  
	
}
#rightcontent{
	font-size:0.9em;
	width:150px; 
	height:100%;
	position:relative; 
	padding-left:0px;
}
#min_height_img {
	float:right;
}
/** news in right column **/
.news_header_right {
	font-weight:bold;
	color:#87212e;
	margin:0px;
	padding:0px 0px 0px 0px;
	border:0px solid #ddd;
	font-size:0.85em;
} 
.news_header_right img { 
	vertical-align: bottom;
	padding-right:2px;
}  

.news_content_right {
	border:0px solid #ddd;
	color:#87212e;
	font-size:0.85em;
	padding:0px;
	margin:0px;
}
.news_date_right {
	font-weight:normal;
	font-size:0.8em;
	position:relative;
}
/***********************************************************/
/** center column **/
#maincol{
	background-color: #FFFFFF;  
	float: left; 
	display:inline; 
	position: relative; 
	width:55%; 
	min-height:400px;
}

/***********************************************************/
/** footer **/
#footer{
	height:58px;
	width:100%;
	min-width:716px;
 	clear:both;
	background-image:url('../grafiikka/footer_left.gif');
	background-repeat:no-repeat;
	position:relative; 
	
} 

/** footer left column **/
#footer_leftcol{
	width:33%;
	float:left; 
	position:relative; 
	font-weight:bold;
	color: #87212e;
	font-size: 11px;
	margin-left:10px;
	margin-top:35px;
	padding-left:0px;
	text-align:left;
}

.faqlink {
	text-decoration:none;
	margin-right:5px;
	margin-left:0px;
}
.faqlink:hover {
	border-bottom:1px dotted #A3A5A7;
}

/** footer copyright & langlinks **/
#footer_twocols{
	width:65%; 
	float:right; 
	position:relative;
}

/** footer right column (langlinks) **/
#footer_rightcol{
	width:120px; 
	float:right; 
	position:relative;
	font-weight:bold;
	color: #87212e;
	font-size: 11px;
	padding:0;
	margin:0;
	text-align:right;
 }
 #lang_links {
	margin:35px 0 0 0;
	float:left;
	text-align:right;
	position:relative;
}
#footer_right_img {
	float:right;
}

/** footer center column (copyright) **/
#footer_maincol{background-color: #FFFFFF;  
	float: left; 
	position:relative;
	display:inline; 
	font-weight:normal;
	color: #87212e;
	font-size: 10px;
	background-color: #fff;
	margin-top:40px;
	margin-left:70px;
	text-align:center;
 } 

 /***********************************************************/
 /** common stuff **/
 
.search {
	border:1px solid #87212e;
	width:100px;
	font-size:0.85em;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
.search_img {
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}

h1 {
	font-size:1.5em;
	color:#87212e;
}
h2 {
	font-size:1.2em;
	color:#87212e;
}
h3 {
	font-size:1em;
	color:#87212e;
}
b, strong {
	color:#87212e;
}
.red {
 	font-weight:bold;
 }
a:link,a:hover,a:visited {
	color: #87212e;
}

img.noblock {
	display: inline;
	margin: 0px;
	padding: 0px;
}
a img {
	border: 0px;
}


#yhteystiedot {
  	padding-bottom:20px;
}





/** news common stuff **/
#news li {
	margin-bottom:8px;
	margin-right:15px;
}
.news {
	font-weight:normal;
	text-decoration:none;
	border:0px;
}
.news:hover {
	border-bottom:1px dotted #A3A5A7;
}
.news_selected {
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dotted #87212e;
}
.news:visited {
	font-weight:normal;
	text-decoration:none;
	/*color:#A1A1A1;*/
	color:#87212e;
}
.publish_date {
	color: #a1a1a1;
	font-size: 0.85em;
}
/** lists **/
ul, li {
  	padding: 0px;
	margin: 2px 0px 2px 8px;
	list-style-position: outside;
	list-style-image: url('../grafiikka/arrow1.gif');
	list-style-type: square;
	vertical-align: text-bottom;	
}

.link_list ul, .link_list li {
	list-style: circle inside;
	padding:0px;
	margin:0px;
}

 #wrapper {
 	background-color:#fff;
 }
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
 
 
.clearfix{
  display: inline-table;
  }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  







 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol, #rightcol, #footer, #menu{display:none;} 

#twocols, #maincol{width:100%; float:none;}
}