/* WebGarden 2016-06-10 */

* {	margin: 0; padding: 0; } img { border: 0; max-width:100%; } 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; }


* {	margin: 0; padding: 0; font-weight: normal; }

img { border: 0; }

a:focus, input:focus, textarea:focus { outline: none; }
	
.clear { clear: both; }

:focus { -moz-outline-style:none; }

body {
	text-align: center;
	background-color: #fff;
	background-image: url(../images/back.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	margin-bottom: 30px;
	color: #191818;
}

body.etusivu { background-image: url(../images/backEtusivu.jpg); background-position: 50% 0; }

	@font-face { font-family: Titillium; src: url('../fonts/TitilliumText22L004.otf'); } 

	/* PÄÄOTSIKON MÄÄRITYKSET */
	
	h1,
	h1.componentheading,
	div.componentheading,
	table.contentpaneopen td.contentheading,
	h2.contentheading { font-family: Titillium, "Trebuchet MS", Verdana, sans-serif; font-size: 32px; color: #238bd4; padding: 18px 0 12px 0; }
	
		table.contentpaneopen {
			margin: -2px 0 0 -2px !important;
		}
				
	/* KAKKOSTASON OTSIKON MÄÄRITYKSET */

	h2,
	table.blog table.contentpaneopen td.contentheading,
	div.contentpaneopen h2.contentheading { font-family: Titillium, "Trebuchet MS", Verdana, sans-serif; font-size: 20px; color: #238bd4; padding: 12px 0 6px 0px; }
	
		h2.white { color: #fff; }
	
		/* "ARTIKKELIT BLOGIMUODOSSA" MÄÄRITYKSET */
	
		table.blog {
			padding-top: 3px;
		}
		
		table.blog table.contentpaneopen td.contentheading {
			padding: 6px 0 6px 0 !important;
		}
		
		.small,
		.createdate,
		.modifydate,
		.createby {
			font-size: 11px;
			margin: 0;
			padding: 0;
		}
	
	P { padding: 12px 0 6px 0; }
	
	a { color: #238bd4; text-decoration: underline; }
	
	a:hover { color: #0d66a5; }
	
	/* Muut */
	
	strong { font-weight: bold; }
	
	i { font-style: italic; }
	
	td { vertical-align: top; }
	
/* template */

#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
}

	#top { height: 70px; margin: 42px 0 30px 0; }

		#logo { float: left; width: 318px; margin-top: 8px; text-align: center; }

		#menu { float: left; width: 636px; margin: 0; background-image: url(../images/menuBack.png); background-repeat: no-repeat; background-position: 0 8px; padding: 0 0 0 20px; }
		
			#menu ul { list-style: none; width: 656px; font-family: Titillium, "Trebuchet MS", Verdana, sans-serif; font-size: 15px;  }
			
			#menu ul li { float: left; padding: 25px 0 0 0; }
			
			#menu li a { color: #fff; text-shadow: 0 1px 1px #1972b1; text-decoration: none; }
			
				#menu li.last { background-image: none; padding-right: 0; }
			
				#menu .item-101 { width: 95px; height: 45px; text-align: center; }
				
					.item-101.active { background: url(../images/actmenuA.png) no-repeat; }
			
				#menu .item-141 { width: 85px; height: 45px; text-align: center; }
				
					.item-141.active { background: url(../images/actmenuB.png) no-repeat; }
			
				#menu .item-189 { width: 173px; height: 45px; text-align: center; }
				
					.item-189.active { background: url(../images/actmenuC.png) no-repeat; }
			
				#menu .item-190 { width: 123px; height: 45px; text-align: center; }
				
					.item-190.active { background: url(../images/actmenuD.png) no-repeat; }
			
				#menu .item-191 { width: 131px; height: 45px; text-align: center; }
				
					.item-191.active { background: url(../images/actmenuE.png) no-repeat; }
				
				#menu .active a { color: #0971ba; text-shadow: 0 1px 1px #fff; }
				
					#menu .active a:hover { color: #00518a; text-shadow: 0 1px 1px #fff; }
					
					#menu a:hover { color: #eaeaea; text-shadow: 0 1px 1px #1972b1; }
				
	#mainKuva { width: 980px; line-height: 1.5em; }
	
	#main { width: 946px; margin: 0 0 0 18px; line-height: 1.5em; }
	
		#left { float: left; width: 330px;}
		
		#right { float: left; width: 590px; margin-top: 8px; }
	
			.lueLisaa { background: url(../images/lueLisaa.png); width: 94px; height: 41px; cursor: pointer; margin: 13px 0 1px 0; display: block; text-decoration: none; }
		
			.lueLisaa:hover { background-position: 0 -41px; margin: 13px 0 1px 0; }
		
			.lueLisaa:active { background-position: 0 -82px; margin: 14px 0 0 0; }
		
			.otaYhteytta { background: url(../images/otaYhteytta.png); width: 112px; height: 41px; cursor: pointer; margin: 13px 0 1px 0; display: block; text-decoration: none;  }
		
			.otaYhteytta:hover { background-position: 0 -41px; margin: 13px 0 1px 0; }
		
			.otaYhteytta:active { background-position: 0 -82px; margin: 14px 0 0 0; }
			
			#main ul, #main ol { margin: 6px 0 0px 30px; }

	#footer { width: 980px; height: 35px; padding: 16px 0 0 0; margin: 30px 0 0 0; font-size: 11px; color: #fff; text-shadow: 0 1px 1px #1972b1; text-align: center; background: url(../images/footer.png) no-repeat; }
	
	.webgarden { width: 78px; height: 18px; background: url(../images/WebGarden.png); display: block; float: right; margin: 5px 15px 20px 0; }
	
		.webgarden:hover { background-position: 0 -18px; }