body { text-align:center; margin:0px; background-color:#ffffff; padding-top:12px; font-family:Arial; font-size:12px; color:#000000; background:url('../graf/bg_body.jpg') #ffffff top left; }

h1 { font-size:20px; color:#355e9b; font-weight:bold; line-height:normal; }
h2 { font-size:18px; color:#355e9b; font-weight:bold; line-height:normal; }
h3 { font-size:14px; color:#000000; font-weight:bold; line-height:normal; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#355e9b; }
hr { height:1px; border:0; color:#e6e6e6; background-color:#e6e6e6; margin-top:20px; margin-bottom:10px; padding:0; }

form { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }

div#maincontentarea { padding:0 17px 0 17px; width:860px; margin-left:auto; margin-right:auto; background:url("../graf/bg_content.png") repeat-y; }
div#container { width:860px; text-align:left; position:relative; }
div#header { position:relative; width:840px; padding-left:20px; background:url("../graf/bg_header.jpg") top right #ffffff no-repeat; border-bottom:1px solid #dfe0e0; }
div#content { width:816px; padding:0 22px 0 22px; background:url("../graf/border.gif") #ffffff repeat-y; border-top:10px solid #ffffff; border-bottom:22px solid #ffffff; }
div#navigationarea { float:left; width:140px; }
div#bodytextarea { float:left; width:654px; min-height:400px; padding-bottom:14px; padding-left:22px; }
	div#left { float:left; width:225px; padding:14px 35px 0 19px; }
	div#right { float:left; width:258px; }
	div#right img { display:block; }
div#bodytextarea_search { width:100%; min-height:400px; }

div#navigationarea_contact { float:left; width:274px; font-size:11px; }
div#bodytextarea_contact { float:left; width:402px; min-height:400px; margin-bottom:14px; padding:0 20px 10px 70px; }

div#footer { padding:0 17px 0 17px; width:860px; position:relative; color:#ffffff; text-align:center; font-size:11px; padding-top:12px; background:url("../graf/bg_bottom_shadow.png") no-repeat; margin-left:auto; margin-right:auto;  }

div#functions { position:absolute; top:35px; right:10px; text-align:right; font-size:14px; font-family: "Times New Roman", Georgia; }
div#functions a, div#functions a:visited, div#functions a:hover, div#functions a:active { font-weight:normal; color:#4b4c4d; text-decoration:none; }
div#search { float:right; margin-left:10px; }
div#navimain { clear:both; height:29px; background:url("../graf/bg_menu.png"); text-align:center;}
div#navimain div { position:relative; padding-left:10px; }

a.mL, a.mL:visited, a.mL:hover, a.mL:active {  font-family: "Times New Roman", Georgia; float:left; display:block; font-size:14px; text-decoration:none; color:#ffffff; padding:5px 15px 3px 15px; }
a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active {  font-family: "Times New Roman", Georgia; float:left; display:block; font-size:14px; text-decoration:none; color:#ffffff; background-color:#5d5e60; padding:5px 15px 3px 15px; }
span.separator { float:left; padding:15px 0 0 0; }

ul#subnavi { position:relative; width:100%; margin:0; padding:0; list-style:none; }
ul#subnavi li ul, ul#subnavi li ul li ul { margin:0; padding:0; list-style:none; }
ul#subnavi li ul li ul { padding-bottom:10px; }
ul#subnavi li { margin:0; position:relative; width:100%; line-height:1.5; }
ul#subnavi li a { text-decoration:none; color:#000000; font-size:12px; }
ul#subnavi li a.act { color:#000000; font-weight:bold; font-size:12px; }
ul#subnavi li ul, ul#subnavi li ul li { display:none; border:0;}
ul#subnavi li ul li { font-size:11px; display:block; }
ul#subnavi li ul li a, ul#subnavi li ul li a:visited, ul#subnavi li ul li a:hover, ul#subnavi li ul li a:active { text-decoration:none; color:#000000; }
ul#subnavi li.act ul li.act a.act1 { color:#355e9b; text-decoration:underline; }
ul#subnavi li.act ul { display:block; }
ul#subnavi li.act ul li.act ul { display:block; }
ul#subnavi li.act ul li.act ul li a.act2 { color:#355e9b; text-decoration:underline; }
ul#subnavi li ul li ul li a { display:block; padding-left:20px; }

/* Fix IE. Hide from IE Mac \*/
* html ul#subnavi li { height: 1%; }
* html ul#subnavi li a { height: 1%; }
/* End */

img.box { display:block; margin-left:auto; margin-right:auto; }

table.images { width:100%; border:0; }
table.images td { width:33%; padding-bottom:5px; }

table.front { width:100%; border:0; margin-bottom:20px; background-color:#ffffff; }
table.front td { vertical-align:top; }
table.front td.contentbox_img { width:250x; height:240px; border:1px solid #5e5e5e; background-color:#ffffff; }
table.front td.contentbox_img img { display:block; }
table.front td.contentbox { width:210px; height:215px; border:1px solid #5e5e5e; background-color:#ffffff; padding:15px 15px 15px 20px; }
table.front td.contentbox_left { border-top:1px solid #5e5e5e; border-bottom:1px solid #5e5e5e; border-left:1px solid #5e5e5e; background-color:#ffffff; padding:20px 45px 20px 45px; font-size:14px; }
table.front td.contentbox_left h1, table.front td.contentbox_left h2, table.front td.contentbox_left h3 { font-family:"Times New Roman", Georgia, serif; font-size:24px; font-weight:normal; }
table.front td.contentbox_right { width:406px; border-top:1px solid #5e5e5e; border-right:1px solid #5e5e5e; border-bottom:1px solid #5e5e5e; background-color:#ffffff; padding:0; }
table.front td.contentbox_right img { display:block; }
table.front td.separator { width:20px; border-left:1px solid #5e5e5e; }
table.front td.content { font-size:11px; width:245px; }
table.front td.content img { margin-left:auto; margin-right:auto; }

div.news { padding-bottom:15px; }
div.news a, div.news a:visited, div.news a:active { font-weight:normal; }
div.news a:hover { text-decoration:underline; }
span.newshead { font-size:14px; color:#000000; font-weight:bold; }
div.archivelink { padding-top:10px; }
a.rss, a.rss:visited, a.rss:hover, a.rss:active { text-decoration:none; font-size:12px; margin-left:420px; font-weight:normal; }

input.contact { width:405px; margin-bottom:10px; border:1px solid #5e5e5e; }
input.search { width:205px; margin-bottom:10px; border:1px solid #5e5e5e; }
textarea.contact { width:405px; height:167px; margin-bottom:10px; border:1px solid #5e5e5e; }
input.submit { width:43px; border:0; height:21px; background:url('../graf/bg_button.gif') no-repeat; color:#ffffff; font-size:11px; text-align:center; padding:0;}
div.searchresult { padding-bottom:10px; }
input.search_narrow { width:180px; border:1px solid #898989; vertical-align:middle; }
input.submit_header { width:36px; border:0; height:21px; background:url('../graf/bg_button_header.gif') no-repeat; color:#ffffff; font-size:11px; text-align:center; padding:0; vertical-align:middle; }
input.submit_header:hover { background:url('../graf/bg_button_header_act.gif') no-repeat; }

div.mainlevel { background-color:#ff0000; margin-bottom:10px; width:122px; float:left; position:relative; }
table.sitemap { width:100%; border:0; }
table.sitemap td { vertical-align:top; }
div.sitemapLink { position:relative; }
div.sitemapLink2 { position:relative; padding-left:17px; }

a.sL0, a.sL0:visited, a.sL0:hover, a.sL0:active { font-size:12px; color:#000000; font-weight:bold; text-decoration:none; display:block; padding-bottom:5px; }
a.smL, a.smL:visited, a.smL:hover, a.smL:active { color:#000000; font-weight:normal; text-decoration:none; }

table.listTable, table.eventTable { width:100%; border:0; }

div.gallery0 a, div.gallery0 a:visited, div.gallery0 a:hover, div.gallery0 a:active { text-decoration:none; color:#000000; font-weight:normal; font-size:15px; }
div.gallery_act0 a, div.gallery_act0 a:visited, div.gallery_act0 a:hover, div.gallery_act0 a:active { text-decoration:none; color:#000000; font-weight:bold; font-size:15px; }
div.gallery1 a, div.gallery1 a:visited, div.gallery1 a:hover, div.gallery1 a:active { margin-left:20px; text-decoration:none; color:#000000; font-weight:normal; font-size:12px; }
div.gallery_act1 a, div.gallery_act1 a:visited, div.gallery_act1 a:hover, div.gallery_act1 a:active { margin-left:20px; text-decoration:none; color:#000000; font-weight:bold; font-size:12px; }

/* Varaukset */
table.reservationtable { border:solid #006633 1px; width:100%; border-collapse:collapse; }
table.reservationtable a, table.reservationtable a:visited, table.reservationtable a:hover, table.reservationtable a:active { text-decoration:none; color:#000000; }
table.reservationtable td { border:1px solid #000000; border-collapse:collapse; }
table.reservationtable td.decoBig, table.reservationtable td.decoBig table td { border:0; }
table.reservationform { width:100%; }
table.reservationform td { vertical-align:top; }
td.weekEnd, td.offTime { background-color:#eeeeee; }
td. linkSlotUnconfirmed { background-color:#eeeeee; }
td.OldCell { background-color:#eeeeee; }
td.TakenCell { background-color:#cd1f44; color:#ffffff; }
td.linkSlot { background-color:#b3d685; }
input.textWide, select.textWide { width:250px; margin-bottom:5px; }
textarea.textWide { width:250px; height:100px; margin-bottom:5px; }
input.textNarrow, select.textNarrow { width:150px; margin-bottom:5px; }
table.top td { vertical-align:top; }
input.button { width:auto; }