/* pääsivuston stylesheet */


body	{ color: #000000;
	  background-color: #581906;
	  background-image: url('../kuvat/bassotausta2.jpg');
	  background-attachment: fixed;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 64px;
	  width: 90%;
	  min-width: 29em;
/*	  min-width: 460px;
	  min-width: 882px;
*/	  max-width: 70em;
	  border-top: 3px groove #FFFF00;
	  border-bottom: 3px groove #FFFF00;
	}

img	{ max-width: 100%;
	}

#kielivalikko { position: fixed;
                top: 0px;
                right: 0px;
                display: inline;
                background-color: #CC3300;
                z-index: 2;
                padding: 6px;
                border-bottom-left-radius: 1em;
               }

#searchbox { position: relative;
             float: right;
           }

#languages { position: relative;
             float: right;
           }

#logo_anim { border: none;
             position: relative;
             height: 100%;
             -webkit-animation: animlogo 15s 1;
           }

@-webkit-keyframes animlogo { 0%   {left: -1000px;}
                              50%  {left: 500px;}
                              100% {left: 0px;}
                            }

#logo { border: none;
        position: relative;
        height: 100%;
      }

#logo2 { border: none;
         float: right;
         height: 120px;
         padding-right: 3%;
       }

#ylapalkki_anim { height: 120px;
                  color: #000000;
                  background-color: #FFEE99;
                  -webkit-animation: tausta 7s 1;
                  margin-left: 0;
                  margin-right: 0;
                  margin-top: 0;
                  padding: 0;
                }

@-webkit-keyframes tausta { from {background-color: #000000;}
                            to {background-color: #FFEE99;}
                          }

#ylapalkki { height: 120px;
             color: #000000;
             background-color: #FFEE99;
             margin-left: 0;
             margin-right: 0;
             margin-top: 0;
             padding: 0;
           }

#nurkka { float: right;
	   height: 120px;
/*	   height: 154px;
*/	   max-width: 240px;
        }

.liput { position: relative;
         display: inline;
         float: right;
         padding: 2px;
         border: none;
         font-size: 1em;
         height: 2.4em;
       }

nav { list-style-type: none;
      min-height: 32px;
      background-color: #000000;
      border-top: 3px groove #FFFF00;
    }

nav ul { position: relative;
         padding: 0;
         margin: 0;
       }

nav li { display: inline;
         float: left;
       }

nav img { border: none;
          height: 11pt;
        }

a.menu1:link, a.menu1:visited { font-family: Arial, Helvetica, sans-serif;
                                font-weight: bold;
                                color: #CC3300;
                                text-align: center;
                                padding-top: 6px;
                                padding-bottom: 6px;
                                padding-left: 0.8em;
                                padding-right: 0.8em;
                                text-decoration: none;
                                display: block;
                              }

a.menu1:hover, a.menu1:active { background-color: #303030; }

.drop-menu { display: none;
             position: absolute;
             background-color: rgb(204,51,00);
             box-shadow: 5px 5px 10px  #661A00;
             width: 18em;
             list-style-type: none;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 12px;
             font-weight: bold;
             color: #000000;
             padding: 1em;
             padding-left: 2em;
             z-index: 3;
           }

.drop-menu li { height: 3em;
                width: 18em;
              }

a.drop-menu:link, a.drop-menu:visited { color: #000000;
                                        display: block;
                                        padding-left: 8px;
                                        height: 32px;
                                        text-decoration: none;
                                      }

a.drop-menu:hover, a.drop-menu:active { color: #000000;
                                        border: none;
                                        font-size: 14px;
                                      }

.left-menu  { position: relative;

/*		position: absolute;
		top: 20em;
		z-index: 1;
*/		color: #000000;
		background-color: #FFEE99;
		float: left;
		width: 15em;
		margin: 2em;
		list-style-type: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		box-shadow: 3px 3px 2px #661A00;
	     }

.left-menu li { border-bottom: 1px solid #000000;
		padding: 2em;
              }

a.left-menu:link, a.left-menu:visited { color: #000000;
                                        display: block;
                                        text-decoration: none;
                                        padding: 4px 2px 2px 2px;
                                      }

a.left-menu:hover, a.left-menu:active { color: #000000;
                                        background-color: #FFFF00;
                                      }

footer { color: #FFFF00;
         background-color: #000000;
         padding: 4px;
         border-top: 3px groove #FFFF00;
       }

footer img { border: 0;
             height:31px
            }

footer p { float: right; }

#levee { width: 96%;
         float: left;
         background-color: rgb(255,255,255);
         background-color: rgba(255,255,255,0.7);
         min-height: 340px;
         border-top: 3px groove #FFFF00;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 14px;
         color: #000000;
         padding-left: 2%;
         padding-right: 2%;
         padding-top: 24px;
         padding-bottom: 12px;
       }

#levee h2 { font-family: Arial;
            color: #000000;
          }

h1 { font-family: Verdana, Arial;
     font-size: 32px;
     text-align: center;
     z-index: 2;
   }

.nappi { /* position: relative;
         position: absolute;
         top: 17em;
         right: 8em; */
         float: right;
         border: none;
         height: 32px;
         z-index: 3;
       }

#vasen2 { float: right;
          background-color: rgb(255,238,144);
          background-color: rgba(255,238,144,0.7);
          box-shadow: 5px 5px 10px #7F775F;
          height: 64px;
          padding-left: 2%;
          padding-right: 2%;
          padding-top: 8px;
          padding-bottom: 8px;
          margin-top: 30px;
          margin-bottom: 10px;
          margin-right: 5%;
        }

#vasen2:hover, #vasen2:active { background-color: #DDCC88; }

li.clef1 { background-image: url('../kuvat/clef1.png');
           background-repeat: no-repeat;
         }

li.clef2 { background-image: url('../kuvat/clef2.png');
           background-repeat: no-repeat;
         }

li.clef3 { background-image: url('../kuvat/clef3.png');
           background-repeat: no-repeat;
         }

li.clef4 { background-image: url('../kuvat/clef4.png');
           background-repeat: no-repeat;
         }

a.clef3 { display: block; }
                                                                             }

.navi a { font-size: 12px;
          font-weight: bold;
          text-decoration: none;
        }
        
.pikalinkki { background-color: #CC3300;
              box-shadow: 5px 5px 10px  #661A00;
              padding: 5px;
              font-weight: bold;
              text-decoration: none;
            }


#tulostusalue a:link, #tulostusalue a:visited, .navi a:link, .navi a:visited { text-decoration: none;
                                                                               color: #0000CD;
                                                                             }

#tulostusalue a:hover, #tulostusalue a:active, .navi a:hover, .navi a:active { text-decoration: underline; }

a.pikalinkki:link, a.pikalinkki:visited { color: #000000; }

a.pikalinkki:hover, a.pikalinkki:active { color: #37648c; }


#tapahtumat { width: 55%;
              float: left;
        margin-top: 32px;
            }

#news { width: 40%;
        float: left;
        padding-left: 3em;
/*        margin-top: -32px;
*/        z-index: -1;
      }

summary { font-family: Arial;
          font-size: 16px;
          font-weight: bold;
          border: none;
        }

.ilmoitus { border: thick groove #CC3300;
            border-radius: 15px;
            margin-bottom: 1em;
            padding-left: 2em;
            padding-right: 1em;
          }

.pvm { font-family: "Arial Black", Gadget, sans-serif;
       font-size: 12px;
     }

.lomake { text-align: right; }

.radio { background-color: #ffffff;
         border: 1px solid #aaaaaa;
       }

.arkisto   { float: left;
           }

.arkisto p { text-align: center;
           }

#kentta, #kentta1, #kentta2, #kentta3 { font-family: Arial;
          color: #000000;
          height: 4em;
          width: 28em;
        }

#kontrac2 { width: 12em; }

#kontrac3 { font-size: 0.75em;
            border: none;
            max-width: 30em;
          }

#kansikuva { position: absolute;
             z-index: 2;
             font-size: 10.5px;
             margin-top: 11em;
             margin-left: 46em;
             width: 6em;
             border: none;
           }

#kansi { position: absolute;
         z-index: 2;
         margin-top: 0em;
         margin-left: 18em;
         font-family: Arial, Helvetica, sans-serif;
       }

#kansi td { background-color: rgba(255,255,255,0);
            vertical-align: top;
            min-width: 13em;
          }

.arkisto td { width: 4.3em; }

.pikkunuoli { height: 2em;
              vertical-align: middle;
              border: none;
            }

.tbs { border: none;
       padding-right:1em;
       width: 40%;
     }

#valikkosivu { /* position: relative;
               float: left;
*/               margin-left: auto;
                 margin-right: auto;
/*               top: -5em;
*/               padding-left: 1em;
               max-width: 96%;
               z-index: 5;
             }

.valikkokuva { max-width: 60%;
               text-align: right;
               margin-left: auto;
               margin-right: auto;
/*               max-height: 28em;
               margin-left: 2em;
               position: relative;
               top: -3em;
*/               float: right;
             }

.tuomarikuva { float: left;
               width: 35%;
             }

.tuomarikuva img { width: 100% }

.tuomarit { float: left;
            width: 60%;
            padding-left: 1em;
          }

.kuvaaja { font-size: 10px; }

.kuva { width: 100%; }

table.taulukko { border: 5px double black; }

.taulukko td { border: 1px solid black; }