* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000;
}

H2 {
font-size: 120%;
margin-bottom: 0.6em;
color: #124974;
}

H3 {
font-size: 100%;
margin-bottom: 0.6em;
margin-top: 0.6em;
}

P {
font-size: 80%;
}

HR {
margin-top: 0.6em;
margin-bottom: 1.2em;
}

IMG {
border: 0px solid #000;
}

.nayta_lisaa {
margin-top: 0.6em;
}

.kuollut_linkki {
color: #aaa;
}

.puna_vari {
color: #C00000;
}

.ohjekappale {
margin-top: 1.2em;
margin-bottom: 1.2em;
}

#wrapper {
 width: 100%;
 margin: 0 auto;
}

/* NAV BAR */

#navbar {
 color: #fff;
 border-bottom: 1px solid #000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background-color: #124974;
 height: 1.2em;
 background-image: url("taitto/raita_liuku_1.png");
 background-repeat: repeat-x;
 background-position: top left;
}

#navbar_v {
 font-size: 80%;
 float: left;
 padding-top: 1px;
 padding-left: 10px;
}

#navbar A {
color: #C7E6FD;
font-weight: bolder;
text-decoration: none;
}

#navbar A:hover {
text-decoration: underline;
}

#navbar_o {
 font-size: 80%;
 position: absolute;
 right: 0px;
 padding-right: 10px;
}

/* HEADER */

#header {
 color: #fff;
 border-bottom: 1px solid #000;
 margin: 0px 0px 0px 0px;
 height: 50px;
 padding: 0px;
 background-color: #1969A7;
 background-image: url("taitto/header_oikea.png");
 background-position: right;
 background-repeat: no-repeat;  
}
#header_otsikko {
 color: #C7E6FD;
 font-size: 100%;
 font-weight: bolder;
 font-style: italic;
 background-image: none;
 padding-left: 8px;
}
#header_otsikko A {
text-decoration: none;
color: #C7E6FD;
}
#header_otsikko2 {
 color: #fff;
 font-size: 120%;
 background-image: none;
 padding-left: 8px;
}
#header_lisa {
 font-size: 80%;
 background-image: none;
 padding-left: 8px;
}

/* VASEN */

#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 200px;
 float: left;
 min-height: 400px;
 border-right: 2px dotted #ccc;
}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */ 

#left_hakuohje {
 border: 1px solid #000;
 border-left: 0px solid #000;
 margin: 8px 8px 8px 0px;
 font-size: 80%;
 padding: 4px 4px 4px 4px;
 background-color: #FFFFC0;
 background-image: url("taitto/laatikko_keltainen.png");
 background-repeat: no-repeat;
 background-position: top left;
}

#left_hakulomake {
 font-size: 80%;
 padding: 8px;
 padding-top: 0px;
 background-color: #eee;
 border-bottom: 1px solid #000;
}

#left_hakulomake select {
 width: 100%;
}

.hakulomake_kyla {
 width: 95%;
 display: block;
 border: 1px solid #000;
 padding: 0.2em;
 height: 1.8em;
 margin:  0px 0px 0px 0px;
 background-color: #fff;
 font-weight: bolder;
 vertical-align: middle;
}

.hakulomake_laheta {
 display: block;
 border: 0px solid #000;
 padding: 4px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-right: 0px;
 margin:  8px 0px 0px 0px;
 background-color: #fff;
 text-align: right;
 background-image: url("taitto/haku_nuolet.png");
 background-repeat: repeat-x;
 background-position: top left;
}

.hakulomake_laheta_nappi {
 height: 2.4em;
 width: 5.8em;
 border: 1px solid #000;
 border-left: 1px solid #888;
 border-top: 1px solid #888;
 padding: 2px;
 margin:  0px;
 background-color: #124974;
 font-weight: bolder;
 color: #fff;
}


.hakulomake_laheta_nappi2 {
 border: 1px solid #000;
 border-left: 1px solid #888;
 border-top: 1px solid #888;
 background-color: #124974;
 font-weight: bolder;
 color: #fff;
}

.pelaaja_haku {
 vertical-align: top;
 border: 0px solid #000;
 border-bottom: 1px dotted #888;
 margin-top:  0.6em;
 padding-bottom:  0.6em;
}

.virhe_teksti {
margin-top:  0.6em;
color: red;
}

.hlm_kuvaus {
 margin-bottom: 0.4em;
 padding-top: 0.4em;
}

.lomake_valinta {
 width: 95%;
 display: block;
 margin-top: 2px;
 padding: 4px;
 background-color: #fff;
 border: 1px solid #000;
}

#lomake_valinta_sailyta {
 background-color: #FFFFC0;
 background-image: url("taitto/laatikko_keltainen.png");
 background-repeat: no-repeat;
 background-position: top left;
 font-weight: bolder;
}

.hakulomake_valintaruutu {
 vertical-align: bottom;
}

.lomakevalikko2 {
font-weight: bolder;
background-color: #FFFFC0;
}

.left_palvelinlinkit {
font-weight: bolder;
font-size: 80%;
padding-left: 0.6em;
}

.left_palvelinlinkit A {
text-decoration: none;
}

.left_palvelinlinkit A:hover {
text-decoration: underline;
}

.google_vasen {
padding-top: 1.2em;
padding-left: 0.6em;
}

.google_banneri {
padding-top: 0.6em;
}

.google_adsense {
text-align: center;
padding-top: 1.2em;
padding-bottom: 1.2em;
}

/* SISALTOALUE */

#centercolumn { /* Parent Wrapper for inside boxes */
 border: 0px solid #ccc;
 background-color: #fff; 
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 60%;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#centercolumn A {
text-decoration: none;
font-weight: bolder;
}

#centercolumn  A:hover {
text-decoration: underline;
}

/* KARTTATAULU */

.karttataulu, .taulu_valinta, .taulu_tuloslista, .taulu_tuloslista2 {
text-align: center;
border: 1px solid #aaa;
border-left: 0px;
border-top: 0px;
border-collapse: collapse;
padding: 0px;
margin: 0px;
white-space: nowrap;
}

.kt_s, .tv_s, .tt_s, .tt_s2, .tt_nimimuutos {
text-align: center;
border: 1px solid #aaa;
border-right: 0px;
border-bottom: 0px;
padding: 0px;
margin: 0px;
}

.tv_hs, .tt_hs, .tt_hs2, .tt_hs3, .tt_hs4, .tt_hs5 {
text-align: center;
border: 0px solid #aaa;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-top: 0px solid #aaa;
white-space: pre;
}

.tt_hs2 {
width: 23%;
font-size: 80%;
}

.tt_hs3 {
width: 30%;
text-align: left;
font-size: 80%;
font-weight: bolder;
}

.tt_hs4 {
font-size: 80%;
width: 8%;
}

.tt_hs5 {
font-size: 80%;
width: 8%;
border: 0px solid #aaa;
}

.tt_hs6 {
font-size: 80%;
width: 21%;
}

.tt_hs7 {
font-size: 80%;
width: 25%;
text-align: left;
border-right: 1px solid #eee;
}

.tt_hs8 {
font-size: 80%;
width: 10%;
}

.pikkuteksti {
font-size: smaller;
}

.tt_num {
color: #888;
font-size: 9pt;
text-align: right;
font-wight: bolder;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
padding-right: 0.2em;
}

.tt_punasolu {
text-align: right;
font-size: 70%;
color: #FFC0C0;
padding-right: 0.2em;
background-color: red;
background-image: url("taitto/punasolu.png");
border: 1px solid #aaa;
border-right: 0px;
border-bottom: 0px;
}

.tt_vihersolu {
text-align: right;
font-size: 70%;
color: #C0FFC0;
padding-right: 0.2em;
background-color: green;
background-image: url("taitto/vihersolu.png");
border: 1px solid #aaa;
border-right: 0px;
border-bottom: 0px;
}

.tt_tuhosolu {
text-align: right;
font-size: 70%;
color: #C0FFC0;
padding-right: 0.2em;
background-color: green;
background-image: url("taitto/tuhosolu.png");
border: 1px solid #aaa;
border-right: 0px;
border-bottom: 0px;
}

.tt_nimimuutos {
background-color: #eee;
}

.tt_s_palkki {
text-align: left;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}

#kt_koti {
background-image: url("taitto/kotipallo.gif");
}

/* LISTATAULU */

.taulu_tuloslista, .taulu_tuloslista2 {
margin-top: 1.2em;
margin-bottom: 2.4em;
}

.taulu_tuloslista, .taulu_valinta, .taulu_tuloslista2 {
margin-top: 0.6em;
width: 550px;
}

.taulu_tuloslista2 {
margin-top: 0px;
margin-bottom: 0.6em;
}

.tv_s, .tt_s, .tt_s2, .tt_nimimuutos  {
text-align: left;
padding: 0.2em;
font-size: 80%;
white-space: pre;
}

.tt_s2 {
background-color: #FFFFC0;
}

.linkki_seuraavat, .linkki_edelliset, .linkki_pelaajalista {
margin-bottom: 0.6em;
}

.linkki_pelaajalista, .linkki_liitonhistoria {
margin-top: 0.6em;
}

.linkki_liitonhistoria {
margin-bottom: 1.2em;
}

.muutosaika1 {
color: #888;
}

.muutosaika2 {
font-weight: bolder;
}

.muutosaika3 {
color:#C00000;
font-weight: bolder;
}

/* OIKEA */

#rightcolumn {
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding-left: 5px;
 padding-top: 5px; 
 width: 165px;
 float: right;
 background-color: #fff;
 border-left: 2px dotted #ccc;
 min-height: 400px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 

/* KARTTATAULUN LISÄOSA */

#oikea_karttalisa {
 margin: 0px 0px 0px 0px;
 padding: 4px;
 display: inline; /* IE Hack */
 width: 250px;
 float: right;
 background-color: #eee;
 border-left: 2px dotted #ccc;
 min-height: 400px;
}


/* FOOTER */

#footer {
 color: #fff;
 margin: 0px 0px 0px 0px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 0px;
 background-color: #124974;
 height: 1.2em;
 clear: both;
}

#footer A {
color: #C7E6FD;
font-weight: bolder;
text-decoration: none;
}

#footer A:hover {
text-decoration: underline;
}

#footer_v {
 font-size: 80%;
 float: left;
 padding-left: 10px;
}
#footer_o {
 font-size: 80%;
 position: absolute;
 right: 0px;
 padding-right: 10px;
}
.kuva_xml {
margin-left: 0.6em;
vertical-align: text-bottom;
}

/* ILMOITUKSET */

.ilmoitus_virhe, .ilmoitus_valinta {
 border: 1px solid #000;
 margin: 8px 8px 8px 0px;
 font-size: 80%;
 font-weight: bolder;
 display: block;
 padding: 4px 4px 80px 80px;
 background-color: #FFFFC0;
 background-image: url("taitto/laatikko_punainen.png");
 background-repeat: no-repeat;
 background-position: top left;
}

.ilmoitus_valinta {
 background-image: url("taitto/laatikko_sininen.png");
 padding: 4px 4px 40px 80px;
}

.travian_linkki {
margin-top: 1.2em;
margin-bottom: 1.2em;
display: block;
text-align: center;
}

.travian_linkki A {
color: #71D000;
text-decoration: none;
font-weight: bolder;
}

.travian_linkki  A:hover {
color: #00BC00;
}

.hyokkays_linkki A {
color: #71D000;
text-decoration: none;
font-weight: bolder;
}

.hyokkays_linkki A:hover {
color: #00BC00;
}

.lisalomake_nuoli, .lisalomake_filter  {
background-color: #fff;
padding: 0.6em;
padding-left: 49px;
background-image: url("taitto/lisalomake_nuoli.png");
background-repeat: no-repeat;
background-position: top left;
margin-top: 0px;
}

.lisalomake_filter  {
background-image: url("taitto/lisalomake_filter.png");
background-repeat: no-repeat;
background-position: top left;
}

.lisalomake {
padding: 0.2em;
padding-left: 0.8em;
margin-left: 0px;
width: auto;
background-color: #216eaa;
background-image: url("taitto/lisalomake_nuoli_oikea.png");
background-repeat: no-repeat;
background-position: top right;
color: #fff;
}

.lisalomake SELECT {
height: 23px;
width: 18em;
border: #000 solid 1px;
}

.lisalomake OPTION {
padding-left: 0.2em;
}

.lisalomake_nappi {
margin: 2px;
border: #000 solid 1px;
font-size: smaller;
}