html, body {
	text-align: center;
}

body {
	background-image: url("/images/layout/bg.png");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #e9f9ff;
	font-size: 0.8em;
	font-family: verdana, helvetica, sans-serif;
}

div.contents p {
	margin-bottom: 1em;
}

div.container {
	width: 979px;
	margin: 0 auto;
	background-image: url("/images/layout/containerbg.png");
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #f7fcff;
	height: auto !important;
	height: 600px;
	min-height: 600px;
}


div.container div.header {
	height: 59px;
	margin: 0 15px;
	background-image: url("/images/layout/menubg.png");
	background-repeat: no-repeat;
	background-position: top center;
}

div.header div.logo {
	float: left;
	width: 170px;
	padding-top: 4px;
}

div.header div.menu {
	float: right;
}

div.menu div.menuitem {
	float: left;
	height: 59px;
	background-image: url("/images/layout/menudivider.png");
	background-repeat: no-repeat;
	background-position: center left;
}

div.menu div.menuitem a {
	color: #fff;
	display: block;
	line-height: 59px;
	padding: 0 25px;
	font-family: Trebuchet MS, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
}

div.container div.decorationpic {
	width: 956px;
	height: 199px;
	margin: 8px auto 0 auto;
	padding-top: 3px;
	background-image: url('/images/layout/decorationpicbg.png');
	background-repeat: no-repeat;
}

div.container div.contentcontainer {
	margin: 0 15px;
	text-align: left;
	margin-top: 10px;
	background-position: bottom left;
	background-image: url('/images/layout/fgcoa.png');
	background-repeat: no-repeat;
}

div.container div.submenu {
	float: left;
	width: 160px;
	padding-left: 18px;
	padding-top: 1.3em;
}

div.submenu div.subheader {
	font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;
	text-transform:uppercase;
	font-size: 1.5em;
	margin-bottom: 20px;
}

div.submenu div.subheader a {
	color: #3d3d3d;
	text-decoration: none;
}

div.submenu div.subheader span.firstletter {
	font-size: 1.4em;
}

div.submenu div.submenuitem {
	margin-bottom: 0.5em;
	padding-left: 0.9em;
	font-family: Trebuchet MS, helvetica, sans-serif;
}

div.submenu div.submenuitem div.submenulevel div.submenuitem {
	margin-bottom: 0;
}

div.submenu div.submenulevel  {
	margin-top: 0.5em;
}

div.submenu div.haschildren {
	background-image: url('/images/layout/submenuarrow.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div.submenu div.haschildrenopen {
	background-image: url('/images/layout/submenuarrowopen.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div.submenu div.submenuitem a {
	text-decoration: none;
	color: #4c6156;
}

div.submenu div.submenuitem a.active {
	color: #000000;
}

div.container div.rightarea {
	float: right;
	width: 750px;
	padding: 7px;
	border: 1px solid #b4b4b4;
	background-image: url('/images/layout/contentbg.png');
	background-position: top center;
	background-repeat: no-repeat; 
	background-color: #fff;
}

div.container div.contents {
	float: left;
	width: 447px;
	height: auto !important;
	height: 400px;
	min-height: 400px;
	padding-left: 23px;
	padding-top: 1.3em;
	padding-right: 20px;
}

div.container div.nonews div.contents {
	width: 700px;
}

div.container div.rightbar {
	float: right;
}

div.rightbar div.fgcoa {
	margin-top: 1em;
	text-align: center;
}

div.rightbar div.ajankohtaista {
	width: 226px;
	height: auto !important;
	height: 234px;
	min-height: 234px;
	padding: 50px 14px;
	border: 1px solid #b4b4b4;
	background-image: url('/images/layout/ajankohtaistabg.png');
	background-position: top center;
	background-repeat: no-repeat; 
	background-color: #eeeeee;
}

div.container div.footer {
	color: #64551c;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	padding: 6px 0;
	margin: 8px 15px 0 15px;
	text-transform: uppercase;
	font-family: Arial, helvetica, sans-serif;
	font-size: 0.8em;
}

iframe.varaustaulukko {
	border: none;
	width: 700px;
	height: 800px;
}

iframe.kilpailutaulukko {
	border: none;
	width: 700px;
	height: 800px;
}

/* etusivu */

body.es {
	background-image: url('/images/layout/etusivubg.png');
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #ffffff;
}

div.escontainer {
	padding-top: 4px;
}

div.escontainer div.etusivu {
	height: 600px;
	width: 949px;
	padding-top: 43px;
	background-image: url('/images/layout/eskuva.jpg');
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
}

div.escontainer div.etusivunew {
	background-image: url('/images/layout/eskuvanew.jpg');
}

div.etusivu div.esheader {
	background-image: url('/images/layout/esheaderbg.png');
	background-repeat: no-repeat;
	background-position: top left;
	border-top: 1px solid #fff;
}

div.etusivu div.logo {
	float: left;
}

div.etusivu div.esbox {
	width: 179px;
	height: 134px;
	float: left;
	margin-left: 5px;
	padding-top: 10px;
}

div.etusivu div.esbox div.label {
	text-align: right;
}

div.esfooter {
	color: #64551c;
	text-transform: uppercase;
	font-family: Arial, helvetica, sans-serif;
	font-size: 0.8em;
}

div.escontent {
	float: right;
	padding-top: 15px;
	font-size: 0.8em;
}

div.escontent div.esaukioloajat {
	width: 200px;
	height: 170px;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #999;
	overflow: hidden;
	float: left;
	text-align: right;
}

div.escontent div.esajankohtaista {
	width: 240px;
	height: 170px;
	margin-right: 115px;
	overflow: hidden;
	float: left;
	text-align: left;
}

div.escontent div.esak {
	margin-top: 1em;
}

div.escontent div.aukiolot {
	margin-top: 1em;
}

div.temperature {
	cursor: pointer;
}

div.etusivu div.temperature {
	position: absolute;
	width: 147px;
	height: 23px;
	padding-top: 30px;
	padding-left: 12px;
	background-image: url('/images/layout/saakentalla.png');
	background-repeat: no-repeat;
	margin-left: 777px;
	margin-top: 525px;
	color: #001e47;
	font-weight: bold;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1.2em;
	z-index: 10;
}

div.etusivu div.valleylink {
	position: absolute;
	margin-top: 430px;
	width: 210px;
	height: 158px;
}

div.etusivu div.valleylink a {
	display: block;
	width: 210px;
	height: 158px;
}

div.rightbar div.temperature {
	margin-top: 7px;
	width: 259px;
	height: 44px;
	padding-top: 65px;
	background-image: url('/images/layout/saakentalla2.png');
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #005e85;
	font-weight: bold;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1.4em;
}

/* gallery */
div.gallery div.galleryitem {
	float: left;
	width: 140px;
	padding: 5px;
	height: 130px;
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	position: relative;
	text-align: center;
}

div.gallery div.galleryitem div.description {
	font-style: italic;
	font-size: 0.8em;
	text-align: center;
	line-height: 1em;
	float: left;
	width: 140px;
	height: 30px;
	position: absolute;
	overflow: hidden;
	bottom: 0.5em;
}

div.kenttakartta {
	margin: 0 auto;
	width: 619px;
	position: relative;
}

div.kenttakartta div.infopoint {
	position: absolute;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-image: url("/images/layout/marker.gif");
}

div.kenttakartta div.infobox {
	position: absolute;
	width: 200px;
	height: 250px;
	padding: 0.5em;
	border: 3px double #999;
	overflow: auto;
	z-index: 10;
	cursor: pointer;
	background-color: #fff;
	opacity: 0.9;
	filter: alpha(opacity=90)
}

div.kenttakartta div.infobox h1 {
	margin-bottom: 0.5em;
}