/* 
	Title:     Festum master styles for screen
	Author:    jussi@staart.fi
	Created:   January 5th 2009
*/


/* ===== 1. BODY DEFINITIONS ==== */

html {
	font-size: 100.01%;	
	height: 100%;
}
body {
	background: #fff;
	color: #5b5b5b;
	font: normal 11px Arial, serif;
}
#screen {
	background: #e7e7e7;
	font: normal 11px Arial, serif;
	margin: 0;
}
#page {
	background: transparent;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 940px;
}
#staart {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 8;
	margin: 10px;
}
#staart a {
	background-color: transparent;
	color: #000;
}

/* ===== 2. SITE STRUCTURE ===== */

#sitewrapper {
	background: transparent;
	clear: both;
	width: 940px;
}
#topwrapper {
	background: transparent url("/img/bg-header.png") no-repeat top left;
	clear: both;
	height: 120px;
	padding: 0;
	text-align: center;
	width: 940px;
}
#toplogo {
	background: transparent;
	float: left;
	height: 120px;
	padding: 0;
	text-align: left;
	width: 180px;
}
#topnavigation {
	background: transparent;
	float: left;
	height: 120px;
	padding: 0;
	text-align: right;
	width: 760px;
}
#contentwrapper {
	background: #e7e7e7 url("/img/bg-content.png") no-repeat top center;
	clear: both;
	margin: 0;
	min-height: 490px;
	padding: 0;
	text-align: left;
	width: 940px;
}
#indexcontent {
	background: transparent;
	margin: 0;
	padding: 0 0 20px 0;	
}
#indexflash {
	background: transparent url("/upload/etusivu/toiminta-alueet.jpg") no-repeat top center;
	height: 310px;
	margin: 0;
	padding: 0;	
}
#indexbottomlinks {
	background: transparent;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: right;
	width: 940px;
}
#level0 {
	background: transparent;
	clear: both;
	height: 44px;
	padding: 0 20px 0 0;
	text-align: right;
	vertical-align: top;
	width: 740px;
}
#level1 {
	background: transparent;
	clear: both;
	height: 76px;
	padding: 0 0 0 200px;
	text-align: right;
	width: 560px;
}
#level2 {
	background: transparent;
	clear: both;
	height: 34px;
	padding: 10px 0 0 0;
	text-align: right;
	vertical-align: top;
	width: 760px;
}
#bottom {
	background: #dbdbdb;
	border-top: 1px solid #c8c8c8; 
	clear: both;
	margin: 0;
	min-height: 170px;
	padding: 15px 40px;
	text-align: center;
	width: 860px;
}
div.bn-column {
	background: transparent;
	border-right: 1px solid #c8c8c8;
	float: left;
	min-height: 145px;
	padding: 10px;
	text-align: left;
	width: 148px;
}
#bn-column-last {
	background: transparent;
	border-right: 0px solid #c8c8c8;
	float: left;
	min-height: 165px;
	padding: 10px 10px 10px 40px;
	text-align: left;
	width: 118px;
}
#breadcrump_festum {
	background: transparent url("/img/bg-bc-festum.png") repeat-x top left;
	clear: both;
	color: #fff;
	font: bold 11px Arial, serif;
	padding: 5px 10px;
	text-align: left;
	width: 920px;
}
#breadcrump_economy {
	background: transparent url("/img/bg-bc-economy.png") repeat-x top left;
	clear: both;
	color: #fff;
	font: bold 11px Arial, serif;
	padding: 5px 10px;
	text-align: left;
	width: 920px;
}
#breadcrump_software {
	background: transparent url("/img/bg-bc-software.png") repeat-x top left;
	clear: both;
	color: #fff;
	font: bold 11px Arial, serif;
	padding: 5px 10px;
	text-align: left;
	width: 920px;
}
#breadcrump_it {
	background: transparent url("/img/bg-bc-it.png") repeat-x top left;
	clear: both;
	color: #fff;
	font: bold 11px Arial, serif;
	padding: 5px 10px;
	text-align: left;
	width: 920px;
}
#leftcolumn {
	background: transparent;
	border: 0px solid red;
	float: left;
	color: #777;
	font: bold 11px Arial, serif;
	padding: 0;
	text-align: left;
	width: 319px;
}
#rightcolumn_festum, #rightcolumn_economy, #rightcolumn_software, #rightcolumn_it {
	background: transparent;
	float: left;
	padding: 10px 0;
	text-align: left;
	width: 620px;
}
.header {
  color: #4868ab;
  font: normal 13px Arial, Verdana, sans-serif;
}
input {
  border: 1px solid #b8b8b8;
  margin: 2px;
}
div.login {
	background: transparent url("/img/bg-login.png") no-repeat top left;
	height: 90px;
	margin-left: 20px; 
	padding: 10px 0 0 15px;
	width: 221px; 
}
#contactcontent {
	float: left;
	margin: 0;
	padding: 0;
	width: 370px;	
}
#map, #map1, #map2, #map3, #map4, #map5 {
	float: left;
	height: 200px;
	margin: 25px 0 0 0;
	padding: 0;
	width: 250px;	
}
#map1 {
	margin-top: 45px;	
}



a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active {
	background: transparent;
	color: #5b5b5b;
	display: inline;
	font: normal 11px Arial, Verdana, sans-serif;
	margin: 0 8px;
	padding: 0;
	text-decoration: none;
}
a.bottomlinks:hover {
	border-bottom: 1px dotted #5b5b5b;
	color: #5b5b5b;
	text-decoration: none;
}
a.bottomnav1festum:link, a.bottomnav1festum:visited, a.bottomnav1festum:active, a.bottomnav1economy:link, a.bottomnav1economy:visited, a.bottomnav1economy:active, a.bottomnav1software:link, a.bottomnav1software:visited, a.bottomnav1software:active, a.bottomnav1it:link, a.bottomnav1it:visited, a.bottomnav1it:active {
	background: transparent;
	color: #5b5b5b;
	display: inline;
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.bottomnav1festum:hover {
	color: #ceac58;
	text-decoration: none;
}
a.bottomnav1economy:hover {
	color: #99add7;
	text-decoration: none;
}
a.bottomnav1software:hover {
	color: #077e9e;
	text-decoration: none;
}
a.bottomnav1it:hover {
	color: #e73737;
	text-decoration: none;
}
a.bottomnav2festum:link, a.bottomnav2festum:visited, a.bottomnav2festum:active, a.bottomnav2economy:link, a.bottomnav2economy:visited, a.bottomnav2economy:active, a.bottomnav2software:link, a.bottomnav2software:visited, a.bottomnav2software:active, a.bottomnav2it:link, a.bottomnav2it:visited, a.bottomnav2it:active, a.bottomnav2it-tuotteet:link, a.bottomnav2it-tuotteet:visited, a.bottomnav2it-tuotteet:active {
	background: transparent;
	color: #5b5b5b;
	display: inline;
	font: normal 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
}
a.bottomnav2festum:hover {
	color: #ceac58;
	text-decoration: none;
}
a.bottomnav2economy:hover {
	color: #99add7;
	text-decoration: none;
}
a.bottomnav2software:hover {
	color: #077e9e;
	text-decoration: none;
}
a.bottomnav2it:hover {
	color: #e73737;
	text-decoration: none;
}

a.bottomnav2it-tuotteet:hover {
	color: #e73737;
	text-decoration: none;
}

/* ==== LEVEL 1 ==== */

li.lev1 {
	float: left;
	list-style: none;	
}

a.level1_economy:link, a.level1_economy:visited, a.level1_economy:active {
	background: transparent url("/img/bg-level1.png") no-repeat top center;
	color: #777;
	display: block;
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 156px;
}
a.level1_economy:hover, a.level1_economy_sel:link, a.level1_economy_sel:visited {
	background: transparent  url("/img/bg-economy.png") no-repeat top center;
	color: #fff;
	display: block;
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 156px;
	
}
a.level1_software:link, a.level1_software:visited, a.level1_software:active {
	background: transparent  url("/img/bg-level1.png") no-repeat top center;
	color: #777;
	display: block;
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 156px;
}
a.level1_software:hover, a.level1_software_sel:link, a.level1_software_sel:visited {
	background: transparent  url("/img/bg-software.png") no-repeat top center;
	color: #fff;
	display: block;
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 156px;
}
a.level1_it:link, a.level1_it:visited, a.level1_it:active {
	background: transparent  url("/img/bg-it-sel.png") no-repeat top center;
	color: #777;
	display: block;
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 156px;
}
a.level1_it:hover, a.level1_it_sel:link, a.level1_it_sel:visited {
	background: transparent url("/img/bg-it.png") no-repeat top center;
	color: #fff;
	display: block;
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 156px;
}


/* ==== LEVEL 2 ==== */
a.sub2_festum:link, a.sub2_festum:visited {
	background: transparent;
	color: #5b5b5b;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_festum:hover, a.sub2_festum_sel:link, a.sub2_festum_sel:visited {
	background: transparent;
	color: #ceac58;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_economy:link, a.sub2_economy:visited {
	background: transparent;
	color: #5b5b5b;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_economy:hover, a.sub2_economy_sel:link, a.sub2_economy_sel:visited {
	background: transparent;
	color: #92a8d5;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_software:link, a.sub2_software:visited {
	background: transparent;
	color: #5b5b5b;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_software:hover, a.sub2_software_sel:link, a.sub2_software_sel:visited {
	background: transparent;
	color: #077e9e;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_it:link, a.sub2_it:visited {
	background: transparent;
	color: #5b5b5b;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_it:hover, a.sub2_it_sel:link, a.sub2_it_sel:visited {
	background: transparent;
	color: #e73737;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}

a.sub2_it-tuotteet:link, a.sub2_it-tuotteet:visited {
	background: transparent;
	color: #5b5b5b;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}
a.sub2_it-tuotteet:hover, a.sub2_it-tuotteet_sel:link, a.sub2_it-tuotteet_sel:visited {
	background: transparent;
	color: #e73737;
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 10px 6px;
	text-decoration: none;
}

/* ==== LEVEL 3 ==== */

#sub3 {
	background: transparent;
	margin: 10px 0 0 0;
	padding: 0;
}
li.sub3 {
	background: transparent;
	display: block;
	height: 27px;
	line-height: 26px;
	list-style: none;
	margin: 0;
	padding: 0;
}
a.sub3_festum:link, a.sub3_festum:visited {
	background: transparent url("/img/bg-sub3.png") no-repeat 15px 10px;
	color: #5b5b5b;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}
a.sub3_festum:hover, a.sub3_festum_sel:link, a.sub3_festum_sel:visited {
	background: transparent url("/img/bg-sub3sel-festum.png") no-repeat 0 0;
	color: #fff;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}
a.sub3_economy:link, a.sub3_economy:visited {
	background: transparent url("/img/bg-sub3.png") no-repeat 15px 10px;
	color: #5b5b5b;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}
a.sub3_economy:hover, a.sub3_economy_sel:link, a.sub3_economy_sel:visited {
	background: transparent url("/img/bg-sub3sel-economy.png") no-repeat 0 0;
	color: #fff;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}
a.sub3_software:link, a.sub3_software:visited {
	background: transparent url("/img/bg-sub3.png") no-repeat 15px 10px;
	color: #5b5b5b;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}
a.sub3_software:hover, a.sub3_software_sel:link, a.sub3_software_sel:visited {
	background: transparent url("/img/bg-sub3sel-software.png") no-repeat 0 0;
	color: #fff;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}
a.sub3_it:link, a.sub3_it:visited {
	background: transparent url("/img/bg-sub3.png") no-repeat 15px 10px;
	color: #5b5b5b;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}
a.sub3_it:hover, a.sub3_it_sel:link, a.sub3_it_sel:visited {
	background: transparent url("/img/bg-sub3sel-it.png") no-repeat 0 0;
	color: #fff;
	display: block;
	font: normal 13px Arial, Verdana, sans-serif;
	line-height: 26px;
	margin: 0;
	padding: 0 5px 0 35px;
	text-decoration: none;
}

/* ==== EDITOR STYLES ==== */

p {
	background: transparent;
	color: #5b5b5b;
	font: normal 12px Arial, serif;
	line-height: 1.3em;
	margin: 0;	
	padding: 10px 0;
	text-align: left;
}
p.newsheading {
	background: transparent;
	color: #5b5b5b;
	font: bold 12px Arial, serif;
	line-height: 1.3em;
	margin: 0;	
	padding: 0 80px 0 20px;
	text-align: left;
}
p.shortnews {
	background: transparent;
	color: #5b5b5b;
	font: normal 12px Arial, serif;
	line-height: 1.3em;
	margin: 0;	
	padding: 3px 80px 20px 20px;
	text-align: left;
}
#indexcontent p {
	background: transparent;
	color: #5b5b5b;
	font: normal 14px Arial, serif;
	line-height: 1.3em;
	margin: 0 auto;	
	padding: 10px 0;
	text-align: left;	
}
pre {
	background: #fff;
	font: 11px Courier, Helvetica, sans-serif;
	margin: 0;
	text-align: left;
}
h1 {
	background: transparent;
	color: #92a7d6;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 0 0 7px 0;
	text-align: left;
}
h1.newsheader_festum {
	background: transparent;
	color: #ceac58;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 20px 0 7px 10px;
	text-align: left;
}
h1.newsheader_economy {
	background: transparent;
	color: #99add7;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 20px 0 7px 10px;
	text-align: left;
}
h1.newsheader_software {
	background: transparent;
	color: #077e9e;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 20px 0 7px 10px;
	text-align: left;
}
h1.newsheader_it {
	background: transparent;
	color: #e73737;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 20px 0 7px 10px;
	text-align: left;
}
#rightcolumn_festum h1 {
	background: transparent;
	color: #ceac58;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 10px 0 7px 0;
	text-align: left;
}
#rightcolumn_economy h1 {
	background: transparent;
	color: #99add7;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 10px 0 7px 0;
	text-align: left;
}
#rightcolumn_software h1 {
	background: transparent;
	color: #077e9e;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 10px 0 7px 0;
	text-align: left;
}
#rightcolumn_it h1 {
	background: transparent;
	color: #e73737;
	font: normal 18px Arial, serif;
	margin-bottom: 5px;
	padding: 10px 0 7px 0;
	text-align: left;
}
h2 {
	background: transparent;
	color: #92a7d6;
	font: normal 16px Arial, serif;
	padding: 10px 0 0 0;	
}
#rightcolumn_festum h2 {
	background: transparent;
	color: #ceac58;
	font: normal 16px Arial, serif;
	padding: 10px 0 0 0;
	text-align: left;
}
#rightcolumn_economy h2 {
	background: transparent;
	color: #99add7;
	font: normal 16px Arial, serif;
	padding: 10px 0 0 0;
	text-align: left;
}
#rightcolumn_software h2 {
	background: transparent;
	color: #077e9e;
	font: normal 16px Arial, serif;
	padding: 10px 0 0 0;
	text-align: left;
}
#rightcolumn_it h2 {
	background: transparent;
	color: #e73737;
	font: normal 16px Arial, serif;
	padding: 10px 0 0 0;
	text-align: left;
}
h3 {
	background: transparent;
	color: #92a7d6;
	font: normal 14px Arial, serif;
	padding: 6px 0 0 0;	
}
#rightcolumn_festum h3 {
	background: transparent;
	color: #ceac58;
	font: normal 14px Arial, serif;
	padding: 6px 0 0 0;
	text-align: left;
}
#rightcolumn_economy h3 {
	background: transparent;
	color: #99add7;
	font: normal 14px Arial, serif;
	padding: 6px 0 0 0;
	text-align: left;
}
#rightcolumn_software h3 {
	background: transparent;
	color: #077e9e;
	font: normal 14px Arial, serif;
	padding: 6px 0 0 0;
	text-align: left;
}
#rightcolumn_it h3 {
	background: transparent;
	color: #e73737;
	font: normal 14px Arial, serif;
	padding: 6px 0 0 0;
	text-align: left;
}
td {
	color: #5b5b5b;
	font: normal 12px Arial, serif;
}
ul {
	line-height: 1.1em;
	list-style: square;
	margin-left: 25px;
}
ol {
	line-height: 1.1em;
	margin-left: 25px;
}
li {
	color: #5b5b5b;
	margin: 0;
	font: 12px Arial, Verdana, sans-serif;
	line-height: 1.3em;
}
hr {
	margin: 0 15px 0 15px;
}
img {
	margin: 0;
	padding: 0;
}
img[align="right"] { 
	float: right;
	padding: 0 0 0 8px;
}
img[align="left"] { 
	float: left;
	padding: 0 8px 0 0;
}
img.banner { 
	padding: 15px 0 0 20px;
}
strong {
	font-weight: bold;	
}

a:link, a:visited {
	background: transparent;
	color: #077e9e;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#rightcolumn_festum a:link, #rightcolumn_festum a:visited {
	background: transparent;
	color: #ceac58;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#rightcolumn_economy a:link, #rightcolumn_economy a:visited {
	background: transparent;
	color: #99add7;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#rightcolumn_software a:link, #rightcolumn_software a:visited {
	background: transparent;
	color: #077e9e;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#rightcolumn_it a:link, a:visited {
	background: transparent;
	color: #e73737;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#rightcolumn_festum a:hover, #rightcolumn_economy a:hover, #rightcolumn_software a:hover, #rightcolumn_it a:hover {
	text-decoration: underline;
}



a.readmore_festum:link, a.readmore_festum:visited {
	background: transparent;
	color: #5b5b5b;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.readmore_festum:hover {
	color: #ceac58;
	text-decoration: underline;
}
a.readmore_economy:link, a.readmore_economy:visited {
	background: transparent;
	color: #5b5b5b;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.readmore_economy:hover {
	color: #99add7;
	text-decoration: underline;
}
a.readmore_software:link, a.readmore_software:visited {
	background: transparent;
	color: #5b5b5b;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.readmore_software:hover {
	color: #077e9e;
	text-decoration: underline;
}
a.readmore_it:link, a.readmore_it:visited {
	background: transparent;
	color: #5b5b5b;
	display: inline;
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.readmore_it:hover {
	color: #e73737;
	text-decoration: underline;
}
a.breadcrump:link, a.breadcrump:visited {
	background: transparent;
	color: #fff;
	font: bold 11px Arial, serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a.breadcrump:hover {
	text-decoration: underline;
}

abbr {
	border-bottom: 1px #000 dotted;
	cursor: help;
	font-style: italic;
	display: inline;
}