/* Lappeenrannan Energian tyylitiedosto. Tekijä Mediakolmio Advertising • www.mediakolmio.fi */

* {
	font-size: 1em;
	margin: 0;
	padding: 0;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
}
p, h1, h2, h3, h4, ul, li, textarea, input { text-align: left !important; }
a {
	color: #0039c7;
	text-decoration: underline;		
	}
	
a:hover {
	text-decoration: none;
}

body {
	font-size: 76%;	
	color: #000000;
	background: #ffffff;
}

.clear {
	clear: both;
	height: 0;
	width: 0;	
}
h1 {
	color: #fbb14d;
	text-transform: uppercase;
	font-size: 2em;
	padding-top: 0;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}

h3 {
	color: #fbb14d;
	font-size: 1.8em;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
}

h2 {
	color: #ffffff;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 10px 6px 8px; /* top right bottom left */
	text-align: left !important;
}

.etusivu_teksti p {
	margin-bottom: 10px;	
}

td.keski div.lomake p {
	margin-bottom: 0 !important;
	padding:  0 5px 5px 0px !important;
}
td {
	vertical-align: top;
}

div.alamenu {
	width: 184px;	
}

div.alamenu2 {
	width: 184px;
	height: 25px;
	background: url('images/alamenu_tausta.gif') no-repeat;	
}

.alamenutext {
	padding: 5px 20px 1px 20px; /* top right bottom left */
	font-size: 0.85em;
	color: #f79143;	
}
.alamenu2 .bold { color: #000000; font-weight: normal !important; text-transform: uppercase; text-decoration: underline;}
.alamenutext a {
	color: #000000;
	text-decoration: none;		
	}
	
.alamenutext a:hover {
	text-decoration: underline;
}

div.isokuva {
	width: 494px;
	padding: 0px 0px 0px 0px; /* top right bottom left */	
	margin: 0px 0px 20px 0px; /* top right bottom left */	
}

.sisaltotable, .sisaltotable td {
	margin: 0;
	padding: 0;
}

.kuvatekstitable {
	height: 100%;
	width: 184px;
	border: 1px solid red;
	}

p.kuvatext {
	margin: 0 0px 0px 0px; /* top right bottom left */
	padding: 35px 0 35px 0;
	text-align: center !important;
	font-size: 1.6em;
	color: #595959;
	width: 184px;
	background: url("images/kuvateksti_ala.gif") no-repeat bottom left; }
}




.leipis, ul {
	margin: 0px 15px 0px 0px; /* top right bottom left */
	padding-left: 0px;
	padding: 10px 0 15px 0;
}

ul { list-style-position: outside; padding-left: 20px;}



.kuvatekstitop2 {
	background: #ffffff;
	width: 184px;
}
.kuvatekstitop { text-align: center; }

.kuvatekstibot {
	background: url('images/kuvateksti_ala.gif') no-repeat bottom #eeeeee;
	width: 184px;
}
	
/*=============================================
==============   HEADER              ================
============================================= */
#oranssiviiva {
	background: #fcb752;
	width: 980px;
	height: 11px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.ylaosa {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
width: 980px;

margin-left: auto;
margin-right: auto;
}

.innertable {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 946px;
height: 23px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
}

/* *html = internet explorer only. Oranssi viiva kohdalleen ie:ssä */
* html #logot_oikea {
	padding-top: 45px;
	margin-right: 12px;
	margin-bottom: -3px;
}
#logot_oikea {
	float: right;
	padding-top: 45px;
	margin-right: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 25px;
	width: 550px;
}

#logot_vasen {
	margin-top: 10px;
	padding-left: 7px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 396px;	
}



#logot_oikea img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.nolla {
margin: 0;
padding: 0;
}

.hakemistopuu {
	margin-left: 20px;
	margin-top: 10px;	
	font-size: 0.9em;
	color: #f79143;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
.hakemistopuu img{
	position: relative;
	top: 1px;	
}

.hakemistopuu a {
	color: #999897;
	text-decoration: underline;		
	}
	
.hakemistopuu a:hover {
	text-decoration: none;
}


/*=============================================
==============  CONTENT KOLME PALSTAA       ================
============================================= */

#content {
	width: 946px;
	margin: 7px auto;
}

/* tehty muutoksia */
table.kolme_palstaa td.oikea div.avoinna {
	margin: 0px 0px 5px 0px; 	
	padding: 0px 0px 0px 0px; /* top right bottom left */	
	width: 250px;
}

table.kolme_palstaa {
	width: 946px;	
}
table.kolme_palstaa td.vasenreuna {
	 
}


table.kolme_palstaa td.vasen {
	width: 184px;
}
table.kolme_palstaa td.keskipalsta {
	width: 512px !important; vertical-align: top;
}
table.kolme_palstaa td.oikea {
	width: 250px; display: block;
}

.oikeapalsta {
	padding: 3px 0px 3px 0px; /* top right bottom left */	
	margin-left: 0px;
	margin-right: 0px;
	background-color: #eeeeee;	
	width:250px;
}

.oikeapalstatext {
	padding: 5px 30px 5px 30px; /* top right bottom left */
	font-size: 0.95em;
	color: #000000;	
}

.oikeapalsta img {
	float: left;
	padding-right: 10px;
}

.oranssitext {
	margin-top: 5px;
	padding: 5px 30px 10px 10px; /* top right bottom left */
	font-size: 0.95em;
	color: #000000;	
}

td.vali_pieni {
	width: 9px;
}

.harmaatausta {
	background-color: #eeeeee;	
}

.harmaatausta img {
	float: left;
	padding-right: 10px;
	padding-top: 4px;
}

.harmaatausta2 {
	background-color: #eeeeee;	
	border-bottom: 9px solid #fec658;
}

.oranssitausta {
	background-color: #f38734;	
	color: #000000;
}

.oranssitausta img {
	float: left;
	
	padding-top: 4px;
}

.vuosikertomus {
	padding: 15px 0px 5px 7px; /* top right bottom left */	
	margin-right: 5px;
}

.pdf img {
	float: right;
	margin-right: 5px;
}

td.asiakaslehti { padding: 10px 8px 0px 15px; border-right: 1px solid #ffffff; }
/*=============================================
========== Alavalikko(kuva) säätöä    =========
============================================= */

.zip_emo {
background: #f3f3f3;
border-bottom: 1px solid #fac969;
width: 946px;
height: 22px;
}

.zap {
border-right: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
margin-left: 8px;
margin-right: 8px;
float: left;
margin-bottom: 0px;
padding-bottom: 0px;
}

.zap_aktiv {
background: #fcb752;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
margin-left: 3px;
margin-right: 3px;
padding-left: 5px;
padding-right: 5px;
float: left;
margin-bottom: 0px;
padding-bottom: 0px;
}


/*=============================================
==============   FOOTER              ================
============================================= */

div.harmaa {
	background-color: #f3f3f3;
	height: 25px;
	width: 979px;	
	margin-top: 30px;
}

.alaosan_tiedot {
	font-size: 0.8em;
	padding: 7px 0px 5px 197px; /* top right bottom left */		
}	

.mediakolmio {
	color: #999999;
	font-size: 0.8em;
	padding: 5px 0px 15px 0px; /* top right bottom left */
	margin-left: 10px;
	margin-top: 5px;
	width: 946px;	
}

.mediakolmio a {
	color: #999999;
	text-decoration: underline;		
	}
	
.mediakolmio a:hover {
	color: #999999;
	text-decoration: none;		
	}	
	
/*=============================================
==============  CONTENT KAKSI PALSTAA       ================
============================================= */

table.kaksi_palstaa td.oikea div.avoinna {
	margin: 0px 0px 5px 0px; 	
	padding: 0px 0px 0px 0px; /* top right bottom left */	
	width: 250px;
}

table.kaksi_palstaa {
	width: 946px;	
}

table.kaksi_palstaa td.keski {
	width: 679px;	
}
table.kaksi_palstaa td.oikea {
	width: 250px;	
}


/*==================== HAKULOMAKE ========================= */

.hae {
	width: 270px;
	font-size: 0.9em;
	color: #000000;
	text-align: right;
	margin: 10px 5px 0px 0px; /* top right bottom left */
	padding: 0px 10px 0px 0px; /* top right bottom left */
	float: right;
}

/* .hae form {
	float: right;
	margin-bottom: 7px;
} */

input.tekstikentta {
	border: 1px solid #e4e3e3;	
	border-top: 1px solid #b4b3b3;	
	border-left: 1px solid #b4b3b3;	
	padding: 2px 2px 5px 1px; /* top right bottom left */	
	width: 155px;
	color: #626161;
}
input.editoi { color: #fbb14d; text-decoration: uppercase; font-size: 2em;  width: 494px; border: 1px solid #e4e3e3;	
	border-top: 1px solid #b4b3b3;	
	border-left: 1px solid #b4b3b3;	}

.haenappi {
	padding: 0px 0px 2px 3px; /* top right bottom left */	
	}	

td.oranssiotsikkotausta {  background: url("images/otsikko_oikea.gif") no-repeat top left; }
img.oikopolut { margin-top: 6px; }
span.huom { padding-left: 6px; }
.sisaltotable { margin: 0 !important; display: block;}
.vasenreuna { padding: 0 !important; margin: 0 !important; width: 512px !important;}
.keskipalsta { padding: 0 0 0 8px !important; float: right;}
p.leipis, h1, h3, .pitkatiedote p { padding-right: 20px; width: 480px;}
h3.tiedote, h1.tiedote { width: 474px; margin-bottom: 20px;}
h3.tiedote { padding-bottom: 0 !important;  border-bottom: 1px solid #dedede; color: #222222; font-size: 1.3em}
.bold { font-weight: bold; }
td { }
.vasenreuna { display: block;  float: left;}
td.oikea {  margin-left: 696px; } 

.lainaus { background: url("images/kuvateksti_yla.gif") no-repeat top left #eeeeee; text-align: center;}
p.box { background: #f9f9f9; border: 1px solid #eeeeee; padding: 5px 0 5px 5px; margin: 10px 0; width: 455px;}
.pallukka { background: url("images/pallukka.gif") no-repeat left center; padding-left: 20px; margin-left: 5px;}
ul.sisenna { margin-left: 25px; margin-top: 0; margin-bottom: 0; padding-top: 0;}

table.hinnasto, .sisaltokuva { width: 480px; border: 1px solid #eeeeee;}
.sisaltokuva { padding: 20px 0; text-align: center; background: #f9f9f9;}
table.hinnasto th { text-align: left; }
tr.pariton td { background: #f9f9f9; }
table.hinnasto td { padding: 2px 4px; }
.leipis, ul, p { padding-top: 10px; padding-bottom: 6px;}
ul.notop { padding-top: 0; }
	  /*============================================ */	
/*==================== LOMAKKEET ========================= */
	  /*============================================ */	


fieldset {
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-color: #cccccc;
	background: #fcfcfc;
	padding: 0 0 22px 0;
	margin-bottom: 23px;
}

form.lomake { width: 470px; }
input.teksti { float: right; width: 210px; margin-right: 30px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #000000; padding: 1px;
}

input.teksti2 { float: right; width: 100px; margin-right: 30px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #000000; padding: 1px;
}

input.teksti_left { float: left; width: 210px; margin-right: 8px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #000000; padding: 1px;
}

textarea {
	float: right; width: 350px; margin-right: 30px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #000000; padding: 1px;
}
label { text-align: left; }

label.teksti, label.muu { font-weight: normal; font-size: 1em; line-height: 15px; width: 120px; display: block;}


div.input { margin-top: 8px; padding-bottom: 5px; padding-left: 30px; }
.alempi div.input { margin-top: 15px;}
div.inputeka { padding-top: 14px; margin-top: 0; }

label.nainen, label.mies { padding-left: 0px;}

.radiobut { line-height:20px; }

.submit { margin-left: 30px;}
.tiedotesubmit { margin-left: 0; }

.tahti { font-size: 1em; padding-right: 2px; color: #f79143;}
.pakollinen { font-size: 0.7em; padding-right: 2px; color: #c8002f;}

.clear { clear: both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#sisalomake {
	float: left;
	padding-bottom: 30px;
	padding-top: 30px;
}

h4 {
	color: #fbb14d;
	font-size: 1.6em;
	font-weight: normal;
	padding-left: 12px;
	padding-right: 10px;
	margin-left: 0px;
}

.pakollinen_t {
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
}

.pien { font-size: 0.9em; }
.mittarilukemat { width: 480px; height: 800px; }

.tiedoteh1 td { background: url("images/tiedotteet_otsikkopohja.gif") #eeeeee repeat-x top left; height: 18px; vertical-align: bottom; padding: 2px 8px 0 8px; }
.tiedotep td { padding: 8px 8px 12px 8px; border-bottom: 1px solid #fbc357; background-color: #f9f9f9; }
table.ajankohtaista { width: 494px; border-bottom: 7px solid #f79143; margin-bottom: 20px; }
td.lehti { padding: 10px; background: #f9f9f9; border: 1px solid #efefef; vertical-align: middle; }
td.sisallysluettelo { padding: 0 10px; }
table.asiakaslehtemme { margin: 0; padding: 0;}

form.kirjaudu { width: 400px; margin: 0 auto; margin-top: 40px;}
form.kirjaudu .submit { margin-top: 20px; }

textarea.tiedote1 { height: 150px; }
textarea.tiedote2 { height: 600px; }

@media print {
	
	* {
		background-color: white !important;
		background-image: none !important;
		margin: 0; float: none;
		color:#000000 !important;
	}
	.nolla, .hakemistopuu img, .alamenu, .oikea, .avoinna, .isokuva, td.kuvatekstitop img, .vasenreuna img, td.kuvatekstitop2 img, td.kuvatekstitop,td.kuvatekstitop2{
		width:0;
		display:none;
	}
	.sisaltotable, #content, .vasenreuna, .kolme_palstaa, .tiedotep td,  table.ajankohtaista, p.leipis, h1, h3, .pitkatiedote p, table.kolme_palstaa td.keskipalsta,h3.tiedote, h1.tiedote, p.box  {		
		width:630px !important;
		padding-left:0 !important;
		margin:0 !important;
	}
	.alaosan_tiedot, .hakemistopuu, .mediakolmio, .tiedoteh1 td {
		margin:0;
		padding:0;
	}
	.ajankohtaista *, .ajankohtaista{
		border:none !important;
	}
	.hinnasto td{
		width:auto !important;
		border:1px solid #d0d0d0;
		
	}
	.hinnasto, .sahkohinnasto, .keskipalsta  {
				width:630px !important;
		
	}
	
}

/* Sähkönsäästövinkit */

p.ingressi {
	background-color: #fbcb73 !important;
	padding: 10px !important;
	margin-bottom: 20px; }
	
p.indent {
	text-indent: 20px; }

textarea.sahkonsaasto {
	margin: 20px;
}

fieldset.sahkonsaasto {
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-color: #cccccc;
	background: #fcfcfc;
	padding: 0 0 0 0 !important;
	margin-bottom: 23px;
}

p.leipis_sini {
	color: #07367c; 
}

/* Ympäristöteko / Tuulisähkö */

div.ymparistoteko {
	background-color: #ffffff; 
	float: left; 
	width: 200px;
}

h1.ymparistoteko {
	color: #84c055 !important;
}

h4.ymparistoteko {
	color: #84c055 !important;
	padding: 0 !important;
	margin: 0 !important;
}

ul.ymparistoteko {
	font-size: 12px;
	color: #828181;
	width: 200px;
	text-align: left;
	padding: 10px 0 0 16px;
	margin-right: 20px;
}

ul.ymparistoteko li {
	margin-bottom: 7px;
}

div.ymparistoteko_tausta {
		background: url(images/ymparistoteko_boksi_tausta.gif);
		background-repeat: repeat-y;
}

.ymparistoteko_boksi_teksti {
	margin-top: 0;
	padding: 0;
	font-size: 12px;
	color: #828181;
	margin-left: 18px !important;
	margin-right: 13px !important;
}

.ymparistoteko_leipis {
	color: #6d6c6c !important;
	font-size: 14px;
}

div.ymparistoteko_boksi {
	width: 165px;
	
}

span.ymparistoteko a:link {
	color: #84c055;
	text-decoration: underline;
}

span.ymparistoteko a:visited {
	color: #84c055;
	text-decoration: underline;
}

span.ymparistoteko a:active {
	color: #84c055;
	text-decoration: underline;
}

span.ymparistoteko a:hover {
	color: #84c055;
	text-decoration: none;
}


/* Sähkönsäästövinkit */

p.ingressi {
	background-color: #fbcb73 !important;
	padding: 20px !important;
	margin-bottom: 20px;
	width: 450px;
	color: #333333;
	background-image:
	url('images/ingressi_tausta.gif');
	background-repeat: repeat-x;
 }
	
p.indent {
	text-indent: 20px; }

textarea.sahkonsaasto {
	margin: 20px;
}

fieldset.sahkonsaasto {
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-color: #cccccc;
	background: #fcfcfc;
	padding: 0 0 0 0 !important;
	margin-bottom: 23px;
}

p.leipis_sini {
	color: #07367c; 
}

.pallukka_sahkonsaastovinkit { background: url("images/pallukka_sahkonsaasto.gif") no-repeat; padding-left: 20px; margin-left: 5px;}

div.alamenu2_sahkonsaasto {
	width: 184px;
	height: 35px;
	background: url('images/alamenu_tausta_sahkonsaasto.gif') no-repeat;	
}

.alamenu2_sahkonsaasto .bold { color: #000000; font-weight: normal !important; text-transform: uppercase; text-decoration: underline;}

.sahkonsaasto_etusivulle_linkki a {
	color: #999897;
	text-decoration: underline;		
	}
	
.sahkonsaasto_etusivulle_linkki a:hover {
	text-decoration: none;
}

.sahkonsaasto_etusivulle_linkki {
	margin-left: 8px;
	margin-top: 10px;	
	font-size: 0.9em;
	color: #f79143;
	padding-bottom: 0px;
	text-align: left;

}

.alamenu2_sahkonsaastovinkit .bold { color: #000000; font-weight: normal !important; text-transform: uppercase; text-decoration: underline;}

p.box_sahkonsaasto { background: #f9f9f9; border: 1px solid #eeeeee; padding: 5px 0 5px 5px; margin: 10px 0; width: 455px;}

td.oranssiotsikkotausta_sahkonsaasto {  background: url("images/otsikko_oikea_sahkonsaasto.gif") no-repeat top left; }

div.alamenu2_sahkonsaasto {
	width: 250px;
	height: 25px;
	background: url('images/alamenu_tausta_pitka.gif') no-repeat;	
}

/* ILONA RANTA */

p.ilona_leipateksti {
	color: #777777;
}

p.ilona_leipateksti_otsikko {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}

.header {
	margin: 0 auto;
	padding-left: 0;
	padding-top: 14px;
	width: 960px;
}

.valikko {
	margin:0;
	padding: 0px 0 0 0px;
	height: 20px;
	width: 444px;
}

.sivu {
	padding-top: 110px; 
	padding-left: 69px;
	margin:0;
}

.sisalto_keski {
	padding: 30px 0 0 0;
	width: 500px;
}

.etusivu_uutinen {
	padding: 40px 0 50px 0;
}

img.keskitys {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.container {
	background-image: url('kuvat/tausta.jpg'); 
	background-repeat: no-repeat;
	margin: 0 auto; 
	padding:0;
	width: 1010px;
}

.container2 {
	background-image: url('kuvat/tausta2.jpg'); 
	background-repeat: no-repeat;
	margin: 0 auto; 
	padding:0;
	width: 1010px;
}

.container3 {
	background-image: url('kuvat/tausta3.jpg'); 
	background-repeat: no-repeat;
	margin: 0 auto; 
	padding:0;
	width: 1010px;
}

.container4 {
	background-image: url('kuvat/tausta4.jpg'); 
	background-repeat: no-repeat;
	margin: 0 auto; 
	padding:0;
	width: 1010px;
}

.container5 {
	background-image: url('kuvat/tausta5.jpg'); 
	background-repeat: no-repeat;
	margin: 0 auto; 
	padding:0;
	width: 1010px;
}

.alaosan_tiedot_ilonaranta {
	font-size: 0.8em;
	margin: 0 auto;
	padding: 7px 0 5px 325px; /* top right bottom left */		
}	


.boksi_teksti {
	margin-top: 0;
	padding: 0;
	font-size: 12px;
	color: #828181;
	margin-left: 18px !important;
	margin-right: 13px !important;
}


div.boksi {
	width: 217px;
	
}

div.boksi_tausta {
	background: url(kuvat/boksi_tausta.gif);
	background-repeat: repeat-y;
}

/* GALLERIA */

.table_main {  
	border-collapse: collapse; border-width: 2px; border-style: solid; border-color:#9CC6BF; 
}

.table_main th { 
	border:1px solid; 
	font-size: 11pt; 
	padding:5; 
	color: #ffffff; 
	background-color :  #F4FAF7; 
	font-weight:normal;
	text-align: left;
}

.table_main td { 
	font-size: 11pt; 
	padding:5; 
	color: #333333; 
	text-align:center; 
	background-color: #FFFFFF; 
	font-weight:normal;
}

/* */

.vieraskirja {
	width: 400px;
}

.vieraskirja_textarea {
	float: none !important;
}

/* Ilona Ranta - kuvagallerian hallinta css */

.table_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #878686;
}

.table_grey th {
	background-color: #f3f3f3;
}

.table_grey td {
	background-color: #ffffff;
}

/* Ilona Ranta - CSS */

div.sisalto {
	width: 946px;
	height: 600px;
	background-color: #ffffff; }
	
div#ilona_hallinta {
	background-color: #ffffff; 
	padding: 0;
	margin: 0 auto;
	width: 99%;
	 }

	
/* Ilona Ranta - hallintanavi */	

div#ilona_hallintanavi {
	margin: 0;
	padding: 0;
	background-color: #f3f3f3; }
	
#ilona_hallintanavi ul {
	list-style: none;
	margin: 0;
	padding: 10px;
	padding-top: 1em; }
	
#ilona_hallintanavi li {
	display: inline; }
	
#ilona_hallintanavi a:link, #ilona_hallintanavi a:visited {
	padding: 0.6em 6em 0.4em 1em;
	margin: 9px;
	color: #000000;
	background-color: #f3f3f3;
	text-decoration: none; }
	
#ilona_hallintanavi a:hover {
	color: #fcb752;
	background-color: #f3f3f3; }

	
p.keskiteksti {
	margin:0 auto;
	padding: 10px; }
	
p.ilona_hallinta_otsikko {
	text-align: center;
	color: #fbb14d;
	font-size: 2em;
	padding-top: 0;
	margin-top: 30px;
	margin-left: 0px;
	padding-left: 10px;
}

/* Ilona Ranta - uutisten hallinta */

table._ilona_ajankohtaista { width: 494px; border-bottom: 7px solid #f79143; margin-bottom: 20px; }

	 table.ilona_ajankohtaista  {		
		width:440px !important;
		padding-left:0 !important;
		margin:0 !important;
	}

h3.tiedote_ilona { padding-bottom: 0 !important;  border-bottom: 1px solid #dedede; color: #222222; font-size: 1.3em; width: 330px !important; margin-bottom: 20px !important;}


textarea.ilona_tiedote2 { height: 600px; }

input.ilona_editoi { color: #fbb14d; text-decoration: uppercase; font-size: 2em;  width: 400px; border: 1px solid #e4e3e3;	
	border-top: 1px solid #b4b3b3;	
	border-left: 1px solid #b4b3b3;	}
	
	
/*Laatikko*/
.laatikko {
	width: 219px;
}

.laatikko_tausta {
	background: url(kuvat/laatikko_tausta.gif) repeat-y top left;
}

.laatikko_ala {
	background: url(kuvat/laatikko_ala.gif) no-repeat bottom left;
}

.laatikko_yla {
	background: url(kuvat/laatikko_yla.gif) no-repeat top left;
	padding: 20px;
}

p.laatikko_otsikko {
	color: #ff7c00;
	padding: 0;
	
}

p.laatikko_teksti {
	color: #777777;
	padding: 10px 5px 0 0;
}




/* Iso laatikko */
p.laatikko_iso_otsikko {

	color: #000000;
	font-weight: bold;
}

p.laatikko_iso_teksti {

	color: #000000;
}

.laatikko_iso {
	width: 420px;
	margin: 0;
	padding: 0;
}

.laatikko_iso_tausta {
	background: url(kuvat/laatikko_iso_tausta.gif) repeat-y top left;
	margin: 0;
	padding: 0;
}

.laatikko_iso_ala {
	background: url(kuvat/laatikko_iso_ala.gif) no-repeat bottom left;
	margin: 0;
	padding: 0;
}

.laatikko_iso_yla {
	background: url(kuvat/laatikko_iso_yla.gif) no-repeat top left;
	padding: 10px;
}

.laatikko_iso_yla_kaikki_uutiset {
	background: url(kuvat/laatikko_iso_yla.gif) no-repeat top left;
	padding: 22px;
}

div.laatikko_iso_teksti {
	color: #777777 !important;
}

div.laatikko_iso_teksti_uutiset {
	color: #777777 !important;
	padding-left: 13px;
	padding-right: 13px;
}

div.laatikko_iso_otsikko_uutiset {
	font-weight: bold;
	padding-left: 13px;
	padding-bottom: 7px;
	padding-top: 7px;
}


/* Vieraskirja */

p.vieraskirja_datename {
	padding: 10px 13px 5px 12px;
	color: #000000;
	font-weight: bold;
}

p.vieraskirja_message {
	padding: 5px 13px 5px 13px;
	color: #777777;
}

p.vieraskirja_vastaus {
	padding: 13px 13px 5px 13px;
	color: #ff7c00;
}

#vieraskirja_korkeus {
	min-height: 640px;
}

#ilona_korkeus {
	min-height: 370px;
}

#uutiset_korkeus {
	min-height: 550px;
}

#galleria_korkeus {
	min-height: 400px;
}

A:link {text-decoration:underline; color:#ff9f44;}
A:visited {text-decoration:underline; color:#ff9f44;}
A:active {text-decoration: underline; color:#ff9f44;}
A:hover {text-decoration:none; color:#ff9f44;}

/* Ilona jQuery */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #faab48;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-decoration: underline;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #faab48;
    text-decoration: underline;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    text-decoration: none;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
/* jQuery end */

ul.henkilotiedot {
	padding: 10px 0 0 30px; 
	list-style-image: url('kuvat/lista_pallo.gif');
}

ul.henkilotiedot li {
	padding: 5px;
}

table#ennatykset {
	padding-left:15px; 
	padding-top:10px;
	margin:10px;
}

table#ennatykset td {
	padding: 5px;
}

table#halliennatykset {
	padding-left:15px; 
	padding-top:10px;
	margin:10px;
}

table#halliennatykset td {
	padding: 5px;
}

table#kehitys {
	padding-left:15px;
}

table#kehitys td {
	padding: 5px;
	text-align: center;
}

#ilona_taulukko {
	clear: both !important;
	float:none !important;
}

.uutiset_iso {
	width: 420px;
}