body {
	font-family: Arial, Verdana, Tahoma, "Times New Roman";
	color: #000;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #E5E7E7;
}

p {
	margin: 0;
	padding-bottom: 12px;
}

a img {
	border: 0;
}

.richtext, .plaintext, .forum {
    font-family: Arial, Verdana, Tahoma, "Times New Roman";
    font-size: 12px;
}

.wrapper {
    width: 979px;
    margin: 0 auto;
    padding-top: 20px;
}

.plain .wrapper {
    background-color: #FFF;
    margin-top: 20px;
    padding: 0;
}

.plaincontent {
    padding: 20px;
    padding-bottom: 8px;
}

.header {
    height: 333px;
    width: 979px;
    position: relative;
}

.images {
    position: absolute;
    left: 0;
    top: 0;
    width: 979px;
    height: 333px;
    overflow: hidden;
}

.leftcorner {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.rightcorner {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.lang {
    position: absolute;
    right: 0;
    background-color: #A4CD40;
    padding: 8px 13px 8px 8px;
    z-index: 4;
}

.lang a {
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
}

.logo {
    width: 236px;
    height: 170px;
    background-image: url("/layout/kimppa/images/logo_bg.png");
    background-repeat: repeat-y;
    text-align: center;
    position: absolute;
    top: 9px;
    z-index: 2;
}

.main {
    background-image: url("/layout/kimppa/images/menu_bg.png");
    background-repeat: repeat-y;
    background-color: #FFF;
}

.main .left {
    padding: 20px;
    width: 196px;
    float: left;
    background-image: url("/layout/kimppa/images/subnavibg.png");
    background-repeat: repeat-y;
    position: relative;
    z-index: 10;
    margin-top: -145px;
}

.main .left_noimage {
    top: 0;
}

.subnavimargin {
    margin-top: 718px;
}

.subnavi ul {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 20px;
}

.subnavi ul li {
    height: 23px;
    padding-left: 6px;
    padding-top: 5px;
    width: 196px;
    margin-bottom: 3px;
    background-color: #D3E5F1;
}

.subnavi ul li a, .sidebar a {
	font-size: 13px;
	color: #000;
	text-decoration: none;
}

.subnavi ul li.selected, .subnavi ul li:hover {
	background-color: #E3EFF3;
}

.sidebar {
	padding-left: 6px;
	margin-bottom: 5px;
}

.main .right {
    float: left;
    width: 734px;
}

.mainnavi {
    background-image: url("/layout/kimppa/images/mainmenubg.png");
    background-repeat: repeat-x;
    height: 27px;
    left: 9px;
    margin-top: -42px;
    padding-left: 7px;
    padding-top: 11px;
    position: relative;
    top: -5px;
    width: 718px;
    z-index: 3;
}

.mainnavi_noimage {
    left: 0;
    margin-top: 10px;
    padding-left: 34px;
    width: 709px;
}

.mainnavi a {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
    text-decoration: none;
}

.mainnavi a:hover, .mainnavi a.active {
    color: #28472D;
}

.vapaatmokit {
    background-color: #A4CD40;
    padding: 5px !important;
    /*margin-left: 50px*/
}

a.vapaatmokit {
    color: #252525;
}

.maincontent {
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 40px;
    width: 580px;
}

.home .maincontent {
    width: 665px;
}

.homecontent {
    float: left;
    width: 500px;
}

.homegallery {
    float: left;
    width: 160px;
    text-align: right;
}

.english {
    margin-top: 30px;
    width: 440px;
    float: left;
    padding-right: 20px;
}

.englishwide {
    width: 545px;
}

.inner .maincontent {
    width: 695px;
}

.inner .mainbody {
    width: 440px;
    float: left;
    padding-right: 20px;
}

.inner .mainbodywide {
    width: 545px;
}

.innerwide .maincontent {
    padding-left: 10px;
    padding-top: 20px;
    width: 720px;
}

.innerwide .mainbody {
    width: 720px;
}

.productinfo {
    float: left;
    width: 230px;
}

.calendar {
    width: 230px;
    padding-top: 20px;
}

.englishinfo .calendar {
    padding-top: 40px;
}

.homeimgs {
    float: right;
    width: 180px;
}

.prices {
    width: 230px;
    padding-top: 20px;
}

.cottageimg {
    float: left;
    width: 390px;
    margin-right: 15px;
    overflow: hidden;
}

.cottagecalendar {
    float: left;
    width: 245px;
}

.cottageinfo {
    padding-top: 15px;
    margin-bottom: 15px;
}

input.syote, textarea.syote {
    width: 250px;
}

input, select, textarea {
    font-family: Arial, Verdana,  Tahoma, "Times New Roman";
    font-size: 12px;
}

.bottomimgs {
	overflow:hidden;
	width:979px;
	height:150px;
	background-color: #FFF;
}

#nav_left {
	padding-top:65px;
	padding-left:8px;
	cursor:pointer;
	float: left;
}

#nav_right {
	padding-top:65px;
	padding-right:8px;
	cursor:pointer;
	float: left;
}

.disabled #nav_left, .disabled #nav_right {
    cursor: auto;
}

.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 907px;
  height:118px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}

.icons {
	height: 118px;
    overflow: hidden;
    width: 907px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 20px;
    float: left;
    text-align: center;
}

.icon {
	background-color: #DFE9E3;
    display: inline-block;
    height: 118px;
    overflow: hidden;
    padding-left: 12px;
    width: 115px;
    text-align: left;
    margin-right: 3px;
}

.productimg  {
    width: 95px;
    height: 77px;
    overflow: hidden;
    padding-left: 5px;
}

.itemTitle {
    padding-top: 4px;
    padding-bottom: 8px;
    padding-left: 5px;
    white-space: nowrap;
}

.itemTitle a {
    text-decoration: none;
    color: #294724;
    font-size: 10px;
    font-weight: bold;
}


.footer {
    background-color: #FFF;
    color: #666;
    font-size: 12px;
    height: 50px;
    text-align: center;
    width: 979px;
}

.copyright {
    width: 802px;
    float: left;
    padding-top: 10px;
}

.copytext {
    width: 300px;
    margin: 0 auto;
    padding-left: 160px;
}

.info {
    width: 176px;
    float: left;
    text-align: left;
    padding-top: 6px;
}


.wide {
	width: 977px;
	background-color: #C5D6EB;
	margin-top: 10px;
	border: 1px solid #FFF;
	margin-bottom: 20px;
	background-image: url("/layout/kimppa/images/widemiddlebg.jpg");
	background-repeat: repeat-y;
}

.wide .jalustaC1, .wide .jalustaC2, .wide .jalustaC3 {
    font-family: "Monotype Corsiva" !important;
    color: #284B77;
}

.wide, .wide .richtext, .wide .jalustaLeipis {
	color: #284b77;
	font-size: 12px;
	line-height: 1.4;
}

.wide .column1, .wide .column1 .richtext, .wide .column1 .jalustaLeipis, .wide .column3, .wide .column3 .richtext, .wide .column3 .jalustaLeipis {
	color: #284b77;
	font-size: 11px;
	line-height: 1.4;
}

.column1 {
	float: left;
	width: 209px;
	padding: 15px 15px 0 15px;
}

.column2 {
	float: left;
	width: 469px;
	padding: 15px 15px 0 15px;
	text-align: center;
}

.column3 {
	float: left;
	width: 209px;
	padding: 15px 15px 0 15px;
}

.widetop {
	background-image: url("/layout/kimppa/images/widetopbg.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}

.widetop .column2 {
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	width: 459px;
}

.widemiddle .column2 {
	padding-left: 25px;
	padding-right: 25px;
	width: 449px;
	padding-bottom: 10px;
}

.widebottom .column2 {
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	width: 449px;
}

.widebottombg {
	background-image: url("/layout/kimppa/images/widebottombg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 64px;
}

.column2 .jalustaH1 {
	font-size: 18px;
	color: #274B77;
	font-weight: normal;
}

.column2 .jalustaH2 {
	font-size: 14px;
	color: #274B77;
	font-weight: normal;
}

.column2 .jalustaH3 {
	font-size: 12px;
	color: #8A94BF;
	font-weight: normal;
}

.column1 .jalustaH1, .column3 .jalustaH1 {
	font-size: 14px;
	color: #274B77;
	font-weight: bold;
}

.column1 .jalustaH2, .column3 .jalustaH2 {
	font-size: 12px;
	color: #274B77;
	font-weight: normal;
}

.column1 .jalustaH3, .column3 .jalustaH3 {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
}





.clearDiv {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
    height: 1px;
    margin-bottom: -1px;
    width: 1px;
}

.left .jalustaH1 {
    color: #1D435A;
    font-size: 17px;
    font-weight: bold;
}


.body, .body .richtext, .body .leipis, .body .jalustaLeipis, .body .j_td, .body .j_datastream {
	font-size: 12px;
	font-family: Arial, Verdana,  Tahoma, "Times New Roman";
	color: #000;
	line-height: 130%;
}

.body .jalustaH1 {
	font-size: 21px;
	font-family: Arial, Verdana,  Tahoma, "Times New Roman";
	color: #668060;
	font-weight: bold;
	line-height: 120%;
}

.body .jalustaH2 {
	font-size: 19px;
	font-family: Arial, Verdana,  Tahoma, "Times New Roman";
	color: #668060;
	font-weight: normal;
	line-height: 130%;
}

.body .jalustaH3 {
	font-size: 12px;
	font-family: Arial, Verdana,  Tahoma, "Times New Roman";
	color: #668060;
	line-height: 130%;
	font-weight: bold;
}

.body .jalustaIngressi {
	font-size: 14px;
	font-family: Arial, Verdana,  Tahoma, "Times New Roman";
	color: #668060;
	font-weight: bold;
	line-height: 130%;
}

.body .jalustaC2 {
	color: #666;
}

.body a, .body a:visited  {
	font-family: Arial, Verdana,  Tahoma, "Times New Roman";
	color: #6C9E21;
}

.body a:hover, .body a:active {
	text-decoration: none;  
	font-family: Arial, Verdana,  Tahoma, "Times New Roman";
	color: #6C9E21;
}

.body .jalustaC3 {
        font-size: 11px;
}

.gallery {
    font-size: 10px !important;
}