/*
 	* 
 	*  Generel styles for common webbrowsers
 	*  
*/

/* clears all margins elements but table-element */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption
{
	margin: 0; padding: 0;
}

/* clearfix, to be used with floating elements */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a { outline: none;}

br.clear {clear:both;}
blockquote {margin-left:20px;}

body {
	background:#fff;
	font-family:'trebuchet MS',verdana,arial;
	color:#000000;
	font-size:13px;
	
	}

#wrapper {
  	width:1003px;
  	margin:0 auto;
  	background:transparent url(/pics/wrapper.gif) center top repeat-y;
}

/*
	Header
*/
	#header {
		position:relative;
		width:100%;
		height:120px;
		background:transparent url(/pics/header.jpg) no-repeat;
	}
		#header a#logo { position:absolute; width:299px; height:35px;text-indent:-99999px;left:45px;top:55px;background:transparent url(/pics/logo.gif) no-repeat; }
		
		#search { position:absolute; width:249px; height:32px; right:23px; top:31px; background: url(/pics/searchBox.gif) no-repeat;}
			#search form { position: relative; display:block;width: 249px; height: 32px;}
			#search input.inputField { position: absolute; border: none; margin-left: 5px; width: 215px;top: 7px; }
			#search input.submit { position:absolute; width:20px; height:26px; border:none; background: url(/pics/btn-searchSubmit.gif) 0 0 no-repeat; right:3px; top: 3px;}
		
		#quickLinks {
			position:absolute;
			width:250px;
			height:30px;
			background:transparent url(/pics/quickLinks.jpg) no-repeat;
			left:731px;
			top:70px;
		}
			#quickLinks p { font-size:12px;font-weight:bold;color:#9c6262;text-align:center;padding-top:0.5em;}
			#quickLinks p a { text-decoration:none;color:#9c6262;}
			#quickLinks a:hover { text-decoration:underline;}
/*
 * Page
*/	
	#frontpage,#page {
		position:relative;
		width:100%;
		
	}	
	#frontpage {
		background:transparent url(/pics/frontpage.jpg) no-repeat;
	}
	#page {
		background:transparent url(/pics/page.jpg) no-repeat;
		z-index:1000;
	}
		/** Left column **/
		#leftCol {
			float:left;
			padding-left:24px;
			width:181px;
			padding-bottom:80px;
			/* border-right: 1px solid #ededed; */			
		}
		
		#leftCol img {border:none; margin:0 20px 20px 20px; }
		#leftCol a img {border:none; margin:0 20px 0 20px; }
		
			#navi { width:90%; margin-top:28px;font-size:13px;}
				#navi ul { list-style-image:url(/pics/li-navi.gif);margin-left:1.5em;margin-bottom:1em;}
				#navi ul li { color:#809c61;font-weight:bold;border-bottom:1px solid #dde6cb;margin-bottom:0.2em;padding-bottom:0.3em;}
				#navi li a { color:#9c6262;text-decoration:none;}
				
				#navi ul li ul { list-style-type:none;margin:0em;list-style-image:none;}
				#navi ul li ul li {border:none;margin:0.5em 0;;padding:0;}
				#navi ul li ul li ul li { margin-left:1em;}
				#navi ul li ul li a { color:#000;font-weight:normal;}
				#navi a#selected { color:#809c61;}
				#navi a:hover { text-decoration:underline;}
				#navi li#vali {  text-indent:-9999px;border:none;list-style-image:none;list-style-type:none;}
				#navi li#vali a { text-indent:-9999px;}
				
		a.jateinfo { display: block; 
					 border: 1px solid #DDE6CB; 
					 width: 120px; 
					 padding: 10px; 
					 margin: 20px 0 20px 20px; 
					 font-weight: bold; 
					 text-decoration: none;
					 text-align:center;
					 font-size:13px;
				   }
				
		/** Right column **/
		#rightCol {
			float:left;
			width:781px;
		}

/*
	* Frontpage	
*/
	#companyInfo { float:left; width:238px; min-height:270px; background:url(/pics/companyInfo.gif) repeat-y; margin:0 4px 0 3px;}
		#companyInfo h3 { width: 238px; height: 52px; background: url(/pics/companyInfoHeader.gif) 0 0 no-repeat;margin:0; padding: 10px 0 0 13px;font-size:22px;color:#fff;font-weight:normal;}
		#companyInfo p { margin-left:20px;width:80%; margin-bottom: 0.5em; min-height: 160px;}
		#conpanyInfo a {}
		#companyInfoFooter { position: relative; width: 238px; height: 44px; background: url(/pics/companyInfoFooter.gif) 0 0 no-repeat;}
	
	#counseling { float:left; width:238px; height:273px; background:transparent url(/pics/counseling.jpg) no-repeat; left:449px;}
		#counseling h3 { font-size:22px;color:#fff;margin-bottom:1em;margin-left:20px;margin-top:0.5em;font-weight:normal;}
		#counseling p { margin-left:20px;width:90%;}
		#counseling ul { margin-left:2em;list-style-image:url(/pics/li-greenArrow.gif) }
		#counseling ul li { margin-bottom:0.8em;}
		#counseling a { text-decoration:none;color:#9c6262;font-weight:bold;}
		#counseling a:hover { text-decoration:underline;}
	
	/**
		If section Counseling is not shown, show RID instead
	**/
		#RandomImageDisplayer { float:left;width:238px; height:273px;}
	
	#bulletin { float:left; margin-left: 4px; width:288px; min-height:273px; background:transparent url(/pics/bulletinArea.gif) repeat-y;}
		#bulletin h3 { width: 288px; height: 52px; background: url(/pics/bulletinAreaHeader.gif) 0 0 no-repeat;font-size: 22px; color:#fff;margin:0;padding: 10px 0 0 20px; font-weight:normal;}
		#bulletin ul { margin-left:2em;list-style-type:none;width:85%;}
		#bulletin li { font-size:11px;color:#888888;border-bottom:1px solid #bde3ec;margin-bottom:0.5em;padding-bottom:0.5em;}
		#bulletin li a { font-size:12px;color:#9c6262;font-weight:bold;text-decoration:none;text-transform: uppercase;}
		#bulletin a:hover { text-decoration:underline;}
		#bulletinAreaFooter { position: relative; width: 288px; height: 44px; background: url(/pics/bulletinAreaFooter.gif) 0 0 no-repeat;}
		#bulletinAreaFooter a {position:absolute;left:220px;color:#9c6262;text-decoration:none;top:15px;}
		#bulletinAreaFooter a:hover { text-decoration:underline;}

	#wasteReceiving { float:left;width:460px;}
		#wasteReceiving h3 { width:100%;font-size:22px;color:#809c61;margin-left:20px;margin-top:1em;margin-bottom:0.5em;font-weight:normal;border-bottom:1px solid #dde6cb;}
		#wasteReceiving table { width:100%;text-align:left;color:#809c61;margin-left:20px;}
		#wasteReceiving th { font-weight:bold;padding-top:1em;}
		#wasteReceiving td { width:50%;}
		#wasteReceiving a { color:#9c6262;text-decoration:none;}
		#wasteReceiving a:hover { text-decoration:underline;}
	
	#contactInformation { float:left;width:250px;margin-left:50px;}
		#contactInformation h3 {	width:100%;font-size:22px;color:#809c61;margin-top:1em;margin-bottom:1em;font-weight:normal;border-bottom:1px solid #dde6cb;}
		#contactInformation p { color:#809c61;margin-top:1em;}
		#contactInformation ul { list-style-type:none;background:#f0f7e0;margin-top:1em; }
		#contactInformation ul li { font-size:11px;color:#000; padding:0.5em;vertical-align:middle;border-bottom:4px solid #fff;}
		#contactInformation li span { font-size:12px;font-weight:bold;color:#809c61;}
		#contactInformation a { font-size:12px;text-decoration:none;color:#9c6262;font-weight:bold; }
		#contactInformation a:hover { text-decoration:underline;}
		
	#etusivun_logo { float:left;width:250px;margin-left:50px;}
/**
	----------------------------
	Subpages
	----------------------------
**/
	#cookiePath {
		margin-left:50px;
		font-size:11px;
		color:#809c61;
		margin-top:1em;
		width:75%;
	}
		#cookiePath a { color:#9c6262;text-decoration:none; }
		#cookiePath a:hover { text-decoration:underline;}
	a#backIndex {
		position:absolute;
		top:1em;
		color:#9c6262;
		font-weight:bold;
		text-decoration:none;
		font-size:11px;
		left:850px;
		width:150px;
	}
	a#backIndex:hover { text-decoration:underline;}
	#content { margin-left:50px;margin-top:20px;margin-bottom:10px;width:700px; }
			#content h1.pageName { font-size:25px;font-weight:normal;color:#809c61;border-bottom:1px solid #d3dcc8;padding-bottom:0.3em;margin-bottom:0.5em;}
			/* Headings */
			#content h1,#content h2,#content h3 {}
			#content h4,#content h5,#content h6 {}
			
			/* Lists */
			
			#content ul,#content ol { margin-left:2em;margin-bottom:1em;}
			#content ul ul,#content ol ol { margin-left:2em;margin-bottom:0;}
			#content li li { }

			
			#content a { color:#9c6262;}
		
/*
 * Footer
*/
	#footerPic { 
		position:absolute;
		bottom:38px;
		width:198px;
		height:113px;
		margin-left:19px;
		background:transparent url(/pics/curveLogo.jpg) no-repeat;
		z-index:10;
		}
	#footer {
		position:relative;
		clear:both;
		background:transparent url(/pics/footer.gif) no-repeat;
		width:100%;
		height:79px;
		z-index:1;
	}
		#footer #copyright { position: relative; width: 93%; margin: 0 auto; border-top: 1px solid #0094e8; padding-top: 0.5em;}
		#footer #copyright p { color:#0078bc;font-size:11px;}

/**	
	----------------------------
	Other templates
	----------------------------
**/
#errorPage {
		margin-left:270px;
		width:700px;
		padding-top: 2em;
	}
	#errorPage h2 {
		font-size:25px;font-weight:normal;color:#809c61;border-bottom:1px solid #d3dcc8;padding-bottom:0.3em;margin-bottom:0.5em;
	}
	
/**
	-----------------------------------
	Table styles
	------------------------------------ 
**/
table.tableStyleGreen td { padding-left:0.5em;}
table.tableStyleBlue td { padding-left:0.5em;}

table.vihrea_reunus,table.sininen_reunus { }	
table.vihrea_reunus td,table.sininen_reunus td { padding:0.2em 0  0 0.5em;}
table.vihrea_reunus td p,table.sininen_reunus td p { margin:0.2em 0;}

/**
	-----------------------------------------
	Laatuj�rjestelm�n sivun tyylim��ritykset
	/pagetemplates/qualitySystem.jsp
	------------------------------------------
**/
	
	#qualitySystems { position:relative;}
		#rightCol #qualitySystems h3 {padding-top:3em;}
			#rightCol #qualitySystems a { color:#9c6262;text-decoration:underline;cursor:pointer; font-size:18px;}
		#qualitySystems div {
			/* width:100%; */
	
		}
			#qualitySystems div li { font-size:11px;margin:0em 0;}
			
		#qualitySystems .slide01 { height:136px;background:transparent url(/pics/qualitySystem/slide01.gif) right top no-repeat;}
		#qualitySystems .slide02 { height:105px;background:transparent url(/pics/qualitySystem/slide02.gif) right top no-repeat;}
		#qualitySystems .slide03 { height:196px;background:transparent url(/pics/qualitySystem/slide03.gif) right top no-repeat;}
		#qualitySystems .slide04 { height:217px;background:transparent url(/pics/qualitySystem/slide04.gif) right top no-repeat;}
		#qualitySystems .slide05 { height:135px;background:transparent url(/pics/qualitySystem/slide05.gif) right top no-repeat;}
		#qualitySystems .slide06 { height:127px;background:transparent url(/pics/qualitySystem/slide06.gif) right top no-repeat;}

/** Inline editorin tyylit **/

#content ul.ui-tabs-nav  {margin:0px;}
#content #bm p {
	font: normal normal 12px arial,verdana,serif;
    color: #5C5C5C;
	}

/** End of Inline editorin tyylit **/