html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Myriad Pro", Verdana, Tahoma;
	width: 100%;
}
div {
	margin: 0;
	padding: 0;
	background: transparent;
}
#runko {
	margin: 0 0 50px 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: 800px;
	background: transparent;
}
.spacer{clear:both;}
h1{ margin: 0 0 20px 0; padding: 0 0 0 30px; font-size: 27px; background: url("gfxn/h1.jpg") left no-repeat; border-bottom: 1px solid #93C000; color: #404040;}
h2{ margin: 0; padding: 0; font-size: 25px; }
h3{ margin: 0; padding: 0; font-size: 21px; }
h4{ margin: 0; padding: 0; font-size: 17px; }
h5{ margin: 0; padding: 0; font-size: 14px; }
p { margin: 0; padding: 0; }

/*--------------
  HEADERI CSS
--------------*/
#runko #logotila {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000;
	width: 100%;
	background: transparent;
}
#runko #logotila .vasen {
	background: url("gfxn/logo.jpg");
	float: left;
	height: 142px;
	width: 355px;
}
#runko #logotila .keski {
	height: 142px;
	background: url("gfxn/header_1.jpg");
}
#runko #logotila .keski .oikea {
	background: url("gfxn/header_2.jpg");
	height: 142px;
	width: 229px;
	float: right;
}
/*---------------
 KESKIOSA CSS :d
----------------*/

#runko #keskiosa {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

/*--navi--*/
#runko #keskiosa #navi {
	width: 214px;
	position: absolute;
	margin: -8px 0 0 25px;
	background: url("gfxn/nav.jpg");
}
#runko #keskiosa #navi .ylaosa {
	float: left;
	color: #fff;
	padding: 0 0 0 4px;
	margin: 0 0 10px 0;
	width: 210px;
	height: 59px;
	background: url("gfxn/nav_y.jpg");
}
#runko #keskiosa #navi .keskiosa {
	width: 210px;
	padding: 0 0 10px 20px;
}
#runko #keskiosa #navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #3a68a1;
}
#runko #keskiosa #navi .ylavalikko a{
	font-family: verdana;
	font-size: 16px;
	padding: 2px 0 0 15px;
	color: #737373;
	text-decoration: none;
	background: url("gfx/nav.jpg") 0 2px no-repeat;
	font-weight: bold;
}
#runko #keskiosa #navi .ylavalikko a:hover {
	font-family: verdana;
	font-size: 16px;
	padding: 2px 0 0 15px;
	color: #A3A537;
	text-decoration: none;
	background: url("gfx/nav.jpg") 0 2px no-repeat;
	font-weight: bold;
}
#runko #keskiosa #navi .ylavalikko li {
	padding: 4px 0 0 0;
}
#runko #keskiosa #navi .alavalikko li {
	margin: 2px 0 0 20px;
}
#runko #keskiosa #navi .alavalikko a{
	font-family: verdana;
	font-size: 14px;
	padding: 0 0 0 15px;
	color: #737373;
	text-decoration: none;
	background: url("gfx/nav.jpg") 0 2px no-repeat;
	font-weight: bold;
}
#runko #keskiosa #navi .alavalikko a:hover {
	color: #A3A537;
}
#runko #keskiosa #navi .clearleft {
	clear: left;
}
#runko #keskiosa #navi .alaosa {
	width: 214px;
	height: 12px;
	background: url("gfxn/nav_a.jpg") no-repeat;
}
/*--NAVI-INFOLAATIKKO--*/

#runko #keskiosa #navi .infoyla {
	width: 214px;
	height: 55px;
	background: url("gfxn/info_y.jpg") no-repeat;
}
#runko #keskiosa #navi .infokeski {
	padding: 0 0 5px 20px;
	width: 214px;
	font-size: 15px;
	font-family: tahoma;
}
#runko #keskiosa #navi .infoala {
	width: 214px;
	height: 8px;
	background: url("gfxn/info_a.jpg") no-repeat;
}

/*--sisalto--*/

#runko #keskiosa #sisalto {
	color: #000;
	font-family: verdana;
	font-size: 14px;
	padding: 0 25px 0 248px;
	margin: -8px 0 0 0;
	min-width: 400px;
}
#runko #keskiosa #sisalto .sylaosa {
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 1px;
	font-family: "Myriad Pro", Verdana, Tahoma;
	font-size: 16px;
	color: #fff;
	height: 61px;
	background: transparent url("gfxn/keski_v.jpg") no-repeat;
}
#runko #keskiosa #sisalto .sylaosa .vasen {
	padding: 18px 0 0 72px;
	height: 61px;
	float: left;
	color: #A3A537;
	font-size: 20pt;
}
#runko #keskiosa #sisalto .sylaosa .oikea {
	margin: 0 0 0 0;
	padding: 0;
	height: 61px;
	width: 5px;
	background: url("gfxn/keski_o.jpg");
	float: right;
}
#runko #keskiosa #sisalto .rs {
	background: url("gfxn/rrs.jpg") right repeat-y;
}
#runko #keskiosa #sisalto .ls {
	background: url("gfxn/lls.jpg") left repeat-y;
}
#runko #keskiosa #sisalto .tiedot {
	padding: 5px 20px 15px 20px;
	margin: 0 0 0 5px;
	overflow: hidden;
	background: url("gfxn/rrs.jpg") right repeat-y;
}
#runko #keskiosa #sisalto .talav {
	height: 5px;
	width: 5px;
	background: url("gfxn/talav.jpg") top left;
	float:left;
}
#runko #keskiosa #sisalto .talak {
	margin: 0 5px 0 0;
	height: 5px;
	background: url("gfxn/talak.jpg") repeat-x;
}
#runko #keskiosa #sisalto .talao {
	margin: -5px 0 0 0;
	height: 5px;
	width: 5px;
	background: url("gfxn/talao.jpg") top right;
	float:right;
}
#runko #keskiosa #sisalto img {
	border: 1px solid black;
	background: #fff;
	padding: 2px 2px 2px 2px;
	margin: 2px 5px 2px 5px;
}

/*--uutiset--*/
#runko #keskiosa #uutiset {
	margin: 0 10px 0 10px;
	float:right;
}
#runko #keskiosa #uutiset .uylaosa {
	color: #fff;
	padding: 2px 0 0 4px;
	height: 23px;
	width: 162px;
	background: url("gfx/uutisylaosa.jpg");
	border: 1px solid black;
}
/*---------------
 ALAOSAN CSS :Q
----------------*/

#alaosa {
	min-width: 800px;
	width: 100%;
	height: 30px;
	background: url("gfxn/ala_v.jpg") repeat-x;
	position: fixed;
	bottom: 0;
}
#alaosa .vasen {
	background: url("gfxn/ala_v.jpg") no-repeat;
	height: 30px;
	float: left;
}
#alaosa .keski {
	background: url("gfxn/ala_v.jpg") repeat-x;
	height: 30px;
	float: left;
}
#alaosa .keski .text {
	padding: 8px 0 0 10px;
	color: #000;
	font-family: verdana;
	font-size: 15px;
}
#alaosa .oikea {
	background: url("gfxn/ala_o.jpg") no-repeat;
	height: 30px;
	float: right;
	width: 763px;
}

.ukeskiosa {
	width: 166px;
	overflow: hidden;
}
.ukeskiosa .uutisteksti {
	padding: 3px 2px 3px 2px;
	font-family: verdana;
	font-size: 12px;
	border-bottom: 1px solid #3f6ca4;
}
.ukeskiosa .uutisteksti a {
	float: right;
	padding: 2px 0 0 15px;
	color: #3f6ca4;
	text-decoration: none;
	background: url("gfx/nav.jpg") 0 2px no-repeat;
	
}
.ukeskiosa .uutisteksti .otsikko {
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	font-weight: bold;
}
.ukeskiosa .uutisteksti .newsclear {
	clear: both;
}
#galleria .galleriarivi {
	height: 122px;
	border: 1px solid #3f6ca4;
	background: url("gfx/galfolderback.jpg") repeat-x;
	margin: 0 0 10px 0;
}
#galleria .galleriarivi .kuva a{
	float:left;
	height: 122px;
	width: 126px;
}
#galleria .galleriarivi .kuva {
	float:left;
	height: 122px;
	width: 126px;
	background: url("gfx/galfolder.jpg") no-repeat;
}
#galleria .galleriarivi .kuva:hover {
	float:left;
	height: 122px;
	width: 126px;
	background: url("gfx/galfolder_hover.jpg") no-repeat;
}
#galleria .galleriarivi .infot {
	height: 112px;
	padding: 10px 0 0 0;
	background: url("gfx/galleryfolderright.jpg") no-repeat right;
}
#galleria .galleriarivi .infot a {
	padding: 2px 0 0 0;
	color: #3f6ca4;
	text-decoration: none;
	background: 0 2px no-repeat;
}
#galleria .galleriarivi .infot a:hover {
	color: #c14e53;
}
#yksittaisuutinen img {
	border: 1px solid black;
	background: #fff;
	padding: 2px 2px 2px 2px;
	margin: 2px 5px 2px 5px;
}
#yksittaisuutinen a {
	font-style: none;
	border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#uutislista table {
	width: 100%;
}
#uutislista table .otsikko {
	font-weight: bold;
	text-align: left;
}
#uutislista table .rivi{
	background: #d7d7d7;
}
#uutislista table a {
	padding: 2px 0 0 15px;
	color: #3f6ca4;
	text-decoration: none;
	background: url("gfx/nav.gif") 0 2px no-repeat;
}
#galleria .gallerianakyma img {
	padding: 2px 2px 2px 2px;
	border: 1px solid black;
	margin: 2px 5px 2px 5px;
}
#galleria .gallerianakyma img:hover {
	border: 1px solid #c14e53;
}
#galleria .gallerinakyma a {
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0;
}
#galleria .gallerianakyma .thumbnakyma {
	float: left;
	border-bottom: 1px solid #ace;
	margin: 0 5px 5px 5px;
	font-size: 10px;
	text-align: center;
}
#sivu img {
	border: 1px solid black;
	background: #fff;
	padding: 2px 2px 2px 2px;
	margin: 2px 5px 2px 5px;
}
#palautelomake .h2 {
	margin: 0 0 15px 0;
}
#palautelomake table {
	margin: 20px 0 0 0;
	width: 100%;
}
#palautelomake table tr td .in {
	width: 300px;
	border-bottom: 1px solid #000;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: transparent;
}
#palautelomake table tr td .palautelaatikko {
	border: 1px solid #000;
	width: 100%;
	height: 150px;
}
#palautelomake .kiitokset {
	color: green;
}
#liitylomake .h2 {
	margin: 0 0 15px 0;
}
#liitylomake table {
	margin: 20px 0 0 0;
	width: 100%;
}
#liitylomake table tr td .in {
	width: 400px;
	border-bottom: 1px solid #3f6ca4;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: transparent;
}
#liitylomake table tr td .off {
	width: 400px;
	border-bottom: 1px solid red;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: transparent;
}
#liitylomake table tr td .kuvaus {
	border: 1px solid #3f6ca4;
	width: 100%;
	height: 150px;
}
#liitylomake table tr td .kuvausoff {
	border: 1px solid red;
	width: 100%;
	height: 150px;
}
#liitylomake .kiitokset {
	color: green;
}