/* kehyksen keskitys:
http://www.zoffix.com/css/center#block-no-width
*/

body{
font-family: Verdana,Helvetica,Arial,sans-serif;
margin: 0;
padding: 0;
border: 0;
/*overflow: hidden; */
height: 100%; 
max-height: 100%; 
}

* {
padding: 0; margin: 0;
}

html {
overflow-y: scroll;
}

body {
padding: 10px;
}


.inner
{
        display: table;
        margin: 10px auto;
}

.content
{
        display: table;
        margin: 10px auto;
}

#container > br { display: none; }

 /* uudet kuvan kehystäjät 
 http://www.dave-woods.co.uk/index.php/adding-rounded-corners-to-images-using-css/

*/

.image img {
display: block;
padding: 10px; /* tällä kuvalle tilaa */
}

iframe {
padding: 20px; /* tällä kuvalle tilaa */
}

.image {
position: relative;
float: left;
}

.image span {
width: 47px;
height: 47px;
font-size: 0;
background-image: url(kulmapieni.gif);
position: absolute;
}

.tl {
top: 0;
left: 0;
}
.tr {
top: 0;
right: 0;
background-position: 47px 0;
}
.bl {
bottom: 0;
left: 0;
background-position: 0 47px;
}
.br {
bottom: 0;
right: 0;
background-position: 47px 47px;
}

/*For IE7, Firefox, Opera and Safari, this will work absolutely fine without any problems but for IE6 there’s a slight problem where some of the corners are sitting just 1px out from where they should.
I’ve not encountered this problem before but have managed to correct this by providing absolute positioning just to IE6 which seems to fix the problem.
*/

* html .tr {
right: -1px;
}
* html .bl {
bottom: -1px;
}
* html .br {
bottom: -1px;
right: -1px;
}


#lukulma {
	display: block; 
	width: 99px;
	height: 99px; 
	position: fixed; 
	top: 0; 
	left: 0;}
* html #lukulma {
	position: absolute;}

#lokulma {
	display: block; 
	width: 99px;
	height: 99px; 
	position: fixed; 
	bottom: 0;
	left: 0;}
* html #lokulma {
	position:absolute;}
  
#kokulma {
	display: block; 
	width: 99px;
	height: 99px; 
	position: fixed; 
	top: 0; 
	right: 0;}
* html #kokulma {
	position: absolute;}

#kakulma {
	display: block; 
	width: 99px;
	height: 99px; 
	position: fixed; 
	bottom: 0; 
	right: 0;}
* html #kakulma {
	position: absolute;}
	
#valikko {
	display: block;
    height: 400px;
    position: fixed;
    top: 120px;
    width: 140px; }
* html #valikko {
	position: absolute;}

#valikko ul { 
	list-style: none;
	margin: 0pt;
    padding: 0pt; }

#oikea { 
    height: 100%;
    position: absolute;
    top: 0px;
    right: 5px; 
    width: 140px; }

#oikeavalikko { 
    height: 400px;
    position: fixed;
    top: 120px;
    right: 5px;
    width: 140px; }
* html #oikeavalikko {
	position: absolute;}

#oikeavalikko ul { 
 	list-style: none;
 	margin: 0pt;
    padding: 0pt; }

#valikko ul li a:link, #valikko ul li a:visited, #oikeavalikko ul li a:link, #oikeavalikko ul li a:visited { 
    background-color: #cff;
    border-bottom: 1px solid #000;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 0.8em;
	height: 0.8em;
	height/**/:/**/ auto !important;
	height: /**/0.8em; 
 	line-height: normal; 
	list-style-type: none; } 
 
#valikko ul li a:hover, #oikeavalikko ul li a:hover {
   background-color: #9cf;   }

#keskipalsta { 
	margin: 0px 160px 0px 160px;
    top: 0px;
 	line-height: normal; 
 	height: 1%;
	display: block; 
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 1em;
	padding: 0px;}

#tilauspalsta { 
	margin: 0px 110px 0px 110px;
    top: 0px;
 	line-height: normal; 
 	height: 1%;
	display: block; 
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 1em;
	padding: 0px;}

#leipis { 
    font-family: Verdana,Helvetica,Arial,sans-serif;
	display: block; 
 	line-height: normal; 
    font-size: 1em;
    position: relative;
    height: 1%;
	padding: 0px;} 

.kuvataulukko {
    border: 0px;
    padding: 0pt;
	text-align: center;
	position: relative; }

.tilaustaulukko {
	border: 0px;
	display: block; 
	height: 75px;
    color: #09f;
	text-align: center;
	position: relative;
	font-size: 0.8em; }

/*
* html .tilaustaulukko {
	height: 100%;
	position: absolute; } 
	
*/	

.tilaustaulukko p {
	text-align: center; }

#taulukko {
	border: 0px;
	display: block; 
	height: auto; 
	text-align: center;
 	position: relative; }
* html #taulukko {
	height: 1% ;
	position: absolute; } 
	
table { 
	margin-left: auto; 
	margin-right: auto;
	text-align: center;	}
* html #table {
	position: absolute; } 

/* Alla avoin tagi, jotta peevelin IE6 tokenisi */ 
*/

#JLtiedot {
	border: 0px;
	display: block; 
	padding: 0pt;
    bottom: 0px;
	text-align: center;
	position: relative; }
* html #JLtiedot {
	position: absolute; } 

#footer { left: 0px;
    background-color: #fff;
    position: absolute;
	}

.viivat { 
	margin-left: auto; 
	margin-right: auto;
    background-color: #fff;
	height: 100%; 
    position: relative;
    padding-bottom: 24px;
	} 

ul {  }

li {  }

h1 { font-size: 2em;
    text-align: center;
    color: #09f;
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    padding-bottom: 12px;
    }

h2 { font-size: 1.7em;
    text-align: center;
    color: #09f;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    padding-bottom: 12px;
    }

h3 { font-size: 1.2em;
    text-align: center;
    color: #09f;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    }
    
tr.harmaa {
  	background-color: #ddd;
    }

th, td {
    color: #09f;
    }
    
th.oikea {
    text-align: right;
    }	
  
p { font-size: 1.0em;
    text-align: left;
    padding-bottom: 6px;
    line-height: 1.4em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    color: #09f;
    }

a:link.p { 
  	color: #0f0;	
  	background-color: #fff;
    text-decoration: none;
    }

ul.lista {
	margin-left: 20px; 
    color: #09f;
    }

hr { padding: 1px;
    color: #09f;
    text-align:center;
	margin-left: auto; 
	margin-right: auto;
    }

a:link { 
  	color: #09f;	
  	background-color: #fff;
    text-decoration: none;
    }

a:visited {
    color: #09f;
	background-color: #cff;
    text-decoration: none;
    }

a:hover {
	background-color: #9cf;
    }

a:active { background-color: #3cf;
    }

li.ero > a { color: #f00 }

td.iekuntoon > a { 
	border: 0px;
	 color: #fff; }

td.iekuntoon > a:link { 
	border: 0px;
	 color: #fff; }

#header p { font-size: 0.6em;
    color: #000;
    }

p.footer { font-size: 0.7em;
    text-align: center;
    font-weight: bold;
    }

 .footer {  }

  a {  }


/* JL-typesin perustyyli */