/* CSS Document */

html { height: 100.1%; } /* Lisää selaimiin (mm. firefox) pysyvän vierityspalkin  */
form { padding:0; margin:0; }
p {padding-bottom:10px; margin:0;}
img {border:0;}
table {font-size:12px;}

.blackLine {
     background-color:#ffffff;
}

body {
	font-family: Arial, Helvetica, sans-serif;
    min-height: 100%;
    color: #000000;
    height: 100%;
    padding: 0;
    margin: 0;
	font-size:12px;
	text-align:center;
	
}

/* -- Otsikoiden muotoilut (Headers, H1, H2, H3, H4) ---------------*/

h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    color:#0f60b9;
    margin: 0;
	padding:0;
	padding-bottom:10px;
	font-weight:lighter;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#0f60b9;
	margin: 0;
	padding-bottom:10px;
	font-weight:lighter;
}

h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#0f60b9;
	margin: 0;
	padding-bottom:5px;
	font-weight:bold;
}

/* -- Linkit ------------------------------------------------------ */

a, a:visited { text-decoration: underline; color: #0f60b9; }

a:hover { text-decoration: underline; color: #3f92e0; }

#container {
	width: 772px;
	margin:auto;
}

#header {
	color:#3f92e0;
	height:70px;
}

#header_left {
	width:320px;
	float:left;
	padding-left:0px;
	text-align:left;
	/*visibility:hidden;*/
}

#header_right {
	float:right;
	width:377px;
	text-align:right;
	padding-right:18px;
	font-size:11px;
	line-height:70px;
	/*background-image:url(../images/bg_header_right.jpg);
	background-repeat:no-repeat;
	background-position:right;*/
}

#header_right a { text-decoration: none; color: #ffffff; padding: 0px 1px 0px 1px; }
#header_right a:visited { text-decoration: none; color: #ffffff;}
#header_right a:hover { text-decoration: none; color: #c5dfff;}

#navigation {
	height:34px;
	line-height:34px;
	background-image:url(../images/bg_navigation.gif);
	background-repeat:no-repeat;
	/*background-color:#ffffff;
	padding-top:9px;*/
	text-align:left;
	padding-left:12px;
}

#navigation a { text-decoration: none; color: #000000; padding:4px;}
#navigation a:visited { text-decoration: none; color: #000000; padding:4px;}
#navigation a:hover { text-decoration: none; color: #3f92e0; padding:4px;}

#image_area h1 {padding:0; padding-bottom:6px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:lighter; color:#ffffff;}
#image_area a { text-decoration: underline; color: #0040bb; }
#image_area a:visited { text-decoration: underline; color: #0040bb; }
#image_area a:hover { text-decoration: underline; color: #0040bb; }

/*#image_area_right {
	float:right;
}*/

#content {
	text-align:left;
}

#content_left {
	float:left;
	width:582px;
}

#content_left_flash {
	height:0px;
}

#content_left_title {
	background-image:url(../images/bg_titlebar.jpg);
	height:26px;
	padding-left:18px;
	padding-top:4px;
	color:#ffffff;
	font-size:18px;
}

#content_left_text {
	padding-left:18px;
	padding-top:10px;
	padding-right:10px;
	border:solid 1px #82b6f2;
	border-top:hidden;
}

#content_left_text img {padding:10px; padding-top:0; padding-left:0; border:0;}
#content_left_text ul li { list-style-image:url(../images/listamerkki.gif); margin-top:0px; margin-bottom:0px; padding-bottom:10px; }
#content_left_text ol li { margin-top:0px; margin-bottom:0px; padding-bottom:10px; }

#content_right {
	float:right;
	width:184px;;
}

#content_right_title {
	background-image:url(../images/bg_searchbar.jpg);
	height:27px;
	line-height:27px;
	text-align:center;
	padding-top:3px;
}

#content_right_title input {font-size:10px; }

#content_right_navigation {
	font-size:10px;
	padding-top:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*.navigationOver { background-color:#818169;	border-color: #999999; cursor:pointer;cursor:hand;}
.navigationOut { background-color:#cccccc;	border-color: #cccccc; cursor:pointer;cursor:hand;}*/

#content_right_navigation ul {padding:0; padding-left:10px; padding-right:10px; margin:0; list-style:none; background-color:#e4f0ff;} /*e4f0ff e0ffbe*/
#content_right_navigation li {padding-bottom:4px; padding-top:4px; border-bottom: 1px solid #ffffff;}
#content_right_navigation a {text-decoration:none;}
#content_right_navigation a:visited { text-decoration: none; }
#content_right_navigation a:hover { text-decoration: underline; }

#content_right_adspace {
	text-align:center;
}

#footer {
	font-size:11px;
	padding-left:18px;
	color:#81b6f2;
	padding-top:10px;
}

#footer a { text-decoration: none; color: #81b6f2;}
#footer a:visited { text-decoration: none; color: #81b6f2;}
#footer a:hover { text-decoration: none; color: #3f92e0;}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

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

#content_right_navigation div.menu2-level2-no {
	padding-left:15px;
}

#content_right_navigation div.menu2-level2-act {
	font-weight:bold;
	padding-left:15px;
}

#content_right_navigation div.menu2-level3-no {
	padding-left:25px;
}

#content_right_navigation div.menu2-level3-act {
	font-weight:bold;
	padding-left:25px;
}

#content_right_navigationdiv.menu2-level4-no {
	font-size: 12px;
	padding-left:35px;
}

#content_right_navigation div.menu2-level4-act {
	font-weight:bold;
	font-size: 12px;
	padding-left:35px;
}