/* STYLESHEET */
/* Designed by Onesta solutions */

/* BODY */
body { background: #FFF url(images/mainbg.gif) repeat-x; margin: 0px; }
form { margin: 0px; padding: 0px; }

/* LINKS AND NAVIGATION */
/* Main links */
a:link { color: #006DB7; text-decoration: underline; }
a:active { color: #006DB7; text-decoration: underline; }
a:visited { color: #006DB7; text-decoration: underline; }
a:hover { color: #006DB7; text-decoration: underline; }

/* Ylavalikko */
.Ylavalikko TABLE { border-left: 1px solid #DDC297; border-right: 1px solid #DDC297; }
.Ylavalikko TD { background: #BD6702 url(images/ylanavi_bg2.gif) repeat-x bottom; padding: 0px; border-right: 1px solid #FFF; }
.Ylavalikko A:link, .Ylavalikko A:visited, .Ylavalikko A:active { display: block; width: 100%; font-weight: bold; color: #FFF; text-decoration: none; background: url(images/ylanavi_kulma.gif) right bottom no-repeat; padding: 5px; border-top: 3px solid #FFF; }
.Ylavalikko A:hover { background: #D07D1C url(images/ylanavi_kulma.gif) right bottom no-repeat; }
.Ylavalikko .Valittu { font-weight: bold; background: #FFF; padding: 5px; border-top: 3px solid #012C63; }
.Ylavalikko .Valittu A:link, .Ylavalikko .Valittu A:visited, .Ylavalikko .Valittu A:active { color: #006DB7; text-decoration: none; background: #FFF; padding: 0px; border: none; }
html>body .Ylavalikko A:link, .Ylavalikko A:visited, .Ylavalikko A:active { width: auto; }

/* Vasen navigointi */
.Navigointi { width: 190px; padding: 10px 5px; }
.Navigointi A:link, .Navigointi A:visited, .Navigointi A:active { display: block; width: 100%; text-decoration: none; padding: 5px 8px; border-left: 3px solid #5BC0EC; }
.Navigointi A:hover { background-color: #FFF; }
.Navigointi UL { margin: 0px; padding: 0px; list-style: none; }
.Navigointi UL UL { width: 100%; border: none; padding-bottom: 5px; }
.Navigointi LI { margin: 1px 0px; padding: 0px; background: #E7F2F6 url(images/ylanavi_kulma.gif) right bottom no-repeat; }
.Navigointi LI LI { padding-left: 10px; background: #FFF; border: none; }
.Navigointi LI LI A:link, .Navigointi LI LI A:visited, .Navigointi LI LI A:active { background-color: #FFF; border: none; }
.Navigointi LI.Valittu { background: #FFF; border-left: 3px solid #012C63; }
.Navigointi LI.Valittu A:link, .Navigointi LI.Valittu A:visited, .Navigointi LI.Valittu A:active { padding: 5px 8px; border: none; }
.Navigointi LI.Valittu A:hover { background-color: #FFF; text-decoration: underline; }
.Navigointi LI.Valittu DIV { font-weight: bold; padding: 5px 8px; }
.Navigointi LI.Valittu LI A:link, .Navigointi LI.Valittu LI A:visited, .Navigointi LI.Valittu LI A:active { padding: 2px 8px; }
.Navigointi LI.Valittu LI DIV { padding: 2px 8px; }
.Navigointi .Valiotsikko { color: #666; background: #FFF; padding: 3px 0px 6px 0px; margin-top: 12px; }
html>body .Navigointi A:link, .Navigointi A:visited, .Navigointi A:active { width: auto; }

/* PAGE ELEMENTS */
/* Logopalkki */
.Logopalkki TABLE { border-left: 1px solid #DDC297; border-right: 1px solid #DDC297; }
.Logopalkki TABLE TABLE { border: none; }
.Logopalkki A:link, .Logopalkki A:visited, .Logopalkki A:active { font-weight: bold; text-decoration: none; }
.Logopalkki A:hover { text-decoration: underline; }
.Kielivalinnat { background: #56BCEC; padding: 3px 20px; }
.Kielivalinnat A:link, .Kielivalinnat A:visited, .Kielivalinnat A:active { font-weight: bold; color: #FFF; text-decoration: none; }
.Kielivalinnat A:hover { text-decoration: underline; }
.Logo { background: #56BCEC; padding: 14px 0px 0px 17px; }
.Kuvitus { margin-left: 20px; }
.Apulinkit { padding: 3px; border-bottom: 1px solid #E4E4E2; }
.Haku { padding: 1px; }

/* Etusivu */
.Etusivu TABLE { border-left: 1px solid #DDC297; border-right: 1px solid #DDC297; background: #FFF; }
.Etusivu H2 A:link, .Etusivu H2 A:visited, .Etusivu H2 A:active { color: #073478; text-decoration: none; }
.Etusivu H2 A:hover { text-decoration: underline; }
.Etusivu UL { margin: 0px; padding: 0px; list-style: none; }
.Etusivu LI { padding: 5px 0px; }
.VasenPalsta { padding: 0px 8px 10px 10px;  }
.VasenPalsta p { border:none; color: #666; margin: 5px 0px; }
.VasenPalsta H2 { margin: 0px; padding: 5px 0px; border-bottom: 1px solid #E4E4E2; font-weight:bold; }
.KeskiPalsta { background: url(images/tausta_keskipalsta.gif); border-right: 1px solid #60BCED; }
.OikeaPalsta { background: #FBF8EE url(images/tausta_oikeapalsta_hiirenkorva.jpg) no-repeat top left; padding-top: 10px; }
.Kolumni { padding: 18px 20px 20px 20px; margin-bottom: 5px; background: url(images/tausta_keskipalsta_hiirenkorva.jpg) no-repeat top left; }
.Kolumni IMG { margin-right: 10px; margin-bottom: 10px; }
.Kolumni H2 { font-weight: normal; color: #0D2E59; margin: 0px 0px 10px 0px; }
.Kolumni P { margin: 0px 0px 5px 0px; }
.Uutislista H2 { margin: 0px; padding: 15px 0px 5px 0px; border-bottom: 1px solid #E4E4E2; }
.Uutislista P { margin: 5px 0px; color:#666; }
.Tapahtumat P { margin: 5px 0px; }
.Juju { margin-top: 10px; }
body .info{ margin-bottom: 20px; }
body .info p{font-size: 1em; font-weight: bold;}

/*Nosto*/
.Nosto { padding: 5px 0px 8px 0px; margin: 0px 10px; border-bottom: 1px solid #C37300; }
.Nosto P, .Nosto H2 { margin: 5px 0px; }

/* Alasivut */
.Sisalto TABLE { border-left: 1px solid #DDC297; border-right: 1px solid #DDC297; background: #FFF; }
.Sisalto TABLE TABLE { border: none; }
.teksti { width: 375px; float: left; padding: 15px 0px; }
.TekstiLevea { width: 560px; padding: 15px 0px; }
.Lisatieto { width: 180px; float: right; padding: 15px 10px 15px 0px; }
.Lisatieto H3 { padding: 5px 0px; margin-bottom: 10px; margin-top: 0px; border-bottom: 1px solid #E4E4E2; }
.Lisatieto UL { margin: 0px; padding: 0px; list-style: none; }
.Lisatieto LI { padding: 3px 0px; }
.Ankkurit { width: 180px; }
.Ankkurit H3 { margin-top: 0px; border-bottom: 1px solid #DDC297; }
.Ankkurit UL { margin-left: 16px; list-style: url(images/lisatieto_nuoli.gif); }
.Kaytantohaku DIV { margin: 5px 0px; }
.Kaytantohaku .Kentta { width: 166px; }

/* Murupolku */
.Murupolku { padding: 10px 0px 0px 0px; }
.MurupolkuLevea { padding: 10px 30px 0px 30px; }

/* Ajankohtaista */
.Ajankohtaista { width: 530px; float: left; padding: 15px 0px; }
.Ajankohtaista .Uutislista H2 { margin: 0px; padding: 5px 0px; border-bottom: 1px solid #DDC297; }
.Ajankohtaista .Uutislista UL { margin: 10px 0px 0px 0px; padding: 0px; list-style: none; }
.Ajankohtaista .Uutislista LI { padding: 5px 0px 5px 0px; }

/* Hakutulos */
.Hakutulos TD { padding-bottom: 10px; border-bottom: 1px solid #DDC297; }
.Hakutulos LI { padding: 5px 0px; }

/* Sivukartta */
.Sivukartta UL { margin-left: 20px; list-style: none; }

/* Alapalkki */
.Alapalkki TABLE { border-left: 1px solid #DDC297; border-right: 1px solid #DDC297; border-bottom: 1px solid #B46C00; }
.Alapalkki TD { background: #E4EDF6; border-top: 1px solid #032B5F; }
.Alapalkki A:link, .Alapalkki A:visited, .Alapalkki A:active { font-weight: bold; text-decoration: none; }
.Alapalkki A:hover { text-decoration: underline; }

/* BACKGROUNDS AND MARGINS */
TD { background: #FFF; }
H1 { margin-top: 0px; }

/*VP:N TEKEMÄT*/


/* villen otsikot ym */

P.right { text-align: right }
.Sisalto h1,h2,h3 { font-weight: normal; color: #0D2E59; }
.Sisalto h3 { color: #0D2E59 ; font-weight:bold ;}
.Sisalto div.h3 { font-weight: normal ; color: #0D2E59 ; font-size: 14px }

/* formit */
input#searchbutton {
	background:url(images/search_submit_bg.gif) top left no-repeat ;
	font-weight:bold ;
	width:46px ;
	height:20px ;
	border:none ;
	font-size:11px ;
	}	

.textInputTd, .selectInputTd{
    width : 175px;
	font-weight:bold ;
	text-align:right ;
}

form.emailForm { 
	margin: 0 ;
	padding: 0 ;
	width:400px ;
	}
	
.textInputField {
	border: 1px solid #666 ;
	width: 200px ;	
	padding: 2px ;
	font-size: 12px ;
	}
	

form.emailForm table {
	padding: 0 ;
	margin: 0 ;
	border-spacing: 0px ;
	border-collapse: collapse ;
	}	
	
form.emailForm table td {
	padding: 5px ;
	padding-left: 0px ;
	margin: 0 ;
	vertical-align:top ;
	}

form.emailForm input {
	font-family: Arial, sans-serif ;
	font-size: 12px ;
	}
	
form.emailForm textarea {
	font-family: Arial, sans-serif ;
	font-size: 12px ;
	}
	
input.emailForm {
	border: 1px solid #4e3511 ;
	background: #f0ece6 ;
	font-weight: bold ;
	color: #4e3511 ;
	float:right ;
	}
	
table.navigo-news-reg {

	}
	
table.navigo-news-reg td {
	font-weight:bold ;
	}
	
form.navigo-news-reg input {
	font-family: Arial, sans-serif ;
	font-size: 12px ;
	}
	
input.navigo-news-reg {
	font-family: Arial, sans-serif ;
	font-size: 12px ;
	border: 1px solid #4e3511 ;
	padding:3px ;
	font-weight:normal ;
	}
	
/*HH for highlight*/
.highlight .highlight_content p{background:white;padding:0;margin:0;}
.highlight{padding:17px 0 0 0;margin:0;background:url(images/lisatieto_ylapalkki.gif) top left no-repeat ;}

.highlight_content{padding:2px 10px 0 20px;background:url(images/lisatieto_sivupalkki.gif) top left no-repeat ;}