/******************************** Site and body ********************************/
div { border:0px solid; }
* {
	padding:0;
}
html, body {
	margin:0;
	font-family: Verdana,Arial, Sans-serif;
	font-size: 100%;
	color: #393939;
	background: white url(img/bg.jpg) repeat-x center top;
}
.hidden {
	display:none;
}
#all {
	width:100%;
	margin:auto;
	text-align:center;
}
.page-container {
	width: 1002px;
	margin:auto;
	text-align:left;
	background: white url(img/front_content_bg.gif) repeat-y left top;
}
#front-all {
	background: transparent url(img/front_bg.gif) no-repeat left top;
	min-height:300px;
	_height:300px;
}
#front-left {
	float:left;
	width:200px;
	margin-left:32px;
}
#front-content {
	width:430px;
	margin-left:270px;
	font-size:0.75em;
}
#front-right {
	float:right;
	width:200px;
	margin-right:50px;
}
#front-submenu {
	background: transparent url(img/front_submenu_bg.gif) no-repeat left top;
	font-family:arial;
}
#front-ajankohtaista {
	padding:20px 10px 0px 7px;
}
#index-all {
	background: transparent url(img/index_bg.gif) no-repeat -11px top;
	min-height:300px;
	_height:300px;
}
#index-left {
	float:left;
	width:200px;
	margin-left:35px;
}
#index-content {
	padding-top:20px;
	padding-bottom:20px;
	width:430px;
	margin-left:270px;
	font-size:0.75em;
}
#index-content a {
	color:black;
}
#index-right {
	float:right;
	width:264px;
	margin-right:15px;
}
#index-submenu {
	background: transparent url(img/submenu_bg.gif) no-repeat left top;
	width:209px;
	min-height:300px;
	_height:300px;
	font-family:arial;
}
#index-ajankohtaista {
	background: transparent url(img/index_ajankohtaista_bg.gif) no-repeat left top;
	width:200px;
	min-height:200px;
	_height:200px;
	padding:50px 20px 0px 30px;
}

/************************** ROOT NAVIGATION **************************************/
#menu {
	background: transparent url(img/menu_left.gif) no-repeat left top;
	width:1002px;
	height:32px;
}
#menu p { display:none; }
#menu a { display:block;float:left; }
a#mwkehitys { 
	background: transparent url(img/menu_mwkehitys_p.gif) no-repeat left top;
	width:135px;
	height:32px;
	margin-left:334px;
}
a#mwkehitys_current { 
	background: transparent url(img/menu_mwkehitys_o.gif) no-repeat left top;
	width:135px;
	height:32px;
	margin-left:334px;
}
a:hover#mwkehitys  { 
	background: transparent url(img/menu_mwkehitys_o.gif) no-repeat left top;
}
a#palvelut { 
	background: transparent url(img/menu_palvelut_p.gif) no-repeat left top;
	width:98px;
	height:32px;
}
a#palvelut_current { 
	background: transparent url(img/menu_palvelut_o.gif) no-repeat left top;
	width:98px;
	height:32px;
}
a:hover#palvelut { 
	background: transparent url(img/menu_palvelut_o.gif) no-repeat left top;
}
a#toimitilat { 
	background: transparent url(img/menu_toimitilat_p.gif) no-repeat left top;
	width:100px;
	height:32px;
}
a#toimitilat_current { 
	background: transparent url(img/menu_toimitilat_o.gif) no-repeat left top;
	width:100px;
	height:32px;
}
a:hover#toimitilat { 
	background: transparent url(img/menu_toimitilat_o.gif) no-repeat left top;
}
a#referenssit { 
	background: transparent url(img/menu_referenssit_p.gif) no-repeat left top;
	width:115px;
	height:32px;
}
a#referenssit_current { 
	background: transparent url(img/menu_referenssit_o.gif) no-repeat left top;
	width:115px;
	height:32px;
}
a:hover#referenssit { 
	background: transparent url(img/menu_referenssit_o.gif) no-repeat left top;
}
a#uutiset { 
	background: transparent url(img/menu_uutiset_p.gif) no-repeat left top;
	width:92px;
	height:32px;
}
a#uutiset_current { 
	background: transparent url(img/menu_uutiset_o.gif) no-repeat left top;
	width:92px;
	height:32px;
}
a:hover#uutiset { 
	background: transparent url(img/menu_uutiset_o.gif) no-repeat left top;
}
a#yhteystiedot { 
	background: transparent url(img/menu_yhteystiedot_p.gif) no-repeat left top;
	width:128px;
	height:32px;
}
a#yhteystiedot_current { 
	background: transparent url(img/menu_yhteystiedot_o.gif) no-repeat left top;
	width:128px;
	height:32px;
}
a:hover#yhteystiedot { 
	background: transparent url(img/menu_yhteystiedot_o.gif) no-repeat left top;
}

/****************************************************************/
#menu-sub {
	background: transparent url(img/menu_ala.gif) no-repeat left top;
	width:1002px;
	height:78px;
}
#menu-sub-width {
 	margin-left:370px;
}
#menu-sub ul, #menu-sub li {
	list-style-type:none;
}
#menu-sub div, #menu-sub li {
	float:left; 
}
#menu-sub a { 
	display:block;
	border-right:1px solid black;
	font-family:verdana;
	font-size:0.68em;
	color:#0D0D0D;
	padding:0 10px 0 10px;
	margin-top:6px;
	text-decoration:none;
}
#menu-sub a:hover { 
	color:#253555;
	font-weight:bold;
}
#menu-sub a.root_navigation_current { 
	font-weight:bold;
	color:#253555;
}

/*
#menu-sub .navigation.level1, 
#menu-sub .navigation.level1.current {
	display:block;
}
#menu-sub .navigation.level2, 
#menu-sub .navigation.level2.current,
#menu-sub .navigation.level3, 
#menu-sub .navigation.level3.current { 
	display:none;
}
*/
/********************************** Alamenu *********************************/
/* Jokainen ala-valikko määritelty omassa css-tiedostossa */

#menu-ala-sub {
	background: transparent url(img/menu_ala_sub.gif) no-repeat left top;
	width:1002px;
	height:78px;
}

.navigation.level0, 
.navigation.level0.current 
{ 
	display:none;
}
#submenu-header {
	height:32px;
}
#index-submenu div.navigation,#front-submenu div.navigation {
	width:200px;
	border:0px solid;
}
#index-submenu a, #front-submenu a {
	display:block;
	text-decoration:none;
	font-size:0.75em;
	color:#000000;
	padding-left:35px;
	color: #393939;
	font-family:verdana;	
}
#index-submenu div.navigation.level2, #front-submenu div.navigation.level2 {
	display:block;
	background:white url(img/submenu_level1_bg.gif) no-repeat left top;
	height:25px;
	width:200px;
	padding-top:13px;
	margin:4px 2px -2px 0px;
}

/*******************************************************************/

/*********** Root navigation *************/

a.root_navigation {
}
a:hover.root_navigation  {
}
a.root_navigation_current {
}
a:hover.root_navigation_current {
}


/****************************************************************/

/*********** Yritysrekisteri *************/

.table_memberlist td {
	vertical-align:top;
}
.member_title {
	font-weight: bold;
	text-decoration: none;
	border-bottom:none;
	cursor:hand;
}
.member_title a {
	display:block;
	padding-left:15px;
	background: transparent url(img/yritykset_title_arrow_right.gif) no-repeat;
	text-decoration:none;
	color:black;
	font-family:arial;
}
li.selected a {
	background: transparent url(img/yritykset_title_arrow_down.gif) no-repeat;
}
ul#members {
	margin:20px 0;
	padding:0;
}
#members li {
	margin-bottom:15px;
	list-style:none;
}

/*******	Uuden yrityksen lisäyslomake	*******/
#mod_new_entry {
	width:430px;
}
#mod_new_entry fieldset {
	border:none;
}
#mod_new_entry fieldset p {
	clear:both;	
}
#mod_new_entry label {
	width: 140px; 
	padding: 0px 3px 0px 0px;	
	float: left;
	text-align:right;
}
#mod_new_entry input {
	width: 140px; 
	padding: 0px 3px 0px 0px;	

}
#mod_new_entry div.error {
	color:red;
}
#mod_new_entry label.error {
	color:red;
	display:block;
	font-style:italic;
	font-weight:normal;
}
#mod_new_entry input.error, #mod_new_entry select.error, #mod_new_entry textarea.error {
	border:2px solid red;
	margin:0px;
}
p#email label.error {
	height:35px;
	margin-left:299px;
	margin-top:-21px;
	position:absolute;
	text-align:left;
	width:282px;
}

/*******************************************************************/

.heitto {
	display:block;
	background:transparent url(img/heitto_vasen.gif) 0 0 no-repeat;
	padding-left:40px;
	padding-top:10px;
	color:#B5B5B5;
	font-style:italic;
	font-weight:bold;
	font-size:1.6em;
	font-family:arial;
}

input, select, textarea {
	border: 1px solid #d6d6d6;
	background:white;
}

img {border: none;}
label {}

h1 {
	font-size: 120%;
	font-weight: bolder;
	color: #009ddc;
}

h2 {
	font-family:arial;
	font-size: 1.3em;
	font-weight: bold;
	color: #393939;
	margin:0;
/*	text-transform : uppercase; */
}

h3 {font-size: 100%; font-weight: bolder; color: #009ddc;}
h4 {font-size: 12px; font-weight: bolder; color: #009ddc;}
h5 {font-size: 11px; font-weight: bolder; color: #009ddc;}

.comment {
	color: gray;
}
.description {
	font-size: 85%;
}
.selected {
}
.message {
	border: 1px solid #FFA500;
	background: #FFCE7B;
	padding: 5px;
	font-weight: bolder;
	margin-bottom: 8px;
}
.error {
	color: red;
}

img .text_right {float: left; padding-right: 5px;}
img .text_left {float: right; padding-left: 5px;}

.item {
	background: #729FCF;
	padding: 3px;
	margin: 3px 0px 3px 0px;
	border: 1px solid #204A87;
}
.item:hover {background: #3465A4;}
.item a {
	text-decoration: none;
}
hr {
	height: 1px;
	border: 1px solid WHITE;
	display: none;
}
.highlighting {
	background: #a0cb09;
	color: #354044;
}


/*******************************************************************************/


/*********************************** News ********************************/

.latest_news {
}

.news_entry {
	margin-bottom:0px;
	padding-bottom: 0px; 
}
.news {
	padding:0.5em;
	border: 1px dotted #ffffff;
	background-color:#EFEFDE;
	
}
.news p {
	color:#000000;
}
a.news_title {
	display:block;
	font-family:arial;
	font-size: 1.1em;
	font-weight: bolder;
	color: #393939;
	text-decoration:  none;
}
.news_introduction {
	display:none;
}
.news_hr {
	display:none;
	width:420px;
	height:30px;
	background:transparent url(img/viiva_vaaka.jpg) 0 center no-repeat;
}
.news_date_bg {
	display:none;
	width:31px;
	height:55px;
	background:transparent url(img/news_date_bg.gif) 0 center no-repeat;
	text-align:center;
	float:left;
	margin:5px;
}
.news_month {
	display:none;
	border: 0px solid;
	color: #0059A8;
	font-size:9px;
	height: 12px;
	margin-top:12px;
}
.news_day {
	display:none;
	color: #F65007;
	font-size:18px;
	font-weight:bold;
}
.news_year {
	display:none;
	color: #59B8E6;
	font-size:9px;
}
a.news_read_more {
	display:block;
	font-weight: normal;
	text-decoration:  underline;
	color: #393939;
	margin-top:10px;
}
.news_footer {
	height:100px;
	width:400px;
	clear:both;
}
.show_news {
	margin-top:0px;
}

.front_news_date {
	font-size: 0.75em;
	font-weight: normal;
	color: #7F0002;
	text-decoration: none;
	display:block;
}
.front_news_title {
	margin-bottom: 10px;
}
.front_news_title a {
	font-size: 0.75em;
	font-weight: normal;
	color: #393939;
	text-decoration: none;
}
.comment.news_date {
	font-size: 9px;
	font-weight: normal;
	color: #074e8c;
	text-decoration: none;
	float:left;
}
.comment.news_title a {
	font-size: 11px;
	font-weight: normal;
	color: WHITE;
	text-decoration:  none;
}

/*******************************************************************************/


/********************************* Language Switcher ***************************/
.language_switcher {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
}
.language_switcher h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #0099DF;
}
/*******************************************************************************/


/********************************** Login panel ********************************/
.login_panel {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
	width:160px;
	border:0px solid;
	text-align:left;
}
.login_panel h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #0099DF;
}
.login_panel a {
	text-decoration: none;
}
.login_panel p {
	margin: 0px;
	padding: 0px;
}
.login_panel .username, .login_panel .password {
	border: 1px solid #bb0803;
}

.login_panel .submit {
	border: 1px solid #bb0803;
	color:#ffffff;
	background:#bb0803;
}

/*******************************************************************************/


/********************************** Page Tools *********************************/
.page_tools {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
}
.page_tools h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #0099DF;
}
.page_tools a {
	text-decoration: none;
	display: block;
}
.page_tools p {
	margin: 0px;
	padding: 0px;
}
/*******************************************************************************/


/********************************* Tools styles ********************************/
.page_counter {
	background: #DDDDDD;
	border: 1px solid #0099DF;
	padding: 3px;
	margin: 5px 0px 5px 0px;
	float: left;
}
.page_counter a {
	font-weight: bolder;
}
/*******************************************************************************/


/********************************* Search styles *******************************/
.search_box {
	margin: 0;
	padding: 0;
	background: transparent;
}
.search_box h1 {
	font-size: 100%;
	padding: 0px;
	margin: 10px 10px 13px 10px;

}
.search_item {
	display: block;
	text-decoration: none;
	padding-top: 5px;
}

.search_item_title,
.search_item_title .highlighting {
	text-decoration: underline;
	font-weight: bolder;
}
.search_item_introduction {
	display: block;
	font-weight: bolder;
}
.search_item_content {
	display: block;
	text-decoration: none;
}
.search_item_details {
	display: block;
	color: gray;
}


/*******************************************************************************/

/***** Next and previous buttons *****/
.next_previous {
	color: black;
	margin: 5px 0px 0px 0px;
	text-align: right;
	float: left;
	clear: left;
	width: 100%;
}
.next_previous a {
	color: black;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
}

/***** Page 1 2 3 ... *****/
.page_123 {
	border-top: 1px solid #0099DF;
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	float: left;
	clear: left;
	width: 100%;
}
.page_123 a {
	padding: 0px 0px 0px 5px;
	font-weight: bolder;
	color: #0099DF;
	text-decoration: none;
}
.page_123 span {
	padding: 0px 0px 0px 5px;
}
/*******************************************************************************/


/******************************** Content styles *******************************/
.introduction {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
/*******************************************************************************/