
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	SCROLLBAR-FACE-COLOR: #00529B;
	SCROLLBAR-HIGHLIGHT-COLOR: #ebebeb;
  	SCROLLBAR-SHADOW-COLOR: #999999;
  	SCROLLBAR-3DLIGHT-COLOR: #000000;
  	SCROLLBAR-ARROW-COLOR:  #ffffff;
  	SCROLLBAR-TRACK-COLOR: #ffffff;
  	SCROLLBAR-DARKSHADOW-COLOR: #999999;
	background-color: #00529B;
	margin: 0px;
	padding: 0px;
}
table, tr, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
h1 { font-size: 16px; color: #000000;  margin-top: 10px; text-align: left; }
h2 { font-size: 14px; color: #000000;  margin-top: 0px; text-align: left; }
h3 { font-size: 13px; color: #000000;  margin-top: 0px; margin-bottom: 2px;  text-align: left;}
h5 { font-size: 10px; color: #000000;  margin-top: 0px; }
a { color: #00529B; text-decoration: none;  }
a:visited { color: #666666; text-decoration: none;  }
a:hover { color: #CC6600; text-decoration: underline;  }
ul { list-style-image: url("/files/jpeg/173/list_image.jpg"); }
ul#download { list-style-image: url("/files/jpeg/328/list_download_image.jpg"); }
form, select { font-size: 10px; }

/* --------------- STRUCTURE */
/* --------------- header */
.header_bg { 
	background: url("/files/jpeg/19/header.jpg") top left no-repeat; 
	height: 90px;
 }
#header-top {
	align: center;
	margin-left: 530px;
	margin-top: 0px;
	height: 57px;
}
#flags {
	margin-top: 5px;
	width: 160px;
	float: left;
}
#search {
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}
.searchtext{
	height: 14px;
	border: 1px solid #0066CC;
	line-height:14px;
	font-size:12px;
	float: left;
	background: url(/files/gif/34/searchtext_bg.gif); 
}
.searchbutton{
	float: left;
	margin-left: 5px;
}
#header-bottom {
	width: 900px;
	height: 25px;
}
#main-menu {
	margin: 0;
	padding:0;
	clear:both;
	height: 25px;
}



/* --------------- MAIN */

.frontpage_main img {border: 0px; }
.homeimg { border: 1px solid #cccccc; }
.themeimg {
        width: 900px; 
        height: 240px; 
        margin-left: -2px;
        background: url(/files/jpeg/36/theme_frontpage.jpg) top left no-repeat;
}
.themeimg_de {
        width: 900px; 
        height: 240px; 
        margin-left: -2px;
        background: url(/files/jpeg/531/theme_frontpage_de.jpg) top left no-repeat;
}
.themetxt {
        position: absolute;
        top: 160px;
        width: 470px;
        height: 165px;  
        margin-left: 10px; 
        font-size: 12px; 
        z-index: 100;
}
.themetxt p {
        margin-top: 5px; 
        margin-bottom: 0px;
}
.cont { 
        padding-bottom: 20px; 
}
.sitepath { font-size: 10px; color: #000000; margin-top: 15px; margin-bottom: 5px; margin-left: -40px;  }
.main { margin-bottom: 20px; }
.frontpage_column { padding-right: 5px; }


/* --------------- FOOTER */

.footercontacts { color: #FFFFFF;  }
a.footerlink { color: #FFFFFF; text-decoration: none;  }
a.footerlink:visited { color: #FFFFFF; text-decoration: none;  }
a.footerlink:hover { color: #C0C0C0; text-decoration: underline;  }
#credits { font-size: 9px; color:#FFFFFF; margin-top: 10px;  }
#credits a:link, #credits a:visited, #credits a:active { color:#FFFFFF; text-decoration:none; }


/* --------------- NAVIGATION */
#menu-1
{
	list-style-type:none;
	float:left;
	margin: 0; 
	padding: 0;
        letter-spacing: 0px;
}
#menu-1 li { display: inline; text-transform: uppercase; }
#menu-1 a {  
	text-decoration:none;
	color:#FFFFFF; 
	padding: 8px 7px 0px 7px;
	margin: 0; 
	text-decoration:none; 
	height: 25px; 
	float:left;
	display:block;
	background: url("/files/jpeg/27/menu-1_item_bg.jpg") no-repeat center bottom;
	font-weight: bold; 
	font-size: 12px;
/*	letter-spacing: 1px; */
}
#menu-1 .act,  #menu-1 a:hover { color: #CC6600; background: url("/files/jpeg/28/menu-1_item_act_bg.jpg") no-repeat center bottom; }
#menu-1 .act,  #menu-1 .act:hover { color: #CC6600; background: url("/files/jpeg/28/menu-1_item_act_bg.jpg") no-repeat center bottom; }
.leftmenutxt {
        margin-left: 52px;
        margin-right: 10px;
        margin-top: 0px;
}
.leftmenutxt2 {
        margin-left: 15px;
        margin-right: 10px;
        margin-top: 0px;
}


/* ----------------------------------------------------- */
/* 0-TASO */

#menu-2  {
	width: 220px;
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu-2 ul {
	margin: 0px; 
	padding: 0px; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	display: inline; 
}
#menu-2 li { display: none; }
#menu-2 li.act { visibility: hidden; display: inline; }
#menu-2 li.act a { 
        font-weight: bold;
        text-decoration: none;
        color: #243984;
        font-size: 12px;
        padding: 0px;
        margin: 0px;
}

/* 1-TASO */
#menu-2 li.act ul li  {
        visibility: visible;
        margin: 0px; padding: 0px;
	list-style-type: none;
        float: left;
        display: block;
	font-weight: normal;
	font-size: 12px;
}
#menu-2 li.act ul li a {
	text-decoration: none;
	color: #00529B;
	padding: 5px 0px 5px 15px;
	margin: 0; 
	float:left;
	display: block;
	width: 190px;
        font-weight: normal;
        background-color: #F8F8F8;
	border-top: 1px solid #e5e5e5; 
}
#menu-2 li.act ul li a:hover {
	color: #CC6600;
        background: url(/files/gif/29/menu-2_item_act_bg.gif) no-repeat left center;
}
#menu-2 li.act ul li.act a, #menu-2 li.act ul li.act a:hover  {
	color: #CC6600;
        font-weight: bold;
        background: url(/files/gif/29/menu-2_item_act_bg.gif) no-repeat left center;
}

/* 2-TASO */
#menu-2 li.act ul li.act ul {
	position: relative; top: 0px; 
        width: 220px;
	clear: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu-2 li.act ul li ul li {
	margin-left: 0px;
	padding-left: 0px;
        float: left; 
}
#menu-2 li.act ul li.act ul li a  {
        width: 180px;
	color: #000000;
	margin: 0px;
	padding: 2px 0px 2px 20px;
	text-decoration: none;
	background: #FFFFFF;
	display: block;
        border: 0px;
        border-top: 1px solid #e5e5e5;
        font-weight: normal;
}
#menu-2 li.act ul li.act ul li a:hover {
        width: 180px;
	color: #CC6600;
	margin: 0px;
	padding: 2px 0px 2px 20px;
	text-decoration: none;
        background: url(/files/gif/29/menu-2_item_act_bg.gif) no-repeat left center;
        font-weight: normal;
}
#menu-2 li.act ul li.act ul .act a, #menu-2 li.act ul li.act ul li.act a:hover  {
	color: #CC6600;
	text-decoration: none;
        font-weight: bold;
        background: url(/files/gif/29/menu-2_item_act_bg.gif) no-repeat left center;
}

/* 3. TASO --- */

#menu-2 li.act ul li ul li ul {
	clear: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu-2 li.act ul li ul li ul li {
	margin: 0px;
	padding: 0px; 
}
#menu-2 li.act ul li.act ul .act ul li a  {
	color: #00529B;
	width: 170px;
	text-decoration: none;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	background: #FFFFFF;
	display: block;
        border: 0px;
        font-weight: normal;
        font-size: 11px;
}

#menu-2 li.act ul li.act ul li.act ul li a:hover {
	color: #CC6600;
	width: 170px;
	text-decoration: none;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	background: #FFFFFF;
        font-weight: normal;
}
#menu-2 li.act ul li.act ul li.act ul li.act a  {
	color: #CC6600;
	width: 170px;
	text-decoration: none;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	background: #FFFFFF;
        font-weight: bold;
}

#menu-3 {   /* KÄYTETÄÄN NEWS AND EVENTS -OSIOSSA */
	list-style-type: none;
	margin-top: 0;
	margin-left: 0px; 
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 12px;
	width: 200px;
}
#menu-3 li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu-3 a { 
	text-decoration: none;
	color:#00529B; 
	padding: 5px 10px 5px 20px;
	float: left;
	display: block;
	width: 170px;
	background-color: #F8F8F8;
	border-bottom:1px solid #CCCCCC;
        font-weight: normal;
}
#menu-3 .act,  #menu-3 a:hover { color: #CC6600; background: url("/files/gif/29/menu-2_item_act_bg.gif") no-repeat left center; }
#menu-3 .act,  #menu-3 .act:hover { color: #CC6600;  background: url("/files/gif/29/menu-2_item_act_bg.gif") no-repeat left center; }
#menu-3 a.spacer { height: 1px; width: 150px; border-bottom:1px solid #6795c0; }
#menu-3 a.spacer:hover { background: url("pix/menu-2_item_bg_blank.gif") no-repeat left center; }























/*      ----------- POISTA JOS NÄIDEN NÄKYMÄTTÖMYYS EI VAIKUTA MIHINKÄÄN.


#menu-4 {
	list-style-type: none;
	margin-top: 10;
	margin-left: 20px; 
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 12px;
}
#menu-4 li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu-4 a { 
	text-decoration: none;
	color: #00529B; 
	padding: 0px 0px 0px 10px;
	margin: 0px; 
	float: left;
	display: block;
	width: 180px;
	background: url("pix/menu-3_item_inact_bg.gif") no-repeat center bottom;
	border: 0px;
}
#menu-4 .act,  #menu-4 a:hover { color: #CC6600; background: url("/files/gif/32/menu-3_item_act_bg.gif") no-repeat left center; }
#menu-4 .act,  #menu-4 .act:hover { color: #CC6600;  background: url("/files/gif/32/menu-3_item_act_bg.gif") no-repeat left center; }
#menu-4 a.spacer { height: 1px; width: 150px;  }
#menu-4 a.spacer:hover { background: url("pix/menu-2_item_bg_blank.gif") no-repeat left center; }
#menu-5 {
	list-style-image: url("/files/gif/78/menu-5_list_style_image.gif");
	font-size: 12px;
        margin-left: 18px;
        padding: 0px;
        width: 275px;
}
#menu-5 li {
	margin: 0px;
	padding: 0px;
}
#menu-5 a { 
	font-weight: normal;
}
#menu-5 .act,  #menu-5 a:hover { color: #CC6600;  }
#menu-5 .act,  #menu-5 .act:hover { color: #CC6600; }
#menu-6 {
	list-style-type: square;
        list-style-position: inside;
	font-size: 12px;
        padding: 0px;
}
#menu-6 li {
	margin: 0px;
	padding: 0px;
}
#menu-6 a { 
	font-weight: normal;
}
#menu-6 .act,  #menu-6 a:hover { color: #CC6600;  }
#menu-6 .act,  #menu-6 .act:hover { color: #CC6600; }
#menu-7 {
	list-style-type: none;
	margin-top: 10px;
	margin-left: 0px; 
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 12px;
}
#menu-7 li {
	display: inline;
	margin: 0px;
	padding: 0px;
        width: 200px:

}
#menu-7 a { 
	text-decoration: none;
	color: #000000; 
	padding: 5px 0px 5px 10px;
	margin: 0; 
	float:left;
	display: block;
	width: 190px;
        height: 200px:
        background-color: #FFFFFF;
	border-bottom:1px solid #CCCCCC;
}
#menu-7 .act,  #menu-7 a:hover { color: #CC6600; }
#menu-7 .act,  #menu-7 .act:hover { color: #CC6600; }
#menu-7 a.spacer { height: 1px; width: 150px; border-bottom:1px solid #6795c0; }
#menu-7 a.spacer:hover { background: url("pix/menu-2_item_bg_blank.gif") no-repeat left center; }

----------------------------------------------------------  */



/* USED IN FRONTPAGE RIGHT HAND SIDE NEWS */

.newsdate { display: block; }
#menu-news {
	list-style-image: url("/files/gif/78/menu-5_list_style_image.gif");
	font-size: 12px;
        margin-left: 18px;
        padding: 0px;
}
#menu-news li {
	margin: 0px;
	padding: 0px;
}
#menu-news a { 
	font-weight: normal;
}
#menu-news .act,  #menu-news a:hover { color: #CC6600;  }
#menunews .act,  #menu-news .act:hover { color: #CC6600; }

/* --------------- NEWS */

.newslistitem {
        background: url("/files/gif/551/news_list_item.gif") no-repeat left top;
        padding-left: 15px;
}

.reps h1, .reps h2 { margin-top: 10px; margin-bottom: 0px; }
.reps p { margin-top: 0px; }

/* ---------------- BREADCRUMB */ 


#breadcrumb ul  { 
	margin: 0px; 
	padding: 0px; 
	display: inline; 
        list-style-type: none;
}
#breadcrumb li { display: none; }
#breadcrumb li.title { 
	visibility: visible; 
	display: inline; 
        list-style-type: none;
}
#breadcrumb li.act { 
	visibility: visible; 
	display: inline; 
	padding-left: 8px;
        margin: 1px;
	background-image: url(/files/jpeg/174/list_download_image.jpg);
	background-position: left;
	background-repeat: no-repeat;
}