/* ------------------------------------------------------------

    Yritys:   Koodiavain
    Päivitetty:   8.7.2008

------------------------------------------------------------ */

/* -----------------------------------

YLEISET MUOTOILUT 

-------------------------------------- */



div {
margin:0px;
padding:0px;
text-align: left;
}

p {
padding-bottom:15px;
}

ul {
margin-left:15px;
margin-bottom:15px;
}

ul ul {
margin-left:15px;
margin-bottom:0;
}

ul ul ul {
margin-left:15px;
margin-bottom:0;
}

ul ul ul ul {
margin-left:15px;
margin-bottom:0;
}

li {
margin-left:15px;
line-height:1.5;
}

a {
text-decoration:none;
color:#29427e;
}

a:hover {
text-decoration:underline;
}

.strong {
font-weight:bolder;
}
.left {
float:left;
}

.right {
float:right;
}

img.imgborder{
padding:2px;
border:1px solid #999;
}

.clear {
clear:both;
}

.center {
text-align:center;
}

.underline {
text-decoration:underline;
}

select {
font-size:80%;
}

.error {
color:#FF0000;
}

img {border:0;}

.height30 {height:30px;}	
	
.height25 {height:25px;}

.height20 {height:20px;}

.takaisin {
background-image:url('../images/bg_takaisinnappi.gif');
background-repeat:no-repeat;
background-position:0 0px;
height:25px;
width:117px;
display:block;
padding-top:2px;
text-align:center;
}

textarea {
font: 12px  tahoma, arial, sans-serif;
}

/* -----------------------------------

RAKENTEEN MUOTOILUT

-------------------------------------- */
html {
height:100%;
}


#wrapper {
width:998px;
margin:auto;
}




/* -----------------------------------

TEKSTIEN MUOTOILUT

-------------------------------------- */

h1 {
font-weight:bolder;
margin-bottom:12px;
font-size:20px;
color:#203f7b;
line-height:1.3;
}


h2 {
color:#276fc0;
margin-bottom:8px;
font-size:19px;
line-height:1.3;
}

h3 {
color:#276fc0;
margin-bottom:8px;
font-size: 17px;
line-height:1.3;
}

h4 {
color:#276fc0;
margin-bottom:8px;
font-size: 15px;
line-height:1.2;
}

h5 {
color:#276fc0;
margin-bottom:8px;
font-size: 14px;
line-height:1.2;
}

h6 {
color:#276fc0;
margin-bottom:8px;
font-size: 13px;
line-height:1.2;
}



/* -----------------------------------

HEADER

-------------------------------------- */

#header  {
height:115px;
float:left;
width:998px;
}

#header a {color:#3a4a78;}

	#logo {
	float:left;
	padding:25px 0 0 90px;
	}
	
	#topright {
	padding:20px 0 20px 20px;
	float:right;
	width:300px;
	position:relative;
	}
	
		#languages {
		padding:12px 0 0 0;
		color:#999999;
		font-size:95%;
		clear:both;
		}
		
		.fb {
		float:right;
		position:absolute;
		top:80px;
		right:10px;
		}
		
		.rss-icon {
		padding:15px 10px;
		}
	
	
		#search {
		background-image:url('../images/bg_search.png');
		background-repeat:no-repeat;
		background-position:0 0px;
		height:26px;
		clear:both;		
		}
		
			#search input {
			border:1px solid #fff;
			font-size:11px;
			margin:2px 15px 0 0;
			}
			
			#search p {
			padding:0 0 0 10px;
			font-size:95%;
			}
			
			#search img {
			margin:2px 0 0 20px;
			}			
	
	#sitemap {
		background-image:url('../images/bg_sitemap.png');
		background-repeat:no-repeat;
		background-position:0 0;
		width:190px;
		margin-top:5px;
		float:left;
		height:22px;
		}
	#sitemap_right {
		background-image:url('../images/bg_sitemap_right.png');
		background-repeat:no-repeat;
		background-position:left;
		width:6px;
		float:left;
		height:22px;
		margin-top:5px;
		}
		
			#sitemap p {
			padding:4px 0 0 10px;
			font-size:11px;
			color:#999;
			}
			
			#sitemap a.print {
			background-image:url('../images/icon_print.gif');
			background-repeat:no-repeat;
			background-position:0px -0;
			padding:2px 0 0px 22px;
			height:26px;
			}
	

/* -----------------------------------

Layout

-------------------------------------- */

#contentwrapper {
float:left;
}

#contentbg {
background-image:url('../images/bg_content.gif');
background-repeat:repeat-y;
float:left;
width:998px;
}

#main {
float:left;
}






/* -----------------------------------

OIKEA KOLUMNI

-------------------------------------- */

#content_right {
width:201px;
float:left;
background-color:#c9d5e4;
}

#schedulebox {
margin-top:15px;
margin-bottom:30px;
}

	h1.schedule_heading {
	font-weight:normal;
	margin-bottom:5px;
	background-image:url('../images/icon_schelude.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:25px;
	margin-left:10px;
	color:#333;
	font-size:10px;
	}
	
	h1.schedule_heading a{
	color:#333;
	}

#newsbox {
background-color:#c1cede;
}
	
	h1.newsbox_heading {
	font-weight:normal;
	margin-bottom:5px;
	background-image:url('../images/icon_news.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:25px;
	margin-left:10px;
	color:#333;
	font-size:10px;
	}
	
	h1.newsbox_heading a {
	color:#333;
	}
	
	#newsbox .newsheading {
	color:#333;
	font-weight:bolder;
	}
	#newsbox p {
	padding:0 8px 8px 10px;
	color:#145daf;
	font-size:11px;
	line-height:1.5;
	}
	
	#newsbox div {
	border-bottom:1px solid #a9bed8;
	}
	
	
	#newsbox h5 {
	margin:0;
	padding:4px 0 0 10px;
	color:#2e2e2e;
	}
	
	#newsbox img {
	float:left;
	margin:5px 10px 0 0;
	}
	
	#newsbox a {
	color:#145daf;
	}
	
	#newsbox a:hover {
	background-color:#a9bed8;
	display:block;
	text-decoration:none;
	}
	
	#newsbox a.important_news:hover {
	background-color:#fcee66;
	display:block;
	text-decoration:none;
	}
	
	#newsbox div.important_news {
	background-color:#fcf28e;
	border-bottom:1px solid #e2e2e2;
	font-size:95%;
	}
	


/* -----------------------------------

ALAOSA

-------------------------------------- */

#footer {
	clear:both;
	width:998px;
	font-size:95%;
	margin:auto;
}

#footer_left {
	float:left;
	padding-left:10px;
}

#footer_left p {
padding:10px 0 10px 0;
color:#a5b6cd;
}


#footer_right {
	float:right;
	padding-right:10px;
}

#footer_right p {
padding:10px 0 10px 0;
color:#a5b6cd;
}

		#footer a {
			color:#a5b6cd;
			text-decoration:underline;
			}
			
		#footer a:hover {
			color:#3a4a78;
			text-decoration:underline;
			}
			
			
		


/* ------------------------------------------------------------

	Alanavi

------------------------------------------------------------ */
#subnavigation { 
	padding: 5px 0 0 0;
	font-size:11px;
	line-height:1.5;
	background-color:#e5effa;
	width:199px;
	}
	
	h3.subnavi {
	color:#5172a7;
	font-weight:normal;
	font-size:15px;
	text-align:left;
	margin-left:15px;
	margin-bottom:0;
	font-weight:bold;
	}
	
	h3.subnavi a {
	color:#5172a7;
	}	

#subnavigation ul {
	width:199px;
	text-align:left;
	padding:7px 0 0 0;
	margin:0;
	}


#subnavigation li {
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.2;
	}

#subnavigation li.level1_act a {
	text-decoration:none;
	display:block;
	color:#4f4f4f;
	border-bottom:#f1d700 solid 1px;
	padding:6px 5px 8px 24px;
	background-color:#f7ec38;
}

#subnavigation li.level1_act a:hover {
	text-decoration:underline;
}

#subnavigation li.level1_deact a {
	text-decoration:none;
	display:block;
	color:#fff;
	border-bottom:#758fb9 solid 1px;
	background-image:url('../images/bg_subnavilink.gif');
	background-repeat:no-repeat;
	background-position: 0 -2px;
	padding:6px 5px 8px 24px;
	background-color:#29427e;
}

#subnavigation li.level1_deact a:hover {
	text-decoration:none;
	display:block;
	color:#4f4f4f;
	border-bottom:#f1d700 solid 1px;
	padding:6px 5px 8px 24px;
	background-color:#f7ec38;
	background-image:none;
}



#subnavigation li.level2_act a {
	text-decoration:none;
	display:block;
	color:#333;
	border-bottom:#eaeff5 solid 1px;
	background-image:url('../images/subnavi_arrow.gif');
	background-repeat:no-repeat;
	background-position: 10px 10px;
	padding:6px 0 6px 24px;
	background-color:#fff;
	font-weight:bold;
}

#subnavigation li.level2_act a:hover {
}


#subnavigation li.level2_deact a {
	text-decoration:none;
	display:block;
	color:#333;
	border-bottom:#eaeff5 solid 1px;
	background-image:url('../images/subnavi_arrow.gif');
	background-repeat:no-repeat;
	background-position: 10px 10px;
	padding:6px 0 6px 24px;
	background-color:#fff;
}

#subnavigation li.level2_deact a:hover {
	text-decoration:underline;
}


#subnavigation li.level3_act a {
	text-decoration:none;
	display:block;
	color:#333;
	padding:6px 0 6px 39px;
	background-color:#fff;
	font-weight:bolder;
}

#subnavigation li.level3_act a:hover {
}


#subnavigation li.level3_deact a {
	text-decoration:none;
	display:block;
	color:#333;
	padding:6px 0 6px 39px;
	background-color:#fff;
}

#subnavigation li.level3_deact a:hover {
	text-decoration:underline;
}