html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

html, body {
height: 100%;
padding: 0;
margin: 0;
border: none;
}

.FCK_content {
areas: 1;
background: #fff;
font: 500 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
font: 500 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body.summer { background: #a1abb4 url(img/bg_summer.jpg) no-repeat fixed bottom center; }
body.autumn { background: #9998a0 url(img/bg_autumn.jpg) no-repeat fixed bottom center; }
//body.autumn { background: #ffffff url(img/bg_autumn.jpg) no-repeat fixed bottom center; }
body.winter { background: #d0d2d7 url(img/bg_winter.jpg) no-repeat fixed bottom center; }
body.spring { background: #747f83 url(img/bg_spring.jpg) no-repeat fixed bottom center; }


img { border: none; }

a {
color: #007ec6;
}

a:hover {
color: #00a2e4;
}

h1 {
font: 500 24px/28px Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 15px 0 5px 0;
color: #606468;
}

h2, .sideBox .mainTitle, #nmNews_uutiset .mainTitle {
font: 500 20px/20px Georgia, "Times New Roman", Times, serif;
color: #606468;
padding: 20px 0 5px 0;
}

.sideBox .mainTitle {
padding: 20px 10px 5px 10px;
}

h3, .sideBox .title, #nmNews_uutiset .title  {
font: 700 13px/18px Georgia, "Times New Roman", Times, serif;
color: #606468;
padding: 5px 0;
}

.sideBox .title {
padding: 5px 10px;
}

.wwebnr {
padding-top: 20px;
}

#content ul {
list-style: none;
padding: 10px 5px;
margin: 0;
}


#content li {
padding: 0 0 0 15px;
margin: 0;
background: url(img/li.gif) no-repeat left top;
}

#content li a {
font-weight: bold;
}


#centerWrap {
width: 100%;
min-height: 100%;
text-align: center;
background: url(img/wrap_bg.png) repeat-y center center;
margin: 0;
padding: 0;
border: none;
}

#wrap {
width: 752px;
min-height: 110%;
text-align: left;
padding: 0 14px;
margin: 0 auto;
border: none;
}

#logo {
padding: 20px 15px;
background: #fff;
}

#text_container {
padding: 0 5px;
}

#content {
width: 472px;
padding: 10px;
float: left;
background: #fff;
}

.clearall {
width: 100%;
clear: both;
height: 1px;
padding: 0;
margin: 0;
border: none;
font-size: 1px;
line-height: 1px;
}

/* MOOTOOLS MENUN MUOTOILUT */

#kwicks_container { 
	background: url(img/kwick_bg.png) right;
	height: 50px;
	width: 747px;
	border-left: 5px solid #fff;
	border-bottom: 4px solid #fff;
	}

#kwicks_container ul {
	padding: 0;
	margin: 0;
	}

#kwicks_container ul li {
	padding: 0;
	margin: 0;
	}

#kwicks .kwick a {
	display: block;
	text-decoration: none;
	height: 50px;
	}
	

#kwicks_container ul li a span {
	visibility: hidden;
	}

#kwicks {
	position: relative;
	}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 120px;
	height: 50px;
	}
 
#kwick_butA { background: url(img/but_1.png) left; border-right: 4px solid #fff; }
#kwick_butB { background: url(img/but_2.png) left; border-right: 4px solid #fff; }
#kwick_butC { background: url(img/but_3.png) left; border-right: 4px solid #fff; }
#kwick_butD { background: url(img/but_4.png) left; border-right: 4px solid #fff; }
#kwick_butE { background: url(img/but_5.png) left; border-right: 4px solid #fff; }
#kwick_butF { background: url(img/but_6.png) left; }

span.clr {
	display: block;
	clear: both;
}

/* MOOTOOLS MENUN MUOTOILUT LOPPUVAT */

/* MY_SLIDESHOW */

#my_slideshow {
width: 492px;
height: 262px;
float: left;
}

div.slideshow p {
padding-top: 9px;
}

div.slideshow ul {
background: url(img/theme_mask.png) no-repeat bottom left;
bottom: 0px;
left: 0px;
display: block;
width: 100%;
position: absolute;
overflow: hidden;
z-index: 10001;
margin: 0;
padding: 0;
}

div.slideshow ul a {
cursor: pointer;
display: block;
height: 58px;
width: 1px;
padding: 0;
margin: 0;
}

div.slideshow ul li {
float: right;
list-style: none;
} 

/* MY_SLIDESHOW LOPPUU */




/* NEWS & CONTACT BOX */

#contactBox .content {
font-size: 11px;
padding: 0 10px;
}

.sideBox {
float: right;
width: 245px;
}

.sideBox .mainTitle {
padding: 30px 10px 5px 10px; !important
}

#nmPreview_uutiset .mainTitle {
background: url(img/nmPreview_header.png) no-repeat bottom;
}

#newsletterBox .mainTitle {
background: url(img/feMail_header.gif) no-repeat bottom;
}

.sideBox .date {
display: none;
}

.sideBox .ingress {
font: 500 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0 10px;
}

.sideBox .readmore a {
font: 700 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 3px 10px 3px 25px;
background: url(img/arrow.png) no-repeat left center;
text-decoration: none;
}

.sideBox .footer {
height: 10px;
background: url(img/hr.png) repeat-x bottom left;
}

/* NEWS LOPPUU */



/* GMPREVIEW */

#gmPreview_kuvagalleria .mainTitle {
background: url(img/gmPreview_header.png) no-repeat bottom;
}

#gmPreview_kuvagalleria .content {
background: url(img/gmPreview_bg.png) no-repeat top center;
padding: 14px 0 31px 0;
height: 149px;
text-align: center;
}

#gmPreview_kuvagalleria .readmore {
text-align: center;
}

/* GMPREVIEW LOPPUU */

/* FOOTER */

#footer {
width: 492px;
float: left;
background: #f2f2f3 url(img/footer_bg.png) no-repeat top;
padding: 50px 0 20px 0;
text-align: center;
font: 500 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #606468;
margin: 0;
}

/* FOOTER LOPUU */

/* TEEMAKUVA */

.teemakuva {
margin: -10px 0 0 -10px;

}

.teemakuva_mask {
margin: -57px 0 0 0;
}

/* SUBMENU */

#menuSubVertical .mainTitle {
background: url(img/submenu_header.png) no-repeat bottom;
}

#menuSubVertical ul {
padding: 0;
margin: 0;
list-style: none;
}

#menuSubVertical ul li {
padding: 4px 0;
margin: 0;
background: url(img/hr.png) repeat-x bottom;
}

#menuSubVertical ul li ul li {
padding: 4px 0 0 10px;
margin: 0;
background: none;
}


#menuSubVertical a {
font: 700 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 4px 10px 4px 25px;
background: url(img/arrow.png) no-repeat left center;
text-decoration: none;
}

#menuSubVertical .footer {
background: none;
}

li.selected a {
color: #00a99d;
}

li.selected li a {
color: #007ec6;
}

li.selected li a:hover {
color: #00a2e4;
}

/* SUBMENU LOPPUU */


/* SIVUJEN MUOTOILUT */

.birdGroups {
background: url(img/tour_group.jpg) no-repeat center center;
padding: 20px 10px;
height: 110px;
}

.birdIndi {
background: url(img/tour_indi.jpg) no-repeat center center;
padding: 20px 10px;
height: 110px;
}

#photo_album_gmGallery .item {
height: 152px;
padding: 15px;
margin: 5px 0;
background: url(img/album_bg.gif);
}

#photo_album_gmGallery .image {
float: right;
width: 152px;
height: 152px;
text-align: center;
line-height: 152px;
vertical-align: middle;
}

#photo_album_gmGallery .image img {
padding: 1px;
border: 1px solid #dce0df;
vertical-align: middle;
}

.imgThumbWrap img {
padding: 1px;
border: 1px solid #fff;
vertical-align: middle;
}

#photo_album_gmGallery .title {
padding: 40px 0 0 10px;
font: 700 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#photo_album_gmGallery .content {
font: 500 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0 0 0 10px;
}

#photo_album_gmGallery .image img:hover, .imgThumbWrap img:hover {
border: 1px solid #00a2e4;
}

.imgThumbWrap {
width: 150px;
height: 150px;
float: left;
line-height: 150px;
text-align: center;
vertical-align: middle;
background: url(img/thumbwrap_bg.gif) no-repeat center center;
}

/* Uutiset */

#nmNews_uutiset .mainTitle {
font: 500 24px/28px Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 15px 0 5px 0;
color: #606468;
}

#nmNews_uutiset .date {
font-size: 11px;
}

#nmNews_uutiset .ingress {
font-size: 13px;
font-style: italic;
}

#nmNews_uutiset .gotoTop a {
font-weight: bold;
font-size: 11px;
}




/* FORM */

fieldset {
margin: 10px 0 0 0;
padding: 10px 1%;
border: 1px dotted #999;
}

fieldset fieldset {
clear: left;
margin: 10px 1%;
width: 99%;
}

legend {
background: #fff; /* TAUSTAN V?I */
padding: 0 1%;
font: 900 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

label {
width: 48%;
display: block;
float: left;
font: 700 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 1%;
}

input, textarea, select {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid #9ab;
background: #f5f7f9;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus {
background: #eef0f2;
border: 1px solid #678;
}

.label1col, .cb1col { width: 99%; }
.label2col, .cb2col { width: 49%; }
.label3col, .cb3col { width: 32.3%; }
.label4col, .cb4col { width: 24%; }

.label1col input, .label1col select, .label1col textarea { width: 98%; }
.label2col input, .label2col select, .label2col textarea { width: 96%; }
.label3col input, .label3col select, .label3col textarea { width: 94%; }
.label4col input, .label4col select, .label4col textarea { width: 92%; }

.cb1col, .cb2col, cb3col, cb4col { cursor: pointer; cursor: hand; float: left; }
.cb1col input, .cb2col input, cb3col input, cb4col input { 
display: inline; 
padding: 0;
margin-right: 5px;
vertical-align: bottom;
width: auto;
border: none;
background: none;
}

.formButtons {
padding: 10px;
text-align: center;
}

.submitImage input, .navImage input {
border: none;
width: auto;
margin: 0 5px;
background: none;
cursor: pointer;
cursor: hand;
display: inline;
}

.submitButton button, .navButton button {
border: 3px double #147;
background: #369;
padding: 3px 10px;
width: auto;
color: #fff;
cursor: pointer;
cursor: hand;
margin: 0 5px;
display: inline;
}

.submitButton button:hover, .navButton button:hover {
border: 3px double #369;
background: #58b;
}

.fieldsetIngress {
font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 10px 1%;
}

.warningText {
border: 1px dotted #cf839e;
background: #feeef4;
padding: 5px 2%;
font-size: 11px;
font-weight: bold;
}

.warning {
border: 1px solid #cf839e;
background: #feeef4;
}

/* END OF FORM */