/*+-----------------------+*/
/*| www.maustepalvelu.com |*/
/*|   palvelun tyylit     |*/
/*+-----------------------+*/

/**
	Yleistet määritykset
**/
body {
	margin:0em;
	padding:0em;
	background:#c0090a;
	font-family:arial,verdana,serif;
	font-size:12px;
	color:#404040;
}
* { margin:0em;padding:0em;}
blockquote { margin-left:3em;}
.clear { clear:both; }

/**
	sivuston ympäröivä div, joka sijaitsee sivuston 
**/
#all,#all-fp {
	position:relative;
	width:100%;
	margin:0em auto;
	padding:0em;
}
/** Etusivulla käytetävä taustakuva **/
#all-fp {
	background:#ffffff url(/pics/all-fp.gif) repeat-x;
}
/** alasivuilla käytettävä taustakuva **/
#all {
	background:#ffffff url(/pics/all.gif) repeat-x;
}

/**
	Ylätunnisteeen määritykset
**/
#header {
	position:relative;
	width:739px;
	height:101px;
	margin:0em auto;
	padding:0em;    
	text-align:left;	
	background:transparent url(/pics/header.jpg) no-repeat;
}
	/**
		Yrityksen logo
	**/
	h1#logo {
		float:left;
		width:179px;
		height:52px;
		margin:0em;
		padding:0em;
	}
		h1#logo a { 
			position:absolute;
			top:18px;
			width:179px;
			height:101px;
			margin:0em;
			padding:0em;
			background:transparent url(/pics/logo-maustepalvelu.gif) no-repeat;
			}
		h1#logo a span { position:absolute;left:-9999999px;}
	/**
		Kielivalinta (etusivulla), jossa valittu kieli näytetään aktiivisella radiopainke-kuvalla
		Alasivulla aluella näyteään "takaisin"-linkki joka vie takaisin edeltäneelle sivulle
		Alueen koko vaihtelee etusivun ja alasivun välillä.
	**/
	#lang-fp,#lang {
		float:left;
		height:59px;
		margin:0px 0em 0em 0em;
		padding:0em;
		border-bottom:1px solid #c3c4c6;
		}
	#lang-fp { width:433px; }
	#lang { width:230px; }
		#lang-fp ul {
			position:relative;
			top:40px;
			left:2em;
			list-style-type:none;
		}
		#lang-fp li {
			display:inline;
			margin:0em 2em 0em 0em;
			padding:0em;
		}
		#lang-fp a { 
			font-size:11px;
			color:#707070;
			text-decoration:none;
			background:transparent url(/pics/lang-not_active.gif) left center no-repeat; 
			padding:0em 0em 0em 1.5em;
			}
		#lang a#prev_page {
			position:relative;
			top:40px;
			left:2em;
			font-size:11px;
			color:#707070;
			text-decoration:none;
			background:transparent url(/pics/arrow-back.gif) left center no-repeat; 
			padding:0em 0em 0em 1.5em;
			margin:0em;
		}	
		#lang-fp a.lang-active { background:transparent url(/pics/lang-active.gif) no-repeat;}
	
	/**
		Sivun yläosan oikeassa palstassa oleva sloganin esittäminen
	**/
	#slogan_title  {
		float:left;
		margin:18px 0em 0em 0em;
		padding:0em;
		height:52px;
	}
	#slogan_title h2 {
		margin:0em;
		padding:0em;
		height:52px;
		}
		
	h2#slogan_01-fi { width:127px;background:transparent url(/pics/slogan_01-fi.gif) no-repeat;}
	h2#slogan_01-en { background:transparent url(/pics/slogan_01-en.gif) no-repeat;}
	h2#slogan_02-fi { width:274px;background:transparent url(/pics/slogan_02-fi.gif) no-repeat;}
	h2#slogan_02-en { width:274px;background:transparent url(/pics/slogan_02-en.gif) no-repeat;}
	h2#slogan_03-fi { width:274px;background:transparent url(/pics/slogan_03-fi.gif) no-repeat;}
	h2#slogan_03-en { width:274px;background:transparent url(/pics/slogan_03-en.gif) no-repeat;}
	h2#slogan_02-ru { width:300px;background:transparent url(/pics/slogan_02-ru.gif) no-repeat;}
	#slogan_title h2 span { display:none;}
	
	/**
		päänavigointi
	**/
	#menu {
		position:relative;
		clear:both;
		height:21px;
		width:100%;
		text-align:right;
	}
	#menu ul {
		list-style-type:none;
		padding:6px 0em 0em 0em;
	}
	#menu ul li {
		display:inline;
		border-left:1px solid  #ffcc00;
		margin:0em 0.5em 0em 0em;
		padding:0em 0em 0em 0.5em;
	}
	#menu ul li#mp-maustepalvelu_oy { border:none;}
	#menu ul li a { color:#ffcc00;text-decoration:none;font-weight:bold;font-size:12px;}
	#menu a#selected { color:#ffffff;text-decoration:underline;}
	/**
		Sivunsisältö alue, palvelussa käytetään kolmea erilaista 
		sisältöalueen kehyselementtiä
		- etusivulle
		- perusalalsivuille
		- yhteystiedot
		/_inc/header.vm
	**/
#page,#page-fp,#page-wide {
	position:relative;
	width:739px;
	margin:0em auto;
	padding:0em;
	text-align:left;
}

#page {
	background:transparent url(/pics/page.gif) repeat-y;
}

	/**
		Etusivun sisältö
	**/
	#main_image {
		position:relative;
		width:739px;
		height:219px;
		background:transparent url(/pics/img-frontpage.jpg) no-repeat;
		}

	#left_col-fp {
		float:left;
		width:354px;
		height:264px;
		margin:0em;
		padding:0em;
		background:transparent url(/pics/left_col-fp.jpg) no-repeat;
		}
	/** yhteystiedot etusivulla **/	
	#contact-fp {
		position:relative;
		top:45px;
		left:10px;
		width:158px;
		margin:0em;
		padding:0em;
		}
	#contact-fp h4 {font-size:12px;color:#593c1f;margin:0em;padding:0em;}
	#contact-fp span { font-style:italic;color:#c0090a;}

	/** 
		Etusivun oikeapalsta 
	**/
	#right_col-fp {
		float:left;
		width:385px;
		padding:0em;
		margin:0em;
		}
		/** Etusivun ajankohtaista osio **/
		#right_col-fp h3 {
			font-size:12px;
			color:#593c1f;
			text-transform:uppercase;
			margin:0em;
			padding:8px 0em 0em 20px;
			}
		#right_col-fp a.archive_bulletins {
			float:right;
			font-size:11px;
			margin-top:-1.3em;
			color:#c0090a;
			text-decoration:none;
			}	
		#right_col-fp a.archive_bulletins:hover { text-decoration:underline;}	
/** 
	Ajankohtaista osiosssa näytetään kerralla ainostaan yksi uutinen:
	otsikko ja haluttu määrä tekstiä
**/
#news {
	position:relative;
	clear:both;
	left:20px;
	top:1em;
	margin:0em;
	padding:0em;
	}
	#news h3 {
		font-size:14px;
		color:#c0090a;
		margin:0.5em 0em 0em 0em;
		padding:0em;
		}
	#news p.date {
		font-size:11px;
		color:#404040;
		margin:0em 0em 1em 0em;
		padding:0em;
		}
	#news p {
		font-size:12px;
		color:#404040;
		margin:0em 0em 1em 0em;
		padding:0em;
		}	
	#news h3 a,#news a {
		color:#c0090a;
		text-decoration:none;
		}	
	#news h3 a:hover,#news a:hover { text-decoration:underline;}	

/**
	Alasivujen rakenne
	/pagetemplates/template.jsp
**/

	/**
		Vasenpalsta, mikä sisältää kuvapaikka kuvan
	**/
	#left_col {
		float:left;
		width:225px;
		background:#ff9b00 url(/pics/left_col.jpg) 0px 0px no-repeat;
		margin:0em;
		padding:0em;
		}
		#left_col img {
			position:relative;
			top:20px;
			margin:0em;
			padding:0em;
			width:224px;
			height:455px;
			}	
	
	/**
		Keskipalsta, käytetään vain yhteystiedot.jsp:n kanssa
		_inc/header.vm
	**/
	#middle_col {
		position:relative;
		padding-top:33px;	
	}
	/**
		Oikeapalsta
	**/
	#right_col {
		float:left;
		width:503px;
		background:transparent url(/pics/right_col.gif) repeat-x;
		margin:0em;
		padding:33px 0em 0em 0em;
		}
		/**
			Alasivun navigointi
		**/
		#navi {
			position:absolute;
			top:35px;
			right:-15px;
			margin:0em;
			padding:0em;
			z-index:10;
			}
			#navi ul {
				list-style-type:none;
			}
			#navi ul li {
				display:inline;
			}
			#navi ul li a {
				color:#c0090a;
				text-decoration:none;
				background:transparent url(/pics/arrow-forward.gif) left center no-repeat;
				padding-left:1em;
			}
		
		/**
			Tekstialue
		**/
		#content_col {
			clear:both;
			position:relative;
			margin:0em 0em 0em 33px;
			padding:0em 0em 35px 0em;
			z-index:1;
			}
			
			/** 
				Yleiset tyylimäärittelyt,
				joita ei määritellä /style/ambientia/text.css -kautta		
			**/
				#content_col a {color:#c0090a;}
				#content_col ul, #content_col ol {
					margin-left:2em;
					}
				#content_col ul ul, #content_col ol ol {
					margin-left:1em;
					}
				/**
		
				/** sivun nimi **/
				#content_col h2.pagename {
				display:block;
				font-size:15px;
				color:#7f7f7f;
				text-transform:uppercase;
				margin:0em 0em 0.5em 0em;
				padding:0em 0em 0.3em 0em;
				background:transparent url(/pics/h2-pagename.gif) left bottom repeat-x;
				height:1.5em;
				}
			
	
		/**	
			sisältöalueen lopetus, vasemmassa reuanssa harmaa palkki
		**/	
		#page_bottom {
			clear:both;
			position:relative;
			width:255px;
			height:18px;
			background:transparent url(/pics/page_bottom.gif) no-repeat;
			}
/**
	Alatunniste
**/	
#footer {
	position:relative;
	clear:both;
	width:100%;
	height:74px;
	background:transparent url(/pics/footer.gif) repeat-x;
	text-align:center;
	}
	#footer-title-fp {
		position:relative;
		margin:0em auto;
		width:739px;
		height:74px;
		background:transparent url(/pics/footer-title-fp.jpg) no-repeat;
		}	
	#footer-title {
		position:relative;
		margin:0em auto;
		width:739px;
		height:74px;
		background:transparent url(/pics/footer-title.jpg) no-repeat;
		}	
	#footer span { display:none;}

	/**
		Henkilöiden esitys
		pagetemplates/henkilo.jsp
	**/

	#contact_presentation {
		background:transparent url(/pics/contact_presentation.gif) repeat-x;
		}
		#contact_presentation h3 {
			color:#7f7f7f;
			margin: 0.2em 0em;
			padding:0em;
			font-size:15px;
			}	
		#contact_presentation a {
			font-size:12px;
			color:#c0090a;
			text-decoration:none;
		}
	#content_col td div.otsteksti { font-size:11px;} 
	#content_col div.otsteksti a { color:#404040;text-decoration:none;font-weight:bold;}
	#content_col div.otsteksti a:hover { text-decoration:underline;}