html, body{
  font-family: arial, verdana;
  margin: 0;
  padding:  0;
  height: 100%;
  font-size:12px;
}



#container{
  background:url('main_bg.jpg') bottom left no-repeat transparent;
  z-index:5;
  width: 996px;
  margin:0;
  margin-left:  auto;
  margin-right: auto;
  min-height: 100%;
  height:auto;
  border: 1px solid #000;
  border-top: none;
border-bottom: 10px solid #f60;
  padding:0;
}
#wrapper{
  z-index:1;
  width:100%;
  min-height: 100%;
  height:auto;
  background:url('container_bg.gif') bottom left repeat-y transparent;
}

#header{ background: url('header_bg.png') left top no-repeat transparent;height:418px;}

#navigation{margin:0; padding:0; padding-top:20px;}

#navigation li{list-style: none; display:inline; margin-right:5px;}
#navigation a{text-transform:uppercase; color: #000; text-decoration:none; font-size: 12px;}
#navigation a:hover{color:#f60;}
#navigation li.active a{color: #f60;}
#main{ min-height:100%; height:auto;} 

#left{width:160px;float:left; height:200px;padding-left:20px; padding-right:20px; margin-top:-80px;}
h3{font-size:11px; font-weight:bold;text-transform: uppercase;}
h2{font-size:12px; font-weight:bold;text-transform: uppercase;}

#center{width:545px;float:left;padding-left:60px;padding-right:15px; margin-bottom:10px;}

#right{width:174px;float:left;}

#footer{height: 200px; clear:both; width:520px; margin: 30px auto 0 auto; }

#footer ul{height:60px; margin:0;}
#footer ul li{ height: 60px; list-style-type:none; float:left; margin:0;}
#footer ul li a{  height: 60px; text-decoration:none;display:block;}
#footer ul li .hidden{visibility:hidden;}

li#kump1 a, 
li#kump2 a, 
li#kump3 a, 
li#kump4 a, 
li#kump5 a {background: url('logot.png');}

li#kump1 a{background-position: 0 0; width:105px; left: 0;}
li#kump1 a:hover{background-position: 0 -61px;}

li#kump2 a{background-position: -105px 0; width:105px; left: 105px;}
li#kump2 a:hover{background-position: -105px -60px;}

li#kump3 a{background-position: -210px 0; width:115px; left: 210;}
li#kump3 a:hover{background-position: -210px -60px;}

li#kump4 a{background-position: -325px 0; width:130px; left: 325px;}
li#kump4 a:hover{background-position: -325px -60px;}

li#kump5 a{background-position: -420px 0; width:50px; left: 420px;}
li#kump5 a:hover{background-position: -420px -60px;}

/*#clear{ clear:both; height:40px; margin-top:-40px;}*/

/*** TAPAHTUMAT ***/
.tapahtuma{ background: #f7f8ff; border-bottom: 1px solid #d2e7ff; }
.tapahtuma-aika{width:100px; float:left;padding:7px;}
.tapahtuma-aika a{text-decoration:none; color: #677f9a; font-weight:bold;} 
.tiedot{float:left; width:400px; padding:7px;}
.lue_lisaa{ clear:both; background: #d2e7ff; border-top: 1px solid #d2e7ff; padding:7px;}

/*** TULOKSET ***/
.tulokset ul{margin-left: 0px;}
.tulokset li{ list-style:none;  padding:3px;  border-bottom: 1px solid #d2e7ff; display:block; width:420px;}
.tulokset a{ text-decoration:none; color: #677f9a; font-weight:bold; }

/*** AJANKOHTAISTA ***/
.ajankohtaista ul{}
.ajankohtaista li{ margin-left:-30px; list-style: none; margin-bottom: 10px;}
.ajankohtaista a{ text-decoration:none; color: #677f9a; font-weight:bold; }

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}