html {
   overflow:auto;
}
td {
   vertical-align: top;
}
.virhe
{
	background-color: yellow;
}
.ilmoitus
{
	color: red;
}
.link_button {
	background-color: silver;
	border: 3px outset gray;
	/*width: 150px;*/
	text-decoration: none;
	padding:2px;
	margin: 2px;
	color:black;
	text-align:center;
	/*display:block;*/
}
.varauskalenteri table
{
   text-align: left; 
   width:100%;   
}
.varauskalenteri tr
{
   background-color:#CCCCCC;
   
}
.varauskalenteri td
{
   border: 1px solid gray;
}

.yla {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	height: 150px;
}
.yla img.areena_logo {
}
.yla img.varaus_logo {
	position: absolute;
	top: 120px;
	left: 200px;
}
.vasen {
	width:200px;
	position: absolute;
	top:150px;
	left:0px;
}
.oikea {

	position:absolute;
	top:150px;
	left:205px;
	width:900px;
}

div.modal {
	position:absolute; 
	top:0px;
	left:0px; 
	width:100%;
	height:100%; 
	z-index:100;
	background:url(moda.png);
}
div.modal div.inner {
	margin:10px;
	padding:3px;
	width:550px; 
	border: 3px outset gray;
	background-color:white;
	color:black;
	z-index:100;
}
div.copyright
{
  font-size:70%;
  margin:3px 3px 3px 10px;
  padding:0px;
}
#counter_div {
border: 1px solid black;
background-color: silver;
color: red;
font-weight:bold;
font-size: 120%;

}
h2
{
	margin:5px;
	padding: 7px;
}
h3
{
	margin: 5px;
	padding:5px;
}
/* Taulukot */
table.common_table {
border: 1px solid black;
}
table.common_table th
{
	background-color: #87ceeb;
}
table.common_table td
{
   background-color: #b0e0e6;
   padding:2px;
}
div.etusivu_flash {
	position:absolute;
	top:0px;
	width: 800px;
	height:188px;
	margin:15px 3px 3px 25px;
	background-image:url("flashtausta.png");
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	z-index:0;
}
.etusivu_flash object {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}
.etusivu_flash embed {
	position:absolute;
	top:27px;
	left:23px;
	z-index:0;
}

div.etusivu_tiedotteet {
  position: absolute;
  top: 450px;
  left: 5px;
}
div.etusivu_tiedotteet .etusivu_tiedotteet_inner {
	width: 750px;
	height:200px;
	padding: 10px;
	border: 1px outset black;
	overflow-y:scroll;
}
div.etusivu_tiedotteet .etusivu_tiedotteet_inner .tiedotteet {
	width:100%;
	height:100%;
	padding: 5px;
	font-size: 100%;
}
div.etusivu_tiedotteet .tiedotteet .tiedote {
	border-bottom: 1px dotted gray;
	margin-bottom:3px;
}
div.etusivu_tiedotteet div.tiedotteet div.tiedote div.otsikko {
	font-size: 110%;
	font-style:bold;
}
div.etusivu_tiedotteet div.tiedotteet div.tiedote div.paivays {
	font-size: 80%;
	font-style:italic;
}
div.etusivu_vapaat {
  position: absolute;
  top: 170px;
  left: 5px;
  width:400px;
  margin:0px;
  padding:0px;
}
div.etusivu_vapaat  .vapaat_inner {
	position: absolute;
	top:65px;
	width:400px;
	height:200px;
	padding-left:5px;
	overflow-y:scroll;
	border: 1px outset silver;
}
div.etusivu_vapaat .vapaat {
	width:100%;
	height:100%;
	padding:5px;
}
div.etusivu_kentat {
    position: absolute;
    top: 210px;
    left: 430px;
	width: 400px;
	
}
div.etusivu_kentat .kentat_inner {
	position: absolute;
	top:65px;
	width: 400px;
	height: 200px;
	overflow-y:scroll;
	border: 1px outset silver;
}

div.etusivu_kentat .kentat {
	width:100%;
	height:100%;
	padding: 5px;
}
img.halli_yhteystiedot {
	float:left;
	padding: 5px;
}
p.halli_yhteystiedot{
	float:left;
	padding:5px;
}
p.tanaan {
	border: 1px outset silver;
	margin:4px;
}
#tabs4 {
  position: absolute;
  top:40px;
  float:left;
  width:100%;
  font-size:80%;
  line-height:normal;
  border-bottom:1px solid #6B78A9;
  }
#tabs4 ul {
	  margin:0;
	  padding:0px 5px 0 5px;
	  list-style:none;
  }
#tabs4 li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs4 a {
  float:left;
  background:url("tableft4.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 3px;
  text-decoration:none;
  }
#tabs4 a span {
  float:left;
  display:block;
  background:url("tabright4.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#6B78A9;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */
#tabs4 a:hover span {
  color:#6B78A9;
  }
#tabs4 a:hover {
  background-position:0% -42px;
  }
#tabs4 a:hover span {
  background-position:100% -42px;
  }

  #tabs4 #current a {
		  background-position:0% -42px;
  }
  #tabs4 #current a span {
		  background-position:100% -42px;
  }
  
  #menu5 {
	position:relative;
	top:2px;
  }