body,td,th {
	font-family: Arial, Helvetica, sans-serif; 
	/* font-family: "Segoe UI",tahoma,verdana,Sans-Serif; 
	font-family: "segoe ui","trebuchet ms","century gothic",arial,helvetica,sans-serif; */
	font-size: 11px;
	color: #444444;
	line-height: 15px;
}

body {
	background: #ffffff url(../gfx/bg.gif) left top repeat-x;
	margin: 0;
	padding:0;
}

*:focus {
	outline: 0;
}

/* ----- FONTTI- JA MUUT PERUSMÄÄRITYKSET ----- */

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

ul {
	margin: 0 0 12px 0;
	padding: 0;
}

li {
	margin: 0 0 0 18px;
}

h1 {
	margin: 0;
	padding: 12px 0 18px 0;
	font-size: 25px;
	line-height: 25px;
	/* color: #351c00; */
	color: #000000;
	font-weight: normal;
	background: transparent;
}

.cufon-active #contentcolumn h1 {
	font-size: 50px;
	line-height: 50px;
	padding: 0 0 4px 0;

}

h2 {
	margin: 0;
	padding: 11px 0 14px 0;
	font-size: 18px;
	line-height: 22px;
	/* color: #351c00; */
	color: #000000;
	font-weight: normal;
	background: transparent;
}

h3 {
	margin: 0;
	padding: 8px 0 12px 0;
	font-size: 16px;
	line-height: 20px;
	color: #351c00;
	font-weight: normal;
}


h4 {
	margin: 0;
	padding: 9px 0 9px;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
}

.cufon-active h1 {
	font-weight: bold;
}

a:link, a:visited, a:active {
	color: #b07f54;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

h1 a, h2 a, h3 a { font-weight: normal !important; }

hr {
	margin: 0;
	padding: 0 0 1.0em 0;
	color: transparent;
	border: 0;
	border-top: 1px solid #e6d9cb;
	height: 1px;
	width: 100%;
}

form {
	margin: 0;
}

.highlight {
	background-color: #D0D0D0;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
}

.nopadding {
	padding: 0px;
}

table { margin-bottom: 2.0em; border: 0px solid red; }

	table td { margin: 0; padding: 0.5em 0; border-bottom: 1px solid #f1f1f1; vertical-align: text-top; }

	table th { font-weight: bold; text-align: left; margin: 0; padding: 1.5em 0 0.5em 0px; border-bottom: 1px solid #E6D9CB; border-top: 0px solid #efefef; background-color: transparent; }

.date { font-style: italic; color: #5F4A3E; }

.nosto {
	width: 210px;
	padding: 0px;
	border: 0px;
	/* background-color: #F4F1EC; */
	float: right;
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 12px;
	border: 0px solid #DFDAD1;
}

	.nosto img { border: 0px solid #DFDAD1; }

	.nosto p {
		padding-bottom: 4px;
	}
	
	.linkki, .nosto p a.link {
		display: block;
		width: 200px;
		padding: 8px 4px;
		border: 1px solid #dfdad1;
	     -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    -khtml-border-radius: 2px;
	    border-radius: 2px;
		background-color: #f4f1ec;
		margin: 0 0 4px 0;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
	}

input, select, textarea {
	font-size: 11px;
}

label { display: inline-block; width: 110px; margin-bottom: 2px; padding-top: 0px; vertical-align: text-top; }
input, select, textarea {  padding: 1px; margin: 0 0 2px 0; vertical-align: text-top; }

#contentcolumn img { border: 1px solid #DFDAD1; }

/* tarjoukset ja ajankohtaista */

.events_lift, .events_lift2 { padding: 0 4px; margin: 0; display: none; width: 200px; background-color: #f8f8f8; }
.events_lift p, .events_lift2 p { padding-top: 4px; }
h4.events_lift_header:hover, h4.events_lift2_header:hover { font-weight: bold; cursor: pointer; }
h4.events_lift_header, h4.events_lift_header_selected, h4.events_lift2_header, h4.events_lift2_header_selected { 
	padding: 1px 0;
	font-size: 13px;
	font-weight: normal;
	background: transparent url(../gfx/pikkunuoli.gif) 100% 8px no-repeat;
}
h4.events_lift_header_selected, h4.events_lift2_header_selected { font-weight: bold; }


/* ----- ----- */

#top {
	width: 962px;
	margin: 0px auto;
	margin-top: 20px;
	position: relative;
}

	#arealinks { 
		width: 243px; 
		background: transparent;
		height: 33px;
		float: left;
	}

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

		#arealinks li {
			margin: 0;
			padding: 0 10px;
			float: left;
			display: block;
			height: 33px;
			background-color: #223107;
			list-style-type: none; 
		}

		#arealinks .last {
			margin-right: 11px;
			margin-left: 1px;
		}

		#arealinks .menu-parent, #arealinks .menu-current {
			background-color: #3a5032;
		}

			#arealinks a {
				line-height: 33px;
				color: #ffffff;
				font-weight: bold;
				font-size: 12px;
			}


		#navi {
			margin: 0 0 0 0;
			padding: 0;
			display: block;
			height: 33px;
			background: transparent;
			overflow: hidden;
		}

			#navi li {
				margin: 0;
				padding: 0px 8px;	
				float: left;
				list-style-type: none;
			}

				#navi a {
					color: #ffffff; 
					line-height: 33px; 
					font-size: 13px; 
				}

				.cufon-active #navi a { font-weight: bold; }
				
				#navi li.menu-current a, #navi li.menu-parent a { color: #FEE9B2; }

	#flags {
		position: absolute;
		width: 40px;
		height: 30px;
		border: 0px solid red;
		top: 0;
		right: 0;
	}
		
		#flags ul, #flags li {
			list-style-type: none;
			margin: 0; padding: 0px 1px;
			float: right;
		}

		#flags a { margin: 0; padding: 0; line-height: 11px; }

		#flags img { 
			border: 0px; 
			padding: 0; 
			margin: 0; 
			filter:alpha(opacity=70);
			-moz-opacity:0.7;
			-khtml-opacity: 0.7;
			opacity: 0.7;
		}

		#flags li.current img, #flags a:hover img {
			filter:alpha(opacity=100);
			-moz-opacity:1.0;
			-khtml-opacity: 1.0;
			opacity: 1.0;
		}

#maincontainer{
	width: 962px; /*Width of main container*/
	margin: 0px auto; /*Center container on page*/
/*	background: #ffffff url(../gfx/innerbg.gif) left 291px repeat-x; */
	background-color: #ffffff;
}

	#topsection{
		background-color: #3a5032;
		height: 281px;
		padding-top: 10px;
	}

	#topsection_inner { 
		padding: 0; 
		margin: 0 10px; 
		border: 2px solid #8c2f2b;
		background-color: #e6d8b6; 
		height: 267px;
		overflow: hidden;
	}

		#topimage {
			margin: 8px 0px 8px 0;
			padding: 0;
			float: left;
			width: 692px;
			height: 249px;
			text-align: center;
			background-color: #000000;
			border: 1px solid #8c2f2b;
			overflow: hidden;
			position: relative;
		}

			#buttons {
				position: absolute;
				z-index: 10;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}

				#buttons li {
					margin: 0;
					padding: 0;
					position: absolute;
				}

				#buttons li.prev {
					left: 18px;
					top: 215px;
				}

				#buttons li.next {
					left: 45px;
					top: 215px;
				}

					#buttons li.prev a {
						display: block;
						width: 22px;
						height: 22px;
						height: 0px !important;
						padding: 22px 0 0 0;
						overflow: hidden;
						background: transparent url("../gfx/vasen.png") 0 0 no-repeat;
					}

					#buttons li.next a {
						display: block;
						width: 22px;
						height: 22px;
						height: 0px !important;
						padding: 22px 0 0 0;
						overflow: hidden;
						background: transparent url("../gfx/oikea.png") 0 0 no-repeat;
					}

			#topimage h1 {
				position: absolute;
				width: 692px;
				text-align: center;
				z-index: 10;
				top: 200px;
				left: 0px;
				background: transparent url("../gfx/hotelli-haikon-kartano.png") no-repeat scroll 0 0;
				_background-image: url("../gfx/hotelli-haikon-kartano.gif");
				color:#FFFFFF;
				height: 0 !important;
				margin: 0;
				overflow: hidden;
				padding: 49px 0 0 0;
			}

		#topsection_inner img { margin: 0; padding: 0; }

	#contentwrapper{
		float: left;
		width: 100%;
	}

	#contentcolumn{
		margin: 14px 140px 14px 236px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		border-left: 1px solid #e6d9cb;
		border-right: 1px solid #e6d9cb;
		background: #ffffff;
		min-height: 200px;
	}

		#contentcolumn .innertube {
			margin: 0px 14px;
			padding: 0 0 0 0;
			overflow: visible;
			background: transparent;
		}

	#leftcolumn{
		float: left;
		width: 236px; /*Width of left column in pixel*/
		margin-left: -962px; /*Set margin to that of -(MainContainerWidth)*/
		background: #ffffff;
	}

		#leftcolumn .innertube {
			margin: 27px 14px 14px 14px;
			padding: 0;
			background: transparent;
		}

			#leftcolumn h2 {
				font-size: 17px;
				line-height:21px;
			}

	#rightcolumn{
		float: left;
		width: 140px; /*Width of right column*/
		margin-left: -140px; /*Set left margin to -(RightColumnWidth)*/
		background: #ffffff;
	}

		#rightcolumn .innertube {
			margin: 38px 14px 14px 14px;
			padding: 0;
			background: transparent;
		}

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

				#rightcolumn li {
					margin: 0; padding: 0 0 10px 0;
					list-style-type: none;
					font-size: 10px;
					line-height: 12px;
				}

				#rightcolumn li strong {
					font-size: 18px;
					line-height: 22px;
					font-weight: normal;
				}

				#rightcolumn li img {
					padding: 4px 0 2px 0;
				}

				#rightcolumn strong {
					color: #000000;
				}
	
	#footer{
		clear: left;
		width: 100%;
		background-color: #182100;
		color: #ffffff;
		margin: 0 0 0 0;
	}

		#footer #footer_inner {
			margin: 0px auto;
			width: 932px;
			padding: 5px 15px 15px 15px;
			background: transparent url("../gfx/haikko-logo-footer.gif") 16px 20px no-repeat;
		}

		#footer #footer_inner_text {
			margin: 0px auto;
			width: 932px;
			padding: 15px;
			height: 40px;
			background: transparent url("../gfx/bollinger-logo-footer.gif") 852px 12px no-repeat;
			border-top: 1px solid #313c15;
		}

			#footer #footer_inner_text p {
				text-align: left;
				padding: 0;
				margin: 0;
				line-height: 24px;
				color: #464d33;
			}


/* searchbox */

.searchbox {
	width: 100%;
	text-align: right;
}

	.searchbox input {
		width: 100px;
		font-size: 10px;
		font-family: inherit;
		padding: 0px;
		border: 1px solid #6e3c00;
	}

	.searchbox img.submitimage {
		position: relative;
		top: 1px;
		left: 2px;
	}

/* search */

.searchtable tr {
	border: 1px solid red;
}

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

.search_string {
	width: 80px;
	margin: 0;
	padding: 0;
}

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

/* login */

form.login label {
	width: 70px;
}

form.login input {
	width: 60px;
	margin: 0;
	padding: 0;
}

form.login .dbutton {
	margin-bottom: 5px;
	padding: 0 40px;
	font-size: 10px;
}

form.login label {
	font-size: 10px;
	display: block;
	float: left;
}


/* subnavi */


#subnavi {
	margin: 0;
	padding: 8px 0 2.0em 0;
}

	#subnavi li {
		margin: 0 0 0 0;
		padding: 0;	
		list-style-type: none;
		line-height: 1.5em;
		border-bottom: 1px solid #e6d9cb;
	}

		#subnavi ul, #subnavi ul ul, #subnavi ul ul ul {
			margin: 0;
			padding: 0;			
		}

		#subnavi a {
			font-size: 13px;
			display: inline-block;
			padding: 6px 10px 6px 4px;
			color: #351c00;
			letter-spacing: 0px;
			font-weight: normal;
		}

		#subnavi a { background: transparent url(../gfx/pikkunuoli.gif) 100% 12px no-repeat; }

		#subnavi li.menu-current a, #subnavi li.menu-parent a { font-weight: bold; }
		#subnavi li.menu-current ul a { text-decoration: none !important; }


		#subnavi ul {
			padding-bottom: 1.0em;
		}

			#subnavi ul li {
				border: 0px;
				line-height: 14px;
				font-size: 10px;
			}

				#subnavi ul li a {
					line-height: 14px;
					font-size: 10px;
					background-image: none !important;
					padding-bottom: 0px;
					padding-top: 0px;
					font-weight: normal !important;
				}

				#subnavi ul li.menu-current a { font-weight: bold !important; }

/* FOOTERMENU */

ul#footermenu { float: right; margin-top: 20px; }

ul#footermenu * { font-size: 11px; color: #ffffff; font-weight: normal; margin: 0; padding: 0; }

ul#footermenu li { float: left; list-style-type: none; padding: 0 10px;}

ul#footermenu ul li { float: none; padding: 0px }

ul#footermenu li a { display: block; font-weight: bold; padding-bottom: 12px; color: #6b7a45; }

ul#footermenu a:hover { color: #C7BC87; }

ul#footermenu ul li a { font-weight: normal; padding-bottom: 0px; color: #ffffff; }


/* FORMX */

div.field_wrapper {
	overflow:hidden;
	padding:2px 0;
	width:100%;
	border: 0px solid black;
}

div.field_wrapper div.thelabel {
	float:left;
	margin-right:0px;
	width: 150px !important;
	margin-top:0px;
	border: 0px solid black;
	line-height: 1.0em;
	padding: 0.25em 0;
}

div.thelabel label { display: inline !important; }

div.field_wrapper div.thefield {
	margin:0px;
	padding: 0;
	float: left;
}		

	div.field_wrapper input, div.field_wrapper select, div.field_wrapper textarea { 
		border: 1px solid #cccccc; 
		width: 300px; 
	}

	div.field_wrapper select { width: 304px; }

.formx_date:hover, .formx_email:hover, .formx_textarea:hover, .formx_text:hover, .formx_radio:hover, .formx_select:hover, .formx_checkbox:hover, .formx_err_date:hover, .formx_err_email:hover, .formx_err_textarea:hover, .formx_err_text:hover, .formx_err_radio:hover, .formx_err_select:hover, .formx_err_checkbox:hover {
	border-color: #444444;
} 
.formx_date:focus, .formx_email:focus, .formx_textarea:focus, .formx_text:focus, .formx_radio:focus, .formx_select:focus, .formx_checkbox:focus, .formx_err_date:focus, .formx_err_email:focus, .formx_err_textarea:focus, .formx_err_text:focus, .formx_err_radio:focus, .formx_err_select:focus, .formx_err_checkbox:focus {
	border-color: #444444;
} 
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}

.form * { font-size: inherit; font-family: inherit; }

.formx_text { margin: 0; }
.formx_textarea { overflow: auto; margin: 0; }
.formx_select { margin: 0; }
.formx_checkbox, .formx_err_checkbox { width: 20px !important; border: 0px !important; margin: 0; }
.formx_checkbox_label { margin: 0; width: 270px; }
.formx_radio, .formx_err_radio { width: 20px !important; border: 0px !important; margin: 0; }
.formx_radio_label { margin: 0; }
.formx_email { margin: 0; }
.formx_date { margin: 0; background: #ffffff url("../gfx/calendar-icon.gif") 99.5% 50% no-repeat; }
.formx_date_img {}
.formx_err_checkbox, .formx_err_text, .formx_err_textarea, .formx_err_radio, .formx_err_date, .formx_err_email {
	border-color: red !important;
}

	.calendar { background-color: #ffffff; width: 300px; }
	.calendar table { width: 100%; }
	.calendar td { border: 1px solid #ffffff; }
	.calendar td:hover { background-color: #666666; color: #ffffff; }
	.calendar table tr.time { display: none; }
	.calendar table thead { background: #f1f1f1; }
	.calendar table tr.footrow, .calendar table tr.headrow { background: #dfdfdf; }
	.calendar, .calendar td { border-collapse: collapse !important; }
	.calendar .button.nav { border: 1px solid #cccccc; }
	.calendar .button { text-align: center; font-weight: bold; }

p.formtitle {
	padding: 1.0em 0;
	font-weight: bold;
}

.form p label { width: 100%; }

/* LIFTS */

#nostot {
}

	#slidenav {
		text-align: right;
		position: absolute;
		width: 208px;
		z-index: 100;
	}

		#slidenav a {
			display: inline-block;
			padding: 1px 4px;
			background-color: #eaeaea;
			font-size: 10px;
		}

		#slidenav a.activeSlide {
			background-color: #ffffff;
			color: #000000;
		}

#nostot2, #nostot {
	width: 208px;
}

	#slidenav2 {
		text-align: right;
		position: absolute;
		width: 208px;
		z-index: 100;
	}

		#slidenav2 a {
			display: inline-block;
			padding: 1px 4px;
			background-color: #eaeaea;
			font-size: 10px;
		}

		#slidenav2 a.activeSlide {
			background-color: #ffffff;
			color: #000000;
		}

#nostot p, #nostot2 p {
	padding-bottom: 1.0em;
	font-size: 10px;
	line-height: 1.3em;
}

.events_lift {
	border: 0px solid black;
}

	p.link {
		text-align: right;
	}

		p.link a {
			background: transparent url(../gfx/pikkunuoli.gif) right 4px no-repeat;
			padding-right: 12px;
		}

.main_lift {
	border-bottom: 0px solid #e6d9cb;
	margin-bottom: 0em;
	background-color: transparent;
}

	.main_lift p.link {
		text-align: right !important;
		padding: 0 0 1.5em 0;
	}

	.main_lift h2, .main_lift_narrow h2 { padding: 0 0 6px 0; color: #000000; }
	.main_lift p, .main_lift_narrow p { color: #5f4a3e; }

.main_lift_narrow {
	border-bottom: 0px solid #e6d9cb;
	margin-bottom: 1.0em;
	width: 270px;
	padding: 0;
	float: left;
	background-color: transparent;
}

	.main_lift_narrow.rightmargin {
		margin-right: 16px;
	}

	.main_lift_narrow div.inner {
		overflow: visible;
		_overflow: hidden;
	}

	.main_lift_narrow.high div.inner { height: 300px !important; }

	.main_lift_narrow p.img, .main_lift p.img {
		padding: 0 0 0.5em 0;
	}

	.main_lift img, .main_lift_narrow img { border: 0px !important; }

	.main_lift_narrow p.link { text-align: left !important; }

	.main_lift_narrow a p { font-weight: normal; }

.main_lift_bordered {
	border: 1px solid #ffffff;
	background-color: #EFEAD1;
	padding: 5px;
	margin: 5px;
	width: 250px;
	float: left;
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

	.main_lift_bordered h2 {
		font-size: 14px;
		background-color: #3A5032;
		color: #ffffff;
		padding: 3px;
		margin: 0 0 6px 0;
		font-weight: bold;
	}

	.main_lift_bordered p { padding: 3px 0; }

	.main_lift_bordered p a {
		display: block;
		background-color: #DFD7B5;
		padding: 3px;
	}

	.main_lift_bordered p a:hover {
		
	}