/* WebGarden 2013-08-22 */

* {	margin: 0; padding: 0; } img { border: 0; } a:focus, input:focus, textarea:focus { outline: none; } .clear { clear: both; } :focus { -moz-outline-style:none; } strong { font-weight: bold; } i { font-style: italic; } td { vertical-align: top; } fieldset { border: 0; }

body {
	background-color: #fee485;
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #414141;
	margin-bottom: 30px;
}
	
	h1,
	h1.componentheading,
	div.componentheading,
	.contentheading,
	h2.contentheading { font-size: 24px;
		color: #008bc0;
		padding: 12px 0 24px 0;
		font-weight: bold; }
	
		h2.contentheading { padding-bottom: 4px !important; }

	h2,
	table.blog table.contentpaneopen td.contentheading,
	div.leading h2.contentheading { font-size: 18px;
		color: #008bc0;
		padding: 18px 0 6px 0; }
	
	.moduletable.h3,
	h3 { font-size: 15px; padding: 6px 0 6px 0; color: #008bc0; }
		
	a { text-decoration: none; color: #008bc0;  }
		
	a:hover { text-decoration: none; color: #f47d20; }
	
	p { margin: 12px 0 6px 0; }
	
	table.aikataulu td { padding: 0 20px 4px 0; vertical-align: top !important; }
	
	table td { vertical-align: top !important; padding: 0 10px 5px 0; }
	
	/* Muut */

	.display { padding: 10px 0 15px 0; }
	
	table.category td, table.category th { padding: 0 15px 5px 0; }
	
	p.buttonheading { height: 0 !important; margin: 0 !important; padding: 0 !important; }
	
	dl.article-info { font-size: 11px; color: #666; background-color: #d3d3d3; border-radius: 3px; -moz-border-radius: 3px; padding: 0; }
	
		dl.article-info dd { float: left; padding: 6px 6px 6px 0; }
	
	.pagination { text-align: center; }
	
		.pagination ul { margin: 0 auto; font-size: 12px; color: #333; }
		
			.pagination li { list-style: none; display: inline; padding: 4px; }
	
	#djslider-loader92 { margin: 0 !important; float: left; }
	
/* Template */

#container {
	margin: 0 auto;
	text-align: center;
	width: 832px;
	line-height: 1.5em;
}

	#top {
		height: 33px;
		width: 832px;
		background-image: url(../images/container_top.png);
		margin-top: 10px;
	}	

	#main {
		width: 772px;
		text-align: left;
		background-image: url(../images/container_main.png);
		background-repeat: repeat-y;
		padding: 10px 30px 20px 30px;
	}
	
		#logo {
			float: left;
			width: 300px;
		}
		
		#top_oikea {
			float: left;
			width: 472px;
			text-align: right;
			padding: 30px 0 0 0;
		}
		
			#top_oikea a {
				color: #e12836;
				font-weight: bold;
				padding: 2px 24px 0 0;
				line-height: 24px;
				display: block;
			}
			
			#top_oikea a:hover { color: #008bc0; }
			
			#top_oikea ul { list-style: none; }
			
			#top_oikea ul li { float: right; padding-left: 10px; }
			
			#top_oikea ul li.item-8 a {
				background-image: url(../images/yhttiedot.png);
				background-position: 100% 0;
				background-repeat: no-repeat;
			}
			
			#top_oikea ul li.item-10 a {
				background-image: url(../images/news.png);
				background-position: 100% 0;
				background-repeat: no-repeat;
				padding: 2px 32px 0 0;
			}
		
		#menu {
			background-image: url(../images/menu_back.png);
			width: 768px;
			height: 62px;
			margin: 20px 0 10px -8px;
			text-align: center;
			padding: 8px 0 0 20px;
		}	
		
			#menu ul { list-style: none; }
			
			#menu ul li {
				display: inline;
				font-weight: bold;
				font-size: 15px;
			}
			
			#menu ul li a {
				color: #fff;
				display: block;
				float: left;
				background-image: url(../images/menu_erotin.png);
				background-position: 100% 0;
				background-repeat: no-repeat;
				padding: 0 32px 0 15px;
				line-height: 55px;
			}
			
			#menu ul li.item-165 a {
				background: none;
				padding: 0 20px 0 20px;
			}
			
			#menu ul li a:hover { color: #fadf80; }
			
		#kuva {
			/*width: 883px;
			margin: 10px 0 10px -8px;*/
		}	
		
		#main_tekstiosa {
			width: 730px;
			margin: 20px 21px 0 21px;
			min-height: 200px;
		}
		
			#main_tekstiosa_left { float: left; width: 260px; padding: 30px 0 0 0; }
			
			#main_tekstiosa_right { float: left; width: 430px; padding: 0 0 0 40px; }
			
			#main_tekstiosa_right ul { margin: 6px 0 12px 20px; }
			
			input, textarea {
				padding: 4px 6px 3px 4px;
				border: 1px solid #999999;
				outline: none !important;
				margin: 2px 5px 2px 0;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			textarea { width: 280px; height: 140px; }
		
	#footer {
		height: 150px;
		width: 832px;
		margin: 0 auto;
		background-image: url(../images/container_footer.png);
		background-repeat: no-repeat;
		text-align: center;
		padding: 30px 0 0 0;
		color: #fff;
		font-size: 13px;
	}
	
		#footer_logot { text-align: left; padding: 0 50px 60px 50px; margin-top: -10px; }
	
		#footer a { color: #fff; }