@import "/base/tinymce/styles/content.css";
@import "content.css";

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat-x;
	background-color:#EFEFEF;
}

form{
	display:inline
}

.button{
	color:#FFFFFF;
	border:1px solid #000000;
	background-image:url(/images/but_bg.gif);	
	background-repeat:repeat-x;  
}

/* Top navigation */

.topNaviWrapper{
	background:none;
	overflow:hidden;
	padding-left:10px;
}

#topNavi{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#topNavi div{
	font-size: 12px;
	padding:0 0 4px 0;
	margin:0 14px 0 0;
	float:left;
}

#topNavi div a, #topNavi div a:hover{
	background:url(/images/menubg.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	margin:0;
	padding:0 0 0 13px;
	float:left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}

#topNavi div a{
	color: #0070bb;
	text-decoration:none;
}

#topNavi div a:hover{
	color: #0070bb;
	text-decoration:none;
}

/* ----------Yleisiä tyylejä-------------*/

.lightText
{
	font-size:0.8em;
	color:#666666
}

/* -----------Etsikenttä------------*/

.searchInput {  
	font-size: 0.9em;
	position: relative;
	color: #666666;
	width:145px; 
}

/* ----------Polun tyylit-------------*/

.path					{ color: #999999;text-decoration: none;}
A.path:link				{ color: #999999;text-decoration: none;}
A.path:hover			{ color: #000000;text-decoration: none;}
A.path:visited			{ color: #999999;text-decoration: none;}
A.path:visited:hover	{ color: #000000;text-decoration: none;}

/* ----------Palaute-------------*/

.palauteKentta{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:0.8em;
	width:250px; 
	border:1px solid #999	
}

/* ----------Tapahtumakalenteri-------------*/

.evtSelected 				{padding: 0px 1px 0px 1px; background-color:#336699; color:#FFF   }
A.evtSelected:link 			{color:#FFF }
A.evtSelected:hover 		{color:#FFF }
A.evtSelected:visited 		{color:#FFF }
A.evtSelected:visited:hover	{color:#FFF}

.evtNoSel 					{padding: 0px 1px 0px 1px;  }
A.evtNoSel:link 			{ }
A.evtNoSel:hover 			{ }
A.evtNoSel:visited 			{ }
A.evtNoSel:visited:hover	{ }

/* ----------Uutiset-------------*/

.newsIngres{
	font-size:1em;
	line-height: 16px;
}


/* ---------- Puhelinluettelo ------------  */
td.puhelin
{
	vertical-align : top;
}

/* ---------- Alalinkit ------------  */

.subLink{
	background-repeat:no-repeat;
	padding:0px 2px 2px 20px;
	margin-right:5px;
}

A.subLink, A..subLink:visited{
	color:#0D65A0;
}

A.subLink:hover, A..subLink:visited:hover{
	color:4A9ED6;
}

.subLinkBack{
	background-image:url(../images/sym_back.png);
}

.subLinkTop{
	background-image:url(../images/sym_up.png);
}

.subLinkPrint{
	background-image:url(../images/sym_print.png);
}

/* ----------------Layout-------------- */

.lay_topTable{
	width:865px;
	height:73px;
}

.lay_functionBox{
	background-image:url(../images/lay_function_bg.gif);
	background-repeat:no-repeat;
	height:34px;
	width:340px;
	margin-top:5px;
}

.lay_functionContainer{
	padding:5px;
	float:left;
	width:170px;
}

.lay_menuTable{
	width:865px;
}

.lay_menu{
	background-image:url(../images/lay_menu_bg.gif);
	background-repeat:repeat-x;
	background-position:20px 0px;
}

.lay_mainImg{
	background-image:url(../images/lay_mainimg_bg.jpg);
	background-repeat:repeat-x;
	height:142px;
}

.lay_contentTable{
	width:865px;
	background-color:#FFFFFF;
	background-image:url(../images/lay_content_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:400px;
}

.lay_contentCell{
	padding-left:20px;
	padding-top:10px;
}

.lay_bottomTable{
	width:865px;
	height:69px;
	background-image:url(../images/lay_bot_bg.gif);
	background-repeat:repeat-x;
}

.lay_subFunctions{
	padding-left:30px;
	padding-bottom:4px;
	height:25px;
}

.lay_copyright{
	padding-left:30px;
	height:25px;
	font-size:0.8em;
	color:#FFFFFF;
}

/********** imageSlider -> **********/

#imageSliderContainer {
	z-index: 2;
	position: relative;
}

#imageSlider{
	width: 300px;
	height: 314px;
	overflow: hidden;
}

/********** <- imageSlider **********/
