/*
  
*/
.banners {
  width: 100%;
  margin: 0 auto;
}

.banners .spacer {
  width: 2%;
}

.banners td.ad {
  border: 1px solid #cae9f7;
  height: 50px !important;
  overflow: hidden;
  /* Kulmat */
  
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.banners object {
  margin: 0 0 -3px;
}  


/* Frontpage adspace */

.nostot,
.mainostila {
  display: block;
  margin: 2.5% auto;
  width: 100%;
  height: 100%;
  background: #fff;
  clear: both;
  float: none;
  }
  
.nostot {
  width: 100%;
  padding: 0;
}

.nostot .spacer {
  width: 2%;
}

.nostot .ad {  
  margin: 0;
  padding: 0;
  width: 32%;
  
  vertical-align: top;
  
  font-size: 100%;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;


  background-color: #cae9f7;

	
	
  }



.nostot .ad#newstd {
  background-image: url('/img/iiopas/nostot_uutistausta.png');
  background-repeat: no-repeat;
  background-position: bottom center;  
  }

.nostot .ad#timetabletd {  
  background-image: url('/img/nostot_kello.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;  
  }

.nostot .ad#searchedtd {  
  background-image: url('/img/nostot_haku.png');
  background-repeat: no-repeat;
  background-position: bottom right;  
  }
  
.nostot .ad#feedtd {  
  background-color: #fff;
  }

  


.nostot .ad h2 {
  margin: 0;
  padding: 2%;
  height: 5%;
  text-align: center;
  color: #fff;

  width: 96%;
  
  /* Yläkulmat */
  -moz-border-radius-topright: 0.4em;
	-moz-border-radius-topleft: 0.4em;
  -webkit-border-top-left-radius: 0.4em;
  -webkit-border-top-right-radius: 0.4em;
	border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
  

  background-image: url('/img/headergradient.png');
  background-repeat: repeat-x;
  background-color: #1a598f;

  
  
  }

.nostot .ad h3 {
  font-size: 100%;
  padding: 0 2%;
}

.nostot .ad p {
  display: block;
  font-size: 85%;
  padding: 0.5em 4%;
  margin: 0;
  }

.nostot .ad ul {
  padding: 0 4%;
  }

.nostot .ad li {
  line-height: 1.25em;
  padding: 0.2em 0;
  font-size: 85%;
}




/* Frontpage header elements */

#headerside {

  display: none;

  }
  
/* Frontpage basic content elements */

.container .hakemisto {
  display: block;
  width: 97%;
  margin: auto;
  padding-left: 3%;
  padding-bottom: 2%;
  
  background-image: url("/img/linkbg.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #fff;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }

.rightmenu .rightcontent {
  padding-top: 0;
  }
  


/* Content liststyles */

.hakemisto .rightcontent ul,
.leftcontent .hakemisto ul {
  padding: 0; 
  margin: 0;
  padding-bottom: 0.5%;
  }

.leftcontent .hakemisto li {
  line-height: 100%;
  padding-bottom: 0.7em;
}
  
#dict dl {
  display: block;
  position: relative;
  margin: 1em 1em;
  padding: 2% 2% 8%;
  background: #fff;
  border: 1px solid #eee;
  overflow: hidden;
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;  
  }
  
#dict dt {
  font-weight: bold;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 130%;
  color: #999;
  }
  
#dict dd {
  padding-left: 20%;
  font-size: 85%;
  font-family: Georgia, "Times New Roman", serif;
  }  
  
.hakemisto small {
  color: #666;
}

/* Content linkstyles*/

.hakemisto a strong, .hakemisto a strong:link, .hakemisto a strong:visited {
  font-weight: normal;
  }
  
.hakemisto a strong:hover {
  text-decoration: underline;
  }

.leftcontent .hakemisto a {
  text-decoration: none !important;
} 

#searched li a:link, #searched li a:visited, #searched li a:active {
  display: block;
  }

#searched li a:hover {
  text-decoration: underline;
  }
  
/* Right column info, news, weather etc. */

#infobox {
  width: 94%;
  margin: 3% auto;
  padding: 3% 0;
  height: auto;
  background-color: #008bd1;
  background-image: url("/img/infoboxbg.png");
  background-repeat: repeat-x;
  background-position: top right;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
#homegame {
  margin: 4% auto;
  width: 100%;
  padding: 0;
  background-color: [homegame_background];
  background-image: url("/img/iiopas/kotiottelut/kotiottelu_right.gif");
  background-repeat: no-repeat;
  background-position: top right;
  font-size: 100%;
  overflow: hidden;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
#homegame_container {
  width: 100%;
  padding: 0;
  background-image: url("/img/iiopas/kotiottelut/kotiottelu_left.gif");
  background-repeat: no-repeat;
  background-position: top left;
  color: #ffffff;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
#homegame .content {
  display: block;
  color: [homegame_font];
  font-size: 100%;
  padding: 20px 2% 2.5% 3%;
  }
  
#homegame h2 {
  margin: 0;
  }
  
/* Rightmenu linkstyles */
  
.info a:link, .info a:visited {
  color: #ffffff;
  font-weight: bold;
  }

.info a:hover {
  font-weight: bold;
  }
  
/* Right content typography */
  
#infobox h2 {
  color: #ffffff;
  }

p.info {
  color: #ffffff;
  }

/* Main content picks */

#timetables ul {
  margin: 0 0 100px;
  padding: 0;
  }

#timetables li {
  display: block;
  font-size: 130%;
  height: 36px;
  line-height: 36px;
  background-image: url('/img/aikataulunapit.jpg');
  background-repeat: repeat-x;
  width: 90%;
  padding: 0;
  margin: 0.5em auto;
  color: #ffffff;
  text-align: center;

  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }

#timetables li a:link, #timetables li a:visited, #timetables li a:active {
  color: #ffffff;
  display: block;
  }

#timetables li a:hover {
  text-decoration: none;
  color: #ffffff;
  }

#searched p, #viewed p {
  display: block;
  font-size: 85%;
  padding: 2% 3%;
  margin: 0;
  }

#searched ul, #viewed ul {
  margin: 0 0 2em;
  padding: 0;
  }

#searched li, #viewed li {
  display: block;
  font-size: 85%;
  width: 90%;
  padding: 0;
  margin: 0 auto;

  text-align: center;

  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }