body {
    font-size: 0.75em;
}

.Normal {
    font-size: 1.0em;
}

body.Normal {
    font-size: 0.75em;
}

.clearer {
    clear: both;
}

#Form {
    height: auto !important;
    margin: 0 !important;
}

body, table thead, table th, table tfoot, table td,
blockquote, input, textarea, .Normal
{
    font-family: Verdana, sans-serif;
    color: #353535;
    line-height: 1.6em;
}

table, tbody, tr, td, th, thead, tfoot {
    font-size: 1.0em;
}

p {
    margin: 0 0 1.0em 0;
}

ul {
    margin: 0 0 1.0em 0;
    padding: 0 0 0 1.0em;
}

ul ul {
    margin-bottom: 0;
}

a img {
    border: none;
}

a, a:link, a:active, a:visited {
    color: #565B61;
    text-decoration: underline;
}

a:hover {
    background-color: #C3D4DF;
    color: #8A8A88;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, sans-serif;
    color: #565B61;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0.8em 0;
}

h1 {
    color: #565B61;
    border-bottom: 1px solid #DAC493;
    border-left: 1.1em solid #DAC493;
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0 0 0.5em 0;
    padding-bottom: 1px;
    padding-left: 0.5em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4, h5, h6 {
    font-size: 1.1em;
}

#Body {
    background: #CCC;
}

#wrap {
    text-align: left;
    width: 80em;
    margin: 1.0em auto 2.0em auto;
    border: 1px solid #000;
    background: #FFF;
}

#lang {
    background-color: #8A8A88;
}

#lang ul {
    margin: 0;
    padding: 0.2em 0;
    text-align: right;
}

#lang li {
    list-style: none;
    padding: 0;
    margin: 0 1.5em 0 0;
    display: inline;
}

#lang a, #lang a:link, #lang a:visited, #lang a:active {
    color: #FFF;
    text-decoration: none;
}

#lang a:hover {
    background: none;
    text-decoration: underline;
}

#lang a.Menu-open, #lang a.Menu-sel {
    font-weight: bold;
}

#header {
    height: 245px;
    background-color: #8A8A88;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(img/palkki.jpg);
}

#wrap .yritykset {
	background-image: url(img/yritykset.jpg);	
}

#wrap .vapaa-aika {
	background-image: url(img/loma_vapaaaika.jpg);	
}

#wrap .perhejuhla {
	background-image: url(img/perhejuhla.jpg);	
}

#wrap .ravintolat {
	background-image: url(img/ravintola.jpg);	
}

#wrap .majoitus {
	background-image: url(img/majoitus.jpg);	
}

#wrap .saunat {
	background-image: url(img/sauna.jpg);	
}

#wrap .spa {
	background-image: url(img/spa.jpg);	
}

#wrap .info {
	background-image: url(img/info.jpg);	
}

#navi ul {
    margin: 0;
    padding: 0;
    height: 2.2em;
    border-bottom: 1px solid #C0C0C0;
    background: #ECECEC;
}

#navi li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    border-right: 1px solid #C0C0C0;
}

#navi a, #navi a:link, #navi a:visited, #navi a:active {
    display: block;
    float: left;
    /*padding: 0.6em 1em 0.6em 1.4em;*/
    padding: 0.5em 1em 0.5em 0.6em;
    padding: 0.5em 0.6em 0.5em 0.6em;
    line-height: 1.0em;
	font-size:1.1em;
    color: #565B61;
    text-decoration: none;
	font-weight:bold;
}

#navi a {
/*    background-position: 0.4em 50%;
    background-repeat: no-repeat;
    background-image: url(img/arrow-right.gif);*/
}

#navi a:hover {
    background-color: #C3D4DF;
}

#navi a.Menu-open, #navi a.Menu-open:hover, #navi a.Menu-sel, #navi a.Menu-sel:hover {
    color: #FFF !important;
    background-color: #565B61;
    /*background-image: url(img/arrow-right-active.gif);*/
}

#contentarea {
    margin: 0 1.0em;
    padding-bottom: 2.0em;
    zoom: 1;
}

#breadcrumbs {
    background: url(img/dotted-line.gif) bottom left repeat-x;
    line-height: 1.2em;
    padding: 1.0em 0 1.2em 0;
    font-size: 0.9em;
}

#breadcrumbs a:last-child {
    font-weight: bold;
    color: #000 !important;
    text-decoration: none !important;
}

/*#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
    color: #565B61;
    text-decoration: underline;
}

/*#breadcrumbs a:hover {
    background: 
}*/

#bar {
    float: left;
    width: 19%;
    margin-right: 3%;
    font-size: 0.9em;
    padding-bottom: 1px;
}

#subnavi ul {
    margin: 0 0 16px 0;
    padding: 0;
}

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

#subnavi ul.Menu-l2 {
    border-bottom: 1px solid #C0C0C0;
}

#subnavi ul a, #subnavi ul a:link, #subnavi ul a:visited, #subnavi ul a:active {
    display: block;
    line-height: 1.1em;
    padding: 0.5em 0.5em 0.5em 2.8em;
    color: #565B61;
    text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
}

#subnavi ul a {
    background-position: 1.5em 50%;
    background-repeat: no-repeat;
    background-image: url(img/arrow-right.gif);
}

#subnavi ul a.Menu-open {
    background-image: url(img/arrow-down.gif);
}

#subnavi ul a.Menu-sel {
    background-image: url(img/arrow-right-active.gif);
}

#subnavi ul a.Menu-sel {
    font-weight: bold;
    color: #000 !important;
}

#subnavi ul a:hover {
    background-color: #C3D4DF;
    text-decoration: none;
}

#subnavi ul.Menu-l3 {
    padding-bottom: 0.5em;
}

#subnavi ul ul a, #subnavi ul ul a:link, #subnavi ul ul a:visited, #subnavi ul ul a:active {
    padding: 0.3em 0.5em 0.3em 4.3em;
}

#subnavi ul ul a {
    background-position: 2.8em 50%;
    background-repeat: no-repeat;
    background-image: url(img/dash.gif);
}

#undersubnavi {
    overflow: hidden;
}

#content {
    width: 76%;
    float: left;
}

#printlink {
    display: block;
    background: url(img/printbutton.gif) left center no-repeat;
    padding: 0.3em 0 0.3em 20px;
    float: right;
}

#leftcolumn {
    float: left;
    width: 59%;
}

#rightcolumn {
    float: right;
    width: 38%;
}

#footer {
    padding: 1.5em;
    text-align: center;
    color: #FFF;
    background: #8A8A88;
}

.DNNEmptyPane {
    display: none;
}

.mylist {
	margin: 20px 0 0 0;
	list-style-type:none;
	padding:0;
}

.mylist li {
	list-style-type:none;
	margin-bottom: 10px;
	width: 280px;
	clear:both;
	
}
.cropimg {
	padding: 9px;
	border: solid 1px #aaaaaa;
	display:block;
}
/*.mylist, .mylist li, .cropimg a, .cro.cropimg img, .listbg_top, .listbg_left, .listbg_right, .listbg_bottom, .cropimg {
    display: block;
    zoom: 1;
    position: relative;
}*/
/*.listbg_top {
	padding: 6 3 0 6;
	width: 99%;
	background: url(img/listbg_top.gif) 5px 0px no-repeat;
}

.listbg_left {
	padding: 0 0 0 7;
	float:left;
	background: url(img/listbg_left.gif) top left repeat-y;
}

.listbg_right {
	padding: 0 7 0 0;
	float:right; 
	background: url(img/listbg_right.gif) top right repeat-y;
}

.listbg_bottom {
	padding: 0 4 6 0;
	margin: 0 -6 0 0;
	_margin: 0 0 0 0;
	clear:both;
	float:right;
	width: 100%;
	background: white url(img/listbg_bottom.gif) 3px 0px no-repeat;
}*/
.listbg_top {
    padding-top: 6px;
	background: url(img/listbg_top.gif) top left no-repeat;
}

.listbg_left {
	padding: 0 0 0 7px;
	background: url(img/listbg_left.gif) top left repeat-y;
}

.listbg_right {
	padding: 0 7px 0 0;
	background: url(img/listbg_right.gif) top right repeat-y;
}

.listbg_bottom {
	height: 6px;
	background: white url(img/listbg_bottom.gif) top left no-repeat;
}

.editfield {
	clear:both;
	margin-left: 10px;
}

.clear { clear:both; }

.plist {
	list-style:none;
	padding:0;
	
	margin:25 0 0 0;
	_margin:0;
	width: 720px;
}

.plist li {
	float:left;
	margin: 0 0 10px 0;
	list-style:none;
	/* background: blue; */
	display:block;
}

.plist li.clearer {
    float: none;
    margin: 0;
    clear: both;
    margin: 0;
    font-size: 0;
    cursor: default;
}

.plist li div.items {
	background: url(img/coco_content.gif) top left repeat-y;
	padding: 5 21 5 16;
	width: 198px;
	_width: 235px;
}
.plist li div.top {
	width: 235px;
	height: 7px;
	_margin-bottom: -7px;
	background: url(img/coco_top.gif) top left no-repeat;
}

.plist li div.bottom {
	width: 235px;
	height: 7px;
	background: url(img/coco_bottom.gif) top left no-repeat;
}

.plist li a:link, .plist li a:visited, .plist li a:hover, .plist li a:active {
	text-decoration:none;
	background: transparent;
	display:block;
	cursor: pointer;
	width: 100%;
	_height: 100%;
}

.plist li a:hover .pheader {
	text-decoration:underline;

}
.pimage {
	display:block;
	width: 203px;
	cursor:pointer;
}

.pheader {
	width: 203px;
	display:block;
	font-family: Verdana;
	color: #565b61;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:center;
}

.description {
	font-size: 12px;
	line-height: 14px;
	color: #565b61;
	display:block;
	width: 203px;
	margin-top: 5px;
}

.plistWide {
	list-style:none;
	padding:0;
	margin:28 0 0 0;
	_margin:0;
	width: 719px;
}

.plistWide li {
	float:left;
	width: 719px;
	margin:0;
	cursor:pointer;	
	list-style:none;
}

.pListWide li div.top {
	width: 719px;
	height: 7px;
	_margin-bottom: -7px;
	background: url(img/coco-top-wide.gif) top left no-repeat;
}

.plistWide li div.bottom {
	width: 719px;
	height: 7px;
	background: url(img/coco-bottom-wide.gif) top left no-repeat;
}

.plistWide li div.items {
	background: url(img/coco-content-wide.gif) top left repeat-y;
	padding: 5 21 5 16;
	width:auto;
	color: #565b61;
}

.pListWide .pimage {
	width: 378px;
	float:left;
	padding: 5 10 5 0;
}	

.pListWide .pheader {
	display:inline;
		text-align:left;
	font-size: 14px;
}

.pListWide li a:link, .pListWide li a:visited, .pListWide li a:hover, .pListWide li a:active {
	text-decoration:none;
	background: transparent;
	display:block;
	width: 100%;
	color: #565b61;
}

.pListWide li a:hover .pheader {
	text-decoration: underline;
}

.pListWide .cocoSub {
	margin-top: 15px;
	display:block;
}

.pListWide .rating {
	width: 42px;
	height: 20px;
	display:block;
	background: url(img/rating.gif) top left repeat-x;
	float:left;
	margin-top: 10px;
}

.pListWide .description {
	width: 291px;
	margin-top: 15px;
	float:right;
}

/* Etusivun uudistukset */

#contentarea-front {
	padding: 18px 25px;
	background: url(img/front-bg.gif) top left repeat-x;
}

#leftcolumn-front {
	float:left;
	background: #FFF;
	padding: 20px;
	border-top: solid 1px #aeaeae;
	width: 265px;
	/*_width: 285px;*/
	margin-right: 15px;
	padding:20px 10px 20px 2px;
	width:279px;
	_padding-right:0;	
}

#leftcolumn-front p {
	line-height: 1.2em;
	color: #353535;
	font-size: 0.95em;
}

#maincolumn-front {
	float:left;
	background: #FFF;
	padding: 20px;
	border-top: solid 1px #aeaeae;
	width: 255px;
	_width: 295px;
	margin-right: 15px;
}

#rightcolumn-front {
	float:right;
	width: 294px;
	_width: 275px;
}

/* Vasen coco */

.frontList {
	list-style:none;
	padding:0;
	margin:0;
}

.frontList li {
	list-style:none;
	line-height: 1.2em;
}

.frontList li a, .frontList li a:hover, .frontList li a:visited, .frontList li a:active {
	color: #353535;
	text-decoration:none;
	font-size: 0.9em;
	background: url(img/frontList-arrow.gif) center left no-repeat;
	padding-left: 10px;
}

.frontList li a:hover { text-decoration: underline; }

/* Avenla articles */

#maincolumn-front .ArticleList {
	list-style:none;
	padding:0;
	margin:0;
}

#maincolumn-front .ArticleList li {
	list-style:none;
	padding:0;
	margin:6px 0px;
	line-height: 1.2em;
}

#maincolumn-front .ArticleList li a, #maincolumn-front .ArticleList li a:hover,
#maincolumn-front .ArticleList li a:visited, #maincolumn-front .ArticleList li a:active
{
	color: #353535;
	text-decoration:none;
	font-size: 0.9em;
	background: url(img/frontList-arrow.gif) 0 0.4em no-repeat;
	padding-left: 10px;
}

#maincolumn-front .ArticleList li a:hover { text-decoration: underline; }

#maincolumn-front .ArticleList .ArticleDate  {
	color: #353535;	
	font-size: 0.9em;
}

#maincolumn-front  .MoreArticles  {
	float:right;
	margin-top: 5px;
}

.weather {
	margin: 20px -25px;
	padding: 15px 25px;
	border-color: #aeaeae;
	border-style: solid;
	border-width: 1px 0px;
}

.weather a, .weather a:hover, .weather a:visited, .weather a:active {
	padding-left: 25px;
	text-decoration: none;
	color: #565b61;
	font-weight: bold;
	background: url(img/weather.gif) center left no-repeat;
}

.weather a:hover { text-decoration: underline; }

/* Frontpage right side coco */

.rightList {
	list-style:none;
	padding:0;
	margin:-7px 0 0 0;
}

.rightList li {
	list-style:none;
}

.rightList li div.items {
	background: url(img/cocoFrontContent.gif) top left repeat-y;
	padding: 5 21 1 12;
	width:289px;
}
.rightList li div.top {
	width: 289px;
	height: 8px;
	_margin-bottom: -6px;
	background: url(img/cocoFrontTop.gif) top left no-repeat;
}

.rightList li div.bottom {
	width: 289px;
	height: 8px;
	background: url(img/cocoFrontBottom.gif) top left no-repeat;
}

.rightList li a:link, .rightList li a:visited, .rightList li a:hover, .rightList li a:active {
	text-decoration:none;
	background: transparent;
	display:block;
	width: 100%;
}

.rightList li a:hover p.frontDesc { text-decoration: underline; }

.rightList .frontDesc {
	color: #353535;
	background: url(img/cocoFrontArrow.gif) 0.5em 0.35em no-repeat;
	padding-left: 15px;
	width: 245px;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0pt 0pt 6px;
}

.fimage { display:block; margin-bottom: 3px;}

/* Keskikolmunin alarivin coco */

.bottomCoco {
	padding:0;
	list-style:none;
	margin:0;
}

#rightcolumn-front .bottomCoco {
	margin: 20px 0 0 0;
}

.bottomCoco li {
	float:left;
	list-style:none;
	margin-right: 15px;
	
}

.bottomCoco li.clearer {
    float: none;
    clear: both;
    margin: 0;
    font-size: 0;
}

.bottomCoco li a {
	display:block;
}
.DynamicFormInput textarea, .DynamicFormInput input, .DynamicFormInput select {
    width:170px;
    font-family:Verdana;
    font-size:1.0em;
    margin-bottom:5px;
}
.DynamicForm label {text-align:right;}
.AvenlaFormSubmit {margin-left:210px;}

.DNNEmptyPane {
    display: none;
}


/* Gallerian scroller */

.scrollercontainer {
    width: 641px;
}

.scrollerbigpic {
    height: 405px;
}

#scrollerbigpiccontainer {
    width: 635px;
    height: 385px;
    /*overflow: hidden;*/
    position: relative;
}

#scrollerbigpiccontainer img {
    position: absolute;
    width: 635px;
    height: 385px;
    top: 0;
    left: 0;
}

#scrollerbigpiccontainer .caption {
    position: absolute;
    width: 635px;
    left: 0;
    bottom: 0;
    height: 30px;
}

#scrollerbigpiccontainer .caption div {
    position: absolute;
    width: 635px;
    height: 30px;
    /*top: 355px;*/
    top: 0;
    left: 0;
}

#scrollerbigpiccontainer .caption .captiontext {
    color: #FFF;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

#scrollerbigpiccontainer .caption .captionbg {
    background: #000;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scroller {
    position: relative;
    margin-bottom: 15px;
}

.scrollerinnerbg {
    background: url(img/scroller-bg.gif) top left repeat-x;
}

.scrollerinner {
    position: relative;
    overflow: hidden;
    width: 586px;
    height: 76px;
    margin: 0 0 0 27px;
}

.scrollleft, .scrollright {
    position: absolute;
    top: 3px;
    width: 22px;
    height: 61px;
    -moz-outline: none;
    outline: none;
}

.scrollleft {
    left: 0;
    background: url(img/scroll-left.gif) 0 0px no-repeat;
}

.scrollright {
    left: 617px;
    background: url(img/scroll-right.gif) 0 0px no-repeat;
}

.scrollleft:hover, .scrollright:hover
{
    background-position: 0 -61px;
}

.leftdisabled .scrollleft, .rightdisabled .scrollright,
.leftdisabled .scrollleft:hover, .rightdisabled .scrollright:hover
{
    background-position: 0 -122px;
}

.scrolleritems {
    margin: 0;
    padding: 0;
}

.scrolleritems li {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 117px;
    height: 76px;
    background: none;
}

.scrolleritems .gray-tl {
    margin: 0 3px;
    cursor: pointer;
}

.scrolleritems img {
    border: none;
    cursor: pointer;
    display: block;
}

.gray-tl {
	background: url(img/gray-tl.gif) top left no-repeat;
}

.gray-tr {
	padding-top: 4px;
	background: url(img/gray-tr.gif) top right no-repeat;
}

.gray-bl {
	background: url(img/gray-bl.gif) bottom left no-repeat;
}

.gray-br {
	padding-bottom: 4px;
	background: url(img/gray-br.gif) bottom right no-repeat;
}

.gray-c {
	background: #e4e4e4;
	border-style: none solid;
	border-color: #cdcdcd;
	border-width: 0 1px;
	padding: 0 2px;
	margin: -1px 0;
}


/* GALLERIA */

.images 
{
	padding:0;
	margin:0;
}

.images li 
{
	padding:0;
	list-style:none;
	margin:0 3px 6px;
	_margin: 0 3px -9px;
	float:left;
}

.images li .gray-tl 
{
	float:left;
}

.gallery 
{
	overflow:hidden;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; border: solid 1px #e0e0e0;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/show-hover-prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/show-hover-next.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Georgia, serif; background-color: #FFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#bottomNav { text-align: center; position: relative; padding-bottom: 10px; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ text-align: center; }	
#imageData #caption{ display: block; font-weight: bold;	font-family: Georgia, serif; color: #00984C; font-size: 1.3em; padding: 0 0 16px 0; }
#imageData #numberDisplay{ display: none; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 13px; outline: none; display: block; position: absolute; top: 0px; right: 10px;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; opacity: 0.5 !important; filter:alpha(opacity=50) !important; }

a.FacebookPage,a.FacebookPage:visited, a.FacebookPageSmall, a.FacebookPageSmall:visited {
	display:block;
	width: 264px;
	background: url(img/facebook.gif) 0 0 no-repeat;
	line-height:55px;
	font-size:1.1em;
	text-indent:57px;
	text-decoration:none;
	//margin: -25px 0 0 0;
}

a.FacebookPageSmall, a.FacebookPageSmall:visited  {
	background-image: url(img/facebook-small.gif);	
	height:55px;
	margin: 0 0 -15px 0;
	//margin:0;
	line-height:1.2em;
	padding:12px 0 0 57px;
	text-indent:0;
	width:120px;
	//width:177px;
}

a.ReservationPage,a.ReservationPage:visited {
	display:block;
	width: 264px;
	background: url(img/reservation.gif) 0 0 no-repeat;
	line-height:55px;
	font-size:1.1em;
	text-indent:57px;
	text-decoration:none;
	//margin-bottom: -15px;
}

.videolist {
	margin: 5px 0 0 0;
	padding: 0;
}

.videolist li {
	margin: 0;
	padding: 0 0 18px 0;
	list-style: none;
}

#leftcolumn .videolist li, #rightcolumn .videolist li {
	padding-bottom: 8px;
}

.videolist li.separator {
	height: 0;
	overflow: hidden;
	font-size: 0;
	padding: 0;
}

.videolist li object, .videolist li embed {
    width: 345px;
	height: 223px;
}

#mainpane .videolist li, #bottompane .videolist li {
	float: left;
}

#mainpane .videolist li.rowlast, #bottompane .videolist li.rowlast {
	float: right;
}

#rightcolumn .videolist li object, #rightcolumn .videolist li embed {
    width: 270px;
	height: 180px;
}

#leftcolumn .videolist li.separator, #rightcolumn .videolist li.separator {
    display: none;
}

.WideColumn {
	float:left;
	width:601px;
	margin: 0 15px 0 0;
}

.RightColumn {
	width: 264px;
	float:left;
}

.FrontpageTop {
	border:solid 1px #CCC;
	background: url(img/frontpage_top.jpg) 100% 0 no-repeat;
	padding: 6px 255px 0 11px;
	font-family:Arial, sans-serif;
	margin: 0 0 25px;
	line-height:1.1em;
}

.FrontpageTop h1 {
	font-size: 1.3em;
    color: #565B61;
	border:0;
	background:none;
    margin: 0 0 0.1em;
    padding: 0;
}

.FrontpageFeatures {
	overflow:hidden;
	position:relative;
}

.FrontpageFeatures ul {
	padding:0;
	margin:0 0 0 -11px;
	width:612px;
	overflow:hidden;
	font-family: Arial, sans-serif;
	font-size:0.9em;
	line-height:1.25em;
}

.FrontpageFeatures li {
	float:left;
	list-style:none;
	width: 295px;
	padding:0;
	margin: 0 0 11px 11px;
}

.FrontpageFeatures .Text {
	padding: 0 8px;
	margin: 0 0 8px;
}

.FrontpageFeatures h3, .FrontpageFeatures h2 {
	margin:0;
	color:#010101;
	margin: 0 0 5px;
   font-size: 1.2em;
}

.FrontpageFeatures h3 a, .FrontpageFeatures h3 a:hover, .FrontpageFeatures h2 a, .FrontpageFeatures h2 a:hover {
	text-decoration:none;
	color:#000;
}

.FrontpageFeatures h3 a:hover, .FrontpageFeatures h2 a:hover {
	background-color:transparent;
	text-decoration:underline;
}

.FrontpageFeatures .FeatureImage {
	border: solid 2px #CCC;
	display:block;
}

.RightColumn .ArticleList {
	padding:0;
	margin:0;
}

.RightColumn .ArticleList li {
	padding:0;
	margin:0 0 12px;
	font-family:Arial, sans-serif;
	color:#000;
	list-style:none;
	line-height:1.1em;
}

.RightColumn .ArticleList li a, .RightColumn .ArticleList li a:link, .RightColumn .ArticleList li a:visited, .RightColumn .ArticleList li a:active, .RightColumn .ArticleList li a:hover,
.RightColumn .ArticleList li span {
	color:#000;
	text-decoration:none;
}

.RightColumn .ArticleList li a:hover {
	background:none;
	text-decoration:underline;
}

.RightColumn h2 {
	font-family:Arial, sans-serif;
}

.FrontpageSidebarFeatures {
	padding:0;
	margin:60px 0 20px;
}

.FrontpageSidebarFeatures li {
	margin: 0 0 10px;
	padding:0;
	list-style:none;
}

.FrontpageSidebarFeatures a.FeatureLink {
	background: url("img/facebook.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 1.1em;
    line-height: 55px;
    text-decoration: none;
    text-indent: 57px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	color:#333;
}

.FrontpageSidebarFeatures a.Saa {
	background-image: url(img/katso_saa.jpg);
}

.FrontpageSidebarFeatures a.Facebook {
	background-image: url(img/facebook.gif);
}

.FrontpageSidebarFeatures a.Varaustilanne {
	background-image: url(img/reservation.gif);
}

.FrontpageSidebarFeatures a.OtaYhteytta {
	background-image: url(img/ota_yhteytta.jpg);
}

.SidebarList  {
	line-height:1.3em;
}

.SidebarList h3 {
	color:#000;
	font-family:Arial, sans-serif;
	margin: 0 0 2px;
}

.SidebarList ul, .SidebarList li {
	padding:0;
	margin:0;
	list-style:none;
	font-family:Arial, sans-serif;
}

.SidebarList  li a {
	text-decoration:none;
	color:#000;
	background:none;
}

.SidebarList  li a:hover {
	text-decoration: underline;
}

.RightColumn .bottomCoco {
	width:220px;
	margin: 50px auto 0;
}

.RightColumn .bottomCoco li {
	margin-bottom: 10px;
}