html {
	overflow: scroll;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: white url('../images/body.gif') repeat-x top left;
	font: 12px/17px arial, Tahoma, sans-serif;
	color: #fefefe;
}

h2{
	font: bold 14px/17px arial, sans-serif;
}

#subPageContent {
	background: #2a271d;
	text-align: left;
}

a {
	color: white;
	text-decoration: underline;
}

a:visited {
}

a:hover {
	text-decoration: none;
}

.clearer {
	clear: both;
	overflow: hidden;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

img {
	border: none;
}

#loading {
	position: absolute;
	top:50%;
	margin: -16px 0 0 -16px;
	left: 50%; 
}


/* wrap */
	
	#wrap {
		margin: 0 auto;
		width: 850px;
		text-align: left;
		position: relative;
	}


/****************** HEADER ******************/

	#header {
		position: relative;
		height: 125px;
	}

	#logo {
		position: absolute;
		top: 25px;
		left: 0;
	}

	#header_banner {
		position: absolute;
		height: 116px;
		width: 208px;
		top: 15px;
		left: 358px;
		overflow: hidden;
	}

	#sert_text {
		position: absolute;
		display: block;
		top: 21px;
		left: 586px;
	}

	#serts {
		position: absolute;
		top: 55px;
		left: 586px;
	}

	#serts a {
		text-decoration: none;
	}

	/* langmenu */

		#langmenu {
			margin: 0;
			padding: 0;
			list-style-type: none;
			height: 18px;
			width: 132px;
			position: absolute;
			top: 0;
			right: 0;
		}

		#langmenu li {
			float: left;
			margin-right: -3px;
			width: 33px;
			height: 18px;
			margin: 0;
			padding: 0;
			background: #f2e661;
			text-align: center;
		}

		#langmenu li.active {
			background: #f3df00;
		}

		#langmenu li a {
			line-height: 18px;
			text-decoration: none;
			color: #2a271d;
		}

		#langmenu li a:hover {
			text-decoration: underline;
		}


/****************** AUTOR ******************/
	
	.autor {
		position: absolute;
		z-index: 100;
		font-size: 11px;
		top: -130px;
		left:585px;
		display: none;
		
	}

	.autor_inner {
		width: 204px;
		border-top: 2px solid #3c3c3c;
		border-right: 2px solid #3c3c3c;
		border-left: 2px solid #3c3c3c;
		background: white;
		height: 199px;
	}

	.autor_pic {
		height: 89px;
		overflow: hidde;
		background: #828282;
	}

	.autor_pic img {
		display: block;
	}

	.autor_content {
		padding: 10px;
		line-height: 14px;
		color: #3c3c3c;
	}

	.autor span {
		color: #6a6a6a;
	}

	.content_over .content_inner .productbox .autor h1 {
		margin: 0;
		padding: 0 0 2px 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		color: #3c3c3c;
	}

	.content_over .content_inner .productbox .autor h2 {
		margin: 0;
		padding: 0 0 4px 0;
		font-size: 12px;
		font-weight: normal;
		line-height: 14px;
		color: #3c3c3c;
	}
	
/****************** CONTENT ******************/

	/* sidebar */ 
	
		.sidebar {
			float: left;
			width: 172px;
			padding-left: 10px;
			min-height: 1px;
		}

		* html .sidebar {
			overflow:hidden;
		}

		.sidemenu {
			margin: 0;
			padding: 17px 0 0 18px;
			list-style-type: none;
			overflow:hidden;
		}

		.sidemenu li {
			margin: 0;
			padding: 0 0 1px 0;
		}
		

		.sidemenu li.header {
			color: #FFFFFF;
			font-family: arial, 'Trebuchet Ms', Tahoma, sans-serif;
			font-size: 20px;
			line-height: 26px;
			padding-bottom: 11px;
		}

		.content_over_inner .sidemenu li.header {
			color: #14441a;
		}

		.sidemenu li a {
			font-size: 12px;
			line-height: 14px;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.content_over_inner  .sidemenu li a {
			font-size: 12px;
			line-height: 14px;
			color: #3f3f3f;
			text-decoration: none;
		}
		
		.content_over_inner .sidemenu li.header a.header {
			color: #3f3f3f;
			font-family: arial, 'Trebuchet Ms', Tahoma, sans-serif;
			font-size: 20px;
			line-height: 26px;
			padding-bottom: 11px;
		}
		
		
		.sidemenu li a:hover {
			text-decoration: underline;
		}

		.sidemenu li a.active {
			color: #f3df00;
		}
		
		.content_over_inner  .sidemenu li a.active {
			color: #14441a;
		}

		.sidemenu ul {
			margin: 0;
			padding: 3px 0 3px 15px;
			list-style-type: none;
		}

	
	/* content_inner */

		.content_inner {
			float: left;
			width: 628px;
			margin: 0 20px 0 20px;
			min-height: 1px;
			margin-right: -3px;
			padding: 0;
		}

		* html .content_inner {
			overflow:hidden;
		}


	/* content1 */

		#content1 {
			height: 163px;
			background: url('../images/content1_bg.png') no-repeat;
			color: #9fcba3;
			position: relative;
		}

		#content1 .content_inner {
			padding-top: 16px;
			width: 485px;
			overflow:hidden;
			height: 130px;
		}

		#content1 .content_inner a {
			color: #9fcba3;
		}

		#content1 h1, #content2 h1, #content3 h1 {
			margin: 0;
			padding: 0 0 4px 0;
			font: normal 20px/26px arial, 'Trebuchet Ms', Tahoma, sans-serif;
			color: white;
		}

		#content1 p, #content2 p, #content3 p {
			margin: 0;
			padding: 0;
		}


		/* yellow_spot_list */
			
			.yellow_spot_list {
				margin: 0;
				padding: 0 0 0 20px;
				list-style-image: url('../images/yellow_spot.gif');
			}
			
			.content_over_inner .yellow_spot_list {
				list-style-image: url('../images/yellow_spot1.gif');
			}
			
			.yellow_spot_list li {
				padding-bottom: 4px;
				line-height: 16px;
			}

			.yellow_spot_list h2 {
				margin: 0;
				padding: 0;
				font-size: 14px;
				font-weight: normal;
				color: white;
			}

			#content1 .content_inner .yellow_spot_list h2 a, .yellow_spot_list h2 a {
				color: white;
				text-decoration: none;
				font-size: 12px;
				
			}

			#content1 .content_inner .yellow_spot_list h2 a:hover, .yellow_spot_list h2 a:hover {
				text-decoration: underline;
			}
			
			.content_over_inner .yellow_spot_list {
				padding:0; 
				list-style-image: none;
				list-style-type: none;
			}

	
	/* content2 */

		#content2 {
			position: relative;
			height: 163px;
			margin-top: 5px;
			background: url('../images/content2_bg.png') no-repeat;
		}


	/* content3 */
		
		#content3 {
			position: relative;
			height: 163px;
			margin-top: 5px;
			background: url('../images/content3_bg.png') no-repeat;
		}

		#content3 .content_inner {
			padding-top: 16px;
			line-height: 16px;
		}


	/* content_over */ 

		.content_over {
			width: 850px;
			z-index: 1;
			position: relative;
			/*overflow:hidden;*/
			clear:both;
		}

		.content_over_inner {
			background: url('../images/whiteBg.gif') repeat-y;
			padding-bottom: 15px;
			color: #2b2b2b;
			overflow:hidden;
		}

		.content_over_img {
			position: absolute;
			margin-top: 5px;
			display: block;
			cursor: pointer;
			z-index: 3;
		}

		.content_over_hover {
			position: absolute;
			top:0;
			left: 0;
			z-index:2;
			width: 10px;
			background: url('../images/whiteBG.gif') repeat-y;
			height: 100%;
			cursor: pointer;
		}
		

		/* .content_over .content_inner */

			.content_over .content_inner {
				padding-top: 15px;
			}

			.content_over .content_inner h1 {
				margin: 0;
				padding: 0px 0 10px 0;
				font: normal 20px/26px arial, 'Trebuchet Ms', Tahoma, sans-serif;
				
		
				color: #14441a;
			}

			.content_over .content_inner a {
				color: #14441a;
				
			}

			.content_over .content_inner a:hover {
				
			}

		
		/* productbox */

			.productbox {
				border-top: 1px solid #dcdcdc;
				/*border-bottom: 1px solid #dcdcdc; */
				padding: 5px 0 5px 0;

				
			}

			.product_left {
				float: left;
				width: 300px;
				padding-right: 15px;
				min-height: 180px;
				overflow: hidden;
			}

			* html .product_left {
				height: 180px;
			}

			.product_left img {
				display: block;
			}

			.product_right {
				float: left;
				width: 313px;
				margin-right: -3px;
			}
			
			.product_right_inner {
				height: 170px;
				overflow: hidden;
			}
		

			.content_over .productbox h1 {
				/* color: #f3df00; */
				margin: 0;
				padding: 5px 0 3px 0;
				font-weight: bold;
				font-size: 14px;
				line-height: 16px;
			}

			.productbox span {
				/* color: #bbbbbb; */
				font-weight: bold;
			}

			.productbox .readmore {
				text-transform: uppercase;
				text-align: right;
			}


			/* comments_tabs */
				
				.comments_tabs {
					margin: 0;
					padding: 0;
					list-style-type: none;
					height: 21px;
				}

				.comments_tabs li {
					float: left;
					margin: 0 0 0 3px;
					padding: 0;
					height: 21px;
					background: #dcdcdc /* url('../images/comments_tab_li.gif') no-repeat top left*/;
				}

				.content_over .comments_tabs li a {
					display: block;
					line-height: 21px;
					padding: 0 8px;
					 color: #2c2c2c;
					font-size: 10px;
					text-transform: uppercase;
					background: url('../images/comments_tab_a.gif') no-repeat top right;
				}

			/* comment */

				.comment {
					border-top: 1px solid #dcdcdc;
					padding: 5px 0;
					font-size: 11px;
					line-height: 12px;
				}

				.comment h2 {
					padding: 0 0 3px 0;
					margin: 0;
					font: bold 14px/17px arial, Tahoma, sans-serif;
					color: #39f300;
				}

			/* addcomment */

				.addcomment {
					border-top: 1px solid #dcdcdc;
					padding: 5px 0;
					margin: 0;
					display: none;
					width: 313px;
					overflow: hidden;
				}

				.addcomment table {
					width: 313px;
					border-collapse: collapse;
				}

				.addcomment table td {
					padding: 2px 0;
				}

				.addcomment .textbox {
					border: 1px solid #797461;
					/* background: #474436; */
					width: 140px;
					font: 12px/17px arial, Tahoma, sans-serif;
					/* color: white; */
				}
				
				.textbox {
					border: 1px solid #797461;
					margin: 2px 4px;
					/* background: #474436; */
					width: 140px;
					font: 12px/17px arial, Tahoma, sans-serif;
					/* color: white; */
				}

				.addcomment textarea {
					border: 1px solid #797461;
					/* background: #474436; */
					width: 300px;
					font: 12px/17px arial, Tahoma, sans-serif;
					/* color: white; */
					height: 92px;
				}

				.addcomment .submit {
					/* color: white; */
					text-transform: uppercase;
					font: bold 10px arial, Tahoma, sans-serif;
					bordeR: none;
					width: 120px;
					height: 23px;
					padding: 0;
					margin: 0;
					line-height: 23px;
					text-align: center;
					background: url('../images/addcomment_submit.gif') no-repeat;
					cursor: pointer;
				}
		
		/* person */

			.person {
				float: left;
				width: 204px;
				margin: 0 -3px 0 0;
				padding: 10px 4px 12px 4px;

			}

			.person_pic {
				background: #322f24;
				height: 88px;
				width: 204px;
				overflow: hidden;
			}

			.person_pic img {
				display: block;
			}

			.person_info {
				height: 114px;
			}

			.content_over .content_inner .person_info h1 {
				font-size: 14px;
				line-height: 16px;
				font-weight: bold;
				margin: 0;
				padding: 4px 0 2px;
			}
			
			.content_over .content_inner .person_info h1 a{
				color: #14441a;
			}
			.content_over .content_inner .person_info h2 {
				margin: 0;
				padding: 0 0 6px 0;
				font-size: 12px;
				line-height: 14px;
				font-weight: normal;
			}

			.person_info span {
				/*color: #069104; */
				font-weight:bold;
			}
			
			.person a { text-decoration: none; }
			.person a:hover { text-decoration: underline; }


		
/****************** KRABI ******************/

	#krabi {
		float: right;
	}



#subPageContent .product_left,#subPageContent .comments_tabs,#subPageContent .comment,#subPageContent .addcomment,#subPageContent .readmore {
	display: none;
	
}

#subPageContent .person {
	float: none;
}

.peengee {behavior: url("pngbehavior.htc");}

#hinnaparing {
	display: block;
	text-align: justify;
}

.year_selected , .month_selected { font-weight: bold; }

.content_inner div.cms_sisuelement_valitud {position:relative !important; float:left !important; }
.content_inner div.cms_sisuelement_icon {position: absolute !important;} 

.content_inner .cms_sisuelement, .content_inner .cms_sisuelement_valitud { position: static;}

.selNews { background: #EEEEEE; padding: 5px; }
