/*
#################################################################
#
#	Länsi-Suomi
#	Toni Aalto
#	toni.aalto@lansi-suomi.fi
#	4 / 2008
#
#################################################################
*/

@import url("picsMovies.css");
@import url("events.css");


* { margin: 0; padding: 0;}

html
	{
	height: 100%;
	}

body 
	{
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color: #333436;
	font-size: 12px;
	text-align: center;
	background:url(../images/site/main_bg.gif) center fixed repeat-y;
	background-color: #e2e2e2;
	}
	
ul 
	{
	list-style:none;
	}
	
a 
	{
	text-decoration:none;
	outline: none;
	color: #787763;
	}
	
a:hover
	{
	text-decoration:underline;
	}
	
select { outline:none;}
p { margin-bottom: 10px;}
img {border:0;}

.asunnot
	{
	text-decoration:underline;
	font-size: 13px;
	}
	
	.asunnot:hover
	{
	text-decoration:none;
	font-size: 13px;
	}
	
#kestotilaaja ul li{

	list-style:disc;
	margin-left: 20px;
	margin-top: 5px; 

}

#kestotilaaja ul li a{

	text-decoration:underline;

}

#kestotilaaja ul li a:hover{

	text-decoration:none;

}



#etusivunPaalleTuleva 
		{
		display:none;
		float:right;
		position:absolute;
		margin: 0 auto;
		width: 500px;
		height: 400px;
		border: 1px #CCCCCC solid;
		z-index: 1000;
		background-color:#FFFFFF;
}

.palveluNosto{background: url(../images/palvelut_bg.gif) left no-repeat; width: 490px; height:35px; margin: 20px 0 20px 0; padding-top: 19px; font-size:15px;}
.palveluNosto a { text-decoration:underline;}
.palveluNosto a:hover { text-decoration: none;}

/*
#################################################################
#
#	FONTS
#
#################################################################
*/

.brown { color: #787763}
.smallBrown { color: #787763; font-size: 12px;}
.lightBrown { color:#aead9f;}
.sectionHeader {font-size: 14px; color:#08a1e7;}
.sectionHeader2 {font-size: 13px; color:#08a1e7;}
.oneNewsImageText { font-size: 11px;}
.oneNewsImagePhotographer { font-size: 11px;}
.white { color:#FFFFFF;}
.whiteLink { color:#FFFFFF;}
.green { color: #5884c5;}
.nostoAika { font-size: 11px; color: #605854;}
.nostoAika a{ color: #605854;}
.nostoOtsikko { font-size: 13px; color: #605854;}
.headerB { color: #605854; }
.NewsFeedHeader {font-size: 12px; color:#4e7c92; }
.NewsFeedHeader a:link{ font-size: 12px; color:#4e7c92; margin-bottom: 5px; font-weight:bold;}
.NewsFeedHeader a:visited{ font-size: 12px; color:#4e7c92; margin-bottom: 5px; font-weight:bold;}
.NewsFeedHeader a:hover{ font-size: 12px; color:#4e7c92; margin-bottom: 5px; text-decoration:underline; font-weight:bold;}

.NewsFeedSection {font-size: 10px; color:#08a1e7;}
.NewsFeedDate {font-size: 10px; color:#08a1e7;}

h1 { font-size: 35px; color:#4e7c92; margin-bottom: 5px;}
h1 a:link { font-size: 35px; color:#4e7c92; margin-bottom: 5px;}
h1 a:visited { font-size: 35px; color:#4e7c92; margin-bottom: 5px;}
h1 a:hover { font-size: 35px; color:#4e7c92; margin-bottom: 5px; text-decoration:underline;}

h2 { font-size: 22px; color:#4e7c92; margin-bottom: 5px;}
h2 a:link{ font-size: 22px; color:#4e7c92; margin-bottom: 5px;}
h2 a:visited{ font-size: 22px; color:#4e7c92; margin-bottom: 5px;}
h2 a:hover{ font-size: 22px; color:#4e7c92; margin-bottom: 5px; text-decoration:underline;}

h3 {font-size: 13px; font-weight:normal;}
h4 { font-size: 20px; color: #5e7b90;}
h5 { font-size: 18px; color: #8f989e;}
h6 { font-size: 20px; color: #8f989e;}
h7 { font-size: 15px; color: #8f989e;}
.viiteLueLisaa { font-size: 14px; font-weight: bold;  color: #4e7c92; display:block; margin-bottom: 10px; margin-top: 10px; font-style:italic;}
.artikkelinKirjoittaja { font-size: 13px;  display:block; margin-bottom: 10px; font-style:italic; color: #525252; font-weight:bold;}
.artikkelinLinkki { display:block; margin-bottom: 5px;}
.artikkelinLinkki a { text-decoration: underline;}
.artikkelinLinkki a:hover{ text-decoration: none;}

.blogname { font-size: 20px; font-weight: bold; color: #4E7C92; display:block; margin-bottom: 0px; margin-top: 10px; }
.blogarticles { font-size: 20px; font-weight: bold; color: #4e7c92; display:block; margin-bottom: 0px; margin-top: 20px;}
.blogsender { font-size: 14px; color: #525252; }
.blogikuva img { border: 0; width: 468;}
.blogcomment { font-size: 16px; font-weight: bold; color: #4E7C92; margin-bottom: 5px; margin-top: 10px; margin-left: 3px;}

/*
#################################################################
#
#	FORMS
#
#################################################################
*/


.formsStar { color: #fb9e26;}
	
.formsHeader
	{
	margin: 0;
	padding: 0;
	}
	
	
.formsHeader li
	{
	float:left;
	margin-bottom: 10px;
	}

.formsNumber
	{
	width: 32px;
	height: 39px;
	padding: 6px 0 0 13px;
	margin-right: 25px;
	background: url(../images/forms/numberBg.gif) center no-repeat;
	font-size: 32px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.formsText 
	{
	padding-top: 9px;
	font-size: 28px;
	color: #8b8a8a;
	}
	
.formsTextNoNumber
	{
	padding-top: 9px;
	font-size: 28px;
	color: #8b8a8a;
	}
	
.formsOneInputItem
	{
	position:relative;
	float:left;
	margin: 0 0 5px 0;	
	}
	
.formsOneInputItemButton
	{
	clear:both;
	position:relative;
	float:left;
	margin-top: 10px;
	}
	
label 
	{
	margin-bottom: 1px;
	display:block;
	font-size: 13px;
	font-weight:bold;
	color: #226d8b;
	text-align:left;
	}
	
.labelEnabled
	{
	margin-bottom: 1px;
	display:block;
	font-size: 13px;
	font-weight:bold;
	color: #226d8b;
	text-align:left;
	}

.labelDisabled 
	{
	margin-bottom: 1px;
	display:block;
	font-size: 13px;
	font-weight:bold;
	color: #CCCCCC;
	text-align:left;
	}
	
	
.formsTextLabel
	{
	font-size: 13px;
	font-weight:bold;
	color: #226d8b;
	}
	
.formsTextFullItem
	{
	width: 488px;
	height: 18px;
	padding: 3px 0 0 2px;
	background:url(../images/forms/formsBg.gif) top repeat;
	background-color:#FFFFFF;
	border: solid 1px #8badba;
	}
	
.formsFile
	{
	width: 488px;
	background:url(../images/forms/formsBg.gif) top repeat;
	background-color:#FFFFFF;
	}

.formsTextHalfItem
	{
	width: 240px;
	height: 18px;
	padding: 3px 0 0 2px;
	background:url(../images/forms/formsBg.gif) top repeat;
	background-color:#FFFFFF;
	border: solid 1px #8badba;
	}
	
.formsTextHalfItemR
	{
	width: 226px;
	height: 18px;
	padding: 3px 0 0 2px;
	background:url(../images/forms/formsBg.gif) top repeat;
	background-color:#FFFFFF;
	border: solid 1px #8badba;
	}
	
.formsTextHalfItemRdisabled
	{
	width: 226px;
	height: 18px;
	padding: 3px 0 0 2px;
	background-color:#F0F0F0;
	border: solid 1px #F0F0F0;
	}
	
.formsTextItemRdisabled
	{
	width: 488px;
	height: 18px;
	padding: 3px 0 0 2px;
	background-color:#F0F0F0;
	border: solid 1px #F0F0F0;
	}
	
.formsHalfSelect
	{
	width: 242px;
	background:url(../images/forms/formsBg.gif) top repeat-x;
	}
	
.formsSelect
	{
	width:488px;
	background:url(../images/forms/formsBg.gif) top repeat-x;
	}
	
	
.formsHalfSelectR
	{
	width: 230px;
	background:url(../images/forms/formsBg.gif) top repeat-x;
	}
	
.formsFullTextAreareaItem
	{
	width: 488px;
	height: 150px;
	padding: 3px 0 0 2px;
	background:url(../images/forms/formsBg.gif) top repeat-x;
	background-color:#FFFFFF;
	border: solid 1px #8badba;
	}

#eventsAddEvent input:focus 
	{
	border: 1px solid #5a8b9e;
	background:url(../images/forms/formsActiveBg.gif) top repeat;
	}

#eventsAddEvent textarea:focus 
	{
	border: 1px solid #5a8b9e;
	background:url(../images/forms/formsActiveBg.gif) top repeat-x;
	}

.formsHalfOneInputItemLeft
	{
	float:left;
	position:relative;
	display:block;
	left: 0;
	width: 250px;
	margin-bottom: 10px;
	}
	
.formsHalfOneInputItemRight
	{
	padding-left: 10px;
	float:right;
	right: 0;
	width: 230px;
	margin-bottom: 10px;

}

.formsDate
	{
	width: 45px;
	background:url(../images/forms/formsBg.gif) top repeat-x;

	}
.formsMonth
	{
	width: 100px;
	background:url(../images/forms/formsBg.gif) top repeat-x;
	}
.formsYear
	{
	width: 70px;
	background:url(../images/forms/formsBg.gif) top repeat-x;
	}
	
#tilaushuom 

	{ 
	width: 500px;
	height: 75px;
	position:relative;
	float:left;

	}
	
#tilausInfo 

	{
		width: 282px;
		height: 206px;
		background:url(../images/tilausBoxBg.gif) center no-repeat;
		padding: 10px 0 0 10px;
		position:relative;
		float:left;
		margin-bottom: 20px;
	}
	
.tilauksenTeksti
	{
	font-size: 14px;
	color:#666666;
	font-weight:normal;
	
	}
	
.tilauksenTekstiHuom
	{
	font-size: 14px;
	color:#CC0000;
	font-weight:normal;
	
	}
	
.tilausMargin 
	{
	position:relative;
	padding-left: 10px;
	background-color:#003366;
	}
	
#opiskelijaTilaus 
	{
	display:none;
	}
	
#saajanTiedot
	{
	display:none;
	}
	
#errorForm 
						{
						position: relative;
						width: 470px;
						background-color:#bf141e;
						border: #666666 solid 1px;
						padding: 10px;
						margin: 50px 0 20px 0;
						color:#FFFFFF;
						font-weight:bold;
						display:none;
						

						}
	




/*
#################################################################
#
#	MAINCONTENT
#
#################################################################
*/
div#OuterContent
	{
	position: relative;
	width: 1480px;
	min-height: 100%;
	margin: 0px auto;
	background:url(../images/site/main_bg2.gif) center repeat-y;
	float: left;
	}
div#LeftOuter
	{
	float:left;
	position: relative;
	width: 250px;
	min-height: 100%;
	margin: 0px 0px auto auto;
	}
div#LeftOuterBanner
	{
	float:right;
	}
div#RightOuter
	{
	float:right;
	position: relative;
	width: 250px;
	min-height: 100%;
	margin: 0px 0px auto auto;
	}
div#RightOuterBanner
	{
	float:left;
	}

.karkkaritopFalse
	{
	
	}
	
	.karkkaritopTrue
	{
		margin: 10px 0 10px 0;
	}

div#mainBlock 
	{
	position: relative;
	width:980px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #ffffff;
}

* html #mainBlock
	{
	height: 100%;
	}

div#contentBlock 
	{
	position: relative;
	width: 980px;
	text-align:left;
			background:url(../images/site/main_bg.gif) center fixed repeat-y;
	}

div#contentHeaderEtusivu
	{
	width: 980px;
	min-height: 230px;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 10px;
	}
div#contentHeader
	{
	width: 980px;
	min-height: 230px;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 20px;
	display: block;
	}
	
	div#contentHeaderHeader
		{
		position:relative;
		left: 10px;
		background: #eeede9 url(../images/site/header_grey_bg.gif) no-repeat bottom;
		height: 55px;
		width: 960px;
		margin-bottom: 10px;
		}
		
		#headerCurrentDay
		{
			font-weight:bold;
		}
		#headerCurrentPaiva
		{
			font-weight:bold;
		}
	
		div#headerLogin
			{
			position:relative;
			float: right;
			height: 38px;
			padding-top: 21px;
			margin-right: 10px;
			}
			
		#headerLogin li 
			{
			position:relative;
			float:left;
			height: 20px;
			
			}
			
div#HeaderSearch {
		width: 980px;
		height: 54px;
		align: center;
		text-align: center;
		background-color: #FFFFFF; /* #e2e2e2; */
		/* border-bottom: solid 1px #333; */
		position: fixed;
		z-index: 999;
		top:0;
	}

	div#HeaderSearchLink {
			position:relative;
			float: right;
			height: 40px;
			align: center;
			margin-left: 20px;
		}
	
	div#headerSearchForm {
			position: relative;
			padding-top: 15px;
			float: left;
		}
		
	div#headerSearchText { 
			position:relative;
			float: left;
			height: 20px;
			vertical-align:middle;
			padding-top: 18px;
			padding-left: 10px;
		}
		
			.searchSelect {
			height: 18px;
			width: 110px;
			font-size: 11px;
			padding: 1px 0 0 2px;
			border:solid 1px #c7c8ab;
			background-color:#FFFFFF;
			color:#75756f;
			}
			
			.searchInput {
			height: 16px;
			width: 96px;
			padding: 2px 0 0 4px;
			font-size: 11px;
			border:solid 1px #c7c8ab;
			color:#75756f;
			}
			
			.searchInputMissing {
			height: 16px;
			width: 96px;
			padding: 2px 0 0 4px;
			font-size: 11px;
			font-weight:bold;
			border:solid 1px #c7c8ab;
			color:#990033;
			}
			
	div#monimedia
		{
			float: right;
			padding-top: 15px;
			padding-right: 10px;
			padding-left: 30px;
			position: relative;
		}
	div#monimedia img
		{
			margin-right: 15px;
		}
			
	div#headerLogoBanner {
		position:relative;
		left: 5px;
		float: left;
		height: auto;
		width: 980px;
		}
			div#headerLogo {
			position:relative;
			float: left;
			height: 100px;
			}
			.headerBanner {
			position:relative;
			text-align:center;
			margin-bottom: 5px;
			}
			
div#contentHeaderHeader a 
		{
		text-decoration:underline;
		color:#605854;
		}
	div#contentHeaderHeader a:visited
		{
		text-decoration:underline;
		color:#605854;
		}
	div#contentHeaderHeader a:hover
		{
		text-decoration: none;
		color:#605854;
		}
	
div#contentContent
	{
	float:left;
	display:block;
	position:relative;
	padding-bottom: 30px;
	font-size: 13px;
	margin-top: 10px;
	}

div#contentFooter
	{
	clear:both;
	width: 960px;
	float:left;
	position: relative;
	left: 20px;
	background:url(/images/site/footer_bg.gif) no-repeat top left;
	}
	
	div#footerContent
		{
		position:relative;
		float:left;
		display:block;
		margin-bottom: 20px;
		}
	
	div#footerContentInner
		{
		position:relative;
		float:left;
		width: 900px;
		margin: 25px 0 20px 35px;		
		}
		
	div#footerFooter
		{
		clear:both;
		width: 960px;
		height: 20px;
		background-color: #b6b6ab;
		text-align:center;
		color:#FFFFFF;
		padding-top: 10px;
		}
		
		div#footerContent a
		{
		color: #7a7b78;
		text-decoration:underline;
		}
		
		div#footerContent a:hover
		{
		color: #7a7b78;
		text-decoration:none;
		}
		
		.footerHeadline
			{
			font-size: 13px;
			color: #777761;
			font-weight:bold;
			margin-bottom: 10px;
			}
			
		.footerLinks
			{
			position: relative;
			float:left;
			display:block;
			margin-right: 40px;
			}
		
	div#footerFooter a
		{
		text-decoration:underline;
		color:#FFFFFF;
		}
		
	div#footerFooter a:hover
		{
		text-decoration:none;
		color:#FFFFFF;
		}
		
#BlogWriter
{

}

#Blogilista
{
	width="490";
}

#saa 
{
	position:relative; 
	left: -5px; 
	margin-bottom: 10px;
	}
	
#kylmis_feed 
	{
	background: url(../saa/kylmis/kylmis_tausta.jpg) no-repeat;
	margin-left: 20px;
	margin-bottom: 10px;
	}

div#feeds
	{
		position: relative;
		float: center;
		margin-top: 60px;
		width: 980px;
		height: 100px;
		margin-left: 0px;
		margin-right: 0px;
		background-image: url(../images/site/feed_bg.jpg);
	}
	#kello
	{
		width: 100px;
		height: 100px;
		float:left;
		position: relative;
		vertical-align: middle;
		margin-left: 5px;
	}
	#devAnalogClock
	{
	}
	#date {
		width: 190px;
		height: 38px;
		position: relative;
		float: left;
		text-align:center;
		margin-top: 5px;
		margin-right: 10px;
	}
	#top_feed1
	{
		position: relative;
		float: left;
		width: 255px;
		height: 100px;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		color: #605854;
		
	}
	#top_feed2
	{
		position: relative;
		float: left;
		width: 320px; 
		height: 110px; 
		border-right: 1px solid #999;
		margin-top: 5px;
		margin-left: 12px;
	}
	#top_feed3
	{
		position: relative;
		float: left;
		width: 255px;
		height: 100px;
	}
div#newsfeed {
	text-align: left;
	/* padding: 4px 4px 4px 4px; */
 	border: 1px solid #999;
	margin-bottom: 5px;
	}
	
div#newsfeedheader{
	background:#e0e8f5; 
	background-image:url(/images/site/pkuva_uusimmatuutiset.png); 
	background-position:right;
	background-repeat:no-repeat;
	border-bottom: solid 1px #999;
	padding-top: 4px;
	padding-left: 3px;
	font-weight: bold;
	height: 23px;
}

div#newsfeeds {
	
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

div#newsfeedheaderSport {
	background:#e0e8f5; 
	background-image:url(/images/site/pkuva_urheilu.png); 
	background-position:right;
	background-repeat:no-repeat;
	border-bottom: solid 1px #999;
	padding-top: 4px;
	padding-left: 3px;
	font-weight: bold;
	height: 23px;
}
	
	
/*
#################################################################
#
#	NAVIGATION
#
#################################################################
*/
/*
#snuutiset, #snsaa, #snurheilu,#snaikalisa, #snymparisto, #snautot, #snmielipiteet, #snasiakaspalvelu {
	display:none;
}
*/


div#headerNavigation
	{
	float:left;
	position:relative;
	left: 0;
	width: 980px;
	height: 80px;
	z-index:1;
	margin-bottom: 10px;
	/* 	background-color:#004c98; */
	
	}

	div#headerNavigationMain
	{
	position:relative;
	width: 980px;
	height: 30px;
	font-size: 12px;
	background-color:#004c98;
	}
	
	#headerNavigationMainAS
		{
		position:absolute;
		float:right;
		right: 0;		
		}
	
	div#headerNavigationMain ul li a.activeMainNavigation
	{
	float:left;
	height: 21px;
	text-align:center;
	text-decoration:none;
	padding: 9px 10px 0 10px;
	color:#414245;
	background-color:#e1e1e1;
	font-weight:bold;
	
	}
	
	div#headerNavigationMain ul li a.inactiveMainNavigation
	{
	float:left;
	height: 21px;
	text-align:center;
	text-decoration:none;
	padding: 9px 10px 0 10px;
	color: #ffffff;
	font-weight:bold;
	}
		
	div#headerNavigationMain ul li
	{
	display:inline;
	}
	
	div#headerNavigationMain ul li a
	{
	float:left;
	height: 21px;
	text-align:center;
	text-decoration:none;
	padding: 9px 20px 0 20px;
	color: #2c4f60; 
	/* border-right: #a3c4d5 1px dotted; */
	}
	
	div#headerNavigationSecond 
	{
	width: 100%;
	height: 30px;
	background-color:#e1e1e1;
	font-size:12px;
	}
	
	div#headerNavigationSecond ul
	{
	position: absolute;
	float:left;
	left: 20px;
	width: 95%;
	}
	
	div#headerNavigationSecond ul li
	{
	float:left;
	height: 20px;
	padding: 10px 20px 0 0;
	font-weight:bold;
	}
	
	div#headerNavigationSecond ul li a.activeSecondNavigation
	{
	text-decoration:none;
	color:#414245;
	}
	
	div#headerNavigationSecond ul li a
	{
	text-decoration:none;
	color:#837e7e;
	}
	
	div#headerNavigationSecond ul li a:hover
	{
	text-decoration: none;
	color:#3763a6;
	}
	
.aspaNavi li
	{
	position:relative;
	width: 250px;
	margin: 0 0 2px 10px;
	padding: 1px 0 1px 10px;
	
	}
	
.aspaNavi2 li
	{
	position:relative;
	width: 250px;
	margin: 0 0 2px 10px;
	padding: 1px 0 1px 10px;
	
	}
/* 

div#headerNavigation
	{
	width: 1000px;
	height: 30px;
	background-color:#d7f1fe;
	}

	div#headerNavigationMain
	{
	position:relative;
	width: 980px;
	height: 30px;
	font-size: 12px;
	}
	
	#headerNavigationMainAS
		{
		position:absolute;
		float:right;
		right: 0;		
		}
	
	div#headerNavigationMain ul li a.activeMainNavigation
	{
	float:left;
	height: 21px;
	text-align:center;
	text-decoration:none;
	padding: 9px 20px 0 20px;
	color:#FFFFFF;
	background-color:#4e8caa;
	
	}
	
	div#headerNavigationMain ul li a.inactiveMainNavigation
	{
	float:left;
	height: 21px;
	text-align:center;
	text-decoration:none;
	padding: 9px 20px 0 20px;
	color: #2c4f60;
	}
		
	div#headerNavigationMain ul li
	{
	display:inline;
	}
	
	div#headerNavigationMain ul li a
	{
	float:left;
	height: 21px;
	text-align:center;
	text-decoration:none;
	padding: 9px 20px 0 20px;
	color: #2c4f60;
	}
	
	
	
	
	div#headerNavigationSecond 
	{
	width: 100%;
	height: 30px;
	background-color:#4e8caa;
	font-size:12px;
	}
	
	div#headerNavigationSecond ul
	{
	position: absolute;
	float:left;
	left: 20px;
	width: 95%;
	}
	
	div#headerNavigationSecond ul li
	{
	float:left;
	height: 20px;
	padding: 10px 20px 0 0;
	}
	
	div#headerNavigationSecond ul li a.activeSecondNavigation
	{
	text-decoration:none;
	color:#FFFFFF;
	}
	
	div#headerNavigationSecond ul li a
	{
	text-decoration:none;
	color:#133849;
	}
	
	div#headerNavigationSecond ul li a:hover
	{
	text-decoration: none;
	color:#FFFFFF;
	}

*/	
	

/*
#################################################################
#
#	COLUMNS
#
#################################################################
*/

div#leftColumn
	{
	position:relative;
	display:block;
	left: 5px;
	float:left;
	width: 800px;
	margin-top: 10px;
	height: 100%;
	}
	
div#rightColumn /* banners */
	{
	position:relative;
	display:block;
	float:right;
	width: 170px;
	margin: 5px 0 0 8px;
	
	}

div#rightColumnFront /* banners */
	{
	position:relative;
	display:block;
	float:right;
	width: 170px;
	margin: 5px 0 0 8px;
	}
	
.leftInnerColumn
	{
	clear: left;
	position:relative;
	float:left;
	width: 490px;
	margin-bottom: 20px;

	}
	
.rightInnerColumn
	{
	clear: right;
	position:relative;
	float:right;
	right: 0;
	width: 290px;
	margin-bottom: 15px;
	margin-top: 0px;
	}

div#rightInnerColumn img
{
	margin-bottom: 10px;
}
.kylmisleftInnerColumn
	{
	clear: left;
	position:relative;
	float:left;
	width: 480px;
	margin-bottom: 20px;
	}
.rightInnerColumnkylmis
	{
	clear: right;
	position:relative;
	float:right;
	right: 0;
	width: 300px;
	margin-bottom: 15px;
	margin-top: 0px;
	}


div#treeColumnsLifts
	{
	position:relative;
	clear:both;
	width: 800px;
	height: 90px; 
	margin-bottom: 20px;
	}
	
	.lift
		{
		float:left;
		position:relative;
		width: 259px;
		height: 90px;
		background: url(../images/site/grey_box.gif) top no-repeat;
		color: #605854;
		}
		
	#leftLift, #centerLift { margin-right: 11px;}
div#treeColumnsLiftsRight
	{
	position:relative;
	clear:both;
	width: 290px;
	/* height: 90px; */
	margin-bottom: 20px;
	}
	
	.liftRight
		{
		float:left;
		position:relative;
		width: 290px;
		height: 90px;
		background: url(../images/site/grey_box_big.gif) top no-repeat;
		color: #605854;
		}

	#upperLift, #centerLift2, #lowerLift { margin-top: 5px; margin-bottom: 5px;}

.treeColumnsLiftsHeader
	{
		float:left;
		position: absolute;
		left: 15px;
		top: 10px;
		font-size: 14px;
		font-weight: bold;	
	}
	
.treeColumnsLiftsText
	{
		float:left;
		position: absolute;
		left: 15px;
		top: 32px;
		font-size: 12px;
		width: 250px;
	}
	
	.treeColumnsLiftsText a
	{
	text-decoration:underline;
	}
	
	.treeColumnsLiftsText a:hover
	{
	text-decoration: none;
	}
	
.treeColumnsLiftsHeaderK
	{
		float:left;
		position: absolute;
		left: 15px;
		top: 10px;
		font-size: 14px;
		font-weight: bold;
	}
	
.treeColumnsLiftsTextK
	{
		float:left;
		position: absolute;
		left: 15px;
		top: 30px;
		font-size: 12px;
		width: 250px;
	}
	
	.treeColumnsLiftsTextK a
	{
	text-decoration:underline;
	}
	.treeColumnsLiftsTextK a:hover
	{
	text-decoration: none;
	}
	
.treeColumnsLiftsTextK p
	{
	 padding: 0;
	 margin: 0 0 3px 0;
	}

#kylmis {
	background: url(http://www.ls24.fi/saa/kylmis/current.jpg) top no-repeat;
	min-height: 600px;
}




/*
#################################################################
#
#	BANNERS
#
#################################################################
*/

.suurtaulu
	{
	position:relative;
	float:left;
	left: 20px;
	margin-bottom: 10px; 
/*	padding-bottom: 10px; */
	}
	
div#etusivu2
	{
/*	margin-bottom: 10px; */
	}
div#etusivu_pa img
	{
	padding-bottom: 0px;
	}

/* Kolmospalstan bannerin välit yritys */
div#etusivu_st2 a img	{
	padding-bottom:5px;
	margin-bottom: 5px;}
div#etusivu_st2 img	{
	padding-bottom:5px;
	margin-bottom: 5px;}
/*
suurtaulu a img	{padding-magin:20px;}

suurtaulu object {margin-bottom:6px;}
suurtaulu a img object {margin-bottom:6px;}
*/
div#kiekkoaamu
	{
		background-image: url(../mp3/tausta.jpg);
		background-repeat: no-repeat;
		height: 380px;
		margin-bottom:10px;
		position: relative;
		float: left;
	}

div#kiekkoaamuInner
	{
		margin: 10px 10px 10px 5px;
	}
	
div#maalikooste
	{
		background-image: url(../mp3/tausta_lyhyt.jpg);
		background-repeat: no-repeat;
		height: 140px;
		margin-bottom:10px;
		position: relative;
		float: left;
		width: 290px;
	}

div#maalikoosteInner
	{
		margin: 10px 10px 10px 5px;
	}


div#social
	{
		height: 50px;
	}

/*
#################################################################
#
#	NEWS
#
#################################################################
*/

.topMargin
	{
	margin-top:5px;
	}

div#newsBigPic
	{
	margin-bottom: 5px;
	}
	
div#newsBigText
	{
	font-size: 13px;
	}
	
div#newsBigText a
	{
	text-decoration:underline;
	color: #616151;
	}
	
div#newsBigText a:hover
	{
	text-decoration:none;
	color: #616151;
	}
	
.newsLift 
	{
	float:left;
	display: block;
	position: relative;
	margin: 10px 0 15px 0;
	width: 490px;
	}
.newsLift2
	{
	position:relative;
	margin: 0 0 10px 0;
	}
#newsLiftFrontpage
	{
	padding: 10px 0 0 0;
	}
	
#oneNewsImageText
	{
	margin: 0 0 10px 0;
	}

#oneNewsImagePhotographer
	{
	margin: 0 0 2px 0;
	}

#oneNewsItemText
	{
	margin: 20px 0 0 0;
	}
	
#oneNewsItemNavigation
	{
	height: 22px;
	}
	
#oneNewsMovie
	{
	
	}
	
#oneNewsItemNav a
	{
	color: #616151;
	font-size: 14px;
	}
	
	#oneNewsItemNav a:hover
	{
	text-decoration:underline;
	color: #4db3e3;
	font-size: 14px;
	}
	
	
	
	#oneNewsItemNav .newsActivePic a
		{
		text-decoration:underline;
		color: #4db3e3;
		font-size: 14px;
		}
		
#articlePicsNavi li { float:left; margin: 0 10px 0 5px;}
.articleNaviActive { color:#ff0000;}

div#vaalit2011 
{
	position:relative;
	float:left;
	left: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div#tulos2011 
{
	position:relative;
	float:left;
	left: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 620px;
	height: 600px;
}

div#social
	{
	height: 30px;
	margin-bottom: 5px;
	}
div#NewsfeedOuter
	{
		width: 800px;

	}
div#NewsfeedOuterFeed
	{
		width: 800px;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
/*
div#newsfeed
	{
	text-align: left;
	padding: 4px 4px 4px 4px;
	}
	*/
/*div#UutinenFeed
	{
	display: block;
	width: 400px;
	position: relative;
	}
*/

/*
#################################################################
#
#	NEWSHEADLINES
#
#################################################################
*/

.newsHeadlineDay
	{
	font-size: 11px;
	color: #787763;
	}
	
.newsHeadlineText
	{
	font-size: 12px;
	color: #3a3a2e;
	}
	
div#newsHeadlines
	{
	height: 350px;
	height:auto;
	position:relative;
	float:left;
	width: 290px;
	}
	
div#newsHeadlinesNavigation
	{
	
	width: 290px;
	height: 22px;
	border-bottom: solid #CCCCCC 1px;
	}
	
	div#newsHeadlinesNavigation ul li
	{
	position:relative;
	float:left;
	height: 22px;
	}
	
	#raumajaalue, #kotimaa, #ulkomaat, #talous, #keskustelutuu, #today_events
	{
	margin: 0 1px 0 0;
	} 
	
div#newsHeadlinesContent
	{
	display:block;
	position:relative;
	float:left;
	width: 282px;
	min-height:300px;
  	height:auto !important;
  	height:300px;
	}
	
	div#newsHeadlinesContent ul li
	{
	float:left;
	position:relative;
	width: 282px;
	padding: 5px 0 8px 0;
	border-bottom: 1px dotted #CCCCCC;
	}
		div#newsHeadlinesContent ul li a
		{
		color: #3a3a2e;
		}
		
		div#newsHeadlinesContent ul li a:hover
		{
		color: #3a3a2e;
		text-decoration:underline;
		}
		
		div#newsHeadlinesContent ul li a:visited
		{
		color: #8b8a8a;
		}
		
div#newsHeadlineArea
	{
	float:left;
	padding-top: 15px;
	width: 290px;
	margin-bottom: 10px;
	}
	
	div#newsHeadlineArea a
	{
	color: #787763;
	text-decoration:underline;
	}
	
	div#newsHeadlineArea a:hover
	{
	color: #787763;
	text-decoration:none;
	}
	
.sectionImageLift 
	{
	float:left;
	display:block;
	margin: 0 15px 0 0;
	right: 0;
	}
	
.newsHeadlineLoader
	{
	position: relative;
	width: 50px;
	left: 130px;
	top: 100px;
	}
	
/*
#################################################################
#
#	VOTE
#
#################################################################
*/

div#vote
	{
	position:relative;
	float:left;
	width: 290px;
	margin: 20px 0 20px 0;
	}

div#voteHeader
	{
	padding: 8px 0 4px 10px;
	background-color: #eaeae4;
	color: #616151;
	}
	
div#voteQuestions
	{
	position:relative;
	margin: 10px 0 0 15px;
	
	}
	
	div#voteQuestions a
	{
	color: #777761;
	text-decoration:underline;
	}
	
	div#voteQuestions a:hover
	{
	color: #777761;
	text-decoration:none;
	}
	
	div#voteQuestions ul li
	{
	margin-bottom: 5px;
	}
	
						
						
						





	
/*
#################################################################
#
#	LIFTS RIGHT
#
#################################################################
*/

.ownLiftBgTextLift
	{
	position:relative;
	float:left;
	width: 291px;
	height: 150px;
	background:url(../images/site/nostomalli.jpg) no-repeat top;
	margin-bottom: 10px;
	}
	
	.ownLiftBgTextLiftEtusivu
	{
	position:relative;
	float:left;
	width: 261px;
	height: 144px;
	margin-bottom: 10px;
	}
	
.ownLiftBgImageLift
	{
	position:relative;
	float:left;
	width: 291px;
	height: 150px;
	margin-bottom: 10px;
	}
	
	
	
#sudoku {
		position:relative;
		left:25px;
	}
	#gameOptions{
		position:absolute;
		left:500px;
		top:240px;
		width:150px;
		height:450px;
		border:4px solid #000;
		background-color:#E2EBED;
		padding-left:5px;
		font-size:0.9em;
	}

	#gameOptions ul{
		padding-left:0px;
		margin-left:0px;
		margin-top:0px;
	}

	#gameOptions a{
		font-size: 13px;
		color:#666666;
		text-decoration:none;
	}
	#gameOptions a:hover{
		
		text-decoration:underline;
	}
	
	#gameOptions li{
		list-style-type:none;
	}
	.sudoku{
		width:456px;
		height:456px;
		border:2px solid #000;
		
	}
	.sudokuSquare,.sudokuSquareHighlighted{
		width:46px;
		height:46px;
		float:left;
		border:1px solid #000000;
		padding:1px;
		line-height:46px;
		font-size:30px;
		text-align:center;		
		background-color:#FFF;
		cursor:default;
	}
	.sudokuSquareHighlighted{
		border:2px solid #317082;
		width:46px;
		height:46px;		
		padding:0px;
		background-color:#E2EBED;
	}
	
	.sudokuSection{
		width:150px;
		height:150px;
		border:1px solid #000000;
		float:left;
	}
	.gameRules li{
		font-size:0.9em;
		margin-left:0px;
		padding-left:0px;
	
	}
	#hintDiv{
		position:absolute;
		width:52px;
		height:60px;
		background-image:url('images/hintArrow.gif');
		background-position: bottom left;
		background-repeat:no-repeat;
		display:none;	
		margin-left:1px;	
		
		
	}
	#hintDivInner{
		width:44px;
		height:44px;
		border-top:2px solid #000;
		border-left:2px solid #000;
		border-right:2px solid #000;
		font-size:11px;	
		padding:2px;
		background-color:#FF0000;
		color:#FFF;
	}
	
/*
#################################################################
#
#	LIFTS AIKALISÄ
#
#################################################################
*/
	
#aikalisaLifts
	{
	margin: 10px 0 10px 0;
	position:relative;
	float:left;	
	}
	
#aikalisaLifts li
	{
	margin: 5px 0 1px 0;
	width: 200px;
	
	}
	
	#aikalisaLifts li a
	{
	font-size: 13px;	
	}
	
/*
#################################################################
#
#	HAKUTULOKSET
#
#################################################################
*/

.searchListHeader
		{
		margin: 0 0 20px 0;
		}
		

#searchEventsList li
		{
		
		margin-bottom: 4px;
		border-bottom: 1px dotted #CCCCCC;		
		}
		
		#searchEventsList li a
		{
		color: #5e7b90;
		}


/*
#################################################################
#
#	Kalenteri
#
#################################################################
*/


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/*
#################################################################
#
#	YHTEYSTIEDOT
#
#################################################################
*/

.contactMainHeader
	{
	height: 30px;
	background-color: #d3e8f2;
	padding: 10px;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight:bold;
	
	}
	
.contactsecondHeader
	{
	height: 30px;
	padding: 10px;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight:bold;
	color: #4e7c92;
	
	}
	
.contactContent{

	padding: 10px;


}

.contactContent2{

	padding: 10px 10px 10px 20px;


}

.pollfooter{

	margin: 10px 0 0 15px;

}

.polltable{

	margin: 10px 0 0 15px;

}



/* VAALIKONE */
#kysymyksenOtsikko { font-size: 16px; margin: 10px 0 10px 0; color:#000000;}
#kysymyksenVastaukset { margin-bottom: 5px;}
#kysymyksenVastaukset ul li { margin-bottom: 3px; font-size: 14px; margin-left: 10px; color:#333333;}
#omaKommentti { margin-bottom: 20px;}
.ehdokasNimi{ font-size: 20px;}

.ehdokasNimi a { font-size: 20px; text-decoration:underline; color: #484747;}
.ehdokasNimi a:hover { font-size: 20px; text-decoration:none; color: #484747;}
.ehdokasPisteet{ font-size: 20px; text-decoration:none; color: #d83a2a;}
.vastaajanVastausBold {color:#003399; font-weight:bold; border-bottom: 1px solid #999999;}
#vastaajanVastausKommentti { padding: 10px; background-color:#E6E6E6; color:#333333; margin: 5px;}
.vastaajanTiedotTaulukko { width: 470px; padding: 10px; background-color:#249dcf; font-size: 15px; color:#FFFFFF;}
#kohteet { font-size: 14px; margin: 10px 0 0 0;}
#kohteet li { margin-bottom: 3px;}

/* UUSIN KIEKKOVIDEO */
.liftKiekko {float:left; position:relative; width: 291px; height: 160px; background-image:url(../omatnostot/uusinurheiluvideo/tausta.jpg); background-repeat:no-repeat;}
.liftKiekkoPaiva { position:absolute; float:left; top: 50px; left: 140px; font-size: 11px; color: #696a6a;}
.liftKiekkoOttelu { position:absolute; float:left; top: 65px; left: 140px; font-size: 14px; width: 150px; color: #323233;}
.liftKiekkoButton { position:absolute; float:left; top: 105px; left: 140px;}

/**********************
*
* vote v2 Toni Aalto
*
***********************/

#voteList { margin-left: 10px; list-style: none;}
#voteList li { margin-top: 5px; clear: both;}
.VoteQuestionHeader { color: gray;}
.voteQuestionBlock { position: relative; float: left;  height: 20px; margin-bottom: 5px; background: url('/images/vote/bg.jpg') repeat-x top; border:  1px #9cc5ce solid;}
.voteQuestionResult { position: relative; float: right; margin-top: 5px; margin-right: 2px;}

.kysymyksienListaus { margin-bottom: 25px;}
.kysymyksienListausVastaukset { margin-top: 5px;}
#kysymyksetEtusivu { padding-left: 10px;}
#kysymyksetEtusivu a{ text-decoration: underline;}

.voteResultTotal { clear: both; margin-left: 10px; font-size: 14px; color: gray; padding-top: 10px;}
.pdfArkistoTable { width: 490px;}
.pdfArkistoTable td{ width: 245px; text-align: center; padding-bottom: 20px;}