/* CSS Document v. 1.0 */


/* NULL STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;}
body {
	line-height:1;}
ol, ul {
	list-style:none;}
blockquote, q {
	quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;}
:focus {
	outline:0;}
ins {
	text-decoration:none;}
del {
	text-decoration:line-through;}
table {
	border-collapse:collapse;
	border-spacing:0;}
/* NULL STYLES */


/* BASIC STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
 	font:normal 12px Tahoma, Verdana, Helvetica, sans-serif;}
h1 {
	font: 400 17px Tahoma, Verdana, Helvetica, sans-serif;
	color:#3c6c38;
	line-height:17px;
	padding:5px 0 10px 0;}
h2 {
	font: 400 14px Tahoma, Verdana, Helvetica, sans-serif;
	color:#4f5357;
	line-height:25px;}
h3 {
	font: 400 12px Tahoma, Verdana, Helvetica, sans-serif;
	color:#4f5357;
	line-height:25px;}
a {
	color:#689240;
	text-decoration:underline;
	text-transform:none;}
	a:hover {
		color:#689240;
		text-decoration:none;
		text-transform:none;}
	a:link {}
p {
	color:#000000;
	padding:0 0 10px 0;
	line-height:17px;}
	p a {
		color:#689240;
		text-decoration:underline;
		text-transform:none;}
	p a:hover {
		color:#689240;}
	p strong {
		color:#4f5357;
		font-weight:700;}
label {
	font:normal 12px Tahoma, Verdana, Helvetica, sans-serif;
	color:#4f5357;}
label span.star {
	color:#fea406;
	padding:0 0 0 5px;}
	
input[type="text"] {
	border:1px solid #d6d5d5;
	background:#FFFFFF;}
input[type="checkbox"] {
	border:1px solid #d6d5d5;
	background:#FFFFFF;}
input[type="radio"] {
	border:0;
	background:#FFFFFF;
	clear:both;
	margin:0 0 0 10px;}
textarea {
	border:1px solid #d6d5d5;
	background:#FFFFFF;
	margin:5px 0 0 10px;}
.hr {
	background:#FFF url(../img/hr.gif) repeat-x;
	min-height:10px;
	_height:10px;
	height:10px;
	width:100%;
	border:0;
	margin:20px 0 20px 0;}
/* BASIC STYLES */

/* Misc */
.clearfloat {
	clear:both;}

#LeftSpacer {
	float:left;
	width:70px;
	height:62px;}
	
#FrontPageLeftSpacer {
	float:left;
	width:70px;
	height:290px;}
	
#TestPageLeftSpacer {
	float:left;
	width:70px;
	height:312px;}
	
.linkdiv {}

.linkdiv table {
	margin:0;}
	
#yllapitajannavi {
	position:absolute;
	top:210px;
	left:1100px;}
	
	#yllapitajannavi table {
		border:1px solid #4f5357;}
		#yllapitajannavi table td {
			background-color:#efefef;
			padding:0 0 0 5px;}
	
	#yllapitajannavi ul {
		padding:5px 0 5px 10px;}
		
		#yllapitajannavi li {
		list-style-type:none;
		background:url("../img/li.jpg") 0px 5px no-repeat;}
		
		#yllapitajannavi li a {
			padding:0 0 0 10px;}
.FrontpageNaviSivustot {
	position:absolute;
	top:94px;
	left:820px;}
.RaisioLogo {
	float:left; 
	margin:20px 0 0 80px;}
.Uppernavigation {
	position:absolute;
	top:0px;
	left:820px;
	width:590px; 
	height:46px;}
	.Uppernavigation li {
		display:inline;
		padding:0 0 0 15px;}
	.Uppernavigation li a {
		font:normal 10px Tahoma, Verdana, Helvetica, sans-serif;
		text-decoration:none;}
		
		.Uppernavigation li a:hover {
		text-decoration:underline;}
		
.fbCol {
	font:normal 12px Tahoma, Verdana, Helvetica, sans-serif;
	color:#fea406;}
.fbCol b {	
	font:normal 12px Tahoma, Verdana, Helvetica, sans-serif;
	color:#4f5357;}
.maintitle {
	display:none;}
#Testi {
	padding:0 0 0 70px;}
.even{
	background-color : #E7F2F7;
}
/* Misc */

/* SITE STRUCTURE */

#SiteWrapper {
	min-width:1000px;
	width:100%;
	height:800px;}
	
#SiteHeader {
	min-width:1000px;
	width:100%;
	height:119px;
	border-bottom:4px solid #ff9900;
	background:url("../img/HeaderRP.jpg") 199px 0px repeat-x;}
	
#SiteHeader2 {
	min-width:1000px;
	width:100%;
	height:119px;
	border-bottom:0;
	background:url("../img/HeaderRP.jpg") repeat-x;}
	
	#Navigaatio_Flassi {}
	#SiteHeaderNavigation {
		float:left;
		width:994px;
		height:85px;
		background:url("../img/HeaderKorret.jpg") no-repeat;}
		
#WrapperFrontPageHeader {
	background:url("../img/FrontPageVideoLinkBGRP-upd.jpg") repeat-x;
	width:100%;
	/*height:290px;*/
	height:320px;
}
	
#WrapperTestPageHeader {
	background:url("../img/TestPageGrass.jpg") 260px 0px repeat-x;
	width:100%;
	height:312px;}

#PageHeader, #FrontPageHeader {
	height:80px;
	width:100%;
	background-color:#fcbe07;
	background:url("../img/PageHeaderRP.jpg") repeat-x;}
	
#FrontPageHeader {
	height:320px;
	width:1025px;
	background:url("../img/FrontPageVideoLinkRP-upd.jpg") no-repeat;}
	
#TestPageHeader {
	height:312px;
	width:560px;
	background:url("../img/TestPageContentBG.jpg") no-repeat;
	padding:0 0 0 70px;}
	#FrontPageHeader h1 {
		color:#fff;
		font:normal 28px Tahoma, Verdana, Helvetica, sans-serif;
		padding:20px 0 0 0;}
		
	#PageHeader h4 {
		color:#fff;
		font:normal 28px Tahoma, Verdana, Helvetica, sans-serif;
		padding:20px 0 0 0;}
		
	#TestPageHeader h1 {
		color:#4f5357;
		font:bold 16px Tahoma, Verdana, Helvetica, sans-serif;
		padding:20px 0 0 0;}
		
	#PageHeader p, #FrontPageHeader p  {
		font:normal 12px Tahoma, Verdana, Helvetica, sans-serif;
		color:#fff;
		width:542px;
		height:67px;
		padding:10px 0 0 0;}
		
	#TestPageHeader #TestPageContent p  {
		font:normal 12px Tahoma, Verdana, Helvetica, sans-serif;
		color:#8c8c8c;
		margin:10px 0 0 0;}
		
	#TestPageContent {
		float:left;
		width:560px;
		height:77px;}
		
		#TestPageHeader ul {
			padding:160px 0 0 0;}
			
		#TestPageHeader li {
			display:inline;
			color:#8c8c8c;}
			
			#TestPageHeader li a {
				background:url("../img/triangel.jpg") right 4px no-repeat;
				padding:0 13px 0 0;
				margin:0 5px 0 0;}
				
		#TestPageHeaderVinkkaa {
			position:absolute;
			top:320px;
			left:685px;
			width:auto;
			height:100px;}
		
			#TestPageHeaderVinkkaa .linkdiv {
				float:left;}
			#TestPageHeaderVinkkaa .linkdiv td a {
				float:left;
				font:bold 17px Verdana, Arial, Helvetica, sans-serif;
				color:#69a60d;
				text-decoration:none;}
				
				#TestPageHeaderVinkkaa .linkdiv td a:hover {
					text-decoration:underline;}
		
	#FrontPageHeader .VideolinkList {
		margin:30px 0 0 0;}
	/* Modern browsers only (not IE 7)  */
	html>/**/body #FrontPageHeader .VideolinkList {
		margin:40px 0 0 0;}
		
		#FrontPageHeader .VideolinkList td {
			/*width:185px;
			height:114px;*/
			height:133px;
			}
			
			#FrontPageHeader .VideolinkList td a {
				color:#8d8d8d;
				width:185px;
				height:39px;
				text-decoration:none;
				text-transform:none;}
				
			#FrontPageHeader .VideolinkList td a:hover {
				text-decoration:underline;}

			#FrontPageHeader .VideolinkList td img {
				margin-bottom: 2px;
			}
	
#PageBreadCrumbs {
	min-height:62px;
	_height:62px;
	height:62px;}
	#PageBreadCrumbs ul {
		margin:20px 0 0 0;}
	#PageBreadCrumbs li {
		display:inline;
		color:#8c8c8c;}
		#PageBreadCrumbs li a {
			background:url("../img/triangel.jpg") right 4px no-repeat;
			padding:0 13px 0 0;
			margin:0 5px 0 0;}
			
#PageContent {}
	
	#PageLeftNavigation {
		float:left;
		width:221px;}
		
	#PageLeftNavigation a {
		display:block;
		background:url("../img/raquo.jpg") left 14px no-repeat;
		padding:10px 0 7px 15px;
		color:#97c11b;
		text-decoration:none;}

	#PageLeftNavigation a.active {
		text-decoration:underline;}
		
		#PageLeftNavigation a:hover {
			text-decoration:underline;
			color:#689240;}
			
		#PageLeftNavigation ul {
			display:block;}
		
		#PageLeftNavigation ul a.active {
			color:#689240;
			display:block;}
			
		#PageLeftNavigation li {
			display:block;
			width:200px;
			min_height:20px;
			_height:20px;
			height:auto;
			background:url("../img/NaviVL.jpg") left top no-repeat;}
			
			#PageLeftNavigation li a {
				display:block;
				background:url("../img/raquo.jpg") left 14px no-repeat;
				padding:10px 0 8px 15px;
				margin:0;
				color:#97c11b;
				text-decoration:none;}
				
				#PageLeftNavigation li a:hover {
					color:#689240;
					text-decoration:underline;}
				
				#PageLeftNavigation li.active {
					padding:0 0 0px 0;
					display:block;}
				
				#PageLeftNavigation li.active a {
					display:block;
					color:#689240;
					text-decoration:underline;
					height:auto;}
					
					#PageLeftNavigation li.active a:hover {
						text-decoration:none;}

						#PageLeftNavigation li ul {
							padding-bottom: 10px;
						}
					
						#PageLeftNavigation li.active ul li {
							display:block;
							width:200px;
							height:auto;
							padding:10px 0 10px 10px;
							background:none;}
							
						#PageLeftNavigation li.active ul li a {
							background:url("../img/li.jpg") left 14px no-repeat;
						}
						#PageLeftNavigation li.active ul li.active a {
							background:url("../img/li.jpg") left 14px no-repeat;
							text-decoration:underline !important;
							color:#689240 !important;
						}

						#PageLeftNavigation li ul li a {
							padding: 10px 0px 0px 10px;
							margin: 0px;
							text-decoration:none !important;
							color:#97c11b !important;
						}
						#PageLeftNavigation li ul li:first-child {
							margin-top: -5px;
						}
						#PageLeftNavigation li ul li a:hover {
							padding: 10px 0px 0px 10px;
							margin: 0px;
							text-decoration:underline !important;
						}
						#PageLeftNavigation li ul li {
							padding-top: 0px !important;
							padding-bottom: 0px !important;
						}
					
	#Content, #FrontPageContent {
		float:left;
		width:660px;
		min-height:400px;}
		
	#FrontPageContent {
		/* background:#FFF;*/
		width:100%;
		min-height:140px;
	}
		
		#ContentWrapper {
			float:left;
			width:660px;
			height:auto;
			display:block;}
		
		#FrontPageContentWrapper {
			width:994px;
			vertical-align:bottom;
			padding:10px 0 0 0;}
			
			#FrontPageContentWrapper img {
				float:bottom;
				vertical-align:bottom;
				margin:0 0 0 10px;}
	
		#Content li, #FrontPageContent li {
			color:#000000;
			padding:5px 0 5px 10px;
			margin:0 0 0 11px;
			list-style-type:none;
			min-height:15px;
			_height:15px;
			display:block;
			width:331px;
			border-bottom:1px dotted #cbcbcb;
			background:url("../img/li.jpg") 0px 10px no-repeat;}
			
			#Content li a, #FrontPageContent li a {
				text-decoration:none;}
				
			#Content li a:hover, #FrontPageContent li a:hover {
				text-decoration:underline;}
				
				#Content li li, #FrontPageContent li li {
					border-bottom:none;}
		
		.Videolinkki a {
			color:#8c8c8c;
			text-decoration:none;
			text-transform:none;}
		.Videolinkki a:hover {
			text-decoration:underline;
			text-transform:none;}
		
	#PageFooter, #FrontPageFooter {
		position:relative;
		float:left;
		width:660px;
		border-top:3px double #dadada;
		min-height:24px;
		_height:24px;
		margin:10px auto;
		padding:10px 0 0 0;
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#8c8c8c;}
		
		.footerlinks {
			float:left;}
		
		#PageFooter a, #FrontPageFooter a {
			color:#8c8c8c;
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
			
		#PageFooter ul, #FrontPageFooter ul {
			float:right;
			width:150px;
			min-height:34px;
			display:inline;
			margin:0;
			padding:0;}
			
		 #PageFooter li, #FrontPageFooter li {
			display:inline;
			border:none;
			background:none;
			color:#8c8c8c;
			margin:0;
			padding:0;}
			
			#PageFooter li a, #FrontPageFooter li a {
				float:none;
				color:#8c8c8c;
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				margin:0;
				padding:0;}
				
	#FrontPageFooter {
		width:871px;
		border:none;
		/* margin:20px 0 0 70px; */
		margin:350px 0 0 70px;}

.TermiLinkList {
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	width:100%;
	padding:10px 0 10px 0;}
	.TermiLinkList a {
		padding:0 0 0 10px;}
			.TermiLinkList a:after {
				background:url("../img/piippu.jpg") left center no-repeat;}
.TermiContent {
	border-bottom:1px dotted #cbcbcb;
	padding:10px 0 10px 0;}
	.TermiContent h2 {
		padding:16px 0 16px 0;}
	.TermiContent a {
		background:url("../img/ArrowUp.jpg") left center no-repeat;
		padding:0 0 0 10px;
		text-transform:none;
		text-decoration:none;
		display:block;}
		.TermiContent a:hover {
			text-decoration:underline;}
/* Sivustot tyylit alkaa */

#menubar {
	position:absolute;
	width:197px;
	left:0px;
	top:0px;
	padding:0;}
	
	#menubar a {
		color:#3C6C38;
		letter-spacing:0;
		padding:0;
		text-decoration:none;}
		
		#menubar a.active {}
.menu {
	width:197px;}
	
	.menu a {
		line-height:15px;
		color:#3C6C38;
		display:block;
		padding:3px 0 0 10px;
		text-decoration:none;
		background-color:transparent;
		font-size:10px;}
		
		* html .menu a:hover {
			background-color:#8CAA72;
			color:#FFFFFF;
			border-left:1px solid #3B6B1F;
			border-right:1px solid #3B6B1F;
			width:100%;}
			
		.menu a:hover {
			background-color:#8CAA72;
			color:#FFFFFF;
			border-left:1px solid #3B6B1F;
			border-right:1px solid #3B6B1F;}
			
* html .options {
	background:url(/templates/raisio2004/img/SivustotBG.png) no-repeat;
	width:197px;
	height:100%;
	padding:20px 0 0 0;
	margin:0 0 15px 0;}
	
.options {
	background:url(/templates/raisio2004/img/SivustotBG.png) no-repeat;
	width:197px;
	height:270px;
	padding:20px 0 0 0;
	margin:0 0 15px 0;}
	
.optionslinkki {
	width:197px;
	height:15px;}
	
.MenuTopicBottomBG {
	background:url(/templates/raisio2004/img/SivustotBGBottom.png) 0px 0px no-repeat ;
	width:197px;
	height:9px;}
/* Sivustot tyylit loppuu */
/* SITE STRUCTURE */



/* CO2e FLASH */
.co2e_intro {
	margin-top: 30px;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}