html, body {
		  height: 100%;
			padding: 0px;
			border: 0px;
			margin: 0px;		
		}
		body {
			font-family: verdana, arial;
			background-image: url("imgs/bg.png");
			background-attachment: fixed;
			background-repeat: repeat-x;
			text-align: center;
		}
		
		/* WRAPPER */		
		#sivu {
	  	position: relative;
			width: 800px;
			min-height: 100%;
			background-image: url("imgs/main_bg.png");
			background-repeat: repeat-y;
			padding: 0px 4px 0px 4px;	
			margin: 0 auto;		
			text-align: left;

		}
		
		
		/* HEADER */		
		#header {
			width: 800px;
			height: 111px;
		}
		#logo {
			float: left;
			width: 192px;
			height: 111px;
		}
		#maisema {
			float: right;
			width: 608px;
			height: 111px;
			background-image: url("imgs/header.png");
		}		
		
		/* LEFT AND RIGHT WRAPPER */
		#main {
			width: 800px;
			min-height: 100%;
			overflow: auto;			
		}
		* html #sivu{height: 100%;}
		
		/* RIGHT */
		#sisalto {
		  position: relative;
		  float: right;
			font-size: 9pt;
			color: black;
			width: 611px;
		}
		#teksti {		
			background-image: url("imgs/sisalto_bg.png");
			background-repeat: no-repeat;
			padding: 2px 10px 109px 9px;
		}
    #teksti a, #teksti a:visited {
      color: #303030;
			text-decoration: underline;
    }
    #teksti a:hover {
			color: #DA9000;
			text-decoration: none;
		}
    
		#keskikuva {
		  position: relative;
			float: right;
		  width: 611px;
			height: 128px;
		}
		/* LEFT */
		#vasen_palkki {
		  position: relative;
			float: left;
			width: 186px;
			background-image: url("imgs/sini_bg.png");
		}
		#navigaatio {
		
		  width: 186px;
			height: 274px;
			background-image: url("imgs/nav_bg.png");	
		}
		#haku {		
			border-top: 3px solid white;
		  width: 186px;
			height: 84px;
			background-image: url("imgs/haku_bg.png");
			color: white;
		}
		#jarjestaa {		
		  border-top: 3px solid white;
		  width: 186px;	
			background-image: url("imgs/jarjestaa_bg.png");
			background-repeat: no-repeat;
			padding-bottom: 10px;
			text-align: center;
		}
		#menossa_mukana {		
		  border-top: 3px solid white;
		  width: 186px;
			background-image: url("imgs/jarjestaa_bg.png");
			background-repeat: no-repeat;
			padding-bottom: 20px;
			text-align: center;
		}
		#menossa_mukana .otsake {
			margin-top: 6px;
			margin-bottom: 0px;
		}
		#menossa_mukana img {
		  margin-top: 10px;
		}
		
		/* FOOTER */
		#footer {
			position: absolute;
			bottom: 0px;
			width: 611px;
			margin-left: 189px;
			font-size: 8pt;
			color: black;
			text-align: center;
			background-image: url("imgs/footer_bg.png");
			background-repeat: repeat-x;
		}
		#footer div{
			margin: 7px;
		}
		
		/* IMAGES AND TEXT */
		#jarjestaa img {
			margin-top: 9px;
		}
		#haku a, #haku a:visited {
		  color: white;
			font-size: 8pt;
		}
		#haku a:hover {
		  color: #ffbb00;
			text-decoration: none;
			border-bottom: 1px dashed #ffbb00;
		}
		#footer a, #footer a:visited {
		  color: black;
			font-size: 8pt;
		}
		#footer a:hover {
			color: #da9000;
			text-decoration: none;
			border-bottom: 1px dashed #da9000;
		}
		#navigaatio img {
			margin-left: 11px;
			margin-top: 2px;
			border: 0px;
		}
		#navigaatio .eka {
			margin-top: 12px;
		}
		#navigaatio .skandi {
		  margin-top: 0px;
		}	
		#navigaatio .alakoukero {
		  margin-top: 1px;
		}	
		#haku .otsake {
		  margin-top: 6px;
			margin-left: 7px;
		}
		#haku .hakukentta {
		  margin-top: 2px;
			border: 1px;
			border-style: solid;
			border-color: #e9e9e9;
			width: 130px;
		}	
		#haku .hakunappi {
			margin-left: 3px;
			margin-top: 2px;
			vertical-align: top;
		}
		#haku form { 
		  padding: 0px;
			margin: 3px 0px 0px 9px;
			border: 0px;
		}
		p, h1, h2, h3, h4, h5, h6
	  {
	   margin: 1em 0;/* specifically define this for Opera's sake,
	   and also for better consistency across 
	   all platforms  */
		}
		#sisallys {
			float: right;
			background-image: url("imgs/sisallys_bg.png");
			background-repeat: repeat-y;
			width: 160px;
			padding: 0px;
			margin-left: 5px;
			margin-top: 7px;
			margin-bottom: 5px;
			font-size: 8pt;
		}
		#sisallys div {
		  z-index: 9;
		  position: relative;
			float: left;
			padding: 0px 5px 3px 11px;
		}
		#sisallys a, #sisallys a:visited {
			color: #424242;
			text-decoration: none;
		}
		#sisallys a:hover {
			color: #DA9000;
			text-decoration: none;
			border-bottom: 1px dashed #da9000;
		}
		ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		ul li {
		  position: relative;
		  
			background-image: url("imgs/li_nuoli.png");
			background-repeat: no-repeat;
			background-position: 0 .4em;
			padding-left: .7em;
      margin-left: 8px;
		}
    #sisallys li {
		  position: relative;
		  z-index: 9;
			background-image: url("imgs/li_nuoli.png");
			background-repeat: no-repeat;
			background-position: 0 .4em;
			padding-left: .7em;
      margin-left: 0px;
		}
    .laatikko1 ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		.laatikko1 li {
		  position: relative;
		  z-index: 9;
			background-image: url("imgs/li_nuoli.png");
			background-repeat: no-repeat;
			background-position: 0 .4em;
			padding-left: .7em;
		}
	.otsikko {
		position: relative;
		_margin-left: 0px;
		padding: 0px;
		overflow: hidden;
	}
	#maisema div {
	  font-size: 8pt;
		color: white;
		position: absolute; 
		top: 6px; 
		right: 10px;
  }
	#maisema a, #maisema a:visited {
		color: white;
		text-decoration: none;
	}
  .l1 {
    width: 20%;
    background-color: #FAF9F7;
  }
  .l2 {
    width: 80%;
    background-color: #FAF9F7;
    padding-left: 5px;
  }
  .laatikko1 {
    width: 420px;
    background-color: #e1e1e1;
    font-size: 8pt;
  }
  .laatikko1 a, .laatikko a:visited {
    color: #da9000;
  }
 .laatikko1 td, #ilmotaulukko td {
    background-color: #fcfcfc;
  }
  .laatikko1 .rivi1, #ilmotaulukko .rivi1, #ilmotaulukko .kentannimi_rivi1 {
    background-color: #f7f7f7;
  }
  #ilmotaulukko {
    width: 90%;
    background-color: #e1e1e1;
    font-size: 8pt;
  }
  #ilmotaulukko .kentannimi {
    width: 30%;
  }
  h2 {
    font-size: 11pt;
    font-weight: bold;
    color: #424242;
    font-family: arial, verdana;
  }
  h3 {
    font-size: 10pt;
    font-weight: bold;
    color: #424242;
    font-family: arial, verdana;
  }
  #aikataulu p {
    margin-left: 10px;
  }
  .border1 {
    border: 1px solid #999999;
  }
  .huom {
    color: #db0000;
  }
  #bannerit img {
    border: 1px solid grey;
  }
  #vastaavat {
    background-color: #d4d4d4;
  }
  #vastaavat td {
    background-color: #ebebeb;
  }
  #vastaavat .rivi1 {
    background-color: #f3f3f3;
  }
  /* Kirpputorilta myydyt esineet */
  .myyty {
  	text-decoration: line-through;
	}
	/* Ympyröidään muuttunut ajo-ohjeistus */
	div.huomio {
		border: 6px solid red;
		}
