/* CSS Document */

body{
background: #333333 url('pics/bg.gif');
background-position: 0px 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #383838;
line-height: 14px;
text-align: center;
}

html {
  height: 100%;
}

* { /* oletuksena kaikkiin */
  margin: 0;
  padding: 0;
}

p{
padding-bottom: 14px;
}

/*DESIGN*/

#up {
  height: 30px;
  background: #043009 url('pics/bg_up.gif') repeat-x;
}

#up_linkit a{
  width: 762px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  position: relative;
  text-align: left;
  top: 3px;
  left: 355px;
}

#menu { /* Tämä on IE:tä varten */
  width: 762px;
  height: 56px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
  margin-bottom: -2px;
}

html>body #menu { 
  width: 762px;
  height: 56px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
}

#iefix { /* Tämä on IE:tä varten */
margin-bottom: -3px;
}

html>body #iefix {
margin-bottom: 0px;
}

#header { /* Tämä on IE:tä varten */
  width: 762px;
  height: 205px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
  margin-bottom: -3px;
}

html>body #header {
  width: 762px;
  height: 205px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
}

#fheader { /* Tämä on IE:tä varten */
  background: #eaeaea;
  width: 762px;
  height: 205px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
  margin-bottom: 0px;
}

html>body #fheader {
  background: #eaeaea;
  width: 762px;
  height: 205px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
}

#sisalto_alue_table {
text-align: left;
}

#main {
  width: 762px;
  margin: 0 auto;
  postion: relative;
  top 0px;
  left: 0px;
  text-align:left;
  position: relative;
  top: 0px,
  left: 0px;
}

td#left { /* vasen */
  width: 212px;
  background: #333333 url('pics/bg_vas_sis.gif');
  background-position: 2px 0px;
  text-align:left;
}

#logo {
width: 213px;
height: 180px;
position: relative;
top: 0px;
left: 0px;
}

#uutiset_otsikko {
width: 213px;
height: 20px;
position: relative;
top: 0px;
left: 0px;
padding-bottom: 15px;
}

#vas_sis {
width: 193px;
position: relative;
top: 0px;
left: 13px;
text-align: left;
}

#uutinen {
border-top: solid 1px #c4c4c4;
text-align: left;
}

#uutinen_teksti {
font-size: 11px;
color: #383838;
text-align: left;
padding-left: 20px;
}

#uutinen h1{
background: transparent url('pics/nuoli.gif') left no-repeat;
background-position: 0px 11px;
font-size: 11px;
color: #000;
font-weight: bold;
padding-bottom: 12px;
padding-left: 20px;
padding-top: 11px;
}

#uutinen_vali {
height: 15px;
}

#kaikki_uutiset {
width: 193px;
height: 36px;
position: relative;
top: 0px;
left: 0px;
text-align: left;
border-top: solid 1px #c4c4c4;
border-bottom: solid 1px #c4c4c4;
}

#kaikki_uutiset h1{
background: transparent url('pics/nuoli.gif') left no-repeat;
background-position: 0px 11px;
padding-left: 20px;
padding-top: 11px;
}

#kaikki_uutiset a{
font-size: 11px;
color: #000;
font-weight: bold;
line-height: 14px;
text-decoration: none;
}

#vas_vali {
width: 193px;
height: 7px;
border-bottom: solid 1px #8b8b8b;
}

#yhteystiedot {
width: 193px;
position: relative;
top: 10px;
left: 0px;
text-align: left;
}

#yhteystiedot_teksti {
font-size: 11px;
color: #383838;
text-align: left;
padding-left: 20px;
}

#yhteystiedot h1{
background: transparent url('pics/nuoli.gif') left no-repeat;
background-position: 0px 11px;
padding-left: 20px;
padding-top: 11px;
line-height: 12px;
}

#yhteystiedot a{
font-size: 11px;
color: #000
font-weight: bold;
line-height: 14px;
text-decoration: none;
}

#yhteystiedot a:hover{
color: #383838;
}

#kaikki_uutiset a:hover{
color: #383838;
}

td#right { /* oikea */
  width: 549px;
  background: #333333 url('pics/bg_sis.jpg') repeat-y;
  text-align:left;
  padding-bottom: 100px;
}

#sis_vali1 {
width: 549px;
height: 13px;
position: relative;
top: 0px;
left: 0px;
}

#banneri_paikka {
width: 549px;
height: 57px;
text-align: right;
position: relative;
top: 0px;
left: 0px;
}

#sivuotsikko {
text-align: left;
padding-left: 15px;
position: relative;
top: 0px;
left: 0px;
}


#sis_vali2 {
width: 549px;
height: 22px;
position: relative;
top: 0px;
left: 0px;
}

#sis {
width: 525px;
padding-left: 15px;
padding-top: 2px;
padding-bottom: 15px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #383838;
line-height: 14px;
}

#sis a {
color: #000;
text-decoraton: underline;
}

#sis a:hover {
color: #ecd13d;
text-decoraton: underline;
}

#footer1 {
width: 762px;
height: 32px;
margin: 0 auto;
}

#footer2 {
width: 762px;
margin: 0 auto;
text-align: left;
padding-top: 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
line-height: 14px;
}

#footer2 a{
color: #043009;
font-weight: bold;
text-decoration: none;
}

#footer2 b{
color: #043009;
font-weight: bold;
text-decoration: none;
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #383838;
  line-height: 14px;
}

td a{
  color: #000;
  text-decoration: underline;
  line-height: 14px;
}

td a:hover{
  color: #ecd13d;
}

/* OHJELMISTO */

TD.mainBoksiSisalto {
	background: #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #383838;
	}

	TD.mainBoksiSisalto a{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

	TD.mainBoksiSisalto a:active{font-family: Arial, sans-serif; font-size: 12px; color: #ecd13d;; font-weight: bold; text-decoration: none;}
	TD.mainBoksiSisalto a:visited{font-family: Arial, sans-serif; font-size: 12px; color: #ecd13d;;  font-weight: bold; text-decoration: none;}
	TD.mainBoksiSisalto a:hover{font-family: Arial, sans-serif; font-size: 12px; color: #ecd13d;;  font-weight: bold; text-decoration: underline;}

	TR.mainBoksiOtsikko {
	background: #043009;
	height: 25 px;
	}

	TD.mainBoksiOtsikko {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	}

	TD.normiBoksiSisalto {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #383838;
	}

	TD.normiBoksiSisalto a{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}

	TD.normiBoksiSisalto a:active{font-family: Arial, sans-serif; font-size: 12px; color: #F57C07; font-weight: bold; text-decoration: none;}
	TD.normiBoksiSisalto a:visited{font-family: Arial, sans-serif; font-size: 12px; color: #F57C07;  font-weight: bold; text-decoration: none;}
	TD.normiBoksiSisalto a:hover{font-family: Arial, sans-serif; font-size: 12px; color: #F57C07;  font-weight: bold; text-decoration: underline;}

	TR.normiBoksiOtsikko {
	background: #043009;
	height: 25 px;
	}

	TD.normiBoksiOtsikko {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	}

	TR.kategoriaOtsikko {
	background: #043009;
	height: 25 px;
	}

	TD.kategoriaOtsikko {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	}

	TR.ohjelmaOtsikko {
	background: #043009;
	height: 25 px;
	}

	TD.ohjelmaOtsikko {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	}

	TD.ohjelma{
	 font-family: Arial, sans-serif;
     font-size: 12px;
     color: #383838;
	}
	
	TD.ohjelma B{
	 font-family: Arial, sans-serif;
     font-size: 11px;
     color: #383838;
     font-weight: bold;
	}

	TD.ohjelma A{
	 font-family: Arial, sans-serif;
     font-size: 11px;
     color: #043009;
	 text-decoration: underline;
     }

	TD.ohjelma a:active{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #043009;  text-decoration: underline;}
	TD.ohjelma a:visited{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #043009; text-decoration: underline;}
	TD.ohjelma a:hover{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #383838;  text-decoration: underline;}
	
	/* RUOKALISTA */
	
	#ruokalista {
	width: 450px;
	padding 10px;
	color: #383838;
	}
	
	.ruokalista {
	color: #383838;
	}
	
	/* KALENTERI */
	
	.kalenteriOtsikko {
	font-weight: bold;
	}
	
	/* Juoppis */
	
	div#juoppis{padding-right: 2px;}
	
	/* Linnateatteri Vihertää */
	
	div#vihertaa{padding-right: 2px;}
	
	/* Kakola */
	
	div#kakola{padding-right: 2px;}