/* -- Rakenne -- */

body {
	background: url('/res/backgroundBody.jpg') left top repeat-x #fff;
}

div#main {
	margin-bottom: 0 !important;
}

div#main-wrap {
	width: 999px;
	background: url('/res/backgroundMainWrap.jpg') center top no-repeat transparent;
	margin: 0 auto;
}

div#main-wrap-2 {
	width: 999px;
	background: url('/res/backgroundMainWrap2.jpg') center top repeat-y transparent;
	margin: 0 auto;
}

div#content div#container {
	padding: 2px 3px 15px 0;
}

div#content div#container div#content-main {
	margin-right: 25px;
	overflow: visible;
}

body.page-1 div#content div#container div#content-main {
	margin-right: 0 !important;
}

	body.page-1 div#content div#container div#content-middle {
		_overflow: hidden !important;
	}
	
	div#content div#container div#content-middle {
		clear: none !important;
		padding: 60px 25px 25px 25px;
	}
	
	body.page-1 div#content div#container div#content-middle {
		padding: 2px 0 0 0 !important;
	}

div#footer {
	display: none !important;
}

div#custom-footer {
	padding: 15px 50px;
	background: #fff;
}

	div#custom-footer div,
	div#custom-footer p {
		font-size: 10px;
	}
	
	div#custom-footer div.optinet a {
		color: #a8cde7 !important;
		font-weight: bold;
	}

div#container {
	border-bottom: 5px solid #d0f1ff;
}

div#zone-_main {
	float: left;
	padding-top: 2px;
}

div#zone-right {
	padding-top: 89px;
}

body.page-1 div#zone-right {
	padding-top: 3px !important;
	_margin-top: -4px;
}

/* -- Typografia -- */

h1, h2 {
	font-size: 16px;
	font-weight: bold;
}

h3, h4, h5 {
	color: #333;
	font-weight: bold;
}

/* -- Murupolku -- */

div.navpath {
	width: 706px;
	position: absolute;
	border: 1px solid #b7e0ff;
	background: #e2f2ff;
}

	div.navpath a {
		color: #727073 !important;
		text-decoration: none !important;
	}
	
	div.navpath span.navpath-separator {
		display: none;
	}
	
	div.navpath span.navpath-title {
		float: left;
		display: block;
		padding: 8px 16px 8px 12px;
		background: url('/res/backgroundNavpathTitle.jpg') right center no-repeat transparent;
	}
	
	div.navpath span.navpath-title-here {
		color: #ad2319;
	}

/* -- Ylävalikko -- */

div#topmenu {
	background: #fff;
}

	div#topmenu table.topmenucontainer {
		width: 710px;
		margin-left: 260px;
		background: url('/res/backgroundTopmenu.jpg') left top repeat-x #e58036;
	}

		div#topmenu table.topmenucontainer ul li a {
			padding: 14px 16px !important;
			background: url('/res/backgroundTopmenuLink.jpg') left center no-repeat transparent;
		}

			div#topmenu table.topmenucontainer ul li a.level1:hover,
			div#topmenu table.topmenucontainer ul li a.level1:focus,
			div#topmenu table.topmenucontainer ul li a.level1:active,
			div#topmenu table.topmenucontainer ul li a.level1-onpath {
				background: url('/res/backgroundTopmenuLinkActive.jpg') left center repeat-x #e58832;
			}

			div#topmenu table.topmenucontainer ul li a.level1-first {
				padding-left: 20px !important;
				background: url('/res/backgroundTopmenuLinkFirst.jpg') left top no-repeat transparent;
			}

				div#topmenu table.topmenucontainer ul li a.level1-first:hover,
				div#topmenu table.topmenucontainer ul li a.level1-first:focus,
				div#topmenu table.topmenucontainer ul li a.level1-first:active,
				div#topmenu table.topmenucontainer ul li.level1-first a.level1-onpath {
					background: url('/res/backgroundTopmenuLinkFirstActive.jpg') left top no-repeat transparent !important;
				}

		div#topmenu table.topmenucontainer ul li ul {
			background: #e58036;
			border-right: 2px solid #aa2418;
		}

			div#topmenu table.topmenucontainer ul li ul li a {
				padding: 7px 15px !important;
				width: 160px !important;
				overflow: hidden;
				border-top: 1px solid #f9da85;
				border-bottom: 1px solid #d5580c;
				background: url('/res/backgroundTopmenuL2Link.jpg') left top repeat-y #f8c94a;
			}
			
				div#topmenu table.topmenucontainer ul li a.level2:hover,
				div#topmenu table.topmenucontainer ul li a.level2:focus,
				div#topmenu table.topmenucontainer ul li a.level2:hover,
				div#topmenu table.topmenucontainer ul li a.level2-onpath {
					color: #fff !important;
					background: url('/res/backgroundTopmenuL2LinkActive.jpg') left top repeat-y #e68932;
				}
				
				div#topmenu table.topmenucontainer ul li ul li a.level2-last {
					border-bottom: 2px solid #aa2418;
				}

/* -- Kielivalinta -- */

div#language-nav  {
	top: 21px;
	right: 22px;
	width: 69px;
	position: absolute;
}

	div#language-nav a {
		text-decoration: none !important;
		background-position: left top;
		background-repeat: no-repeat;
		margin-left: 5px;
		display: block;
		float: right;
		height: 12px;
		width: 18px;
	}
	
		div#language-nav a:hover,
		div#language-nav a:focus {
			text-decoration: none !important;
		}
	
		div#language-nav em {
			display: none !important;
		}
	
		div#language-nav a.fi {
			background-image: url('/res/flag_fi.png');
		}

		div#language-nav a.en {
			background-image: url('/res/flag_gb.png');
		}

		div#language-nav a.ru {
			background-image: url('/res/flag_ru.png');
		}

/* -- Apuvalikko -- */

div#header div#wizhelpmenu {
	margin: 0 20px 10px 0;
}

	div#header div#wizhelpmenu span {
		display: block;
		float: left;
		height: 37px;
		line-height: 37px;
	}

		div#header div#wizhelpmenu span a {
			display: block;
			margin-top: 5px;
			height: 37px;
			line-height: 47px;
			color: #707070 !important;
			font-size: 10px;
			text-decoration: none !important;
			background-color: transparent;
			background-position: center top;
			background-repeat: no-repeat;
		}

			div#header div#wizhelpmenu span a#help_frontpage {
				_width: 40px;
				background-image: url('/res/iconFrontpage.gif');
			}

			div#header div#wizhelpmenu span a#help_feedback {
				_width: 40px;
				background-image: url('/res/iconFeedback.gif');
			}

			div#header div#wizhelpmenu span a#help_contact {
				_width: 40px;
				background-image: url('/res/iconContact.gif');
			}

			div#header div#wizhelpmenu span a#help_languages {
				_width: 105px;
				background-image: url('/res/iconLanguages.gif');
			}
		
			div#header div#wizhelpmenu span a#help_sitemap {
				_width: 55px;
				background-image: url('/res/iconSitemap.gif');
			}

			div#header div#wizhelpmenu span a#help_print {
				_width: 45px;
				background-image: url('/res/iconPrint.gif');
			}

		div#header div#wizhelpmenu span.separator {
			width: 30px;
			color: #fff;
			background: url('/res/backgroundWizhelpmenuSeparator.jpg') center center no-repeat transparent;
		}

/* -- Haku -- */

form.searchform {
	background: transparent !important;
	border: 0 !important;
}

div#search-suggest {
	position: absolute;
	margin-top: 107px;
	width: 256px;
	height: 42px;
	background: url('/res/backgroundSearch.jpg') left top no-repeat transparent;
}

	div#search-suggest input#suggest {
		border: 0;
		margin: 10px;
		_margin: 14px 10px 10px 10px;
		width: 188px;
	}
	
	div#search-suggest input#suggest-submit {
		width: 26px;
		height: 25px;
		margin: 7px 0 0 3px;
		background: transparent;
		border: 0;
	}

/* -- Etusivun palvelut-valikko (slidermenu) -- */

div#content-left div.divThemeImage {
	margin: 0 0 13px -3px;
}

div.d4slider {
	padding-left: 5px;
	background: transparent !important;
}

	div.d4slider div.d4slidecontent {
		border-left: 1px dotted #888;
		padding: 0 10px !important;
	}

	div.d4slider div.d4slide li a {
		color: #707070 !important;
	}
	
	div.d4slider div.d4slide li {
		border-top: 0;
	}

/* -- Etusivun tabit (hila) -- */

div.d4grid-tabnav,
div.d4grid-tabholder,
div.d4grid-tabholder-wrap {
	clear: both;
}

div.d4grid-tabnav {
	height: 32px;
	position: relative;
	top: 1px;
}

div.d4grid-tabholder-wrap {
	border-top: 1px solid #d8d8d8;
	background: url('/res/tab-content-background.png') right top no-repeat #fff;
}

body.root-1 div.d4grid-tabnav {
	_margin-top: -8px;
}

div.d4grid-tabholder {
	padding: 5px 15px 15px 15px;
	background: url('/res/tab-content-background.png') left top no-repeat transparent;
}

div.d4grid-tabnav a {
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none !important;
	color: #fff;
	background: url('/res/tab-background-inactive-left.png') left top no-repeat #fff;
}

	div.d4grid-tabnav a span,
	div.d4grid-tabnav a.d4grid-tabnav-active span {
		display: block;
		margin-left: 4px;
		padding: 0 10px 0 6px;
		background: url('/res/tab-background-inactive-right.png') right top no-repeat #fff;
	}

div.d4grid-tabnav a:hover,
div.d4grid-tabnav a:focus {
	color: #6eb2d6;
}

div.d4grid-tabnav a.d4grid-tabnav-active {
	color: #6eb2d6 !important;
	background: url('/res/tab-background-active-left.png') left top no-repeat #fff !important;
}

	div.d4grid-tabnav a.d4grid-tabnav-active span {
		background: url('/res/tab-background-active-right.png') right top no-repeat #fff !important;
	}

body.root-1 div.d4grid-tab div.app1 {
	padding: 10px 0;
}

/* --- Bannerit --- */

div.banner {
	padding-bottom: 0 !important;
	text-align: left !important;
}

/* --- Yläosan teemakuva ja vasemman yläreunan sisältöpalsta --- */

div#zone-top {
	width: 226px;
	height: 180px;
	padding: 10px 15px;
	background: url('/res/backgroundContentHeaderLeft.jpg') left top repeat-x transparent;
	margin: 0 0 0 -260px;
	position: absolute;
	overflow: hidden;
	font-size: 10px;
	display: none;
}

	div#zone-top div,
	div#zone-top p {
		font-size: 10px !important;
	}

div#content-left {
	padding-left: 3px;
	_width: 254px !important;
}

div#content-header-theme {
	width: 707px;
	float: left;
}

	div#content-header-theme div.divThemeImage {
		width: 707px;
		float: left;
	}

/* --- Sivuvalikko --- */

div.sidemenucontainer {
	width: 256px;
	position: relative;
	left: -3px;
	z-index: 48;
}

	div.sidemenucontainer ul {
		width: 256px;
		border: 0;
	}

		div.sidemenucontainer ul li a {
			border: 0;
		}
	
		div.sidemenucontainer ul li.menuparent a {
			width: 100%;
			border: 0 !important;
			padding-left: 27px !important;
			margin-bottom: 1px;
			color: #fff !important;
			font-weight: bold;
			background: url('/res/backgroundMenuparent1.jpg') left bottom no-repeat #e13c21;
		}
		
			div.sidemenucontainer ul li.menuparent a span {
				padding-top: 9px;
				padding-bottom: 9px;
			}
		
			div.sidemenucontainer ul li.menuparent a:hover,
			div.sidemenucontainer ul li.menuparent a:focus,
			div.sidemenucontainer ul li.menuparent a:active {
				background: url('/res/backgroundMenuparent2.jpg') left bottom no-repeat #f04929 !important;
			}
		
		div.sidemenucontainer ul li a {
			width: 85%;
			padding: 0 8px 0 0;
			border-top: 1px solid #dbf0fd;
			border-right: 2px solid #b6e0ff;
			border-bottom: 1px solid #86c7f9;
			background: url('/res/backgroundSidemenuLink.jpg') left top repeat-y #e1f3ff;
		}

			div.sidemenucontainer ul li a:hover,
			div.sidemenucontainer ul li a:focus,
			div.sidemenucontainer ul li a:active,
			div.sidemenucontainer ul li.level1-onpath a,
			div.sidemenucontainer ul li.level1-here a,
			div.sidemenucontainer ul li.level2-onpath a,
			div.sidemenucontainer ul li.level2-here a,
			div.sidemenucontainer ul li.level3-onpath a,
			div.sidemenucontainer ul li.level3-here a.level1-here {
				color: #fff !important;
				background: url('/res/backgroundSidemenuActiveLink.jpg') left top repeat-y #70bff7 !important;
			}

		div.sidemenucontainer ul li.level1-last a {
			border-bottom: 2px solid #b6e0ff;
		}

		div.sidemenucontainer ul li a span {
			padding-top: 6px;
			padding-left: 8px !important;
			padding-right: 18px;
			padding-bottom: 7px;
			background-image: none;
		}
		
			div.sidemenucontainer ul li.parent a span {
				background: url('/res/parentArrow.jpg') right 4px no-repeat transparent !important;
			}

			div.sidemenucontainer ul li.parent a:hover span,
			div.sidemenucontainer ul li.parent a:focus span,
			div.sidemenucontainer ul li.parent a:active span {
				background: url('/res/parentArrowHover.jpg') right 4px no-repeat transparent !important;
			}

/* --- Sivukartta --- */

table.sitemap {
	position: relative;
	left: -20px;
}

/* --- Sekalaiset --- */

a#homelink {
	display: block;
	width: 265px;
	height: 80px;
	position: absolute;
	margin-top: 20px;
}

	a#homelink span {
		display: none;
	}

body.editmode div.d4grid-tab {
	border: 1px dotted #ccc;
	margin: 15px 0;
}

/* -- Matkailusivusto -- */

body.root-78604 div#zone-top {
	text-align: center !important;
	margin-left: -285px;
}

body.page-78604 div#zone-top {
	margin-left: -260px;
}

body.page-78604 div#content div#container div#content-middle {
	padding-top: 204px !important;
}

	body.page-78604 div#content div#container div#content-middle h1 {
		padding-left: 10px;
	}

body.root-78604 div#topmenu table.topmenucontainer ul li a.level1-first {
	padding-left: 18px !important;
}

body.root-78604.editmode div#topmenu table.topmenucontainer ul li a {
	padding: 14px !important;
}

body.root-78604 div#content div#container div#content-main {
	margin-right: 0;
}

body.root-78604 div#zone-right {
	padding-top: 0 !important;
}

body.root-78604 div.navpath {
	margin-left: -25px;
	width: 504px;
}

div#zone-slideshow {
	height: 193px;
}

body.root-78604 div#content-header-theme {
	margin-left: -25px;
	position: absolute;
	overflow: hidden;
	height: 193px;
	width: 506px;
}

	body.root-78604 div#content-header-theme div.banner {
		height: 193px;
		width: 506px;
	}

body.page-78604 div#content-header-theme {
	margin-left: 0 !important;
}

body.root-78604 div#content div#container div#content-middle {
	padding: 60px 0 0 0; !important;
}

div.tmv3-token-Banner-149847 {
	display: none;
}

div#token-149847 table.tokenmenu-button {
	position: absolute;
}
