@charset "UTF-8";
/* By Ida Fram */



/* Misc */

.Hidden {
	display: none;	
}

.Clear {
	clear: both;	
}

.Right {
	text-align: right;
	float: right;	
}

.Left {
	text-align: left;
	float: left;	
}

.Center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a img {
	border: 0;
}

/* Typography */

body, input, textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-size: 12px;
	line-height: 19px;
}

input, textarea {
	border: 1px solid #663333;
	padding: 3px;
	background: #fff;
}
input {
	line-height: 12px;
}

ul {
	list-style: square;
}

.button {
	background: #961b1e;
	padding: 5px 7px;
	color: #fecf8c;
	border: 1px solid #fecf8c;
}

h1,h3 {
	color: #663333;
}
#yhteystiedot h3 {
	margin: 0;
}

.gold {
	color: #cc9966;
}
h4 {
	color: #cc9966;
}

h2 {
	color: #cc9966;
	font-size: 25px;
	line-height: 28px;
	font-weight: normal;
	font-weight: lighter;
	font-style: normal;
}

h2.black {
	color: #000;
	margin: 0;
	line-height: 30px;
	padding: 0;
}

h3.grey {
	color: #999;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	line-height: 20px;
	padding: 0;
}

hr {
	color: #999;
	background-color: #999;
	border: 0;
	height: 1px;
	margin: 15px 0;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #000;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #666;
}


#Footer address {
	font-weight: normal;
	font-style: normal;
	display: inline;
}
.Content address {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	display: inline;
}

#Footer,
#Footer a:link,
#Footer a:visited,
#Footer a:hover,
#Footer a:active {
	color: #ffcc99;
	font-size: 11px;
	text-decoration: none;
}
#Footer a:hover,
#Footer a:active {
	text-decoration: underline;
}
#Header {
	color: #fff;
	font-style: italic;
	font-size: 13px;
}

/* Navigation */
#Header .Navi a:active,
#Header .Navi a:hover,
#Header .Navi a:visited,
#Header .Navi a:link,
#Header .Navi .Active {
	display: block;
	float: right;
	height: 37px;
	padding: 3px 0 0 0;
}


/* For non-javascript users */
/* 
Tämä siirretty linkkeihin suoraan inline-stylenä.
Muuten  hajoaa safarissa niillä, 
joilla ei javascriptiä ole kytkettynä päälle

#Header .Navi a {
	display: none; 
}
*/

#Header .Navi {
	max-width: 1650px;
	width: 100%;
}

#Header .Navi .Active {
	background: transparent url(../gfx/navi_selected.gif) center 24px no-repeat;
}
	#Header .Navi .Active .TabLeft,
	#Header .Navi .Active .TabRight {
		width: 14px;
		display: block;
		height: 37px;
	}
	#Header .Navi .Active .TabTXT {
		float: left;
		display: block;
		height: 37px;
		padding: 0 5px;
	}
	#Header .Navi .Active .TabLeft {
		float: left;
		background: transparent url(../gfx/navi_selected_left.gif) left 21px no-repeat;
	}
	#Header .Navi .Active .TabRight {
		float: left;
		background: transparent url(../gfx/navi_selected_right.gif) right 21px no-repeat;
	}

#Header .Navi .NaviSpacer {
	width: 23px;
	float: right;
	display: block;
	height: 37px;
	background: transparent;
}

#Header .Navi a:active, 
#Header .Navi a:hover, 
#Header .Navi a:visited, 
#Header .Navi a:link {
	padding-left: 19px;
	padding-right: 19px;
	color: #ffcc99;
	text-decoration: none;
}
#Header .Navi a:active, 
#Header .Navi a:hover {
	color: #ffe0b3;
}
/* Navi end */


.fb_share_link {
	padding-left: 20px;
}


/* RSS/Blogi -icon links */
.fb_share_link:link,
.fb_share_link:visited,
.fb_share_link:active,
.fb_share_link:hover,

.RSS_Subscribe:link,
.RSS_Subscribe:visited,
.RSS_Subscribe:active,
.RSS_Subscribe:hover {
	padding: 2px 0 2px 23px;
	margin: 0;
	height: 15px;
	background: transparent url(../gfx/rss.gif) left center no-repeat;
	font-size: 11px;
	line-height: 11px;
	font-style: italic;
	color: #333;
	text-decoration: none;
}
.fb_share_link:link,
.fb_share_link:visited,
.fb_share_link:active,
.fb_share_link:hover {
	background: transparent url(../gfx/facebook_share_icon.gif) left center no-repeat;
}

.BlogLink:link,
.BlogLink:visited,
.BlogLink:active,
.BlogLink:hover,
.RSSLink:link,
.RSSLink:visited,
.RSSLink:active,
.RSSLink:hover {
	color: #999;
	font-style: italic;
	text-decoration: none;
	padding: 2px 0 2px 23px;
	height: 15px;
	font-size: 14px;
	line-height: 14px;
	background: transparent url(../gfx/rss.gif) 0 center no-repeat;
}
.BlogLink:link,
.BlogLink:visited,
.BlogLink:active,
.BlogLink:hover {
	background-image: url(../gfx/blogi.gif);
	padding-left: 40px;
}

.RSSLink:active,
.RSSLink:hover,
.RSS_Subscribe:active,
.RSS_Subscribe:hover {
	text-decoration: underline;
}


/* Layout */

body, html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	min-width: 990px; 
	max-width: 1650px;
}

html#uutiskirjeIframe,
body#uutiskirjeIframe {
	min-width: 270px;
	width: 270px;
}

.uutiskirjeTable td {
	padding: 0 10px 5px 0;
}
.uutiskirjeTable td input {
	width: 150px;
}

#Ida_Fram {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 186px;
	height: 150px;
	background: transparent url(../gfx/ida_fram.png) no-repeat;
}

.Ida_Fram_slogan {
	display: block;
	width: 203px;
	height: 45px;
	margin: 0 0 30px 0;
	background: url(../gfx/ida_fram_txt.png) no-repeat;
}

.Star {
	background: transparent url(../gfx/star.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.titlePNG {
	display: block;
	height: 40px;
	width: 100%;
	margin: 0 0 15px 0;
	background-position: 0;
	background-repeat: no-repeat;
}
#Header {
	width: 100%;
	height: 21px;
	background: #820000 url(../gfx/header.gif) 30px 0 repeat-x;
	padding: 27px 0 0 0;
	margin: 0;
	max-width: 1650px;
}

#Footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-width: 990px;
	height: 25px;
	overflow: hidden;
	background: #820000 url(../gfx/footer.gif) right bottom repeat-x;
	max-width: 1650px;
}
	.FooterContent {
		padding: 3px 0 0 9px;
		float: left;
		width: 50%;
	}
	.SocialLink_facebook,
	.SocialLink_twitter {
		float: right;
		display: block;
		height: 25px;
		width: 92px;
		padding: 0;
		margin: 0;
		background-image: url(../gfx/socialfooter.gif);
		background-repeat: no-repeat;
	}
	.SocialLink_facebook {
		background-position: left top;
	}
	.SocialLink_twitter {		
		background-position: right top;
	}


.ScrollContents {
	width: 100%;
	max-width: 1650px;
}


.ScrollContent1,
.ScrollContent2,
.ScrollContent3 {
	display: block;
	position: absolute;
	float: right;
	margin: 0;
	padding: 0;
	width: 33.33%;
	min-width: 330px;
	max-width: 550px;
	overflow:auto;
	top: 68px;
	bottom: 25px;
}
	.ScrollContent2 .Content,
	.ScrollContent3 .Content {
		padding: 60px 0 25px 0;
	}
	.ScrollContent1 .Content {
		padding: 170px 20px 25px 31px;
	}
.ScrollContent3 {
	left: 66.7%;
	background: #f0f0f0 url(../gfx/scroll3_topbg.gif) repeat-x;
}

.ScrollContent2 {
	left: 33.4%;
	background: #fafafa url(../gfx/scroll2_topbg.gif) repeat-x;
}
.ScrollContent1 {
	left: 0;
/*	top: 140px;*/
}
.NaviBlock1,
.NaviBlock2,
.NaviBlock3 {
/*	min-width: 330px;*/
	text-align: right;
	float: right;
	width: 33%;
	height: 27px;
	background: #711416 url(../gfx/header_navi_border.gif) left bottom repeat-x;
}

img.profile {
	float: left;
	margin: 0 15px 5px 0;
}

.Content img.Left {
	margin: 0 20px 15px 0;
}
.Content img.Right {
	margin: 0 0 15px 20px;
}

.txtContent {
	padding: 0 20px;
}

.wideContents {
	padding: 130px 31px 25px 31px;
}

/* Big White Tab */
.BigTab {
	width: 95%;
	margin: 0 auto;
	background: transparent url(../gfx/bigtab.gif) left top repeat-x;
}
	.BigTabLeft {
		background: transparent url(../gfx/bigtab_left.gif) left top no-repeat;
	}
	.BigTabRight { /* Content is inside this div */
		min-height: 124px;
		padding: 42px 42px 0 42px;
		background: transparent url(../gfx/bigtab_right.gif) right top no-repeat;
	}
	
	
/* BIG number */
.BIGNumber {
	display: block;
	float: left;
	width: 130px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center top;
}
.BigNumberDescription {
	font-size: 12px;
	line-height: 17px;
	color: #666;
	text-align: center;
}

.BigNumberDescription p span span {
	font-size: 40px;
	line-height: 44px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	text-align: center;
	color: #111;
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	
}


/* Newslist */
.newsList {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;	
}
	.newsList .newsGrey,
	.newsList .newsWhite {
		display: block;
		width: 100%;
		color: #666;
		font-size: 12px;
		line-height: 16px;
		clear: both;
		padding: 0;
		margin: 0;
	}
	.newsList  li .newsContent {
		padding: 15px 25px;
	}
	.newsList .newsGrey {
		background: #e5e5e5;
	}
	.newsList .newsWhite {
		background: #f7f7f7;
	}
		.newsList li h3 a:link,
		.newsList li h3 a:visited,
		.newsList li h3 a:hover,
		.newsList li h3 a:active,
		.newsList li h3 {
			padding: 0 0 4px 0;
			margin: 13px 0 0 0;
			text-decoration: none;
			font-weight: normal;
			font-size: 15px;
			line-height: 20px;
			color: #663333;
		}
		.newsList li h3 a:hover,
		.newsList li h3 a:active {
			color: #999;
		}
		.newsList li .newsDate {
			font-size: 12px;
			line-height: 17px;
			color: #cc9966;
		}
		
		
/* Twitter */
	
	
#twitter_div {
	margin: 0 0 20px 0;
}

#twitter_update_list {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	list-style: none;
}
	#twitter_update_list li {
		display: block;
		width: 100%;
		clear: both;
		background: #e5e5e5;
		padding: 0;
		margin: 0;
		color: #666;
		font-size: 12px;
		line-height: 16px;
	}
	#twitter_update_list li span {
		display: block;
		padding: 15px 25px 10px 25px;
	}
	#twitter_update_list li a {
		padding: 0 0 15px 25px;
		display: block;
	}
	#twitter_update_list li span a {
		padding: 0;
		display: inline;
	}
	
	
	#twitter-link {
	padding: 15px 0 15px 23px;
	margin: 0;
	height: 15px;
	background: transparent url(../gfx/twitter.gif) left center no-repeat;
	font-size: 11px;
	line-height: 11px;
	font-style: italic;
	color: #333;
	text-decoration: none;
	}
	
	
/* Portfolio*/

.Portfolio {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.Portfolio li {
		display: block;
		width: 165px;
		height: 173px;
		padding: 0 10px 10px 0;
		margin: 0;
		float: left;
	}
	.Portfolio li a {
		display: block;
		width: 165px;
		height: 173px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-color: transparent;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

	
	
/* Blocklist */

.BlockList {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: pointer
}

	.BlockList li {
		display: block;
		width: 100%;
		color: #666;
		margin: 0 auto;
		clear: both;
	}
	.blockHiddenContent {
		padding-top: 10px;
	}
	.blockHiddenContent a {
		display: inline;
	}
	
	.BlockList li .blockGrey {
		background: #e5e5e5;
	}
	
	.BlockList li .blockWhite {
		background: #f7f7f7;
	}
	
	.BlockList li .blockWhite:hover,
	.BlockList li .blockWhite:active,
	.BlockList li .blockWhite:visited,
	.BlockList li .blockWhite:link,
	.BlockList li .blockGrey:hover,
	.BlockList li .blockGrey:active,
	.BlockList li .blockGrey:visited,
	.BlockList li .blockGrey:link {
		text-decoration: none;
		padding: 15px 25px;
		margin: 0;
		color: #666;
		font-size: 12px;
		line-height: 16px;
		display: block;
	}
	
	.BlockList li .blockWhite,
	.BlockList li .blockGrey {
		padding: 15px 25px;
		line-height: 16px;
	}
	
	.BlockList .refThumb {
		float: left;
		margin: 0 15px 5px 0;
		border: 1px solid #993333;
	}
	.BlockList li h3 {
		margin: 0;
		font-weight: normal;
		display: inline;
		font-size: 19px;
		line-height: 25px;
		padding: 0;
	}
	.BlockList li h4 {
		font-weight: normal;
		display: inline;
		font-size: 14px;
		line-height: 23px;
		margin: 0;
		padding: 0;
	}