/* LAYOUT JS Joulukuu 2010

Linkkivärit: #8c0202

Leipisvärit: #343434

Kaikki fontit: Arial, Helvetica, sans-serif

------------------------------------------------------------------------------------------*/

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background: #a9a9a9 url('images/top_bg.jpg') repeat-x left top;

	margin: 0px;

	color: #343434;

}

a {

	text-decoration: none;

	font-weight: bold;

	color: #8c0202;

}

a:hover {

	text-decoration: none;

	color: #343434;

}

#index_table {
	margin: -40px;
	margin-left: -46px;
}
#index_table td {
	padding: 4px;
}

div.main {

	margin: auto;

	width: 1160px;

	text-align: left;

	position: relative;

}

.mainarea {

	padding-top: 0px;

	padding-bottom: 0px;

}

/* OTSIKOT

------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	color: #8c0202;

	line-height: normal;

	/* text-shadow: #000 1px 1px 0px; */

}

	h1 { font-size: 20px;

		color: #343434; }

	h2 { font-size: 20px; }

	h3 { font-size: 18px; }

	h4 { font-size: 16px; }

	h5 { font-size: 14px; }

	h6 { font-size: 12px;

		font-weight:bold; }

/* HEADER & CONTENT

------------------------------------------------------------------------------------------*/

.header {

	background: url('images/logo.jpg') no-repeat left top;

	position: relative;

	height: 150px;

	width: auto;

	margin-bottom:22px;

}

.language {

	position: absolute;

	width: 150px;

	top: 10px;

	left: 14px;

}

table.maintable {



}

td.content {

	height: 400px;

	background: #FFF url('images/content_bg.jpg') no-repeat left top;

}

	.content {

		vertical-align: top;

		padding-bottom: 10px;

		padding-top: 50px;

		line-height: 18px;

		width:815px;

		/*

		border-left: 1px solid #ffffff;

		border-top: 1px solid #ffffff;

		border-right: 1px solid #ffffff;

		border-bottom: 1px solid #ffffff;

		*/

	}

/* LEFT & TOPMENU / DOMMENU 

------------------------------------------------------------------------------------------*/

.topmenu {
	position: absolute;
	top: 188px;
	right: 0;
	width: 950px;
	font-weight: normal;

	height: 26px;

	text-align:right;

	background: url('images/navi_bg.png') no-repeat right top;

	margin-right:210px;

	

}

.leftmenu {

	padding-bottom: 10px;

	width: 150px;

}



td.leftmenutd {

	vertical-align: top;

	width: 150px;

	padding-top: 20px;

}

div.domMenu_menuBar {

}

div#domMenu_top, div.domMenu_menuBar table, div.domMenu_menuBar td {

}

div.domMenu_menuElement {

	/* background: url('images/menu_element.jpg') no-repeat left top; */

	font-weight: normal;

	font-size:14px;

	white-space: nowrap;

	color: #a30101;

	text-align: right;

	padding-top: 4px;

	padding-right: 20px;

	padding-left: 40px;

	height: 26px;

	/*

	text-transform: uppercase;

	*/

}

div.domMenu_left_menuElement {

	/* background: url('images/left_element.jpg') no-repeat left top; */

	font-weight: bold;

	color: #343434;

	white-space: normal;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 15px;

	padding-right: 15px;

}

	div.domMenu_menuElementHover {

		/* background: url('images/menu_hover.jpg') no-repeat left top; */

		color:  #343434;

}

	div.domMenu_left_menuElementHover, div.leftmenu div.domMenu_menuElementHover {

		/* background: url('images/left_hover.jpg') no-repeat left top; */

		color: #343434;

}

div.domMenu_subMenuBar {

	border: 1px solid #343434;

}

div.domMenu_subMenuElement {

	font-weight: normal;

	background-color: #ffffff;

	text-align: left;

	padding-top: 5px;

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 5px;

}

	div.domMenu_subMenuElementHeading {

		font-weight: bold;

		text-align: right;

}

		div.domMenu_subMenuElementHover {

			color: #8c0202;

}



/* INTRAMENU

------------------------------------------------------------------------------------------*/

#intramenu {

	background: #e8eff5;

}

.leftmenu h2, .leftmenu h2 a {

	font-size: 12px;

	font-weight: bold;

	margin:0px;

	padding: 5px;

	padding-left: 15px;

	color: #018fd7;

	text-transform: uppercase;

}

.leftmenu h2 a {

	padding-left: 0px;

}

.leftmenu hr {

	border: 1px solid white;

	width: 100%;

	height: 1px;

}

.leftmenu a {

	padding-left: 15px;

	font-size: 12px;

	font-weight: bold;

	color: #456F97;

	text-decoration: none;

}

/* BANNERIT & OIKEAPUOLI

------------------------------------------------------------------------------------------*/

td.rightside {

	width: 180px;
	min-width: 180px;

}

.rightside {

	vertical-align: top; 

	margin-left:20px;

}

.banners {

	text-align: center;

}

.banners hr {

	border:none;

	height: 1px;

	width: 100%;

	text-align:center;

	margin: 5px auto;

}

/* NEWS/CALENDAR

------------------------------------------------------------------------------------------*/



#frontpage_news {

}

table.list {

}

tr.above {

}

td.date {

}

td.title {

}

td.link {

}

h1.title {

		/* background: url('h_bg.jpg') repeat-x; */

		height: 14px;

		color: #8c0202;

		font-size: 11px;

		padding: 2px;

		padding-top: 3px;

		padding-left: 3px;

		font-weight: bold;

		margin: 0px;

		margin-top: 5px;

}

.news {

}

	.news h1 {

		font-size: 12px;

		font-weight: bold;

		color: #8c0202;

		text-transform: uppercase;

		margin: 0px;

	}

	.news .date {

	}

	.news blockquote {

		margin: 0px;

		margin-top: 10px;

	}

	a.morelink {

		position: relative;

		display:block;

		text-align: right;

		right: 0px;

		text-decoration: none;

	}

.list {

	width: 100%;

}

	.list .date {

		color: #8c0202;

		font-weight: bold;

		vertical-align: top;

		width: 4em;

		white-space: nowrap;

	}

	.list .title {

	}

	.list .title A {

		text-decoration: none;

	}

	.list .title A:hover {

		color: #8c0202;

		text-decoration: none;

	}



	.list .content {

		/*font-size: 80%;*/

		padding-bottom: 1em;

	}

	.list .link {

		text-align: right;

		white-space: nowrap;

	}

	.list .link a {

		text-decoration: none;

		color: #8c0202;	/*

		color: white;

		border: 1px solid #2e5d8b;

		background: #3e6f9f;

		padding-left: 2px;

		*/

	}

	.list .link a:hover {

		text-decoration: none;

	}

/* HAKU

------------------------------------------------------------------------------------------*/

.search {

	padding-left: 15px;

	padding-top: 10px;

	font-weight: bold;

	font-size: 12px;

	font-weight: bold;

}

	.searchresults {

	}

	.searchresults h1 {

		font-size: 12px;

		font-weight: bold;

		text-transform: uppercase;

	}

	.searchresults a {

		font-weight: bold;

		text-decoration: none;

	}

	

	.searchresults hr {

		border: none;

		border-top: 1px solid #AAA;

		height: 1px;

		width: 85%;

		text-align: center;

		margin-top: 1em;

		margin-bottom: 1em;

	}

/* PALAUTE

------------------------------------------------------------------------------------------*/



.feedbackform {

}

.feedbackform h1 {

	font-size: 12px;

	font-weight: bold;

	color: #8c0202;

	text-transform: uppercase;

}

.feedbackform .label {

	font-size: 9pt;

}

.feedbackform input, .feedbackform textarea {

	display: block;

	margin-top: 2px;

	border: 1px solid #8c0202;

}

.feedbackform input.button {

	display: inline;

	border: none;

	background: #8c0202;

	font-size: 9pt;

	color: #FFF;

}

/* GALLERIA

------------------------------------------------------------------------------------------*/

#gallery_category_table {

}

#gallery_image_table {

}

	#gallery_path_cell {

	}

	#gallery_nextprev_cell {

	}

	#gallery_image_cell {

		padding: 20px 0 10px 0;

		text-align: center;

	}

	#gallery_description_cell {

	}

/* FOOTER

------------------------------------------------------------------------------------------*/

.footer {

	position: relative;

	background: url('images/footer.jpg') repeat-x left top;

	height: 36px;

	padding-top: 10px;

	width:950px;

	color:#FFF;

	font-size:11px;

	line-height:11px;

	margin-top:20px;

}

	.contact {

	font-weight: normal;

	text-align: left;

	}

	.nimi {

		font-size:14px;

	}

		.copyright {

		font-weight: normal;

		padding-top:10px;

		text-align: right;

		}



		a.copyright {

		font-weight: normal;

		text-decoration: none;

		}

		a.copyright:hover {

		font-weight: normal;

		text-decoration: underline;

		}



/* FORUM 

------------------------------------------------------------------------------------------*/

.forum {

	font-size: 8pt;

}



A.forum_cattree_link, a.forum_cat_link, a.forum_msg_link, a.forum_msg_link_selected, a.forum_msg_funktion, a.forum_add_new {

	color: #2A4C7E;

	font-weight: bolder;

	text-decoration: none;

}



a.forum_msg_link_selected {

	color: black

}



td.forum_cat_topic, TD.forum_msg_topic, TD.forum_form_topic, TD.forum_add_new {

	background-color: #aec7ec;

	color: black;

}



TD.forum_msg_functions, TD.forum_msg_info {

	background-color: #D7DCFD;

	color: black;

}



TD.forum_cat_topic{   /* on forum frontpage*/

	border: 1px solid #2A4C7E;

	font-weight: bolder;

	padding: 2px 5px 2px 5px;

}

TD.forum_cat_bg{    /* bg of category-topic*/

	background-color: white;

	border: 1px solid #2A4C7E;

	color: black;

	padding: 2px 5px 2px 5px;

	height: 50px;

}

TD.forum_cat_name{    /* category name on frontpage cat-list */

	background-color: white;

	color: black;

	padding: 2px 5px 2px 5px;

}



TD.forum_cat_info{    /* info of category (total messages) */

	color: black;

	padding: 2px 5px 2px 5px;

}



TD.forum_msglist_topic{   /* topic, nickname, total replies */

	font-weight: bolder;

	border-bottom: 1px dotted #999999;

	padding: 2px 2px 2px 2px;

}



TD.forum_msglist_1{   /* msg list where user has selected category line 1 */

	color: #000000;

}



TD.forum_msglist_2{   /* msg list where user has selected category line 2 */

	color: #000000;

	background-color: #D7D8DD;

}



TD.forum_msgtree_topic{   /* topic, nickname, total replies */

	font-weight: bolder;

	border-bottom: 1px dotted #999999;

	padding: 2px 2px 2px 2px;

}



TD.forum_msgtree_1{   /* msg tree under chosen message line 1 */

	color: #000000;

	padding:2px;

}



TD.forum_msgtree_2{   /* msg tree under chosen message line 2 */

	color: #000000;

	background-color: #D7D8DD;

	padding:2px;

}

TD.forum_msg_bg { /* open message whole cell bg*/

	background-color: white;

	border: 1px solid #999999;

	padding: 0px;

}

TD.forum_msg_topic  { /* open message topic */

	font-weight: bolder;

	padding: 2px 2px 2px 2px;

}

TD.forum_msg_info { /* open message info (nickame, time) */

	font-size: 7pt;

	font-weight: bolder;

	padding: 2px 2px 2px 2px;

}

TD.forum_msg_content{   /* open message content */

	color: black;

	padding: 2px 2px 2px 2px;

	border-top: 1px solid #999999;

	border-bottom: 1px solid #999999;

}

TD.forum_msg_functions  { /* bg of reply to message, inform of bad message */

	padding: 2px 3px 2px 3px;

}



TD.forum_form_topic{    /* topic of form of new message or topic */

	border: 1px solid #999999;

	font-weight: bolder;

	padding: 2px 2px 2px 5px;



}



TD.forum_add_new{   /* bg of add new topic or message */

	/*border: 1px solid #2A4C7E;*/

	background: none;

	padding: 2px 5px 2px 5px;

}



.login {

	padding-left: 10px;

}

/* IE FIX 

------------------------------------------------------------------------------------------*/

* html .banners hr { margin: 0px auto; }

* html form { margin: 0px; }