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 8px; font-size: 27px; border-bottom: 1px solid #c67854; color: #404040; position: relative;}
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;
	overflow: hidden;
}
#runko #logotila .vasen {
	background: url("gfxd/hleft.jpg");
	float: left;
	height: 120px;
	width: 438px;
}
#runko #logotila .vasen .text {
	height: 18px;
	margin: 90px 0 0 155px;
	position: absolute;
	overflow: hidden;
}
#runko #logotila .keski {
	height: 120px;
	background: url("gfxd/hcenter.jpg");
}
#runko #logotila .keski .oikea {
	background: url("gfxd/hright.jpg");
	height: 120px;
	width: 138px;
	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("gfxd/ncenter.jpg") repeat-y;
}
#runko #keskiosa #navi .text {
	padding: 23px 0 0 81px;
	height: 103px;
	float: left;
	color: #c67854;
	font-size: 20pt;
}
#runko #keskiosa #navi .ylaosa {
	float: left;
	color: #fff;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	width: 217px;
	height: 103px;
	background: url("gfxd/nup.jpg") no-repeat;
}
#runko #keskiosa #navi .keskiosa {
	width: 210px;
	padding: 0 0 10px 20px;
	margin: -25px 0 0 0;
	float: left;
}
#runko #keskiosa #navi ul {
	margin: 0 0 0 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("gfxd/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("gfxd/nav2.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("gfxd/nav.jpg") 0 2px no-repeat;
	font-weight: bold;
}
#runko #keskiosa #navi .alavalikko a:hover {
	color: #A3A537;
	background: url("gfxd/nav2.jpg") 0 2px no-repeat;
}
#runko #keskiosa #navi .clearleft {
	clear: left;
}
#runko #keskiosa #navi .alaosa {
	width: 214px;
	height: 6px;
	float: left;
	background: url("gfxd/ndown.jpg") no-repeat;
}
/*--NAVI-INFOLAATIKKO-- (IS_INFOBOX)*/

#runko #keskiosa #navi .infoyla {
	width: 214px;
	height: 55px;
}
#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;
}

/*--sisalto--*/

#runko #keskiosa #sisalto {
	color: #000;
	font-family: verdana;
	font-size: 14px;
	padding: 0 25px 0 248px;
	margin: -8px 0 20px 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: 103px;
	background: transparent url("gfxd/icenter.jpg") repeat-x;
}
#runko #keskiosa #sisalto .sylaosa .vasen {
	padding: 23px 0 0 81px;
	height: 103px;
	float: left;
	color: #c67854;
	font-size: 20pt;
	background: url("gfxd/ileft.jpg") no-repeat;
}
#runko #keskiosa #sisalto .sylaosa .oikea {
	margin: 0 0 0 0;
	padding: 0;
	height: 103px;
	width: 15px;
	background: url("gfxd/iright.jpg");
	float: right;
}
#runko #keskiosa #sisalto .rs {
	background: url("gfxd/irightborder.jpg") right repeat-y;
}
#runko #keskiosa #sisalto .ls {
	background: url("gfxd/ileftborder.jpg") left repeat-y;
}
#runko #keskiosa #sisalto .tiedot {
	padding: 5px 20px 30px 20px;
	margin: -25px 0 0 5px;
	background: url("gfxd/irightborder.jpg") right repeat-y;
	position: relative;
}
#runko #keskiosa #sisalto .tiedot .clear {
	clear: both;
}
#runko #keskiosa #sisalto .talav {
	height: 5px;
	width: 3px;
	background: url("gfxd/ileftcorner.jpg") top left;
	float:left;
}
#runko #keskiosa #sisalto .talak {
	margin: 0 5px 0 0;
	height: 5px;
	background: url("gfxd/idown.jpg") repeat-x;
}
#runko #keskiosa #sisalto .talao {
	margin: -5px 0 0 0;
	height: 6px;
	width: 5px;
	background: url("gfxd/irightcorner.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-- (IS_NEWS)*/
#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;
	border: 1px solid black;
}
/*---------------
 ALAOSAN CSS :Q
----------------*/

#alaosa {
	min-width: 800px;
	width: 100%;
	height: 60px;
	background: url("gfxd/footer.jpg") repeat-x;
	position: fixed;
	bottom: 0;
}
#alaosa .vasen {
	background: url("gfxd/footer.jpg") no-repeat;
	height: 60px;
	float: left;
}
#alaosa .keski {
	background: url("gfxd/footer.jpg") repeat-x;
	height: 60px;
	float: left;
}
#alaosa .keski .miniteksti {
	font-size: 9px;
	color: #fff;
	font-family: verdana;
	padding: 48px 0 0 602px;
	float: right;
}
#alaosa .keski .miniteksti a {
	text-decoration: none;
	color: green;
}
#alaosa .keski .miniteksti a:hover {
	color: blue;
}
#alaosa .oikea {
	height: 30px;
	float: right;
	width: 200px;
}

.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("gfxd/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;
	margin: 0 0 10px 0;
}
#galleria .galleriarivi .kuva a{
	float:left;
	height: 122px;
	width: 126px;
}
#galleria .galleriarivi .kuva {
	float:left;
	height: 122px;
	width: 126px;
}
#galleria .galleriarivi .kuva:hover {
	float:left;
	height: 122px;
	width: 126px;
}
#galleria .galleriarivi .infot {
	height: 112px;
	padding: 10px 0 0 0;
}
#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("gfxd/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;
}