body{
  margin:15px 0 0 0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  background-image:url(/images/bg_wallpaper_2.jpg);
}
#wrap{
  width:978px;
  background-color:#f0e6d3M;
  margin:0 auto 0 auto;
}
#contentTop{
  background-image:url(/images/body_bg.png);
  background-repeat:repeat-y;
  width:959px;
  padding:0 10px 0 9px;
}
#contentBot{
	float:left;
	clear:both;
  background-image:url(/images/body_bg.png);
  background-repeat:repeat-y;
  width:959px;
  padding:0 10px 0 9px;
}
/*-----------------yläosa-----------------*/
#topborder{
  background-image:url(/images/header_bg.png);
  background-repeat:no-repeat;
  width:100%;
  height:10px;
}
#toppix{
	background:white url('/images/header_bg.jpg') no-repeat top right;
  padding:10px 0 0 10px;
}
#navi{
	float:left;
	clear:left;
	background:transparent url('/images/menu_bg.png') no-repeat;
	width:940px;
	height:44px;
  margin:0 10px 0 10px;
  text-align:right;
}
#navbtn{
  float:left;
  height:44px;
  line-height:44px;
}
#navbtn li{
	float:left;
	clear:none;
	list-style:none;
	margin:11px 0 0 23px;
  line-height:23px;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}
#navbtn span.menu_left{
	background: transparent url('/images/menu_item_bg_left.png') no-repeat;
	float:left;
	clear:none;
	width:5px;
	height:23px;
}
#navbtn a{
  background: transparent url('/images/menu_item_bg_x.png') repeat-x;
  float:left;
  clear:none;
  color:#ffffcc;
  padding:0 5px;
  display:block;
  height:23px;
}
#navbtn a:hover,
#navbtn li.active a{
	color:#534739;
	text-decoration:none;
}
#navbtn span.menu_right{
  background: transparent url('/images/menu_item_bg_right.png') no-repeat;
  float:left;
  clear:none;
  width:5px;
  height:23px;
}
#search{
  background-image:url(/images/search_textfield.png);
  background-repeat:no-repeat;
  height:23px;
  margin:11px 22px 0 0;
  float:right;
  clear:right;  
}
#search #searchField{
  float:left;
  clear:both;
  width:161px;
  height:23px;
}
#search #searchField input{
  border:0;
  padding:1px 5px 0 0;
  background:none;
  margin: 3px 6px 0 6px;
}
#search #searchBtn{
  float:left;
  clear:none;
}
#infolinks{
  float:right;
  text-align:right;
  line-height:20px;
  margin:8px 20px 0 0;
}
#infolinks a{
  color:#663333;
  margin:0 12px 0 0;
  font-weight:bold;
  font-size:12px;
}
.break{
  clear:both;
  /*background-color:#cccc99;*/
}
#alanavi{
  width:660px;
  float:left;
  clear:left;
  margin:8px 8px 8px 26px;
  line-height:20px;
}
#alanavi a{
	font-weight:bold;
  margin-right:10px;
  white-space:nowrap;
}
#alanavi .active{
  font-weight:bold;
  text-decoration:underline;
  color:#663333;
  margin-right:10px;
  white-space:nowrap;
}
/*--------------yläosa end--------------*/  


/*-----------pääsisältö----------------*/  

#maincontent{
  width:682px;
  min-height:300px;
  float:left;
  margin:0 20px 0 0;
  overflow:hidden;
}
#maincontent .article_body{
  margin:0 0 14px 0;	
}
#front_boxes{
	float:left;
	clear:both;
  width:100%;
  margin:0 0 16px 31px;	
}
#front_boxes .box_narrow{
	float:left;
	clear:none;
	width:268px;
	margin:0 34px 0 0;
}
#front_boxes .box_wide{
	float:left;
	clear:none;
  width:314px;
}
.box_header{
  width:165px;
  height:28px;
  background:transparent url('/images/box_header_bg.png') no-repeat;
  margin:0 0 0 18px;
}
#front_boxes .box_header{
	background:#663333;
	border-left:1px solid #663333;
	border-right:1px solid #663333;
	height:22px;
}
.box_header h3{
  font-size:11px;
  font-weight:bold;
  color:#ffffcc;
  line-height:20px;
  margin:0 0 0 9px;
  white-space:nowrap;
}
.alt_box{
	margin:0px;
}
#front_boxes .box_top{
	background:transparent url('/images/box_narrow_top_bg.png') no-repeat;
	width:100%;
	height:10px;
}
#front_boxes .box_content{
  background:transparent url('/images/box_narrow_mid_bg_y.png') repeat-y;
  width:100%;
  padding:3px 12px 0;
  position:relative;
}
#front_boxes .box_bot{
	background:transparent url('/images/box_narrow_bot_bg.png') no-repeat;
	width:100%;
	height:9px;
	margin:0 0 6px 0;
}
#front_boxes .box_wide .box_top{
  background:transparent url('/images/box_wide_top_bg.png') no-repeat;
}
#front_boxes .box_wide .box_content{
  background:transparent url('/images/box_wide_mid_bg_y.png') repeat-y;
}
#front_boxes .box_wide .box_bot{
  background:transparent url('/images/box_wide_bot_bg.png') no-repeat;
  width:314px;
  height:9px;
}
#front_boxes .box_tall .box_content{
	height:190px;
}
#front_boxes .box_short .box_content{
	height:106px;
}
#front_boxes .box_tall p{
	width:290px;
	font-size:16px;
	font-weight:bold;
	color:#663333;
	margin:5px 0 0 2px;
	line-height:20px;
	overflow:hidden;
  height:40px;
}
#front_boxes .box_narrow p{
	width:240px;
	margin-left:2px;
}
#front_boxes img.VOD{
	width:240px;
	height:135px;
	margin-left:2px;
}
#front_boxes img.talk{
  margin-left:2px;
}
#front_boxes a{
	color:#663333;
}
div.video_overlay{
	background:transparent url('/images/overlay_video.png') no-repeat;
	width:89px;
  height:89px;
  position:absolute;
  top:28px;
  left:90px;	
}
#front_boxes .box_question .box_content{
	font-weight:bold;
}
#front_boxes .box_question div.question{
	width:290px;
	height:50px;
	text-align:center;
	margin:0 0 10px 0;
	overflow:hidden;
}
#front_boxes .box_question .poll_button{
	background:transparent url('/images/btn_empty.png') no-repeat;
	width:71px;
	height:22px;
	border:0 none;
	margin-right:30px;
	color:#ffffcc;
	font-weight:bold;
}
#box_buttons form{
	margin:20px 0 0 56px;
}
#poll_result{
	width:270px;
	height:30px;
	margin:0 10px;
	overlow:hidden;
}
#poll_result_bar{
	float:left;
	clear:none;
	text-align:left;
	background-color:#fd0534;
	width:194px;
	height:13px;
	position:absolute;
	left:60px;
}
#poll_result .result_label_left{
	float:left;
	clear:none;
}
#poll_result .result_label_right{
  float:right;
  clear:none;
}
#poll_result_bar .yes_bar{
  background-color:#0bfd05;
  height:13px;
}
#poll_result div.total{
	float:left;
	clear:both;
	width:100%;
	text-align:center;
}
#front_boxes .box_buttons{
	text-align:center;
}
#front_boxes .box_buttons .box_button{
	float:left;
	clear:none;
	background:transparent url('/images/btn_bg_red.png') no-repeat;
	width:71px;
	height:22px;
	line-height:22px;
	text-align:center;
}
#front_boxes .box_buttons .box_button a{
	color:#ffffcc;
	text-decoration:none;
	display:block;
}
#uusimmatListaus1{
  background-color:#a9a977;
  height:auto;
  overflow:hidden;
  padding:0 0 20px 0;
}
#uusimmatListaus2{
  background-color:#eef0e2;
  height:auto;
  overflow:hidden;
  padding:0 0 20px 0;
}
#inlay_content{
	float:left;
	clear:both;
  width:656px;
  background:transparent url('/images/inlay_mid_bg_y.png') repeat-y;
  margin:0 0 0 8px;
  padding:12px 0 10px 23px;
}
#inlay_content.videoContent{
  width:626px;
  padding-right:30px;
}
#inlay_content.wide p{
	width:490px;
}
#inlay_content.text .text_left p,
#inlay_content.text .text_right p{
  width:100%;
}
#inlay_content strong{
	color:#663333;
}
#maincontent .narrow{
  width:500px;
  padding-right:155px;
}
div.inlay_header{
	float:left;
	clear:both;
	background:transparent url('/images/inlay_top_bg.png') no-repeat;
	width:100%;
	height:9px;
  margin:0 0 0 8px;
}
div.inlay_footer{
	float:left;
	clear:both;
  background:transparent url('/images/inlay_bot_bg.png') no-repeat;
  width:100%;
  height:10px;
  margin:0 0 12px 8px;
}
.header{
	float:left;
	clear:both;
	width:100%;
  height:38px;
  background-color:#663333;
  color:#ffffcc;
  padding:0 0 0 24px;
  font-size:18px;
  line-height:38px;
  margin:0 0 10px 12px;
}
div.contentSlot,
div.contentSlotVideo{
  float:left;
  clear:none;
  width:322px;
}
div.contentSlot .nostothumb,
div.contentSlotVideo .nostothumb{
  vertical-align:top;
  margin:0 0 10px 0;
}
div.contentInner{
  margin:13px 40px 5px 40px;
  height:100%;
}
div.contentSlotBooking div.contentInner{
  margin:6px 6px 5px 6px;
  height:100%;
}
div.contentSlot img,
div.contentSlotVideo img{
	width:120px;
	height:96px;
  margin:4px 0 0 4px;
}
div.videoWide img{
  height:68px;
}
div.contentSlotVideo div.thumb{
	float:left;
	clear:none;
  background:transparent url('/images/video_thumb.png') no-repeat;
  width:128px;
  height:104px;
  margin:0 8px 10px 0;
}
div.videoWide div.thumb{
  float:left;
  clear:none;
  background:transparent url('/images/video_thumb_wide.png') no-repeat;
  width:128px;
  height:76px;
  margin:0 8px 10px 0;
}
div.contentSlotVideo div.text{
	float:left;
	clear:none;
	width:176px;
	min-height:104px;
	padding:0 10px 10px 0;
	line-height:14px;
}
div.videoWide div.text{
  min-height:76px;
}
div.contentSlotVideo div.text span{
  position:relative;
  bottom:0px;
}
div.contentSlotVideo div.text h2,
div.contentSlotVideo div.text p{

  font-weight:bold;
  font-size:12px;
  margin:0;
}
div.contentSlotVideo div.text a{
  color:#663333;
  text-decoration:none;	
}
div.contentSlotVideo div.text a:hover{
  text-decoration:underline;	
}
div.contentSlotVideo div.text p.small{
  font-size:10px;
  font-weight:normal;
  color:#534739;
}
.contentSlot p a,.contentSlotVideo p a{
  text-decoration:underline;
}
a.readMore{
  line-height:20px;
  color:#cc3333;
}
.uusimmatListausNapit{
  text-align:center;
  padding:7px 0 0 70px;
}
.uusimmatListausNapit .listButton{
  background-image:url(/images/btn_katsotut_bg.gif);
  background-repeat:no-repeat;
  float:left;
  width:196px;
  height:25px;
  margin:0 20px 0 0;
  line-height:25px;
  font-weight:bold;
}
.listButton a{
  color:black;
}
#pager{
	float:left;
	clear:both;
	width:500px;
  padding:15px 0 0 60px;
  margin:0 auto 15px auto;
  font-weight:bold;
}
div.text_left #pager{
	padding:15px 0 0 5px;
}
#pager .off{
  float:left;
  color:#999999;
  line-height:18px;
}
#pager .on{
  float:left; 
  color:#534739;
  line-height:18px;
}
#pager .left{
  float:left;	
}
#pager .right{
	float:right;
}
#pager .pagerBtnPrev,
#pager .pagerPage,
#pager .pagerBtnNext{
  float:left;
  clear:none;
  width:84px;
}
#pager .pagerBtnPrev{
  margin-right:40px
}
div.text_left #pager .pagerBtnPrev{
	margin-right:10px;
}
#pager .pagerBtnPrev img{
  float:left;
  margin-right:5px;
}
#pager .pagerBtnNext img{
	float:left;
	margin-left:5px;
}
#pager .pagerPage{
	color:#663333;
  text-align:center;
  font-weight:bold;
  width:250px;
  line-height:19px;
  margin:0 auto 15px auto;
}
div.text_left #pager .pagerPage{
	width:160px;
}
#pager .pagerPage a{
	color:#534739;
	padding:3px;
}
#pager .pagerBtnNext{
  margin-left:40px;
}
div.text_left #pager .pagerBtnNext{
	margin-left:10px;
}
/*-----------videot ja listaukset-------------*/
#videoPlayer{
}
#item_listing{
	float:left;
	clear:both;
	width:500px;
  margin:10px 0 0 0;
}
#item_listing .list_item{
	float:none;
	clear:both;
  width:234px;
  margin:0 0 7px 15px ;
}
#thumbList{
  float:left;
  clear:both;
  width:100%;
  margin:7px 0 0 0;
}
#thumbList .left{
  float:left;
  clear:left;
  width:140px;
  margin:5px 0 2px 0;
}
#thumbList .right{
  float:left;
  clear:right;
  width:300px;
  margin:8px 0 2px 0;
}
#thumbList div.listItem_active .left img,
#thumbList div.listItem_raise_active .left img{
  border:1px;
  border-color:#CCCCCC;
  border-style:solid;
  padding:4px;
  margin:0 0 7px -4px;
}
#thumbList .listItem_active .right h4,
#thumbList .listItem_raise_active .right h4{
  font-weight:bolder;
}
/*----social links-----*/
#shareBar{
	width:100px;
	height:20px;
	margin:10px 0 5px;
}
#shareBar .shareItem{
	width:20px;
	height:20px;
	float:left;
	clear:none;
	margin-right:4px;
}
/*-----------search + highlightit-------------*/

#highlights{
  width:250px;
  float:left;
}
#highlights #rightTop{
  width:100%;
  padding:15px 0 15px 26px;
}
#highlights #slogan{
  color:#B8B894;
  padding:0 40px 0 0;
  margin:15px 0 0 0;
}
#highlights #rightBottom{
  width:100%;
  padding:0 0 20px 10px;
}
#highlights #rightBottom .item{
  margin:0 0 5px 0;
}
form.search-controls{
	float:none;
  margin:10px 0 15px 20px;
}
ol.search-results{
	width:90%;
}
#clientSelection label
{
	display: block;
	margin-bottom: 5px;
}
p.timeFrame
{
	margin-top: 10px;
	margin-bottom: 5px;
}
div.timeFrame .datepicker_wrap
{
	margin-right: 20px;
}
div.timeFrame
{
	margin-bottom: 10px;
}
a.linkBack{
  float:right;
  clear:right;
  background-image:url(/images/icon_back.png);
  background-repeat:no-repeat;
  padding:0 0 0 15px;
  margin:10px 0 0 0;
  width:40px;
  height:12px;
  font-size:11px;
  display:inline;
}
#sidebar_latest{
	float:left;
	clear:both;
	width:205px;
	margin:15px 0 15px 9px;
	line-height:12px;
}
#sidebar_latest .box_header{
	margin-bottom:10px;
}
#sidebar_latest .sidebar_item{
	margin:0 0 8px 11px;
}
#sidebar_latest a{
	color:#663333;
	font-weight:bold;
}
/*----categories----*/
#maincontent .header_category{
	float:left;
	clear:both;
	width:100%;
	height:72px;
	margin:0 0 10px 12px;
}
#maincontent .subheader_category{
	background-color:#663333;
	width:370px;
	height:40px;
	line-height:40px;
	color:#ffffcc;
	padding:0 10px;
	font-size:18px;
	margin:0 0 8px 0;
}
div.inlay_header_alt{
  float:left;
  clear:both;
  background:transparent url('/images/inlay_top_bg_alt.png') no-repeat 0px 20px;
  width:100%;
  height:35px;
  margin:0 0 0 8px;
}
div.inlay_header_alt ul{
	width:500px;
	margin:0 0 0 25px;
  height:35px;
}
div.inlay_header_alt ul li{
	float:left;
	clear:none;
  background:transparent url('/images/tab_mid_x.png') repeat-x;
  display:block;
	height:35px;
	white-space:nowrap;
}
div.inlay_header_alt ul li span{
	float:left;
	clear:none;
  height:35px;
  line-height:40px;
  padding:0 5px;
  white-space:nowrap;
  display:block;
}
div.inlay_header_alt ul li span a{
	font-weight:bold;
	color:#999999;
  white-space:nowrap;
}
div.inlay_header_alt ul li span.active a{
  color:#663333;
}
div.inlay_header_alt ul li .left_first{
	float:left;
	clear:none;
	background:transparent url('/images/tab_left_first.png') no-repeat;
	width:8px;
	height:35px;
	padding:0 8px 0 0;
}
div.inlay_header_alt ul li .left{
  float:left;
  background:transparent url('/images/tab_left.png') no-repeat;
  width:22px;
  height:35px;
}
div.inlay_header_alt ul li .right{
  float:left;
  background:transparent url('/images/tab_right.png') no-repeat;
  width:23px;
  height:35px;
}
div.question_item div.answer,
div.link_item div.link_body{
	display:none;
}
div.recipe_item,
div.question_item,
div.story_item,
div.link_item{
	border-bottom:1px #663333 solid;
	padding:0 0 8px 10px;
	margin:10px 0;
}
img.img_border{
	border:1px solid #663333;
	padding:4px;
	margin-bottom:5px;
}
div.question_item div.answer,
div.link_item div.link_body{
	margin:0 0 10px;
}
a.toggler,
a.toggler2{
	font-weight:bold;
}
ul.recipe,
ul.stories{
	padding:0 0 0 4px;
}
ul.recipe li a,
ul.recipe li,
ul.stories li a,
ul.stories li{
	color:#663333;
	list-style:none;
	font-size:12px;
	font-weight:bold;
}
#maincontent a.article_thumb img{
	width:106px;
	height:80px;
	margin-left:8px;
}
#note{
	float:left;
	clear:none;
  background:transparent url('/images/icon_muistilappu.jpg') no-repeat;
  width:306px;
  height:221px;
  margin:30px 40px 20px 15px;
}
#aphorism{
	float:left;
	clear:none;
  background:transparent url('/images/icon_mietelause.jpg') no-repeat;
  width:307px;
  height:221px;
  margin:30px 0 20px 0;
}
#note p.title,
#aphorism p.title{
	font-size:18px;
	color:white;
	font-weight:regular;
	width:230px;
	position:relative;
	top:74px;
	left:34px;
	text-align:center;
	height:74px;
	overflow:hidden;
}
#note p.body,
#aphorism p.body{
	font-size:16px;
	color:white;
	font-weight:regular;
	position:relative;
	top:80px;
	left:34px;
	width:230px;
	height:34px;
	text-align:center;
	overflow:hidden;
}
/*----common------*/
p.date{
	color:#534739;
	margin:0px;
}
p.small{
	font-size:10px;
}
/*---forms---*/
form{
	float:left;
	clear:both;
}
form label{
	float:left;
	clear:both;
	margin:3px 0 2px;
}
form img{
	float:left;
	clear:left;
	margin:3px 0 8px;
}
form input.text{
	float:left;
	clear:both;
	background:transparent url('/images/form_textfield.png') no-repeat;
	width:202px;
	height:23px;
	border:0 none;
	padding:3px 0 0 3px;
}
form textarea{
	float:left;
	clear:both;
	background:transparent url('/images/form_textarea.png') no-repeat;
	font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
	width:202px;
	height:129px;
	border:0 none;
  padding:0 0 0 3px;
}
form input.button{
	float:right;
	clear:both;
	margin:5px 0 10px;
}
form a.button{
	float:left;
	clear:both;
	cursor:pointer;
	margin:0 0 6px 0;
}
form.search_recipe{
	width:100%;
	margin:10px 0 13px;
}
form.search_recipe label{
	color:#663333;
	font-weight:bold;
}
form input.search_text{
	float:left;
	clear:left;
	background:transparent url('/images/form_search_text.png') no-repeat;
	width:156px;
	height:23px;
	border:0 none;
}
form input.search_button{
	float:left;
	clear:right;
  width:47px;
  height:23px;
  border:0 none;
}
form #captcha_help{
	float:left;
	clear:both;
	display:none;
	margin:4px 0;
}
/*---comments---*/
#comment_form{
	margin-top:10px;
}
.comment_num{
  margin-top:3px;
}
#comments,
#comments_rest{
  display:none;
}
#comments{
	margin:10px 0 6px;
}
#comments div.comment_item{
  width:360px;
	margin:0 0 6px -10px;
}
#comments div.comment_item div.comment_top{
	background:transparent url('/images/comment_bg_top.png') no-repeat;
	width:100%;
	height:11px;
}
#comments div.comment_item div.comment_bottom{
	background:transparent url('/images/comment_bg_bottom.png') no-repeat;
	width:100%;
	height:11px;
}
#comments div.comment_header{
  background:transparent url('/images/comment_bg_y.png') repeat-y;
  width:360px;
  font-size:10px;
	color:grey;
	padding:0 15px;
}
#comments div.comment_body{
	font-weight:normal;
  background:transparent url('/images/comment_bg_y.png') repeat-y;
  padding:4px 15px 2px 15px;
}
/*---muut---*/
#maincontent #inlay_content.text .text_left{
	float:left;
	clear:left;
	width:360px;
	margin:0 56px 0 0;
}
#maincontent #inlay_content.text .text_right{
	float:left;
	clear:right;
	width:205px;
}
/*-----------footer-------------*/
#footer{
	clear:both;
  background:transparent url(/images/footer_bg.png) no-repeat;
  height:41px;
  text-align:right;
  color:white;
  padding:10px 30px 0 0;
}
