/* CSS Document by Dieter Schneider 2007 | www.csstemplateheaven.com */

* {margin: 0; padding: 0;}

#container {width: 99.9%;
            margin: 0px auto; 
}
/* oli:
#container {width: 99%;
            margin: 0px auto; 
            border: 1px solid black;
*/

#header {
text-align: center;
height: 159px;
margin-bottom: 6px;
background: white url(kuvat/njs_bannerinpohja_1800.jpg) left no-repeat;
}

/* oli:
#header {height: 160px;
         background: #9cf;}
*/

#vasenlaita {width: 160px;
             float: left;
			 background: #fff;
}

#oikealaita {width: 325px;
              float: right;
			  background: #ddd;
}

#keskialue {margin-left: 165px;
                margin-right: 330px;
				background: #ccc;
}

#ekapalsta {
				width: 49.9%;
				float: left;
				background: #ccc;
}

#tokapalsta {
				width: 49.9%;
				float: right;
				background: #fff;
}
/* oli: 

#footer {clear: both;
         background: #9c9;
}
*/

/* tähän asti alkuperäiset */

.oikealle {
	padding:2px;
	padding-top:2px;
	padding-left:4px;
	overflow: hidden; /*IE6 ylivirtabugi hoitoon*/
	float:right;
	}

.vasemmalle {
	padding:2px;
	padding-top:2px;
	padding-right:4px;
	overflow: hidden; /*IE6 ylivirtabugi hoitoon*/
	float:left;
	}

.juttu {
	margin: 4px;
	padding: 2px;
	background: #fff;
	overflow: hidden; /*IE6 ylivirtabugi hoitoon*/
	/*    width: 363px;   oli 291px */
    }

#tokapalsta .juttu {
	margin: 1px;
	padding: 2px;
    margin-bottom: 6px;
	background: #ccc;
	overflow: hidden; /*IE6 ylivirtabugi hoitoon*/
    }

/*seuraavat kaksi vanhoja juttuja varten */

.tulevaa {
	margin: 4px;
	padding: 2px;
	background: #fff;
	overflow: hidden; /*IE6 ylivirtabugi hoitoon*/
	/*    width: 363px;   oli 291px */
    }

.uutinen {
	margin: 1px;
	padding: 2px;
    margin-bottom: 6px;
	background: #ccc;
	overflow: hidden; /*IE6 ylivirtabugi hoitoon*/
    }

p { font-size: 0.6em;
	margin:4px;
    text-align: left;
    line-height: 1.3em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #036;
    }
h1 { font-size: 1.8em;
    text-align: center;
	color: #036;
	background-color: #ddd;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    }

h2 { font-size: 1.0em;
	margin-top: 0px;
	margin-bottom: 0px;
    text-align: center;
	color: #036;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    }

#ekapalsta h2 { background-color: #fff;
	}
	
h3 { font-size: 1.2em;
    text-align: center;
	color: #036;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    }

h4 { font-size: 0.7em;
	margin:4px;
    text-align: left;
	color: #036;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    }
    
h5 { font-size: 0.6em;
    text-align: left;
	margin-left:5px;
	color: #036;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    }

#menu{
	list-style-type:none;
	border:1px solid #fff;
	margin:5px;
	padding:5px;
}

#oikeamenu{
	list-style-type:none;
	border:1px solid #fff;
	margin:5px;
	padding:5px;
}

#valikko {
	height: auto;
    top: 165px;
 	margin-left: 2px;
    width: 150px; }

.kalenteritausta {
	background-color: #fff;
    margin: 0px;
	} 

.pelitaulukko {
	margin: 2px; 
	background-color: #036;
    padding: 4px;
    margin-right: 8px;
/*	border:1px solid #fff; */
	} 

p.pelitaulukko {
    font-family: Courier New,Courier,monospace;
	font-size: 0.7em;
    font-weight: bold;
	color: #ff3;
    margin-top:2px;
    line-height: 0.8em;
	text-align: left;	 }
	
h5.pelitaulukko {
	font-size: 0.7em;
    font-weight: bold;
    margin-top:2px;
    margin-bottom:4px;
    line-height: 0.8em;
    padding: 0px;
	color: #ff3;
	text-align: left;	 }

.tukijaboksi {
    width: 314px; 
    height: auto; 
	margin: 2px;
    margin-top: 0px;
    margin-bottom: 6px;
	padding: 2px;
	background-color: #fff;
    border: 1px solid #000; /*vain havainnollisuuden vuoksi */ 
    }

.infoboksi {
    width: 152px; 
    height: auto; 
	margin: 2px;
    margin-top: 6px;
	padding: 2px;
	background-color: #036;
/*    border: 1px solid #000; vain havainnollisuuden vuoksi */ }

h4.infoboksi { 
	font-size: 0.7em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
    margin-left:2px;
    line-height: 1.2em;
    font-weight: bold;
	color: #ff3;
    padding: 0px;
    }

/*

h4.tukijaboksi { 
	font-size: 0.7em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
    line-height: 1.2em;
    font-weight: bold;
	color: #036;
    }
*/
    
h4.joukkue { 
	font-size: 0.7em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
    line-height: 1.2em;
    font-weight: bold;
	color: #036;
    }

p.infoboksi {
	font-size: 0.7em;
    line-height: 1.1em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    padding: 0px;
    padding-top: 6px;
    text-align: left;
/*    line-height: 0.8em;*/
	color: #ff3;
    }   

.infoboksi a, .infoboksi a:visited {
	color: #ff3;
    }   

p.joukkue {
	font-size: 0.7em;
	margin-left: 10px;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
/*    line-height: 0.8em;*/
	color: #036;
    }   
    
#laskuri {
    width: 152px; 
    }  

#laskuri p {
	font-size: 0.7em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
/*    line-height: 0.8em;*/
	color: #036;
    }  

#laskuri h4 { 
    text-align: center;
    }
 
#pelaajaluettelo td, th{
    text-align: center;
    font-size: 1.0em;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #036;
	padding:7px;
}

/*tällä kuvalinkin kehys pois IE:ssä */
.linkki img {border: 0px}
.linkki {border: 0px}
.linkki:hover {border: 0px}

 
/*tästä alkaa listan kesytys valikoksi */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any  way to fit your requirements.
=================================================================== */

.menu {
z-index:1000;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-weight: bold;
font-size: 0.7em; /*tällä valikkojen pistekoko */
margin:0px; 
margin-left:2px; /*tällä valikko irti vasemmalta */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:160px;
}

/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */

.menu li {
position:relative;
background:#036;  /* IE6 Bug */
height:23px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:22px;
line-height:22px;
width:159px; /* Set 1px less than menu width */
color: #ff3;
font-weight: bold;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#036; width:160px; w\idth:159px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#000;}

.menu :hover > a {
color:#fff; 
background:#000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:160px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* kalenterin tyyli: */

#calendar {
	text-align:center;
	font-size:10px;
    font-family: Verdana,Helvetica,Arial,sans-serif;
	/* oli font:normal 10px Verdana, Arial, Helvetica, sans-serif;  */
	width:150px;
	/* oli 180px */
}
#calendar .calendarDetail {
	border:1px solid #aaa; /*oli #aaa; */
	margin:0 0 1em 0;
	padding:0 0 5px 0;
	width:100%;
	color:#ff3; /*oli #000; */
	background-color:#036; /*oli #fff; */
}

#calendar .calendarDetail .title td, #calendar .calendarDetail .title a {
	font-size:1.1em;
	color:#ff3; /*oli #fff; */
	background-color:#036; /*oli #aaa; */
	padding:0;
	text-decoration:none;
}
#calendar .calendarDetail .title1 td {
	border-bottom:1px dashed #ff3; /*oli #ddd; */
	padding:0.2em;
}
#calendar .calendarDetail .week td, #calendar .calendarDetail .week a {
	padding:0.2em;
	text-decoration:none;
	color:#ff3; /*oli #000; */
	/*font-weight:bold;  tätä ei ollut */
	background-color:inherit;
}
#calendar .calendarDetail .week a:hover {
	color:#000; /*oli #000; */
	background-color:#eee; /*oli #eee; */
}
#calendar .calendarDetail .lastMonth a, #calendar .calendarDetail .nextMonth a {
	color:#aaa; /*oli #aaa; */
	background-color:#000;  /*oli #eee; */
}
#calendar .calendarDetail .weekend a {
	color:#f00; /*oli #000; */
	background-color:inherit;
}
#calendar .calendarDetail .event a {
	font-weight:bold;
	color:#3ff;  /*oli #808080; */
	background-color:inherit;
	text-decoration:underline;
}
#calendar .calendarDetail .today a {
	color:#fff;
	background-color:#390; /*oli #808080; */
	font-weight:bold;
}

/*How to make the event window float on the left-hand side?
#calendar .calendarDetail .calendarEvent {
    margin:0 0 0 -180px;
*/

#calendar .calendarDetail .calendarEvent {
	display:none;
	margin:0;
	padding:0.3em;
	position:absolute;
	width:180px; /*oli #180px; */
	color:#ff3; /*oli #000; */
	background-color:#036; /*oli #fff; */
	text-align:left;
	border:1px solid #aaa; /*oli #aaa; */
	font-weight:normal;
}
#calendar .calendarDetail .calendarEvent .date {
	font-style:italic;
}
#calendar .calendarDetail .calendarEvent .edit {
	float:right;
}
#calendar .calendarDetail .calendarEvent a {
	font-weight:normal;
	color:#ff3; /*oli #000; tämä on muokkaus tekstin väri*/
	background-color:#036;  /*oli #fff; muokkauksen taustan väri */
}
#calendar .calendarDetail .calendarEvent li {
	margin:0 0 1em 0;
	list-style:disc inside none;
}
#calendar .calendarDetail td:hover > .calendarEvent {
	display:block;
}

#calendarForm {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#036; /*oli #494949; */
	font-weight:bold; /* tätä ei ollut */
	color:#ff3; /*oli #494949; */
}
#calendarForm .title {
	text-align:center;
	color:#ff3; /*oli #eee; */
	background-color:#000; /*oli #808080; */
	padding:0.3em;
	margin:0 0 1em 0;
	font-weight:bold;
}
#calendarForm .credit {
	text-align:right;
	margin:0;
	padding:0 1em 0.5em 0;
	color:#ff3; /*oli #C0C0C0; */
	background-color:inherit;
}
#calendarForm .credit a {
	color:#ff3; /*oli #C0C0C0; */
	background-color:inherit;
	text-decoration:underline;
}
#calendarForm .credit a:hover {
	text-decoration:none;
}
#calendarForm form {
	margin:0;
	padding:0 0.5em;
	color:#ff3; /*oli #eee; */
	background-color:inherit;
}
#calendarForm form br {
	clear:both;
}
#calendarForm input, #calendarForm select, #calendarForm textarea {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0.5em 0;
}