body {
	background-color: ;
}

table {
	border-collapse: collapse;
	empty-cells: hide;
}

table td, table th {
	vertical-align: top;
}

table th {
	font-weight: bold;
}

body, p, div, img, br, h1, h2, h3, h4, h5, h6, form, table, table td, table th, input, textarea, select, button {
	margin: 0;
	padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p, div, table td, table th {
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
	color: ;
	font-family: ;
}

h1 { font-size: 6; }
h2 { font-size: 5; }
h3 { font-size: 4; }
h4 { font-size: 3; }
h5 { font-size: 2; }
h6 { font-size: 1; }

body, p, div, table td, table th, fieldset {
	color: ;
	font-family: ;
	font-size: ;
}

img {
	border: 0;
}button img {
	margin-right: 5px;
}

div.token div.content-container table {
	width: 100%;
	padding: 3px;
}

div.token div.content-container table.visible {
	border: 1px solid black;
}

div.token div.content-container table.visible td {
	border: 1px solid black;
	padding: 5px;
}

table.contentImageArea {
	
	padding: 0px !important;
	width: auto !important;
}

table.contentImageArea td {
	font-size: -1.5;
	text-align: left;
}

td.captionModel0 {
	vertical-align: top;
	padding-bottom: 10px;
}
td.captionModel0 img,
td.captionModel1 img,
td.captionModel2 img,
td.captionModel3 img,
td.captionModel4 img {
	margin: 2px;
}
td.captionModel0 img {
	margin: 0;
	margin-bottom: 2px;
	margin-right: 10px;
}
td.captionModel3 img, td.captionModel4 img {
	margin-right: 0;
}
td.captionModel1 {
	vertical-align: top;
	padding-right: 10px;
}
td.captionModel2 {
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
}
td.captionModel3 {
	vertical-align: top;
	padding-left: 10px;
}
td.captionModel4 {
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.token {
	text-align: left;
	clear: both;
}

div.token p {
	margin-bottom: 10px;
}
div.token h1,
div.token h2,
div.token h3,
div.token h4,
div.token h5,
div.token h6 {
	margin-bottom: 8pt;
}


div.bigger_link { text-align: center; }
div.bigger_link:hover { text-decoration: underline; }

div.as_huomiolaatikko {
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 15px;
}
body {
	background: #fff;
	border-top: 3px solid #006a8c;
	font-family: Georgia, serif;
	font-size: 13px;
}

img {
	margin: 0 !important;
}

div.token {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #4cadcc;
}

a:hover {
	color: #006a8c;
}

h1, h2, h3, h4 {
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #cc071e;
}

div.events_item h2, div.news_item h2 {
	font-weight: normal;
}

h1, h2 {
	font-size: 24px;
}

h1 {
	margin-bottom: 15px;
}

h3 {
	font-family: georgia;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5em;
	color: #4a4a4a;
}

table.sidemenu {
	font-family: arial;
}

table.sidemenu a {
	color: #006A8C;
}

table.sidemenu a:hover {
	text-decoration: underline;
}

td.level3-last {
	padding-bottom: 20px;
}

h4 {
	font-size: 16px;
	margin-top: 20px;
}

td.level2 {
	padding-bottom: 8px;
	line-height: 1.3em;
}

td.level2-onpath a {
	font-weight: bold;
}

#site_content, #footer_content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}





#footer_content {
	background: #002734 url(/res/2009/innovaatiot.gif) no-repeat 390px bottom;
}

body.en #footer_content {
	background: #002734 url(/res/2009/gateway.gif) no-repeat 390px bottom;
}


body.se #footer_content {
	background: #002734 url(/res/2009/innovationer.gif) no-repeat 390px bottom;
}

#site {
	background: white url(/res/2009/site_bg.jpg) repeat-x bottom left;
	width: 100%;
}

#header {
	position: relative;
	height: 140px;
}

#header #search {
	position: absolute;
	top: 30px;
	left: 650px;
}

#header #search .q {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	padding: 4px;
	color: #006a8c;
	width: 240px;
}

#header #search .go {
	background: white;
	border: none;
	font-weight: bold;
	cursor: pointer;
	color: #4cadcc;
}

#header #search .q:hover {
	border: 1px solid #4cadcc;
}

#header #search .q:focus {
	border: 1px solid #006a8c;
}

#header #search .go:hover {
	color: #006a8c;
}

#header #helpmenu {
	position: absolute;
	top: 60px;
	left: 660px;
	font-size: 11px;
	font-family: arial;
	color: #ccc;
}

#header #helpmenu a {
	margin-right: 5px;
	color: #b9b9b9;
}

#header #helpmenu a:hover {
	color: #006a8c;
}

#header #logo {
	position: absolute;
	top: 30px;
	left: 5px;
}

#header #homelink {
	position: absolute;
	top: 30px;
	left: 5px;
	width: 226px;
	height: 86px;
	display: block;
	text-indent: -9999px;
	z-index: 2;
}

#header #homelink:active {
	outline: none;
}

#header #theme {
	position: absolute;
	right: 0px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	height: 32px;
	margin-top: 10px;
	border-bottom: 1px solid #006a8c;
}

#navigation ul li {
	float: left;
	display: block;
}

#navigation ul li a {
	color: #006a8c;
	font-size: 14px;
	font-family: arial, sans-serif;
	margin-left: 10px;
	margin-right: 20px;
	padding: 8px 0;
	height: 16px;
	float: left;
	display: block;
	background: white;
}

#navigation ul li a:hover {
	text-decoration: underline;
}

#navigation ul li.level2-onpath a, #navigation ul li.level1-here a {
	border: 1px solid #006a8c;
	border-bottom: none;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#content {
	margin-top: 40px;
	padding-bottom: 30px;
	min-height: 350px;
	line-height: 1.6em;
	overflow: hidden;
}

.wrap {
	float: left;
	display: inline;
}

#left-wrap {
	width: 155px;
	margin-left: 10px;
	overflow: hidden;
}

#main-wrap {
	width: 445px;
	margin-left: 20px;
}

#right-wrap {
	width: 280px;
	margin-left: 40px;
	_float: right;
	_width: 260px;
	_margin-left: 0px;
}

#main-front {
	width: 940px;
	margin-left: 10px;
}

#kk_kuvaus {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 300px;
}

#kk_kuva {
	float: left;
	width: 620px;
	margin-left: 20px;
}

#karuselliwrap #kk_kuvaus {
	float: left;
	width: 620px;
	margin-left: 0px;
	clear: both;
}

#karuselliwrap #kk_kuva {

	float: left;
	margin-left: 20px;
	width: 300px;
	height: 230px;
}

#karuselliwrap #kk_kuva .token {
	height: 230px;
}

#left-front {
	width: 540px;
	margin-left: 10px:
	clear: both;
}

#right-front {
	width: 350px;
	margin-left: 40px;
}

#footer {
	background: #002734;
	color: white;
	padding: 20px 0 15px;
	font-family: arial;
}

#footer h2 {
	color: white;
	margin-bottom: 15px;
}

#footer .klusterit {
	float: left;
	width: 340px;
	margin-left: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

#footer .klusterit .klusterinippu {
	float: left;
	width: 160px;
	margin-right: 10px;
}

#footer .klusterit .klusterinippu a {
	display: block;
}

#footer .mukaan_toimintaan {
	float: left;
	width: 560px;
	margin-left: 40px;
	margin-bottom: 15px;
}

#footer p.login {
	clear: both;
	margin-left: 10px;
}

#footer p.login span, #footer p.login span a {
	color: #3b6c77;
}

h2.palsta {
	color: #006a8c;
	font-size: 18px;
}

div.caption {
	text-align: left !important;
	padding-left: 5px;
	padding-top: 0px !important;
	font-size: 11px;
	font-family: arial;
	color: #777;
}

p.ingressi {
	font-size: 12px;
}

a.more {
	margin-bottom: 15px;
	display: block;
}

.news_item h2, .events_item h2 {
	margin-bottom: 4px !important;
	font-size: 12px;
	font-family: georgia, serif;
}

h2 span.pvm {
	font-weight: normal;
	color: #bbb;
}

a.loginlink {
	color: white;
}

    #kartta {
        background: url(/res/kartta/map-bg.png) no-repeat left top;
        width: 532px;
        height: 298px;
        position: relative;
        font-family: arial;
    }

	#kartta h2 {
		margin-bottom: 15px;
		color: #006A8C;
		font-size: 18px;
	}

	#infobox {
		width: 280px;
		background: white;
		border: 2px solid #333;
		padding: 10px;
		padding-left: 20px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	#infobox h2 {
		font-size: 20px;
		color: black;
	}

	#infobox a {
		display: block;
		float: left;
		margin-top: 5px;
		padding: 4px;
		margin-right: 10px;
		font-size: 12px;
		background: #eee;
		color: #333;
		font-family: arial;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	#infobox a:hover {
		background: #ccc;
		color: black;
	}

	#infobox a.takaisin {
		clear: both;
		width: auto;
		float: none;
		display: block;
		padding-top: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: white;
		color: black;
		padding: 4px;
		font-family: arial;
		margin-left: 0;
		margin-top: 0;
	}

	#infobox a.takaisin:hover {
		font-weight: bold;
	}

    #kartta_content {
        margin: 75px 160px 30px 20px;
        float: left;
        display: inline;
    }

	#kartta_content p {
		font-size: 11px;
	}

    #tekstit {
        display: none;
    }

    #keskukset {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 150px;
    }

    a.keskus {
        text-indent: -9999px;
        overflow: hidden;
        display: block;
        height: 10px;
        width: 10px;
        background: transparent url(/res/kartta/keskus.png) no-repeat left top;
        position: absolute;
    }

    #keskukset a.active, a.keskus:hover {
        background: transparent url(/res/kartta/keskus-active.png) no-repeat left top;
    }

    a#rovaniemi{
        top: 100px;
        left: 68px;
    }

    a#oulu {
        top: 139px;
        left: 63px;
    }

    a#raahe {
        top: 150px;
        left: 48px;
    }

    a#kajaani {
        top: 165px;
        left: 92px;
    }

    a#kokkola {
        top: 173px;
        left: 30px;
    }

    a#vaasa {
        top: 190px;
        left: 9px;
    }

    a#seinajoki {
        top: 198px;
        left: 25px;
    }

    a#jyvaskyla {
        top: 218px;
        left: 62px;
    }

    a#kuopio {
        top: 200px;
        left: 92px;
    }

    a#joensuu {
        top: 205px;
        left: 116px;
    }

    a#savonlinna {
        top: 225px;
        left: 107px;
    }

    a#mikkeli {
        top: 233px;
        left: 88px;
    }

    a#lappeenranta {
        top: 250px;
        left: 104px;
    }

    a#kouvola {
        top: 260px;
        left: 78px;
    }

    a#lahti {
        top: 257px;
        left: 64px;
    }

    a#hyvinkaa {
        top: 268px;
        left: 47px;
    }

    a#hameenlinna {
        top: 257px;
        left: 41px;
    }

    a#tampere {
        top: 239px;
        left: 33px;
    }

    a#pori {
        top: 241px;
        left: 6px;
    }

    a#turku {
        top: 275px;
        left: 13px;
    }

    a#helsinki {
        top: 282px;
        left: 51px;
    }

#tem {
	text-align: center;
	margin: 0 auto;
	background: url(/res/tem_tausta.jpg) no-repeat top center;
	border-bottom: 20px solid white;
}