/* general */
body {
	background-color:#FFFFFF;
	margin: 0px;
}
body,td,th,p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
}
td.left p { color: #fff; }
a {
	color:#097263;
	text-decoration:underline;
}
table.layout {
	width:769px;
	border:0px;
}
td.logo {
	width:337px;
	text-align: left;
}
td.finsve1 {
	width:272px;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:9px;
}
td.finsve2 {
	width:160px;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:9px;
}
td.eng1 {
	width:247px;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:9px;
}
td.eng2 {
	width:185px;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:9px;
}
input.haku {
	background-color:#004C42;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	border-top: 1px solid #6C9892;
	border-right: 1px solid #00302A;
	border-bottom: 1px solid #00201C;
	border-left: 1px solid #36726A;
	height: 22px;
	_height: 20px;
	vertical-align: middle;
}
input.hakukentta {
	vertical-align: middle;
	width:100px;
	height: 20px;
	margin-right: 4px;
	background-color: #fff;
	border: 1px solid #7E9EB7;
}
td.greenline {
	background-color:#004D42;
	width:769px;
	height:8px;
	border-bottom:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-collapse:collapse;
}
td.leftmargin {
	width:15px;
	border-right:1px;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	vertical-align:top;
}
td.leftmargin div.yellowpylon {
	background-color:#FFE24A;
	width:14px;
	height:176px;
}
td.left {
	background-color:#004D42;
	width:191px;
	text-align:left;
	padding-left:8px;
	padding-right:8px;
	vertical-align:top;
	border-right:1px;
	border-right-color:#FFFFFF;
	border-right-style:solid;
}
td.left div.content-container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}
td.left a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:underline;
}
td.left h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
td.main {
	text-align:left;
	padding: 25px 35px 20px 35px;
}
td.right {
	text-align:left;
	padding-bottom:15px;
	padding-right:15px;
	padding-top:15px;
}
td.titlex {
	height: 30px;
	*height:26px;
	text-align:left;
	vertical-align:middle;
	background-color:#FFE24A;
	border-top:1px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	padding-left:23px;
	padding-top:4px;
}
table.content {
	width:563px;
	height: 350px;
	border-right:1px;
	border-right-color:#FFE24A;
	border-right-style:solid;
}
td.copy {
	color:#004D42;
	text-align:center;
	height:20px;
	vertical-align:middle;
}
td.copy a {
	color:#004D42;
	text-decoration:none;
}
/* menu */
td.level1, td.level2 {
	text-align:left;
	width:175px;
	padding-bottom:6px;
	padding-top:6px;
	border-collapse:collapse;
	border-bottom:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
}
td.level1-first {
	padding-top:8px;
}
td.level3 {
	text-align:left;
	width:175px;
	padding-bottom:4px;
	padding-top:4px;
}
td.level3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
td.level3-here a {
	color:#FFE24A;
}
td.level3-first {
	padding-top:7px;
}
td.level3-last {
	padding-bottom:7px;
	border-collapse:collapse;
	border-bottom:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
}
td.level4 {
	text-align:left;
	width:175px;
	padding-bottom:4px;
	padding-top:4px;
}
td.level4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
td.level4-here a {
	color:#FFE24A;
}
/* uutiset */
table.uutiset td.date {
	text-align:left;
	padding-bottom:3px;
	padding-right:10px;
	padding-top:3px;
	width: 65px;
}
table.uutiset td.otsikko {
	text-align:left;
	padding-bottom:3px;
	padding-top:3px;
}

table.layout td.bottomfunk {
	border-right: 1px solid #FFE24A;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 4px;
}
table.layout td.bottomfunk img {
	vertical-align: middle;
	margin-left: 5px;
}
div.uutisetOtsikko {
	padding-top: 20px;
}
div.teksti {
	display: inline !important;
	width: auto;
}
div.suurenna {
	display: none !important;
}	
div.viewToggle {	
	margin-right: 50%;
}
div.newsPvm {
	float: right;
	text-align: right;
	width: 50%;
}

/* Table styles in text and picture sections */

.content-container table.visible,
.content-container table.invisible {
	border-collapse: collapse !important;
	empty-cells: show !important;
	margin-top: 15px !important;
}

.content-container table.visible th,
.content-container table.invisible th {
	border: 1px solid #ddd !important;
	/* background-color: #b3c7c4 !important; */
	background: url('/res/table-gradient.png') left top repeat-x #efefef !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #073b34 !important;
}

.content-container table.visible th b,
.content-container table.invisible th b {
    font-weight: normal !important;
	text-shadow: 1px 1px 0 #fff !important;
}

.content-container table.visible th,
.content-container table.visible td,
.content-container table.invisible th,
.content-container table.invisible td {
	padding: 10px !important;
}

.content-container table.visible td,
.content-container table.invisible td,
.content-container table.visible td p,
.content-container table.invisible td p {
	color: #333 !important;
	font-size: 11px !important;
}

.content-container table.visible tr.hover td,
.content-container table.invisible tr.hover td {
    background: #e0fbf7 !important;
}

/* First line below fixes Firefox redraw bug (borders are not drawn) */
.content-container table.visible,
.content-container table.visible td {
	border: 1px solid #ddd !important;
}

@-moz-document url-prefix() {
	/* Firefox draws left border of a overflow: hidden div out of sight */
	div.content-container .content-container table.visible {
		margin-left: 1px !important;
		margin-top: 1px !important;
	}
	/* Same problem occurs with right border of tables that have width set to 100% */
	div.content-container .content-container table.visible[width='100%'] {
		width: 99% !important;
	}
}

/* Table / Editmode */

body.editmode .content-container table.visible td,
body.editmode .content-container table.visible th,
body.editmode .content-container table.invisible td,
body.editmode .content-container table.invisible th {
	min-width: 10px !important !important;
}