[[ CHOMP TRUE TRUE ]]
[[# yleisiä alustuksia #]]
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;
}
table {
	border-collapse: collapse;
}
table td, table th { vertical-align: top; text-align: left; }
img { border: none; }

body {
	background: url('/res/hyli/img/bg.gif') repeat-x #bed8e5;
	background-position: top left;
}
body, td, div, span, ul, li, b, a, p, label,
div td, div span, div li, div b, div a, div label {
	font-family: verdana, tahoma, arial;
	font-size: 12px;
	color: #000;
}

[[# -- otsikkotyylit sisällölle -- #]]
h1, h2, h3, h4 {
	font-family: verdana, tahoma, arial;
}
h1.pageTitle {
	padding-bottom: 11px;
	padding-right: 105px;
	font-size: 24px;
	color: #48900a;
	font-weight: normal;
}
div.token h2 {
	font-size: 16px;
	color: #48900a;
	font-weight: bold;
	margin-bottom: 8px;
}
div.token h3 {
	font-size: 14px;
	color: #48900a;
	font-weight: bold;
	margin-bottom: 8px;
}
div.token h4 {
	font-size: §SITECONFIG{H4SIZE}px;
	color: #§SITECONFIG{H4COLOR};
	font-weight: bold;
	margin-bottom: 8px;
}

[[# -- kappalevälit ja sisältölinkkien tyylit -- #]]
div.token p {
	margin-bottom: 8px;
	line-height: 1.4em;
}
a:link {
	color: #4c9b1e;
}
a:visited {
	color: #4c9b1e};
}
a:hover {
	color: #4c9b1e;
	text-decoration: underline !important;
}

div.leftContent a:visited,
div.topContent a:visited,
td.mainContent a:visited,
td.mainContentWithRight a:visited,
td.mainContentFront a:visited,
td.mainContentFrontWithRight a:visited,
td.rightContent a:visited,
td.rightContentFront a:visited,
div.bottomContent a:visited {
	color: #4c9b1e};
}

[[# -- yleisiä sisältötaulukon määrittelyitä; muualle? -- #]]
table.visible,
table.invisible {
	width: 100%;
	empty-cells: show;
	margin-bottom: 8px;
}
table.invisible td,
table.visible td {
	padding: 4px;
}
table.visible td {
	border: 1px solid #000;
}

[[# -- linkki sisällön alkuun ja etusivulinkit -- #]]
a.alkuun {
	display: none;
}
div.homelink {
	width: 165px;
	height: 150px;
	position: absolute;
	left: 29px;
	top: 0px;
	z-index: 3;
}
a.homelink {
	display: block;
	height: 150px;
	text-decoration: none;
}
a.homelink:hover { text-decoration: none !important;}
a.homelink img {
	width: 165px;
	height: 150px;
}

[[# -- teemakuvan säädöt -- #]]
div.themeImage {
	width: 100%;
	height: 152px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	text-align: left !important;
}
div.themeAdmin {
	text-align: center;
}

[[# -- navigaatiohännän tyylit -- #]]
div.navPath {
	padding-bottom: 6px;
	margin-bottom: 12px;
	border-bottom: 1px solid #ddd;
	color: #000;
}
div.navPath a {
	text-decoration: none;
}
div.navPath a span.title { }
div.navPath span.title { }

[[# -- sivuston ulkoasun tyylit -- #]]
table.layout {
	empty-cells: show;
	margin: auto;
	background-color: #fff;
}
table.layout td.top {
	background-color: #FFF;
}
table.layout tr.topshadow,
table.layout tr.bottomshadow {
	display: none;
}
table.layout td.topbar,
table.layout td.inner {
	background-color: #fff;
}
table.layout td.inner { height: 350px; }
table.layout td.topbar {
	height: 152px;
	color: #444;
	font-weight: bold;
	font-size: 26px;
	vertical-align: top;
}

table.layout td.border-left {
	width: 10px;
}
table.layout td.border-right {
	width: 10px;
}

table.layout td.content {
	padding-top: 23px;
	padding-bottom: 20px;
}
table.contentArea {
	width: 100%;
	margin-top: 10px;
}
table.contentArea td.leftContent {
	width: 215px;
	padding-left: 18px;
	padding-right: 35px;
}
table.contentArea td.leftContentFront {
	width: 172px;
	padding-left: 32px;
	padding-right: 30px;
}
td.leftContent div.leftContent {
	padding-top: 0px;
}
div.leftContent div.content-container p,
div.leftContent div.content-container p a,
div.leftContent div.content-container p b {
	font-size: 11px !important;
}
table.cols {
	width: 100%;
	empty-cells: show;
}
table.cols td.mainContent {
	padding-right: 105px;
}
table.cols td.mainContentWithRight {
	padding-right: 18px;
}
table.cols td.mainContentFront {
	padding-right: 10px;
}
table.cols td.mainContentFrontWithRight {
	padding-right: 10px;
}
table.cols td.rightContent {
	width: 163px;
	padding-left: 16px;
	padding-right: 52px;
}
table.cols td.rightContentFront {
	width: 210px;
	padding-left: 10px;
	padding-right: 53px;
}
div.topContent {
	margin-bottom: 8px;
}
div.bottomContent {
	margin-top: 8px;
}

td.helpmenu {
	height: 20px;
	text-align: right;
}
div.helpmenu {
	position: relative;
	right: 0px;
	top: 10px;
	padding-top: 3px;
	padding-bottom: 6px;
	color: #000;
	font-family: arial;
	font-size: 11px;
	top: 0px;
	right: 0px;
}
div.helpmenu label {
	font-family: arial;
	font-size: 11px;
}
div.helpmenu img,
div.helpmenu input {
	vertical-align: middle;
}
div.helpmenu img.fsizeplus {
	margin-left: 5px;
}
div.helpmenu img.fsizeminus {
	margin-right: 5px;
}
input.q {
	background: url('/res/qbg.png') repeat-x #fff;
	border: none;
	height: 20px;
	width: 164px;
	margin-left: 15px;
	border-left: 1px solid #6794ba;
	border-right: 1px solid #6794ba;
}
input.go {
	height: 20px;
	background: url('/res/gobg.png') repeat-x #fff;
	margin-left: 10px;
	border: none;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}
div.helpmenu a { text-decoration: none; font-weight: bold; }

td.copy {
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 11px;
}
td.copy a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}

[[# sivuvalikko -- päävalikon kera #]]
select.ddleftnavi {
	width: 100%;
	margin-bottom: 5px;
}
table.sidemenu {
	width: 100%;
	margin-bottom: 10px;
}
table.sidemenu table.level0,
table.sidemenu table.level1,
table.sidemenu table.level2,
table.sidemenu table.level3 {
	width: 100%;
	empty-cells: show;
}

[[# ylävalikko (piilosivut) #]]
div.hiddenmenu {
	padding-top: 4px;
	padding-bottom: 4px;
}

[[# -- poiminnot - yleiset -- #]]

[[# takaisin -linkki sovellustilasta #]]
div.viewToggle {
	border: none !important;
	background: url('/res/summary/6/itembg1.gif') repeat-x bottom left;
	margin-top: 5px;
	margin-bottom: 5px;
}

[[# -- poimintojen asettelutaulut -- #]]
[[# siirrä summary.dip.css tiedostoon #]]
table.SummaryContent {
	width: 100%;
	empty-cells: show;
}
div.summary h3 {
	margin: 0;
	padding: 0;
}


[[# --- sivukartan tyylejä --- #]]
table.sitemap div.mainmenu {
	padding-left: 12px;
	background: url('/res/summary/icons/morebullet1.gif') no-repeat;
	background-position: 2px 4px;
}



[[# --- MUUT asetukset --- #]]
div.lumimg {
	position: absolute;
	top: 3px;
	left: 10px;
}
div.lumimg img {
	behavior: url('/sys/iepngfix.htc');
	width: 46px;
	heigth: 18px;
}
td.corner-left {
	behavior: url('/sys/iepngfix.htc');
	background: url('/res/hyli/img/lbcorner.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.corner-right {
	behavior: url('/sys/iepngfix.htc');
	background: url('/res/hyli/img/rbcorner.png') no-repeat;
	width: 10px;
	height: 10px;
}
div.flags {
	position: absolute;
	top: 14px;
	left: 277px;
}
div.flagsFront {
	position: absolute;
	top: 14px;
	left: 235px;
}
div.form_left {
	position: absolute;
	background: url('/res/qbgleft.png') no-repeat;
	width: 4px;
	heigth: 20px;
}
div.form_center {
	position: absolute;
	left: 4px;
}
div.form_right {
	position: absolute;
	left: 174px;
	background: url('/res/qbgright.png') no-repeat;
	width: 4px;
	heigth: 20px;
}
div.form_button {
	position: absolute;
	left: 190px;
}
td.bottomgradient {
	background: url('/res/hyli/img/pohjakaari.gif') no-repeat;
	background-position: bottom left;
	height: 80px;
}
div.bottomPics {
	padding-right: 52px;
}
div.banner {
	display: inline;
	float: right;
	width: auto !important;
}
div.banner img {
	margin-left: 28px;
}
table.visible,
table.visible td {
	border: 1px solid #ccc !important;
}

table.topnavicontainer td.navi {
    background:url("/res/hyli/img/topnavibg.png") repeat-x scroll 0 0 transparent;
    height:25px;
}

table.topnavicontainer td.end, table.topnavicontainer td.start {
background:url("/res/hyli/img/topnavibg.png") repeat-x scroll 0 0 transparent;
height:25px;
width:6px;
}

table.topnavicontainer {
empty-cells:show;
width:100%;
}

table.topnavi td.topnavilink a {
    color:#FFFFFF;
}

table.topnavi td a {
    display:block;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    white-space:nowrap;
}

table.topnavi td.topnavilink, table.topnavi td.topnavilinkchosen {
    height:25px;
    padding-left:15px;
    padding-right:15px;
    text-align:center;
    vertical-align:middle;
}

table.topnavi td.topnavilinkchosen {
    background-color:#FFFFFF;
}

table.layout {
background-color:#FFFFFF;
empty-cells:show;
margin:auto;
}

table {
border-collapse:collapse;
}