@charset "utf-8";
/* CSS Document */

/*********************************************************************

CSS RESET

**********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
}
ol, ul { list-style-type: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*********************************************************************

FONTS

**********************************************************************/



h1 { 
	font: 26px Georgia, Tahoma, Arial;
	letter-spacing:1px;
	color:#474747;
	background-color:#fff;
	display:inline;
	margin:0 0 0 20px;
	padding:0 10px;
	line-height:26px;
}

h2 {
	font:bold 18px 'Trebuchet MS', Tahoma, Arial;
	color:#474747;
	line-height:20px;
	margin:0 0 10px 0;
}
#mainContent h2 a {
	color:#468ac1;
	text-decoration:none;
}
#mainContent h2 a:hover {
	text-decoration:underline;
}

h3 { 
	font:bold 16px 'Trebuchet MS', Tahoma, Arial;
	color:#474747;
	line-height:20px;
	margin:0 0 10px 0; 
	}

#mainContent p{
	font-size:13px;
	line-height:22px;
	margin:0 0 15px 0;
}

#mainContent a{
	color:#1a83d3;
	text-decoration:underline;
}
#mainContent a:hover{
	text-decoration:none;
}
#headingBg {
	background: transparent url('../images/sprite01.png') no-repeat left;
	background-position: 0 -45px;
	margin: 0 0 10px 0;
}
#mainContent ul {
	font-size: 13px;
	margin: 0 0 20px 30px;
}
#mainContent ul li{
	padding: 0;
	margin: 0 0 5px 0;
	list-style-type:disc;
}
/*********************************************************************

BODY LAYOUT

**********************************************************************/

html, body {
	height: 100%;
	background: #c5e8ff;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #c5e8ff url('../images/bg-header-fin.jpg') repeat-x top;
	margin: 0;
	padding: 0;
	color: #444;
	cursor:default;
	margin-left: -.1px;
	}
body#en {
	background: #c5e8ff url('../images/bg-header-en.jpg') repeat-x top;
	}
#outerWrapper {
	width:100%;
	height:100%;
	text-align: center;
}
#innerWrapper {
	width:960px;
	margin:0 auto;
	text-align: left;
}
#header {
	float:left;
	width:960px;
	height:220px;
}
.logo a {
	display:block;
	width:178px;
	height:65px;
	margin-top:120px;
	float:left;
	text-decoration:none;
}
.logo span {
	visibility:hidden;
}
.weather a{
	visibility:hidden;
	/*display:block;
	width:205px;
	height:35px;
	float:right;
	text-decoration:none;
	background: transparent url('../images/sprite01.png') no-repeat 0 0;
	background-position: 0 -832px;*/
}
body#en .weather a{
	background-position: -215px -832px;
}
.weather span {
	visibility:hidden;
}
#contentWrapper {
	float:left;
	width:960px;
	background: #fff url('../images/bg-content.png') repeat-x 0 0;
	min-height:100px;
	z-index:100;
	position:relative;
	cursor:auto;
}

body.frontpage #contentWrapper {
	background-image:none;

}
#mainContent {
	padding:25px 30px 10px 30px;
	float:left;
	width:640px;
	min-height:400px;
}

/*********************************************************************

MAIN NAVIGATION

**********************************************************************/

#navigation {
	background: #d88500 url('../images/sprite01.png') no-repeat 0 0;
	background-position: 0 -220px;
	float:left;
	width:960px;
	height:32px;
}
#navigation ul {
	list-style-type: none;
	height: 32px;
	background: transparent url('../images/bg-menuitem-left.png') no-repeat right;
	padding:0 1px 0 0;
	float:left;
}
#navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: bold 12px Arial, Tahoma, Helvetica;
}
#navigation ul li a { 
	background: transparent url('../images/bg-menuitem-left.png') no-repeat 0 0;
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height:32px;
	padding:0;
	cursor:pointer;
}
#navigation ul li a.active { 
	background: transparent url('../images/bg-menuitem-active-left.png') no-repeat 0 0;
	padding:0 0 0 1px;
}

#navigation ul li a:hover { 
	color: #ffeabe;
}
#navigation ul li a span{ 
	background: transparent url('../images/bg-menuitem-right.png') no-repeat right;
	height:32px;
	padding:0 12px;
	float: left;
}
#navigation ul li a.active span{ 
	background: transparent url('../images/bg-menuitem-active.png') repeat-x 0 0;
}

#navigation ul li#menu-main-1 a span, #navigation ul li#menu-main-50 a span {
	visibility:hidden;
	padding:0;
}

#navigation ul li#menu-main-1 a, #navigation ul li#menu-main-50 a { 
	background: transparent url('../images/sprite01.png') no-repeat 0 0;
	background-position: 0 -94px;
	width:47px;
}
#navigation ul li#menu-main-1 a.active, #navigation ul li#menu-main-1 a.active:hover, #navigation ul li#menu-main-50 a.active, #navigation ul li#menu-main-50 a.active:hover { 
	background: transparent url('../images/sprite01.png') no-repeat 0 0;
	background-position: 0 -158px;
	width:46px;
	margin:0;
}
#navigation ul li#menu-main-1 a:hover, #navigation ul li#menu-main-50 a:hover  { 
	background-position: 0 -126px;
}
#language {
	float:right;
	background: transparent url('../images/bg-menuitem-left.png') no-repeat left;
	height:32px;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:93px;
	padding:0 0 0 12px;
	}
#language a {
	color:#5e3a00;
	text-decoration:none;
}
#language a:hover {
	text-decoration:underline;
}
#language a.langEn {
	background: transparent url('../images/sprite01.png') no-repeat left;
	background-position: 0 -895px;
	padding:0 0 0 21px;
}
#language a.langFi {
	background: transparent url('../images/sprite01.png') no-repeat left;
	background-position: 0 -937px;
	padding:0 0 0 21px;
}


/*********************************************************************

BREAD CRUMB

**********************************************************************/

#breadcrumb {
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	line-height:22px;
	height:24px;
	width:944px;
	background: #794a01 url('../images/bg-breadcrumb.png') repeat-x 0 100%;  /* kesa */
	/*background: #014778 url('../images/bg-breadcrumb.png') repeat-x 0 100%; talvi */
	float:left;
	padding:0 8px;
	color:#fbc36c; /*kesa */
	/*color:#c5e8ff; talvi */
}
#breadcrumb a{
	/*color:#daa95d; kesa*/
	color:#c5e8ff;
	text-decoration:none;
	padding:0 0 0 1px;
}
#breadcrumb a:hover{
	text-decoration:underline;
	/*color:#eda607; kesa*/
}
.currentCrumb {
	/*color:#e9ddcc; kesa*/
	color:#fff;
	padding:0 0 0 1px;
}

/*********************************************************************

SUB NAVIGATION

**********************************************************************/
#sidebar {
	background: #fff url('../images/bg-sidebar.png') no-repeat bottom;
	width:260px;
	padding:0 0 160px 0;
	float:left;
	margin-bottom:15px;
	}
#subNavigation {
	float:left;
}
#subNavigation ul { 
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold; 
	list-style-type: none;
	float:left;
}
#subNavigation li {	
	width:260px;
	float:left;
}
#subNavigation li a { 
	background: #2472a4 url('../images/sprite01.png') no-repeat 0 0;
	background-position: 0 -712px;
	color: #fff; 
	display: block; 
	padding: 7px 35px 7px 8px; 
	text-decoration: none;
}
#subNavigation li a:hover { 
	background: #2472a4 url('../images/sprite01.png') no-repeat 0 0;
	background-position: 0 -592px;
}
#subNavigation li.active a { 
	background: #548605 url('../images/sprite01.png') no-repeat 0 0;
	background-position: 0 -472px;
}

#subNavigation ul ul{ 
	font: 12px Arial, Helvetica, sans-serif;
	background: #fff url('../images/bg-subnav-l2-ul.png') repeat-y 100% 0;
	list-style-type: none; 
	font-weight:bold;
	float:left;
	padding:10px 0;
	width:260px;
}
#subNavigation li li a, #subNavigation li li.active a, #subNavigation li li.last a { 
	background: transparent url('../images/bg-subnav-l2.gif') no-repeat 0 5px; 
	color: #444;
	line-height:16px;
	padding: 0 0 4px 10px;
	display: block;
} 
#subNavigation li li a:hover, #subNavigation li li.active a:hover {
	text-decoration:underline;
	background: transparent url('../images/bg-subnav-l2.gif') no-repeat 0 5px;
}
#subNavigation li li { 
	background: transparent url('../images/bg-subnav-l2-li.gif') repeat-x bottom; 
	width:225px;
	margin: 0 0 5px 15px;
}


/*********************************************************************

ETUSIVUN LAYOUT

**********************************************************************/

#intro {
	width:900px;
	height:120px;
	float:left;
	display:block;
	background: #5a3700 url('../images/bg-intro.jpg') no-repeat 0 0px;
	padding:35px 30px;
	color:#fef4d8; /*kesa*/
	/*color:#e6f5ff;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	}
#introTxt {
	width:490px;
	float:left;
	}
body#fi #intro h3.intro {
	background: url("../images/h3-intro-fin.png") no-repeat 0 0;
	height:29px;
	margin:0 0 0 0;
	color:#fff;
	font-weight:normal;
	width:477px;
	float:left;
	text-indent: -9999px;
}
body#en #intro h3.intro {
	background: url("../images/h3-intro-en.png") no-repeat 0 0;
	height:29px;
	margin:0 0 0 0;
	color:#fff;
	font-weight:normal;
	width:472px;
	float:left;
	text-indent: -9999px;
}
#intro p.intro {
	line-height:22px;
	float:left;
	}
#introGallery {
	overflow: hidden;
	border: 1px solid #eeedec;
	width:300px;
	display:block;
	}
.pics { height: 150px; width: 232px; overflow: hidden; float:left; margin:-24px 0 0 107px;}
.pics img { height: 150px; width: 225px; background-color: #fff; top:0; left:0 }

body.frontpage #sidebar {
	width:315px;
	background-image:none;
	background: transparent;
	padding:20px 0 0 30px;
	}
body.frontpage #mainContent.news {
	width:555px;
	}
/*body#en #mainContent.news {
visibility:hidden;
text-indent:-9999px;
}
body#en #sidebar {
width:960px;
padding:20px 10px;
height:300px;
}

body.frontpage #headingBg {
	background: transparent url('../images/sprite01.png') no-repeat left;
	background-position: 0 -15px;
	margin: 0 0 10px 0;
}*/
/*********************************************************************

AJANKOHTAISTA

**********************************************************************/

.date {
	font: 11px Arial, Helvetica, sans-serif;
	color:#898989;
	padding-left:20px;
	margin:-20px 0 0 0;
	background: transparent url('../images/icon-date.gif') no-repeat left;
}
.news h2 {
	font:bold 18px 'Trebuchet MS', Tahoma, Arial;
	color:#474747;
	line-height:20px;
	margin:0 0 0 0;
}
body#en .news h2 {
	margin:10px 0 15px 0;
	color:#4587c1;
}
a.newsArchive span, a.newsReturn span{
	font-size:12px;
	text-decoration:none;
	color:#4587c1;
	margin-top:-15px;
	display:block;
}
a.newsArchive:hover span{
	text-decoration:underline;
}


/*********************************************************************

KUVAGALLERIA

**********************************************************************/

#mainContent ul.thumbs li {
	list-style-type:none;
}
#mainContent ul.thumbs {
	margin:10px 0 0 0;
}
#mainContent ul.thumbs a { text-decoration:none; color:#333;}
.thumbscontainer ul { margin: 0; padding: 0; }
#mainContent .gallery-item { 
	background: #f8f7f5;
	border: 1px solid #eeedec; 
	float: left;
	min-height: 210px;
	padding: 10px 5px;
	width: 172px;
	width/**/:/**/ 190px;
	text-align:center;
	display:block;
	margin:0 5px 10px 0;
}
#mainContent .gallery-item-image img {
	background: #fff;
	border: 1px solid #e7e6e3;
	float: none;
	margin: 0 auto;
	overflow: visible;
	padding: 4px;
}
#mainContent p.gallery-item-description {
	line-height: 16px;
	margin: 15px 1px 5px;
	text-align: left;
}
/*********************************************************************

FOOTER

**********************************************************************/


#footer {
	width:100%;
	background: #c5e8ff url('../images/bg-body.jpg') repeat-x top;
	height:276px;
	z-index:1;
	position:relative;
	margin:-300px 0 0 0;
	padding:300px 0 0 0;
	text-align:center;
	color:#fff;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	line-height:20px;
}
#footer a {
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border-right: 1px solid #fff;
	padding:0 10px 0 8px;
	line-height:18px;
}
#footer a:hover {
	text-decoration:underline;
}

#footerWrapper {
	width:945px;
	margin: 0 auto;
	text-align:left;
	padding:18px 0 0 15px;
}
#footerNavigation {
	width:930px;
	display:block;
	margin: 0 auto;
	clear:both;
	text-align:left;
	float:left;
	height:200px;
}
#footerNavigation ul {
	list-style-type: none;
	height: 28px;
	padding:0;
	float:left;
}
#footerNavigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: bold 12px Arial, Tahoma, Helvetica;
}
.copyright {
	float:right;
	display:block;
	margin:2px 5px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #fff;
	line-height:16px;
}
#footer a.site-by span { position: absolute; top: 0; left: -9000px; height: 0;}
#footer a.site-by  {
	border:none;
	display:block;
	height:25px;
	width:30px;
	float:right;
}
#companies {
	float:left;
	width:900px;
	height:125px;
	margin:30px 0 0 30px;
}
#companies a span { position: absolute; top: 0; left: -9000px; height: 0;}
#companies a {	border:none; display:block;	float:left;	margin-bottom:10px; height:60px;}
a.eden {
	width:130px;
}
a.nallikari-camping {
	width:85px;
	margin-left:50px;
}
a.tuulen-vaarti {
	width:90px;
	margin-left:40px;
}
a.vauhtipuisto {
	width:85px;
	margin-left:40px;
}
a.nallisport {
	width:110px;
	margin-left:40px;
}
a.pohto {
	width:50px;
	margin-left:40px;
}
a.hietasaari {
	width:55px;
	margin-left:140px;
}
a.aleniuksen-puutarha {
	width:160px;
	margin-left:35px;
}
a.lentojatka {
	width:80px;
	margin-left:40px;
}
a.tanssimajakka {
	width:105px;
	margin-left:40px;
}

/*********************************************************************

LINK STYLING

**********************************************************************/

#mainContent a.linkkiPainike {
	font-family:Tahoma, Arial, Helvetica;
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	line-height:19px;
	padding: 0px 20px 0 6px; 
	width: auto; 
	background: #5798cf url('../images/bg-linkbutton.png') no-repeat right;
	border-left: 1px solid #488ac3;
	display:block;
	float:left;
	margin:0 0 20px 0;
}
#mainContent a.linkkiPainike:hover {
	color:#e0f1ff;
}


/*********************************************************************

FORMS

**********************************************************************/


fieldset {
	border: 0;
	margin: 0 0 1em 0;
	position: relative;
	clear: both;
	display: block;
}
option { border: 0; padding: 1px 2px; }
select { border: 1px solid #ccc; padding: 0; }
form { font: 12px Arial, Helvetica, sans-serif; color: #3a3a34; }
form .form-row { clear: both; display: block; margin: 5px 0; }
form .whitespace { margin: 20px 0 10px; }
form label { display: block; padding-top: 4px; position: absolute; width: 200px; }
form label.rating { display: block; float: left; padding-top: 4px; position: static; width: 90%; }
form label#contact-label-indented { float: none; margin: 20px 0 10px; position: static; width: auto; }
form label .required { color: #cc0000; font: bold 11px Tahoma, Arial, Helvetica }
form .form-row input { margin-left: 220px; }
form input.field,

form textarea { 
	background: #fafafa; 
	border: 1px solid #d7d6d2; 
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	margin-left: 220px; 
	padding: 4px; 
	width: 300px; 
}
form .form-row input.inline-field {
	background: #fafafa; 
	border: 1px solid #d7d6d2; 
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	margin-left: 10px; 
	padding: 4px; 
	width: 150px; 
}
form input.field:focus, #contact-form input.field.over, 
form .form-row input.inline-field:focus, form .form-row input.inline-field.over,
form textarea:focus, #contact-form textarea.over { background: #fff; }
form input.field { }
form textarea { height: 100px; }

form button { 
	background-color: #eae8e2;
	border: 1px solid;
	border-color: #d7d4ca #b5af9f #b5af9f #d7d4ca;
	color: #796e59;
	cursor: pointer;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif; 
	margin-left: 220px; 
	padding: 7px;
}
form button:hover { background-color: #f0efea; }
form button:focus { 
	background-color: #dddbd3; 
	border-color: #b5af9f #d7d4ca #d7d4ca #b5af9f;
}
form .errors { 
	background: #f3e9e9 url('../images/sprite-elements.png') no-repeat -412px 7px; 
	border: 1px solid #e8cdcd; 
	color: #3a3a34;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0 0 20px;
	padding: 10px 10px 10px 50px; 
}


/*********************************************************************

SPECIAL STYLES

**********************************************************************/

.hidden { position: absolute; height: 0; top: -9000px; left: -9000px; }
.kuva-vasen { display: block; float: left; margin: 0 25px 20px 0;}
.kuva-oikea { display: block; float: right; margin: 0 0 20px 25px; }
.kuva-keskitetty { display: block; margin: 1px auto; }

.clearfix { clear: both; height: 0px; }

div.horRule {
	height: 1px;
	background: url('../images/bg-hr.gif') repeat-x bottom left;
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
}
div.horRule hr {
	display: none;
}

#media-login p {
line-height:18px;
margin:10px 0 2px 0;
padding:0;
}

#media-login-submit  {
margin:15px 0 0 0;
}

#mainContent .gallery-item-image .hi-res {
color:#1a83d3;
text-decoration:underline;
font-size:11px;
}