/* TKK common stylesheet version 1.0 */
/* CSS anx XHTML originally created by xhtmlized.com, modified by Markus Sipilä */
/* Copyright Teknillinen korkeakoulu / Helsinki University of Technology */

ul.subnavi {
 	display: none;
	}
ul.sub_navi {
 	display: block;
	}
#frontPageNews ul#newsList li {
	display: none;
	}
#frontPageNews ul#newsList li.frontPage {
	display: block;
	}
* {
	padding: 0;
	margin: 0;
	font-size: 100.01%;
	}
body {
	font-size: 62.5%;
	padding: 0 16px;
	/*background: #f5f8f9 url(images/bg.jpg) repeat-x; */
	}
p, li, dt, dd, th, td {
	font: 1.2em/1.4 Arial, Helvetica, sans-serif;
	color: #5a6168;
	}
ul li ul li {
  font-size: 1em;
}
td p, td li {
  font-size: 1em;
}

th 	{
	font-weight: bold;
	text-align: left;
	padding: 0em 0.5em 0.5em 0em;
	}
td 	{
	text-align: left;
	padding: 0em 0.5em 0.5em 0em;
	}
#left p, #right p, #left li, #right li {
	font-size: 1.1em;
	}
p {
	margin-bottom: 1em;
	}
h1, h2, h3, h4 {
	color: #485460;
	}
#menu-1 li, h1, h2, h3, h4 {
	font: bold 1.4em/1.4 "Trebuchet MS", sans-serif;
	}
td h3, td h4 {
 	font: bold 1.2em/1.2 "Trebuchet MS", sans-serif; 
        }
hr {
	display: none;
	}
#container {
	min-width: 700px;
	max-width: 1100px;
	}
#skip {
	position: absolute;
	top: -1000px;
	}
#top p, #go, #footer p, #footer li {
	margin: 0;
	color: #5a6168;
	font: 1em/1.4 Tahoma, Verdana, sans-serif;
	}
#top a {
	color: #5a6168;
	text-decoration: none;
	}
#top a:hover, #top a.active:hover {
	color: #1558bb;
	}
#top a.active {
	color: #bac6d1;
	}

#go {
	background: white url(images/go.gif) 4px 4px no-repeat;
	padding-left: 10px;
	border: none;
	}
input#go:hover {
	background: white url(images/go_blue.gif) 4px 4px no-repeat;
	color: #1558bb;
}
#top {
	max-width: 871px;
	overflow: hidden;
	position: relative;
	}
#top p {
	padding: 5px 0;
	}
#top form p {
	padding: 5px 15px 2px 15px;
	float: right;
	}
#top form br {
	display: none;
	}
#google {
	display: block;
	background: url(images/google.gif) no-repeat;
	width: 59px;
	height: 19px;
	text-indent: -2000px;
	float: left;
	}
#home {
	float: left;
	width: 194px;
	}
p#language {
	float: left;
	color: #bac6d1;
	}
#search {
	margin-left: 5px;
	width: 146px;
	background: #f7f7f7;
	border-top: 1px solid #999a9b;
	border-left: 1px solid #999a9b;
	border-right: 1px solid #d9dada;
	border-bottom: 1px solid #d9dada;
	}

#header {
	border-top: 1px solid #bac6d1;
	height: 110px;
/*	background: white url(images/header.jpg) 0px 0px no-repeat; */
	}
.smaller #header, .smaller2 #header {
	height: 129px;
/*	background: white url(images/header3.jpg) 0px 0px no-repeat; */
	}
.smaller2 #main #graphics {
	display: block;
	margin-top: -1px;
	height: 20px;
	margin-left: 194px;
	position: relative;
	margin-right: 191px;
/*	background: url(images/header3-2.jpg) 0 0px no-repeat;*/
	}
.smaller2 #main #left {
	margin-top: -19px;
	}
.smaller2 #main #right {
	margin-top: -14px;
	}

/* Korjattu bugi borderin kanssa, nyt myös labrasaitin footeriin tulee reunus */
.smaller2 #main { 
	border-top: none; 
	} 

/* Alkuperäinen oli tämä: */
/*.smaller2 #main {    */
/*	border: none;  */
/*	}              */

.smaller2 #main #wrap {
	padding-top: 1px;
	background: url(images/dot2.gif) repeat-x;
	}
#header h1, #header h2 {
	position: absolute;
	height: 1px;
	padding-top: 1px;
	overflow: hidden;
	}
#header img {
	margin-top: 0px;
	margin-left: 0px;
	}

#menu-1 {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 3px;
	overflow: hidden;
	}
#menu-1 li {
	float: left;
	margin-left: -1px;
	border-left: 1px solid #bac6d1;
	}
#menu-1 a {
	display: block;
	float: left;
	padding: 7px;
	color: #485460;
	text-decoration: none;
	}
#menu-1 a:hover {
	background: url(images/menu1h.gif) bottom repeat-x;
	}
#menu-1 li.active a {
	background: url(images/menu1a.gif) bottom repeat-x;
	}

#graphics {
	display: none;
	}
.frontpage #graphics {
	display: block;
	height: 100px;
	margin-right: 191px;
	background: url(images/front.jpg) -1px 0px no-repeat;
	}
.frontpage #right {
	margin-top: -94px;
	border-top: 1px solid #dae0e6;
	}
.frontpage #left {
	margin-top: -37px;
	}

#header.alt {
	background: white url(images/header2.jpg) 0px 0px no-repeat;
	}
.subpage #graphics {
	display: block;
	height: 45px;
	margin-right: 191px;
	}
.subpage.deeper #graphics {
	display: none;
	}
.subpage #right {
	margin-top: -40px;
	border-top: 1px solid #dae0e6;
	}
.subpage.deeper #right {
	margin-top: 5px;
	}
.subpage #left {
	margin-top: -45px;
	}
.subpage.deeper #left {
	margin-top: 0;
	}
.subpage #content {
	padding-top: 2em;
	}
.breadcrumb {
	font-size: 1.1em;
	}
.breadcrumb a {
	text-decoration: none;
	}
.breadcrumb a:hover {
	text-decoration: underline;
	}
.subpage #content h1 {
	padding-top: 0;
	font-size: 2em;
	line-height: 1.6;
	}
.subpage #content h2 {
	font-size: 1.6em;
	}
.subpage #right p {
	margin-left: 10px;
	}
.subpage #wrap {
	background: none;
	}
.subpage #left ul {
	margin: 5px 5px 5px 0;
	border-top: 1px solid #dae0e6;
	}
.subpage #left li {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	background: none;
	background: url(images/sep.gif) bottom repeat-x;
	padding-bottom: 1px;
	}
.subpage #left li a {
	display: block;
	color: #485460;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 2px 5px 15px;
  	background: url(images/li.gif) -200px 0px no-repeat;
	}
.subpage #left li a:hover {
	background-position: 0 0;
	}

#main {
	position: relative;
	border-top: 1px solid #bac6d1;
	border-bottom: 1px solid #bac6d1;
	background: url(images/dot.gif) 194px 0 repeat-y;
	}
#wrap {
	overflow: hidden;
	background: url(images/dot.gif) right repeat-y;
	}
#left {
	width: 195px;
	float: left;
	}
#right {
	position: relative;
	float: right;
	width: 185px;
	}

#left h3, #right h3 {
	padding: 0.5em 0 0.5em 20px; 
	margin: 0 5px 0 5px;
	background: url(images/h3.gif) 4px 13px no-repeat;
	}

.vcard {
	background: url(images/sep.gif) top repeat-x;
	padding-top: 0.5em;
	margin: 0 5px 0 0;
	}
.vcard abbr {
	border: none;
	}
#left .vcard p {
	margin: 0 0 0.5em 0;
	padding-bottom: 0.5em;
	background: url(images/sep.gif) bottom repeat-x;
	}
#left p {
	padding-left: 20px;
	}
#left .vcard .fn {
	display: none;
	}
a {
	color: #1558bb;
	}
#content a:hover {
	text-decoration: none;
}
p.more a {
	text-decoration: none;
	padding-right: 9px;
	background: url(images/more.gif) 100% 4px no-repeat;
	}
p.more a:hover {
	text-decoration: underline;
	}
p.more a:hover, #content p.more a:hover {
	text-decoration: underline;
	}

#content {
	margin-left: 196px;
	margin-right: 191px;
	padding: 0 25px 10px;
	}
.wide #content {
	margin-right: 0;
	}
#content h1 {
	padding-top: 1em;
	font-size: 1.6em;
	}
#content .more {
	font-size: 1.1em;
	}
#main ul {
	list-style: none;
	margin-left: 17px;
	margin-bottom: 1em;
	}

/* 26.4.2007: Added "main ol" by Markus Sipilä */
#main ol {
	margin-left: 35px;
	margin-bottom: 1em;
	}

/* 26.4.2007: Renamed to "main ul li", was "main li" by Markus Sipilä */
#main ul li {
	padding-left: 10px;
	background: url(images/bullet.gif) 0px 7px no-repeat;
	margin-bottom: 0.5em;
	}

/* 26.4.2007: Added "main ol li" by Markus Sipilä */
#main ol li { 
	padding-left: 10px;
	margin-bottom: 0.5em;
	}

#right li a {
	text-decoration: none;
	}
#right li a:hover, #right a:hover {
	text-decoration: underline;
	}
.sep {
	height: 1px;
	margin: 2em 0 1em;
	background: url(images/sep.gif) repeat-x;
	}

#footer {
	padding: 15px;
/*	text-transform: lowercase; */
	letter-spacing: 1px;
	overflow: hidden;
	}
#footer a {
	text-decoration: none;
	}
#updated {
	float: left;
	padding-right: 1em;
	border-right: 1px solid #bac6d1;
	display: inline;
	}
#e-mail {
	float: left;
	padding-left: 1em;
	}
#footer ul.right {
	float: right;
	list-style: none;
	overflow: hidden;
	}
#footer ul.left {
	list-style: none;
	overflow: hidden;
	padding-left: 1em;
	}
#footer ul.right li {
	float: left;
	margin-left: -1px;
	padding: 0 5px 0 23px;
	border-left: 1px solid #bac6d1;
	}
#footer ul.left li {
	float: left;
	margin-left: -1px;
	padding: 0 5px 0 33px;
	border-left: 1px solid #bac6d1;
	}
#footer ul.right li a {
	color: #5a6168;
	}
#footer ul.right li a:hover {
	color: #1558bb;
	}
#i1 {
	background: url(images/i1.gif) 7px no-repeat;
	}
#i2 {
	background: url(images/i2.gif) 7px no-repeat;
	}
#i3 {
	background: url(images/i3.gif) 5px no-repeat;
	}
ul.left #i3 {
	background: url(images/i3.gif) 10px no-repeat;
	}
#i4 {
	background: url(images/i4.gif) 4px no-repeat;
	}

.nav {
	border: 1px solid #dae0e6;
	border-top: none;
	}
.nav .sep {
	margin: 1em 0 0em;
	}

#right .nav h3 {
	font-size: 1.2em;
	background: url(images/h3-2.gif) 4px 9px no-repeat;
	}
#right .nav li {
	background: none;
	font-size: 1.2em;
	margin-bottom: 0.3em;
	}
#right .nav li a {
	color: #485460;
	}