@import url(calendar.css);
 
body {
background-image:url('/files/ns2/images/keski_tausta.png');
margin: 0;
padding:0;
}
 
#main {
/*
margin: 0 auto;
background-image:url('/files/ns2/images/header_tausta.png');
background-repeat: repeat-x;
height: 205px;
min-width: 1029px;
*/
}
 
#liiku {
/*
margin: 0 auto;
width: 1029px;
 */
}
 
.clear {
clear: both;
}
 
 
#header {
display:none;
margin: 0 auto;
padding: 0;
float: left;
position: relative;
}
 
#logo_vasen {
background-image:url('/files/ns2/images/logo_shadow.png');
height: 171px;
width: 23px;
margin: 0 auto;
padding: 0;
float: left;
overflow:hidden;
display:none;
}
 
.logo {
height: 171px;
width: 200px;
margin: 0 auto;
padding: 0;
float:left;
overflow:hidden;
display:none;
}

#logo_print {
position: absolute;
top: 15px;
left: 15px;
}
 
#logo_oikea {
background-image:url('/files/ns2/images/logo_oikea_shadow.png');
background-repeat: repeat-x;
height: 171px;
width: 13px;
margin: 0;
padding: 0;
float: left;
overflow:hidden;
display:none;
}
 
#header_oikea_sivu {
background-image:url('/files/ns2/images/header_oikea_sivu2.png');
height: 171px;
width: 6px;
padding: 0;
overflow:hidden;
float: left;
display:none;
}
 
/* ------------------------------ NAVIGAATIO ------------------------------ */
 
 
#navigaatio {
background-image:url('/files/ns2/images/header_navi_tausta.png');
height: 171px;
width: 765px;
float:left;
overflow:hidden;
display:none;
}
 
#navi {
display: none;
width: 770px;
margin-top: 112px;
margin-left: -10px;
height: 25px;
border-bottom: 2px solid #308dc9;
position: absolute;
}
 
/* -------------------DROPDOWN------------------- */
 
 
#subnav {
    position: absolute;
    top: 0px;
z-index: 400;
display:none;
}
#subnav ul {
    background: none;
    margin: 0;
    padding: 0;
}
#subnav ul>li.selected {
    background: #4e9dd1 url(/files/ns2/images/navi_normi.png) top center no-repeat;
}
#subnav ul>li.selected a {
    color: #FFF;
}
#subnav ul li {
    margin: 0;
    padding: 4px 8px 0px 8px;    
    float: left;
    display: block;
    background-image:url(/files/ns2/images/navi_norm.png);
    border-right: 1px solid #3690cb;
}
#subnav ul li a {    
    font: 15px Trebuchet MS, Arial;
    text-decoration: none;
    color: #FFF;    
        font-weight: bold;
}
#subnav ul ul {
    position: absolute;
    list-style: none;
    display: none;
    top: 22px;
    left: 0;
z-index: 400;
}
#subnav ul ul li {
    float: none;    
    margin: 0;
    padding: 0;
    position: relative;
z-index: 400;
}
#subnav ul ul li a {
    display: block;
    padding: 5px 10px 4px 20px;
    width: 170px;
    font: normal 14px Trebuchet MS, Arial;
font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background: #3a90c9;
    border-bottom: 1px solid #83bbdf;
}
#subnav ul ul li a:hover {
    background: #58a4d5;
}
#subnav ul ul ul {
    position: absolute;
    left: 200px;
    top: 0;
}
 
 
 
/* ------------------------------ B-NAVI ------------------------------ */
 
#ylanavi_koulu{
margin: 25px 0px 0px 0px;
background-image:url('/files/ns2/images/header_koulu.png');
width: 751px;
height: 85px;
position: absolute;
overflow:hidden;
}
 
 
#ylanavi_liikuntakerho{
margin: 25px 0px 0px 0px;
background-image:url('/files/ns2/images/header_liikuntakerho.png');
width: 751px;
height: 85px;
position: absolute;
overflow:hidden;
}
 
#ylanavi_paivahoito{
margin: 25px 0px 0px 0px;
background-image:url('/files/ns2/images/header_paivahoito.png');
width: 751px;
height: 85px;
position: absolute;
overflow:hidden;
}
 
#ylanavi_urheiluseurat{
margin: 25px 0px 0px 0px;
background-image:url('/files/ns2/images/header_urheiluseurat.png');
width: 751px;
height: 85px;
position: absolute;
overflow:hidden;
}
 
#ylanavi {
display:none;
margin: 30px 0px 0px 215px;
background-image:url('/files/ns2/images/bnavi.png');
width: 528px;
height: 28px;
position: absolute;
overflow:hidden;
}
 
#ylanavi_sisalto {
width: 600px;
height: 25px;
margin: 4px 20px;
color: #FFF;
font-size: 12px;
font-family: Trebuchet MS, arial;
font-weight: bold;
overflow:hidden;
}
 
#ylanavi_sisalto_kuva {
width: 600px;
height: 25px;
margin: 4px 390px;
color: #FFF;
font-size: 12px;
font-family: Trebuchet MS, arial;
font-weight: bold;
overflow:hidden;
}
 
#bnavi {
display:none;
float: left;
margin-top: 2px;
}
 
#bnavi_kuva {
float: left;
margin-top: 2px;
display:none;
}
 
.haku_tausta {
width: 89px;
height: 14px;
background-color: #dbebf6;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 0px;
float:left;
font-family: arial;
font-size: 11px;
color: #444;
}
 
.hakua {
float:left;
width: 117px;
height: 18px;
border: 0; 
margin-left: 8px;
margin-top: 1px;
}
 
.haku {

float:left;
width: 18px;
height: 18px;
border: 0; 
background-image:url('/files/ns2/images/haku.png');
}
 
/* ------------------------------ ALEMPI ------------------------------ */
 
#contain{
background-image:url('/files/ns2/images/keski.png');
width: 991px;
padding:0;
margin: 0 auto;
}
 
#vasen{
display:none; 
width: 200px;
padding: 0;
float: left;
 
}
 
#oikea{
padding-bottom: 25px;
margin: 0;
min-height: 300px;
position: absolute;
left: 20px;
top: 100px;
}
 
.nosto {
background-image:url('/files/ns2/images/nosto.png');
width: 578px;
height: 146px;
margin: 10px 0px 10px 0px;
padding: 0px;
overflow:hidden;
}
 
.nosto img {
float:left;
margin-top: 2px;
margin-left: 10px;
margin-right: 10px;
}
 
.nosto_tx {
height: 120px;
margin-top: 10px;
margin-left: 10px;
margin-right: 40px;
padding: 0px;
}
 
 
#alasivu_tekstit_nosto {
font-family: arial;
font-size: 12px;
float: left;
margin: 0px;
width: 587px;
padding: 0px;
background-color: #FFF;
}
 
 
 
#tx {
font-family: arial;
font-size: 12px;
margin-left: 12px;
}
 
#alasivu_tekstit {
font-family: arial;
font-size: 12px;
margin: 0px;
padding: 40px;
background-color: #FFF;
min-height: 350px;
}
 
 
#alasivu_tekstit_wide {
font-family: arial;
font-size: 12px;
margin: 0px;
padding: 40px;
background-color: #FFF;
min-height: 350px;
}

#alasivu_tekstit_wide .wrap {
}
 
 
    #etusivu_kuvat1 {
    background-color: #FFF;
    padding: 2px;
    width: 583px;
    }
#etusivu_kuvat1 p {
margin: 0px;
}
#etusivu_kuvat2 p {
margin: 0px;
}
 
 
        #paivahoito {
        background-image:url('/files/ns2/images/paivahoito.png');
        float: left;
        width: 289px;
        height: 233px;
        overflow:hidden;
        }
        
        #koulu {
        float:left;
        background-image:url('/files/ns2/images/koulu.png');
        width: 289px;
        height: 233px;
        overflow:hidden;
        margin-left: 2px;
        }
    
    #etusivu_kuvat2 {
    background-color: #FFF;
    padding: 0px 0px 0px 0px;
    float:left;
    width: 293px;
    }
        
        #urheiluseurat {
        float: left;
        background-image:url('/files/ns2/images/urheiluseurat.png');
        width: 289px;
        height: 233px;
        overflow:hidden;
        margin-left: 2px;
        }
    
    #blogi_gallup {
    background-image:url('/files/ns2/images/blogi.png');
    float:left;
    width: 283px;
    height: 229px;
    margin: 4px 0px 0px 5px;
    overflow:hidden;
    }
 
/* ETUSIVUN TEKSTIEN LINKIT */
#etusivu_kuvat1 a:link, #etusivu_kuvat1 a:visited
{
color: #FFF;
text-decoration: none;
}
#etusivu_kuvat1 a:hover
{
color: #FFF;
text-decoration: underline;
}
#etusivu_kuvat2 a:link, #etusivu_kuvat2 a:visited
{
color: #FFF;
text-decoration: none;
}
#etusivu_kuvat2 a:hover
{
color: #FFF;
text-decoration: underline;
}
 
#sivu {
float: left;
margin: 0px;
padding: 0px;
width: 155px;
font-family: arial;
font-size: 12px;
display:none;
}
 
    #etusivu_sivu {
    font-family: arial;
    font-size: 12px;
    float: left;
    padding: 0px;
    width: 145px;
    background-color: #dee5ed;
    border: 2px solid #FFF;
    margin-left: -6px;
    margin-bottom: 5px;
    }
 
    #etusivu_sivu img {
        margin-left: 3px;
    }
    
    
    #alasivu_sivu {
    text-align: center;
    font-family: arial;
    font-size: 12px;
    float: left;
    padding-top: 8px;
    margin-left: -10px;
    width: 153px;
    background-color: #FFF;
    border: 0px solid #FFF;
    }
 
    #alasivu_sivu img {
        margin-bottom: 5px;
    }
 
 
/* ------------------------------ FOOTER ------------------------------ */
 
 
 
#footer_kulmat {
display:none;
margin: 0 auto;
background-image:url('/files/ns2/images/footer_kulmat.png');
width: 991px;
height: 8px;
overflow:hidden;
}
 
#footer {
width: 100%;
height: 120px;
background-color: #FFF;
display:none;
}
 
#footer_tx {
width: 980px;
margin: 0 auto;
}
 
#footer_liiku {
width: 1029px;
margin: 0 auto;
}
 
#yhteystiedot{
background-image:url('/files/ns2/images/footer_viivat.png');
background-repeat: repeat-y;
color: #868d92;
font-family: arial;
font-size: 11px;
font-weight: bold;
width: 200px;
height: 75px;
padding-left: 20px;
padding-top: 15px;
margin: 0 auto;
float:left; 
}
 
#viiva {
background-image:url('/files/ns2/images/footer_viivat.png');
width: 3px;
height: 95px;
float:left; 
 
 
 
}
 
 
#sponsorit {
background-image:url(/files/ns2/images/footer_viivat.png);
background-position:right center;
background-repeat:repeat-y;
float:left;
height:75px;
margin:0 auto;
overflow:hidden;
padding-left:0;
padding-right:60px;
padding-top:20px;
text-align:center;
width:700px;
display:none;
}
 
 
 
/* -------------------Linkit------------------- */
 
#navi a, a:visited, a:active {
color: #FFF;
text-decoration: none;
}
 
#navi2 a, a:visited, a:active {
color: #FFF;
text-decoration: none;
}
 
 
#ylanavi a, a:visited, a:active {
color: #FFF;
text-decoration: none;
}
 
#bnavi a, a:visited, a:active {
color: #FFF;
text-decoration: none;
}
 
#bnavi_kuva a, a:visited, a:active {
color: #FFF;
text-decoration: none;
}
 
a, a:visited, a:active {
color: #0072bd;
text-decoration: none;
}
 
a:hover {
color: #244359;
text-decoration: none;
}
 
 
 
/* -------------------Otsikkotyylit yms.------------------- */
 
h1 {
color: #5d6c76;
font-family: Trebuchet MS, Arial;
font-size: 24px;
margin: 0;
font-weight: bold;
}
 
#footer_tx h1 {
color: #0072bd;
font-family: Trebuchet MS, Arial;
font-size: 16px;
margin: 0;
font-weight: bold;
}
 
 
h2 {
color: #5d6c76;
font-family: Trebuchet MS, Arial;
font-size: 14px;
margin: 0;
font-weight: bold;
}
 
h3 {
color: #5d6c76;
font-family: Trebuchet MS, Arial;
font-size: 15px;
margin: 0;
font-weight: bold;
}
 
 
 
h4, h4 a, h4 a:active, h4 a:visited {
color: #5d6c76;
font-family: Trebuchet MS, Arial;
font-size: 15px;
margin: 0;
font-weight: bold;
}
 
h4 a:hover
{
color: #0072bd;
}
 
h5 {
color: #5d6c76;
font-family: Trebuchet MS, Arial;
font-size: 14px;
margin: 0;
font-weight: bold;
}
 
h6{
color: #5d6c76;
font-family: Trebuchet MS, Arial;
font-size: 14px;
margin: 0;
font-weight: bold;
}
 
td,th {
font-weight: normal;
}
 
td.pdbeditError, th.pdbeditError
{
    border: 1px solid red;
    outline: 1px solid red;
}
 
input.ngformError, select.ngformError, textarea.ngformError, input.checkbox.ngformError, input.file.ngformError, img.ngformError
{ 
    border: 1px solid red;
    outline: 1px solid red;
}
 
 
 
 
/* -------------------Navigaatio 2------------------- */
 
#navi2 {
display:none;
position: absolute;
font-family: Trebuchet MS, Arial;
font-size: 14px;
font-weight: bold;
}
 
#navi2 ul
{
margin: 0;
padding: 0;
font-family: Trebuchet MS, Arial;
font-size: 14px;
font-weight: bold;
list-style-type: none;
text-align: left;
overflow: hidden;
}
 
#navi2 li {
margin-left: 25px;
background-image:url('/files/ns2/images/alanavi_tausta.png');
width: 196px;
height: 27px;
overflow:hidden;
font-family: Trebuchet MS, Arial;
font-size: 14px;
font-weight: bold;
}
 
#navi2 a
{
padding: 5px 0px 0px 20px;
display: block;
width: 196px;
height: 27px;
overflow:hidden;
background-image:url('/files/ns2/images/alanavi_tausta.png');
font-family: Trebuchet MS, Arial;
font-size: 14px;
font-weight: bold;
}
 
#navi2 a:link, #navin a:visited
{
color: #FFF;
text-decoration: none;
background-image:url('/files/ns2/images/alanavi_tausta.png');
font-family: Trebuchet MS, Arial;
font-size: 14px;
font-weight: bold;
}
 
#navi2 a:hover
{
background-image:url('/files/ns2/images/alanavi_tausta.png');
color: #FFF;
font-family: Trebuchet MS, Arial;
font-size: 14px;
font-weight: bold;
}
 
 
/* -------------------ALANAVI------------------- */
 
#alanavi {
float:left;
margin-bottom: 230px;
padding: 0;
overflow: hidden;
display:none
}
 
#alanavi ul
{
margin: 0px 0px 0px 7px;
padding: 0;
font-family: Trebuchet MS, Arial;
color: #FFF;
font-size: 14px;
font-weight: bold;
list-style-type: none;
text-align: left;
background-color: #4e9dd1;
width: 194px;
overflow: hidden;
}
 
.alasivu_otsikko {
border-top: 1px solid #83bbdf;
padding: 5px 5px 5px 20px;
background-color: #4e9dd1;
overflow: hidden;
display:block;
}
 
 
.alasivu_otsikko_active {
border-top: 1px solid #83bbdf;
padding: 5px 5px 5px 20px;
background-color: #73B2DB;
overflow: hidden;
display:block;
}
 
.alasivu {
font-family: Trebuchet MS, Arial;
color: #FFF;
font-size: 12px;
border-top: 1px solid #83bbdf;
padding: 5px 5px 5px 30px;
background-color: #0072bd;
overflow: hidden;
display:block;
}
 
.alasivu_active {
font-family: Trebuchet MS, Arial;
color: #FFF;
font-size: 12px;
border-top: 1px solid #83bbdf;
padding: 5px 5px 5px 30px;
background-color: #73B2DB;
overflow: hidden;
display:block;
}
 
.alasivu2, .alasivu2_active {
font-family: Trebuchet MS, Arial;
color: #FFF;
font-size: 12px;
text-align: left;
padding: 5px 5px 5px 40px;
background-color: #73B2DB;
text-decoration: none;
overflow: hidden;
display:block;
}
.alasivu2_active {
font-family: Trebuchet MS, Arial;
color: #FFF;
font-size: 12px;
text-align: left;
padding: 5px 5px 5px 40px;
background-color: #73B2DB;
overflow: hidden;
display:block;
}    
 
#alanavi li {
 
margin: 0;
background-color: #4e9dd1;
display: block;
overflow:hidden;
}
 
    #alanavi a, #alanavi a:link, #alanavi a:visited
    {
    display: block;
    overflow:hidden;
    color: #FFF;
    text-decoration: none;
    }
    
    #alanavi a:hover
    {
    background-color: #73b2db;
    color: #FFF;
    }
 
 
 
 
 
/* -------------------KYSELY------------------- */
 
#kysely {
float:left;
background-image:url('/files/ns2/images/kysely_keski.png');
margin-top: 0px;
margin-left: -5px;
width: 150px;
}
 
#kysely_tx {
 
font-family: Verdana, Arial;
font-size: 12px;
color: #FFF;
font-weight: bold;
margin: 10px;
}
 
#kysely_header_tx {
font-family: Verdana, Arial;
font-size: 12px;
color: #FFF;
font-weight: bold;
margin: 8px;
}
 
#kysely_header {
background-image:url('/files/ns2/images/kysely_header.png');
width: 150px;
height: 37px;
font-weight: bold;
overflow: hidden;
}
 
#kysely_footer {
 
background-image:url('/files/ns2/images/kysely_footer.png');
width: 150px;
height: 3px;
overflow: hidden;
}
 
/* -------------------ETUSIVU BLOGI & KYSELY------------------- */
 
#etusivu_kysely {
float:left;
background-image:url('/files/ns2/images/blogi.png');
margin: 3px 6px;
width: 283px;
height: 229px;
}
 
#etusivu_kysely_tx {
font-family: Verdana, Arial;
font-size: 12px;
color: #FFF;
font-weight: bold;
margin: 10px;
}
 
#etusivu_kysely_header_tx {
font-family: Verdana, Arial;
 
 
font-size: 12px;
color: #FFF;
font-weight: bold;
margin: 8px;
}
 
#etusivu_kysely_header {
width: 283px;
height: 38px;
font-weight: bold;
overflow: hidden;
}
 
/* -------------------KULMAT------------------- */
 
#etusivu_kulma_keski {
overflow:hidden;
background-image:url('/files/ns2/images/etusivu_kulma_keski.png');
width: 587px;
height: 4px;
}
 
#yksikko_yla {
overflow:hidden;
background-image:url('/files/ns2/images/yksikko_yla.png');
width: 587px;
height: 2px;
}
 
#yksikko_yla_wide {
overflow:hidden;
background-image:url('/files/ns2/images/yksikko_yla_wide.png');
width: 746px;
height: 2px;
}
 
#yksikko_ala {
overflow:hidden;
background-image:url('/files/ns2/images/yksikko_ala.png');
width: 587px;
height: 2px;
}
 
#yksikko_ala_wide {
overflow:hidden;
background-image:url('/files/ns2/images/yksikko_ala_wide.png');
width: 746px;
height: 2px;
}
 
#etusivu_ala_kulma {
overflow:hidden;
background-image:url('/files/ns2/images/etusivu_ala_kulma.png');
width: 293px;
height: 2px;
 
}
 
#alasivu_kuva_yla {
overflow:hidden;
background-image:url('/files/ns2/images/alasivu_kuva_yla.png');
width: 153px;
height: 4px;
margin-left: -10px;
}
 
#alasivu_kuva_ala {
overflow:hidden;
background-image:url('/files/ns2/images/alasivu_kuva_ala.png');
width: 153px;
height: 6px;
margin-left: -10px;
}
 
.etusivu_kuvat_tx {
width: 250px;
height: 77px;
font-family: Verdana;
color: #FFF;
font-size: 11px;
margin: 150px 0px 0px 18px;
font-style:italic;
font-weight: bold;
}
 
.etusivu_kuvat_tx h1{
font-style:italic;
font-family: Trebuchet MS, Arial;
color: #FFF;
font-size: 23px;
font-weight: bold;
margin: 5px 0px 0px 0px;
}
 
#sponsorit img {
margin: 20px;
}
 
/* Lomakkeet */
 
form {
text-align: left; 
font-family: arial;
font-size: 12px;
}
 
 
/*
Lista
*/
#listview {
font-weight: bold;
}
#listview .item {
border-bottom: 1px solid #E0EDF7;
padding:10px 0;
}
#listview .item span {
color: #5D6C76;
width: 65px;
float: left;
margin: 0 10px 0 3px;
}
#listview .item a {
width: 425px;
float: left;
}
 
#tx-wide .wrap {
    width: auto;
}
 
 
/**
 * Gallup
 */
 
 
 
#etusivu-gallup {
  border-left: 1px solid #0099ff;
  border-right: 1px solid #0099ff;
  background: #fff url('/files/ns2/gfx/etusivu-gallup-top.gif') no-repeat top;
}
 
#etusivu-gallup a {
  display: block;
  padding: 60px 10px 50px 10px;
  background: url('/files/ns2/gfx/etusivu-gallup-bottom.gif') no-repeat bottom;
  text-decoration: none;
  color: #0099ff;
  font-size: 11px;
}
 
#etusivu-gallup a:hover {
  text-decoration: underline;
}
 
#vastaustulokset p.indicator {
  background: url('/files/ns2/gfx/gallup-indicator-blank.gif') no-repeat;
  width: 156px;
  height: 16px;
  padding: 4px;
  float: left;
  display: inline;
  clear: both;
  margin: 0 20px 0 0;
}
 
#vastaustulokset p.indicator span {
  display: block;
 
  background: url('/files/ns2/gfx/gallup-indicator-blue.gif') repeat-x;
  width: 0;
  height: 16px;
}
 
#vastaustulokset p.vaihtoehtoteksti {
  position: relative;
  float: left;
  display: inline;
  width: 300px;
  margin: 0 ;
  padding: 6px 0 0 0;
  font-size: 12px;
}
 
#vastaustulokset p.vaihtoehtoteksti span {
  float: left;
  margin: 0 10px 10px 0;
  color: #777;
}
 
.kommentit {
  background: url('/files/ns2/gfx/gallup-kommentit-top.gif') no-repeat top left;
  padding: 3px 0 0 0;
}
 
.kommentit .kommentti {
  position: relative;
  background: url('/files/ns2/gfx/gallup-kommentit-kommentti.gif') no-repeat top left;
  padding: 10px 10px 10px 180px;
  font-size: 11px;
}
 
.kommentit .kommentti h3 {
  margin-top: 0;
}
 
.kommentit .kommentti p.meta {
  margin: 0;
  position: absolute;
  top: 10px;
  left: 50px;
  width: 110px;
  font-size: 11px;
}
 
.kommentit label {
  display: block;
  margin: 8px 0 2px 0;
}
 
.kommentit textarea {
  width: 100%;
}