/* 1. Global styles */


*{
	margin: 0px;
	padding: 0px;
}


a,
a:link, 
a:visited,
a:hover
{
	color: #718143;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

blockquote
{
	margin: 10px 40px 10px 40px;
	font-style: italic;
}

div.indent
{
	margin: 5px 20px 5px 20px;
}

p 
{	
	color: #000000; 
	font-size: 12px; 
	text-decoration: none;
}

body
{
	background: #b7bfa0 url('/layout/Kettera/Image/taustakuva.gif') repeat;
	background-color: #b7bfa0;
	font-family: verdana, arial;
	font-style: normal;
}
/* 2. Styles for wrappers */

div#wrapper2
{
	margin: 0px auto;
}


div#wrapper
{
	float: left;
	
}
div.etusivu div#wrapper
{
	width: 851px;
}
div.alisivu div#wrapper
{
	width: 768px;
	
}

div#headerWrapper 
{
	float: left;
	background: url('/layout/Kettera/Image/ketterat.png') no-repeat !important;
	background: url('/layout/Kettera/Image/ketterat.jpg') no-repeat;
	height: 185px;
	margin-bottom: 10px;
}


div.etusivu div#wrapper div#headerContent
{
	float: left;
	width: 831px;
	min-height:193px;
	height:auto !important;
	height:193px;
	background: url('/layout/Kettera/Image/background1.png') no-repeat !important;
	background: url('/layout/Kettera/Image/headercontent_background.gif') no-repeat;
	margin-bottom: 8px;
}

div.etusivu div#wrapper div#headerContent div.text
{
	padding-top: 0px !important;
	padding-right: 50px;
	padding-bottom: 0px !important;
}

div.etusivu div#wrapper div#headerContent div.text img
{
	padding-top: 0px !important;
	margin-right: 20px;
}

div.etusivu div#wrapper div#contentCenter div.text img
{
margin-right: 10px;
margin-bottom: 10px;
}

div.etusivu div#wrapper div#headerContent div.text a
{
	font-size: 11px;
}


div.etusivu div#wrapper div#headerContent p
{
	padding-right: 10px;
	color: #000000; font-size: 11px; font-style: normal; text-decoration: none;
}

div.etusivu div#contentCenter
{
	float: left;
	border-right: #718143 1px solid;
	width: 480px;
	padding-bottom: 20px;

}
div.etusivu div#contentCenter p
{
	padding-left: 30px;
	padding-right: 20px;

}

div.alisivu div#contentCenter
{
	padding-bottom: 25px;
}


div.etusivu div#contentWrapper
{
	background: url('/layout/Kettera/Image/main_background.png') no-repeat !important;
	background: url('/layout/Kettera/Image/main_background.gif') no-repeat;
	padding: 20px 0 100px 0;
}

div.alisivu div#contentWrapper
{
	background: url('/layout/Kettera/Image/alisivuntausta.png') no-repeat !important;
	background: url('/layout/Kettera/Image/alisivuntausta2.gif') no-repeat;
	padding: 20px 0 100px 0;
}

div.etusivu div.mainContent 
{
	float: left;
	background-color: #fff;	
}

div.alisivu div.mainContent 
{
	float: left;
	background-color: #fff;	
}

div.etusivu #contentWrapper #contentCenter
{
	width: 516px;	
}

div.alisivu #contentWrapper #contentCenter
{
	width: 561px;
	float: right;
	min-height:400px;
	height:auto !important;
	height:400px;
	border-left: 1px solid #718143;
}
div.etusivu div#contentRight
{
	background-color: #ffffff;
	padding-bottom: 20px;

}
div.alisivu div#contentLeft
{
	float: left;
	width: 206px !important;
	background-color: #ffffff;
	padding-bottom: 70px;
	padding-right: 0px;
}

#contentWrapper #contentRight 
{
	width: 334px;	
}

/* Kuvat */

img
{
	border: solid #b7bfa0;
}




/* Footer */

div#footerWrapper div.text
{
	padding: 0px !important;
	padding-bottom: 10px !important;
}

div#footerWrapper div.text img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div.etusivu div#footerWrapper 
{
	background: #1e5329;
	width: 851px;
	height: 45px;
	
}

div.etusivu div#footerWrapper p
{
	background-color: #1e5329;
	text-align: center;
	color: #ffffff; 
	font-size: 12px; 
	font-style: normal; 
	text-decoration: none;
	vertical-align: middle;
}

div.alisivu div#footerWrapper
{
	background-color: #1e5329;
	width: 768px;
	height: 45px;
}

div.alisivu div#footerWrapper p
{
	background-color: #1e5329;
	text-align: center;
	color: #ffffff; font-size: 12px; font-style: normal; text-decoration: none;
}



/* Tekstikontrolli */


div.text
{
	padding-top: 0px;
	padding-bottom: 10px;
	
	
}
h1
{
	color: #1e5329; 
	font-size: 28px; 
	font-style: normal; 
	text-decoration: none; 
	padding-left: 30px;
	padding-right: 20px;
	font-weight: normal;
}

div.text div.content h2 
{
	font-size: 22px; 
	color: #1e5329;
	font-style: normal; 
	text-decoration: none; 
	font-weight: normal; 
	text-decoration: none; 
	padding-left: 30px;
	padding-right: 20px;
}

div.text h3
{
	color: #1e5329; 
	font-size: 18px; 
	font-style: normal; 
	text-decoration: none; 
	padding-left: 30px;
	padding-right: 20px;
	font-weight: normal;	
}

	
div.text h4
{
	color: #718143; font-size: 12px; font-style: normal; font-weight: normal;
	padding-left: 30px;
	padding-right: 20px;
	background: url('/layout/Kettera/Image/bullet.jpg') no-repeat;
	background-position: 19% 0;
}	

div.text h4 a:hover
{
	text-decoration: underline; 
}	
div.text h4 a:visited
{
	color: #718143; font-size: 12px; font-style: normal; font-weight: normal; 
}
div.text p 
{
	padding-left: 30px;
}

div.text ul li
{
	background: url('/layout/Kettera/Image/lista.gif') no-repeat;
	background-position: 40px 6px;
	padding-left: 55px;
	padding-right: 20px;
	padding-bottom: 5px;
	list-style-type: none;
}
div.text ol li
{
	padding-left: 38px;
	padding-right: 20px;
	padding-bottom: 5px;
	list-style-position: inside;
}
div.alisivu div.text
{
	padding-right: 25px;
	padding-top: 5px;
}


/* tiedotteet*/

div.announcement div.hyperLinkTitle
{
	padding-left: 20px;
	color: #000000; font-size: 12px; font-style: normal; text-decoration: none;
}
div.announcement div.hyperLinkTitle a: link
{
	color: #000000; font-size: 12px; font-style: normal; text-decoration: none;
}
div.announcement div.hyperLinkTitle a: active
{
	color: #000000; font-size: 12px; font-style: normal; text-decoration: none;
}
div.announcement div.hyperLinkTitle a: visited
{
	color: #000000; font-size: 12px; font-style: normal; text-decoration: none;
}

div.announcement div.function div.hyperlinktitle
{
	padding-top: 5px;	
}

div.announcementArchive
{
	padding-bottom: 40px;
	padding-right: 20px;
	padding-top: 5px;
}	

div.alisivu div.announcementArchive div.title
{
	background: none;
	margin-left: -30px;
}	


div.alisivu div.announcementArchive div.title h2
{
	background: none;
	color: #1e5329; 
	font-size: 22px; 
	
}

div.alisivu div#contentCenter div.announcement div.hyperLinkBack
{
padding-top: 25px;	

}

div.alisivu div#contentCenter div.announcement div.labelPublishingTime
{
padding-bottom: 5px;

}

div.announcement
{
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 30px;
}


div.announcement div.publishingTime
{
	color: #718143; font-family: verdana, arial; font-size: 12px; font-style: normal; text-decoration: none;
}
	
div.announcementGroup
{
	padding-bottom: 20px;
}


div.announcement div.hyperLinkTitle a
{
	color: #000000; font-size: 12px; font-family: verdana, arial; font-style: normal; text-decoration: none;
}	
div.announcement div.hyperLinkTitle a:hover
{
	color: #000000; font-size: 12px; font-family: verdana, arial; font-style: normal; text-decoration: underline;
}	


div.announcementArchive div.content
{
	padding-left: 30px;
	padding-top: 10px;
}	

div.alisivu div.announcement
{
	padding-top: 20px;
}

div.alisivu div.announcement div.title
{
	background: none;
	color: #000000;
}	
div.alisivu div.announcement div.title h2
{
	background: none;
	color: #1e5329; 
	font-size: 20px;
	margin-left: -30px;
}	
	
div.announcementArchive div.content td a
{
	color: #000000; 
	font-size: 12px; 
	text-decoration: none;

}	
	
div.announcementArchive div.content td a:hover
{
	text-decoration: underline;
	}	
	
div.announcementArchive div.content td
{
	color: #718143; font-size: 12px; 
	padding-bottom: 10px;
	padding-right: 20px;
}			
div.announcementArchive div.function
{
	padding-left: 30px;
	padding-top: 25px;
	color: #718143;	
}	
	
div.announcementArchive div.function a:hover
{
	text-decoration: underline;
}	
	
/* päänavigaatio */

div#headerWrapper div.navigation 
{
	background: url('/layout/Kettera/Image/navigation_background.gif') no-repeat;
	height: 32px;
	z-index: 2;
	margin-top: 155px;
}

div#headerWrapper div.content .selectedPath
{
	background-color: #718143;
}



div#headerWrapper div.navigation li.rootPageSelected
{
	background: url('/layout/Kettera/Image/ensimmainennavi.png') no-repeat !important;
	background: url('/layout/Kettera/Image/ensimmainennavi.gif') no-repeat;
}

div#headerWrapper div.navigation a
{
	color: #ffffff; 
	font-size: 12px; 
	font-style: normal; 
	text-decoration: underline;
	z-index: 2;
}
div#headerWrapper div.navigation div.content li.first a
{
	background: none;
}


div#headerWrapper div.navigation ul
{
	display: block;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

div#headerWrapper div.navigation ul li
{
	display: block;
	float: left;
	height: 32px;
}

div#headerWrapper div.navigation ul li a
{
	border-right: solid 1px #ffffff;
	padding: 7px 2em 11px 2em;
	text-decoration: none;
	display: block;
}

div#headerWrapper div.navigation ul
{
	list-style: none;
	width: 762px;
	float: left;
}

/* ylänavigaatio*/

div#headerWrapper #palaute {
	width: 300px;
	height: 50px;
	position: absolute;
	left: 560px;
	top: 40px;
	font-family: verdana, arial; font-style: normal; font-size: 11px; color: #ffffff;
}


div#headerWrapper #palaute td {
	padding-left: 10px;
	vertical-align: middle;
}
div#headerWrapper #palaute a:hover{
	text-decoration: underline;
}

div#headerWrapper #palaute a
{ 
	font-style: normal; 
	text-decoration: none; 
	font-size: 11px; 
	color: #ffffff;
}

div#headerWrapper #palaute a:visited 
{
	font-style: normal;  
	font-size: 11px; 
	color: #ffffff;
}
div#headerWrapper #palaute a:active 
{ 
	font-style: normal; 
	text-decoration: none; 
	font-size: 11px; 
	color: #ffffff;
}


/* alisivun navigaatio */


div.alisivuNavigation
{
	padding-top: 5px;
	padding-bottom: 21px;
}


div.alisivuNavigation .selectedPath
{
	font-weight: bold;
}

div.alisivuNavigation .selectedPath a
{
	color: #6c7e40;

}

div.alisivuNavigation ul
{
	list-style-type: none;	
}

div.alisivuNavigation ul a
{
	text-decoration: none;
	color: #000000; 
	font-size: 12px;
}



div.alisivuNavigation li
{
	background: url('/layout/Kettera/Image/bullet.jpg') no-repeat 30px 10px;
	padding-left: 8px;	
	border-bottom-color: #718143;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left: 55px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 3px;
}



/* 3taso navissa */

div.alisivuNavigation ul.Children li
{
	font-weight: normal;
	background: none;
	margin: 0px;
	padding-left: 15px;
	border-bottom: 0px;
	padding-bottom: 5px;
	padding-top: 10px;
	background: url('/layout/Kettera/Image/3taso.gif') no-repeat 5px 16px;
}

div.alisivuNavigation ul.Children li a
{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

div.alisivuNavigation ul.Children .selected a 
{
	color: #6c7e40;
	font-weight: bold;
}


/* Haku */

div.searchForm
{
	height: 140px;
	min-height: 140px;
	height:auto !important;
	height: 140px;
}

div.searchForm div.content
{
	padding-bottom: 30px;
}

div.etusivu div.searchForm
{
	background: #d7dccb;
}

div.searchForm div.content
{
	padding-top: 20px;
	padding-left: 30px;
}

div.alisivu div.searchForm
{
	background: #d7dccb;
}

div.searchForm div.content div.buttonSearch
{
	padding-top: 10px;
}
div.searchForm div.content input.TextBox
{
	background-color: #ffffff;
	border: 1px solid #1e5329;
}
	
div.searchForm div.content input.Button
{
	background-color: #b7bfa0;
	color: #ffffff;
	border: 1px solid #1e5329;
}	

/* hakutulokset */

div.searchResult div.content 
{
	padding-left: 30px;
	padding-top: 10px;
}	

div.searchResult div.content div.navigationPath
{
	padding: 0px;
	margin: 0px;
}

div.searchResult div.content div.labelModificationTime
{
	float: left;
	clear: both;
	padding-bottom: 20px;
}

div.searchResult div.content div.hyperLinkTitle a
{
	color: #1e5329;
	font-weight: bold;
}

div.searchResult div.content div.hyperLinkTitle
{
	padding-bottom: 5px;
}

div.searchResult div.content div.navigationPath span li
{
	padding-right: 5px;
}





/* 3. Default styles for controls */

div.control
{

}
div.control div.content
{
}
div.control div.title
{
	background: #718143 url('/layout/Kettera/Image/nostopalkki.jpg') 100% 0 repeat-y;
	color: #ffffff; font-size: 14px; font-style: normal; text-decoration: none;
	padding-left: 30px;
	padding-top: 1px;
}

div.control div.title h2
{
	position: relative;
	top: -9px;
	font-size: 12px;
	font-weight: normal;
}

div.announcementGroup div.function
{ 
	color: #718143; 
	padding-left: 32px;
}

div.announcementGroup div.function a
{
	text-decoration: none;
}
div.announcementGroup div.function a:hover
{ 
	text-decoration: underline;
}

/* Lomake-editori */

div.alisivu div#contentCenter table.customForm
{
	background-color: #ffffff;
	border: 0px;
}
div.alisivu div#contentCenter table.customForm th
{
	background-color: #ffffff;
	font-size: 20px;
	color: #1e5329;
	padding-left: 30px;
	padding-bottom: 20px;
}

div.alisivu div#contentCenter table.customForm td.lbl
{
	padding-left: 30px;
}

div.alisivu div#contentCenter input.Button
{
	margin-left: 30px;
	background-color: #b7bfa0;
	border: 1px solid #1e5329;
	color: #ffffff;
}

div.alisivu div#contentCenter table.customForm td.field input
{
	margin-left: 30px;
	background-color: #ffffff;
	border: 1px solid #7f9db9;
}



/* 4. Control type specific overrides */

#contentRight div.control div.title 
{
	background-position: 80% 0;
}

#contentLeft div.control div.title 
{
	background-position: 50% 0;
}

/* Murupolku */


div.navigationPath ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #718143;
}
div.navigationPath li
{
	float: left;
	display: block;
}
div.navigationPath
{
	padding-left: 30px;	
	padding-bottom: 20px;
}


div.navigationPath div.content ul span
{
	padding-right: 5px;
}

/* keskustelu */

div.Discussion div.DiscussionView div.Sorting
{
	padding-left: 30px;
}


#contentLeft div.discussionGroup div.content
{
	padding-left: 30px;
	padding-right: 10px;
	
}

#contentLeft div.discussionGroup div.content li
{
	padding-bottom: 10px;
	list-style: none;
}

#contentCenter div.Discussion div.DiscussionView tr.title
{
	padding-left: 30px;
}


#contentCenter div.discussionMessage div.content
{
	padding-left: 30px;
	padding-bottom: 25px;
}

#contentCenter div.discussionMessage div.content table td
{
	padding-right: 90px;
}

#contentCenter div.discussionMessage div.content div.repeaterPath
{
	padding-bottom: 10px;
}

#contentCenter div.discussionMessage div.content div.repeaterPath a
{	
	padding-right: 35px;
}

#contentCenter div.discussionMessageInsert div.title
{
	background: none !important;
	color: #1e5329;
}

#contentCenter div.discussionMessageInsert div.title h2
{
	font-size: 14px;
	font-weight: bold;
}

#contentCenter div.discussionMessageInsert div.content
{
	padding-left: 30px;
}

#contentCenter div.discussionMessageInsert div.fieldCreatorName input
{
	background-color: #ffffff;
	border: 1px solid #7f9db9;
	
}

	
#contentCenter div.discussionMessageInsert div.fieldDiscussionMessageTitle input
{
	background-color: #ffffff;
	border: 1px solid #7f9db9;
	
}

#contentCenter div.discussionMessageInsert div.function
{
	padding-top: 15px;
	background-color: #ffffff;
	
}
#contentCenter div.discussionMessageInsert div.function .Button
{
	background-color: #b7bfa0;
	border: 1px solid #1e5329;
	
}

#contentCenter div.discussionMessageInsert input.TextBox
{
	margin-bottom: 15px;
	margin-left: 0px;
}

#contentCenter div.Discussion div.DiscussionView div.Sorting
{
	padding-bottom: 35px;
	margin-left: -5px;
	padding-left: 0px;
	margin-top: -40px;
}
#contentCenter div.Discussion div.DiscussionView div.Sorting a
{
	padding-right: 5px;
	padding-left: 5px;
}

#contentCenter div.Discussion div.DiscussionView table tr.title span
{
	color: #1e5329;
	float: left;
	padding-bottom: 25px;
}

#contentCenter div.Discussion div.DiscussionView table tr td
{
	padding-bottom: 15px;
}

#contentCenter div.Discussion div.DiscussionView table tr td.col2
{
	width: 50px;
}

#contentCenter div.Discussion div.DiscussionView table th.Count span
{
	padding-right: 7px;
}



#contentCenter div.Discussion
{
	padding-left: 30px;	
	padding-right: 10px;
}


/* tähdet discussionmessageinsertissä*/
#contentCenter div.discussionMessageInsert div.content div.infoCreatorName span
{
	margin-top: 5px;
	position: relative;
	top: -10px;
	left: 105px;

}
#contentCenter div.discussionMessageInsert div.content div.infoDiscussionMessageTitle span
{
	position: relative;
	top: -10px;
	left: 55px;
}
#contentCenter div.discussionMessageInsert div.content div.infoDiscussionMessageBody span
{
	position: relative;
	top: -10px;
	left: 40px;
}



/* 5. Wrapper specific overrides */

div#main div.control
{
}

/* 6. Additional css classes */

div.upperNavigation
{
	background: none !important;
	float: left;
	width: 762px;
	margin-top: 35px !important;
}

div.upperNavigation .selected
{
background: none !important;
}

div.upperNavigation .content
{
	float: right;
}
div.upperNavigation ul li.lastItem a:hover
{
	text-decoration: underline;
}

div.upperNavigation ul li a:hover
{
	text-decoration: underline;
}

div.upperNavigation ul
{
	width: auto !important;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.upperNavigation ul li
{
	float: left;
	padding: 0px !important;
	display: block;
	border-right: 1px solid #fff;
}
div.upperNavigation ul li a
{
	border-right: none !important;
}

div.upperNavigation ul li a:hover
{
text-decoration: underline;
}
div.upperNavigation ul li.lastItem,
div.upperNavigation ul li.lastItem a
{
	border: none !important;
	padding-right: 0px !important;
}

/*	[discussionMessage]	*/
	div.discussionMessage .content
	{
		padding-right: 30px;
	}
	div.discussionMessage .message
	{
		border-bottom: solid 1px #b4be9f;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}
	div.discussionMessage .message .labelBody
	{
		padding-top: 5px;
	}
	
	div.discussionMessage .message .labelBody,
	div.discussionMessage .message .labelCreatorName,
	div.discussionMessage .message .labelCreationTime
	{
		padding-left: 10px;
	}
	
	
	div.discussionMessage .message .labelCreatorName,
	div.discussionMessage .message .labelCreationTime
	{
		font-size: 11px;
	}
	
	div.discussionMessage .message .labelCreatorName
	{		
		padding-top: 5px;
		font-style: italic;
		color: #666;
	}
	
	div.discussionMessage .message .labelCreationTime
	{
		padding-bottom: 0px !important;
		color: #79884d;
	}
	
	div.discussionMessage .message .labelTitle
	{
		color: #1e5329;
		font-weight: bold;
	}
/*	[discussionMessage]	*/


/*	[text]	*/
	div.text .content ol
	{		
		padding-left: 58px;	
	}
	div.text .content ol li
	{
		padding-left: 0px;		
		list-style-position: outside;
		float: none !important;		
	}
/*	[/text]	*/

	#wrapper2 #wrapper #contentWrapper
	{
		padding-top: 16px; 
	}