/* Fontit
*****************************************************************************/

body {
color: #bbbaba;
font-family: Arial, Helvetica, sans-serif;
}

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


a:hover {
text-decoration: underline;
}

#content h1, #content2 h1, #content_left h1, #content_etusivu h1, #sidebar_etusivu h1 {font-size: 16px; color: #fe7f23; margin: 0 0 20px; text-transform: uppercase;}


#content h2, #content2 h2, #content_left h2, #content_etusivu h2 {font-size: 11px; font-weight: bold; color: #fe7f23; margin: 0 0 10px;}


#sidebar_etusivu h2 {font-size: 11px; font-weight: bold; color: #fe7f23; margin: 0 0 5px;}


#subnav, #content, #content2, #content_left, #content_etusivu, #sidebar_etusivu, #sidebar {font-size: 11px;}


#content, #content2 p {line-height: 15px; margin: 0 0 20px;}
#sidebar {line-height: 15px;}


#sidebar_etusivu p {line-height: 16px;}

#sidebar_etusivu p.date {margin-bottom: 2px;}

#sidebar_etusivu p.ingressi {margin-bottom: 25px;}


#content a, #sidebar_etusivu a {color: #fe7f23; text-decoration: none;}

#content a:hover, #sidebar_etusivu a:hover {text-decoration: underline;}


/* Runko
*****************************************************************************/

* { /* poistaa oletukset kaikista elementeistä */
margin: 0;
padding: 0;
}

body {
background: #e5e5e5 url(pic/main_background.gif) repeat-x;
text-align: center;
}

#wrap {
background: #494949;
margin: 0;
width: 100%;
}

#container {
background: url(pic/content_leftborder.gif) repeat-y 205px 1px;
margin: 0 auto;
text-align: left;
padding: 1px 0;
width: 960px;
}

#container_alasivu2 {
background: url(pic/content_leftborder.gif) repeat-y 305px 1px;
margin: 0 auto;
text-align: left;
padding: 1px 0;
width: 960px;
}

#container_etusivu {
background: url(pic/ajankohtaista_borders.gif) repeat-y 630px 1px;
margin: 0 auto;
text-align: left;
padding: 1px 0;
width: 826px;
}


/* Header: Navigaatio yms...
*****************************************************************************/
#header {
background: url(pic/logo.jpg) no-repeat 50% 0;
height: 148px;
margin: 0 auto;
position: relative;
text-align: left;
width: 960px;
}


	/* Päänavi
	*************************************************************************/

	#header #nav_container {
	/*for IE 5.5*/
	margin/**/:0 0 0 115px;
	/*for IE 5.0*/
	margin:/**/0 0 0 155px; 
	margin/**/:/**/0 7px 0 0; 
	padding-top: 37px;
	}

	#header #nav {
	width: 642px; 
	height: 39px;
	background: url(pic/nav_fi.gif);
	margin: 0 auto; 
	padding: 0;
	position: relative;
	}

	#header #nav li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	}

	#header #nav li, #header #nav a { height: 39px; display: block; }

	/* Linkkien kohdat */
	#palvelut {left: 10px; width: 80px;}
  	#yritys {left: 102px; width: 80px;}
	#etusivu {left: 230px; width: 190px;}
  	#referenssit {left: 467px; width: 80px;}
 	#yhteystiedot {left: 559px; width: 80px;}

	/* Roll-over määrittelyt */
	#palvelut a:hover {
    background: transparent url(pic/nav_fi.gif) -10px -39px no-repeat; }
  	#yritys a:hover {
    background: transparent url(pic/nav_fi.gif) -102px -39px no-repeat; }
  	#referenssit a:hover {
    background: transparent url(pic/nav_fi.gif) -467px -39px no-repeat; }
  	#yhteystiedot a:hover {
    background: transparent url(pic/nav_fi.gif) -559px -39px no-repeat; }

	/* Tekstien piilotus */
	#header #nav a span {display:none;}


	/* Päänavi ENGLANTI
	*************************************************************************/

	#header #nav_container_en {
	/*for IE 5.5*/
	margin/**/:0 0 0 115px;
	/*for IE 5.0*/
	margin:/**/0 0 0 155px; 
	margin/**/:/**/0 7px 0 0; 
	padding-top: 37px;
	}

	#header #nav_en {
	width: 642px; 
	height: 39px;
	background: url(pic/nav_en.gif);
	margin: 0 auto; 
	padding: 0;
	position: relative;
	}

	#header #nav_en li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	}

	#header #nav_en li, #header #nav_en a { height: 39px; display: block; }
	

	/* Linkkien kohdat */
	#services {left: 10px; width: 80px;}
  	#company {left: 102px; width: 80px;}
	#frontpage {left: 230px; width: 190px;}
  	#references {left: 467px; width: 80px;}
 	#contact {left: 559px; width: 80px;}
	

	/* Roll-over määrittelyt */
	#services a:hover {
    background: transparent url(pic/nav_en.gif) -10px -39px no-repeat; }
  	#company a:hover {
    background: transparent url(pic/nav_en.gif) -102px -39px no-repeat; }
  	#references a:hover {
    background: transparent url(pic/nav_en.gif) -467px -39px no-repeat; }
  	#contact a:hover {
    background: transparent url(pic/nav_en.gif) -559px -39px no-repeat; }
	

	/* Tekstien piilotus */
	#header #nav_en a span {display:none;}
	

	/* Kielivalinta
	*************************************************************************/

	#header #lang_container { margin: 23px 0 0; }

	#header #lang {
	width: 110px; 
	height: 13px;
	background: url(pic/language.gif);
	margin: 0; 
	padding: 0;
	position: relative;
	}

	#header #lang li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	}

	#header #lang li, #header #lang a { height: 13px; display: block; }

	/* Linkkien kohdat */
	#suomi {left: 0; width: 52px;}
  	#englanti {left: 54px; width: 56px;}

	/* Roll-over määrittelyt */
	#suomi a:hover {
    background: transparent url(pic/language.gif) 0px -13px no-repeat; }

  	#englanti a:hover {
    background: transparent url(pic/language.gif) -54px -13px no-repeat; }
	
	/* Tekstien piilotus */
	#header #lang a span {display:none;}


/* Sivujen sisäinen navigaatio (#subnav)
*****************************************************************************/

#subnav { float: left; padding-bottom:5px;}


#subnav a {text-decoration: none;}
#subnav ul {list-style-type: none; width: 185px;}
#subnav ul li {margin: 0 0 2px;}
#subnav ul li li {margin: 2px 0 0;}


#subnav ul li a {
background: #515151 url(pic/bullet_subnav.gif) no-repeat;
color: #fe7f23;
display: block;
height: 15px;
padding: 1px 0 0 23px;
}
#subnav ul li a:hover {background: #606060 url(pic/bullet_subnav_hover.gif) no-repeat;}


#subnav li li a {
background: #5a5a5a;
margin: 0 0 0 17px;
padding: 1px 0 0 6px;
}

#subnav li ul li a:hover {background: #808080;}


/* Sisällön määrittelyt
*****************************************************************************/

#content {
float: left;
margin-left: 40px;
width: 485px;
}

#content2 {
float: left;
margin-left: 40px;
width: 385px;
}

#content_left { float: left; padding-bottom:5px; width: 285px;}

#content_etusivu { float: left; width: 624px; }

#content_etusivu img {margin: 0 12px 11px 0;}

#sidebar_etusivu { margin-left: 652px; width: 150px; }

#sidebar {margin-left: 720px; _margin-left: 715px;}

#sidebar img {border: 0;}

hr.cleaner {
border: none;
clear: both;
height: 1px;
margin: -1px 0 0; 
padding: 0;
visibility: hidden;
}


/* Footer

*****************************************************************************/

#footer {
background: #e5e5e5 url(pic/footer_background.gif) repeat-x;
min-height: 97px;
_height: 97px;
width: 100%;
}

#footer #center_image {
background: url(pic/footer_center_image.gif) no-repeat;
margin: 0 auto;
height: 70px;
width: 433px;
}

#footer #center_image img {
padding-top: 22px;
}