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

    Yritys:   Koodiavain
    Pivitetty:   4.11.2008

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

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

YLEISET MUOTOILUT 

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



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

p {
padding-bottom:15px;
line-height:1.5;
margin:0;
}

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

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:2;
}

a {
text-decoration:none;
color:#f97400;
}

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;}


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

RAKENTEEN MUOTOILUT

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


body {
margin: 0;
padding: 0;
color: #333;
font: 12px  arial, sans-serif;
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
background-color:#e4edf5;
background-position:top left;
text-align:left;
}


#wrapper {
width:1200px;
margin-left:-750px;
position:absolute;
left:55%;
}




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

TEKSTIEN MUOTOILUT

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

h1 {
font-size:26px; 
font-weight:normal; 
color:#738490;
line-height:1;
}


h2 {
color:#333;
font-weight:normal;
font-size:22px;
line-height:1;
}

	h2 a {
	color:#333;
	text-decoration:none;
	}


h2.slogan {
color:#333;
font-weight:normal;
font-size:17px;
line-height:22px;
color:#fff;
}
	h2.slogan a {
	color:#fff;
	}

h2.slogan_small {
color:#333;
font-weight:normal;
font-size:17px;
line-height:20px;
color:#fff;
}

h3 {
color:#333;
font-weight:normal;
font-size:20px;
line-height:23px;
}

h4 {
color:#333;
font-weight:normal;
font-size:18px;
line-height:22px;
margin-top:0;
}

h5 {
color:#333;
font-weight:normal;
font-size:16px;
line-height:1;
}

h6 {
color:#333;
font-weight:normal;
font-size:14px;
line-height:1;
}



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

HEADER

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

#header  {
height:88px;
float:right;
width:960px;
}

#header a {color:#3a4a78;}

	#logo {
	float:left;
	}

#mainnavigation {
float:right;
padding:32px 0 0 0;
}

#mainnavigation li {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
	
/* -----------------------------------

Pkuvat ja sloganit

-------------------------------------- */
#toppane_frontpage {
clear:both;
}

#toppane_frontpage .mainimage {
float:left;
width:827px;
height:217px;
background-image:url(../images/main_img_001.jpg);
background-repeat:no-repeat;
}

#toppane_frontpage .mainslogan {
float:right;
width:373px;
height:217px;
background-image:url(../images/bg_slogan_frontpage.gif);
background-repeat:no-repeat;
}


#toppane_frontpage .mainslogan .txt{
margin:20px 20px 10px 30px;
height:140px;
vertical-align:top;
}

#toppane_frontpage .mainslogan .moveforward {
margin:10px 20px 15px 30px;
}

/* Sisltsivu */
#toppane_contentpage {
clear:both;
}

#toppane_contentpage .mainimage {
float:left;
width:827px;
height:139px;
background-image:url(../images/main_img_002.jpg);
background-repeat:no-repeat;
}

#toppane_contentpage .mainslogan {
float:right;
width:373px;
height:139px;
background-image:url(../images/bg_slogan_frontpage.gif);
background-repeat:no-repeat;
}


#toppane_contentpage .mainslogan .txt{
margin:20px 20px 10px 30px;
height:140px;
vertical-align:top;
}

#toppane_contentpage .mainslogan .moveforward {
margin:10px 20px 15px 30px;
}


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

Layout

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

#contentwrapper {
float:right;
width:960px;
padding-top:10px;
}

	
	#maincontent {
	float:left;
	width:680px;
	}
	
	#sitepath {
	padding-bottom:10px;
	}
	
	#content_wide {
	width:650px;
	}
	
	#content {
	width:450px;
	}
	
	#content_left_column {
	width:450px;
	float:left;
	}
	
	#content_right_column {
	width:180px;
	float:right;
	margin-top:50px;
	}


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

Etusivu

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

.frontbox {
float:left;
width:280px;
padding-right:40px;
}

	.frontbox  ul{
	padding:0 ;
	margin:0;
	}
	
	.frontbox  li{
	padding:0;
	margin:0;
	list-style-type:none;
	line-height:1.5;
	}
	
	.frontbox li a {
	font-weight:bold;
	}

	.frontbox li.list_link {
	background-image:url(../images/bg_list_link.gif);
	background-repeat:no-repeat;
	background-color:#f4f7fb;
	height:24px;
	padding:3px 0 0 25px;
	border-bottom:1px solid #eaf2f9;
	}
	
	/* Etusivun uutiset */
	.frontbox ul.news {
	margin-top:-5px;
	}
	
	.frontbox li.news {
	padding:5px 0 5px 0;
	border-bottom:1px solid #c3d4e2;
	}
	
	.frontbox li.news_archive {
	padding:5px 0 5px 0;
	text-align:right;
	}
	
	.frontbox li.news span.time {
	color:#000;
	}
	
	.frontbox li.archive {
	padding:5px 0 5px 15px;
	background-image:url(../images/list_link_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	}
	

.strongest {
padding:30px 0 0 0;
float:right;
}

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

SISLTSIVUT

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

/* Uutisten listaus */

.newslist {
border-bottom:1px solid #eaf2f9;
}
	.newslist p {
	padding:10px;
	}

	.newslist strong {
	color:#666;
	}
	.newslist b {
	color:#000;
	}
	
	.newslist a {
	}
	
	.newslist a:hover {
	text-decoration:none;
	background-color:#eaf2f9;
	display:block;
	}
	
/* Editoriin tyylit */

.layouttable {
border:none;
table-layout:fixed;
}
	.layouttable h2 {
	margin:0;
	padding:0;
	}

	.layouttable td {
	padding:0 20px 15px 0;
	}

/* Yhteystiedot */

#contactlist {
width:650px;
}

#contactlist .contact {
float:left;
width:300px;
margin:10px 8px 0 0;
}

#contactlist .contactrow {
clear:both;
margin:0px 0 20px 0;
height:175px;
}

#contactlist .contactimg {
float:left;
margin-right:10px;
width:100px;
padding:2px;
border:1px solid #ccc;
}


#contactlist .contactinfo {
float:left;
display:block;
width:175px;
}

#contactlist .contactinfo * {
margin:0;
padding:0;
}

#contactlist #div_kartta {
border:1px solid #ccc;
}


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

ALAOSA

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

#footer {
width:1200px;
margin-left:-660px;
position:absolute;
left:55%;
padding:20px 0 10px 0;
border-top:1px solid #c3d4e2;
margin-top:40px;
font-size:11px;
}

.footer_left {
}

.footer_right {
float:right;
color:#738490;
}
		
		


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

	Alanavi

------------------------------------------------------------ */
#subnavigation { 
	float:left;
	width:220px;
	margin-top:30px;
	padding-right:40px;
	}


#subnavigation ul {
	text-align:left;
	margin:0;
	}


#subnavigation li {
	padding:0;
	margin:0;
	list-style-type:none;
	line-height:1.5;
	}
	
#subnavigation li a {
	font-weight:bold;
	}

#subnavigation li.level1_act {
	background-image:url(../images/bg_sublink_act.gif);
	background-repeat:no-repeat;
	background-position:0 -3px;
	background-color:#f4f7fb;
	height:24px;
	padding:3px 0 0 25px;
	border-bottom:1px solid #eaf2f9;
}

#subnavigation li.level1_act a {
	color:#fff;
}


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

#subnavigation li.level1_deact {
	background-image:url(../images/bg_list_link.gif);
	background-repeat:no-repeat;
	background-color:#f4f7fb;
	height:24px;
	padding:3px 0 0 25px;
	border-bottom:1px solid #eaf2f9;
}

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








#subnavigation li.level2_act {
	padding:5px 0 5px 35px;
}

#subnavigation li.level2_act a {
	text-decoration:underline;
	font-weight:bold;
	color:#333333;
}


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

#subnavigation li.level2_deact {
	padding:5px 0 5px 35px;
}

#subnavigation li.level2_deact a {
	color:#7b7b7b;
	font-weight:normal;
}

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