body {
margin:0px;
padding:0px;
font:11px Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
background-color:#FFFFFF;
}
.link1Selected {
color:#CC0000;
}
.link2Selected {
color:#CC0000;
}
.link3Selected {
color:#CC0000;
}
.navi ul {border-bottom: 1px solid #D7EEFB;
margin-top:0px;
list-style: none;
margin-left: 0em;
padding-left: 0;
background-color: #fff;
}
.navi li {border-top: 1px solid #D7EEFB;
list-style-position: outside;
margin: 0;
padding: 0;
}
.navi ul ul li {border:0px;
padding-left: 6px;}
.navi ul ul ul li {border:0px;
margin-left: 10px;}
.navi ul ul {background-color:#FFF;border:0px;}
.all { 
width:980px;
text-align:left;	
margin:0 auto;
}
.top {width:100%;
height:161px;
background-color:#0080C7;}

.ylapalkki {
width:980px;
height:161px;
margin:0px auto 0px;
text-align:left;
}
.yla_vasen {
background-color:#0080C7;
width:256px;
float:left;
height:161px;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

.yla_keski {
width:490px;
float:left;
height:161px;
background-color:#FFFFFF;}

.yla_oikea {
width:230px;
float:left;
height:161px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background-image:url(/content/images/oikea_tausta.jpg);
}

.main {
margin:0 auto; 
width:980px;
text-align:left;
height: auto;
}
.navi {
margin-top:9px;
padding-left:2px;
width:256px;
text-align:left;
float: left;
}

.navi li a{
display:block;
_height: 1em;
line-height: 19px;
vertical-align:top;
text-decoration:none;
text-transform:uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #000000;
padding-left:8px;
background: url(/content/images/li_elem.gif) left no-repeat;
}

.navi ul ul li a{background: url(/content/images/li_elem_pun.gif) top left no-repeat;
background-position:0px 5px;
text-transform:none;
text-indent:2px;}
li a:hover{
color: #990000;
background-color:#F8FDFF;
text-decoration:underline;
}

.navi ul ul li a.link3Selected {
color:#990000;}
.navi ul li a.link1Selected {
color:#990000;}
	
.sisalto {
width:466px;
text-align:left;
float: left;
margin-top:9px;
margin-left:10px;
margin-right:15px;
padding-bottom:10px;
}
.sisalto_etusivu {
width:468px;
text-align:left;
float: left;
margin-top:9px;
margin-left:9px;
margin-right:13px;
}
.sisalto_etusivu_header {
position: relative;
width:466px;
text-align:left;
float: left;
border: 1px solid #0080C7;
}
.kuva{
float: right; 
width: 184px;
margin: 0;
padding: 0;
}
.kuva a{
display: block;
margin: 0;
padding: 0;
}
.laskuri{
position: absolute;
top: 145px;
right: 0px;
width: 184px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #6589d5;
}
.viivaerotin {width:466px;
padding-top:4px;
border-top: 1px solid #0080C7;}

.sisalto_etusivu_header p{
margin-left:6px;
margin-right:165px;
margin-bottom:4px;
margin-top:9px;
line-height:16px;
}

.sisalto_aluspaivakirja {
width:696px;
text-align:left;
float: left;
margin-top:9px;
margin-left:10px;
margin-right:15px;
padding-bottom:15px;
}

.sisalto_aluspaivakirja th {
font-weight: bold;
background-color: #99CCFF;}

/* ISO INFORUUTU */
div#infoRuutu {
margin: 10px; padding: 0;overflow:hidden;
}

div#infoRuutu h1 {font-size: 30px; border: none; color: #000; }

div#infoRuutu table {width: 100%; font-size: 26px; overflow:hidden}

div#weatherData table {width: 100%; font-size: 30px;}
div#weatherData table td  {padding: 10px;}

div#infoRuutu th {
font-weight: bold;
background-color: #99CCFF;
text-align: left;
padding: 0 3px;

}

div#infoRuutu td {padding: 4px; white-space: nowrap; overflow:hidden;}

/* ISO INFORUUTU END */

H1 {
margin-top:0px;
padding-top:0px;
color:#336699;
font-size:large;
font-weight:bold;
border-bottom: 1px solid #336699;
}
H2 {
margin-top:1px;
padding-top:0px;
color:#336699;
font-size:medium;
}
H3 {
padding-top:14pt;
color:#336699;
font-size:medium;
}
.vasen_palsta {
height:350px;
width:230px;
text-align:center;
float: left;
margin-top:9px;
overflow:hidden;
}
.vasen_palsta_etusivu {
width:230px;
float: left;
margin-top:9px;
overflow:hidden;
margin-left:0px;
margin-right:0px;
border: 1px solid #0080C7;
margin-bottom:10px;
padding-bottom: 5px;
}

.venekilpailut {
width:230px;
float: left;
margin-top:9px;
overflow:hidden;
margin-left:0px;
margin-right:0px;
border-top: 1px solid #0080C7;
background: url(/content/images/ikon_venekilpailut.gif) top left no-repeat;
}
.webcam {
width:230px;
float: left;
margin-top:9px;
overflow:hidden;
margin-left:0px;
margin-right:0px;
border-top: 1px solid #0080C7;
background: url(/content/images/ikon_webcam.gif) top left no-repeat;
}


.vasen_palsta p{ margin-left:2px;
margin-bottom:0px;
padding-bottom:0px;}

.vasen_palsta_etusivu p{
margin-bottom:3px;
margin-top:3px;
margin-left:6px;
margin-right:6px;}

.alatunniste {
text-indent:5px;
color:#FFFFFF;
padding-top:3px;
height:15px;
clear: both;
width:980px;
margin:10px auto;
text-align:left;
background: url(/content/images/footer_bg.gif);
font-size:10px;
overflow:hidden;
}
table.taulukko_tyyli1 {
background-color:#99CCFF;}

table.taulukko_tyyli1 thead {
background-color:#99CCFF;
color:#FFFFFF;
}

table.taulukko_tyyli1 tbody td {
border: 1px solid #99CCFF;
background-color:#FFFFFF;
color:#000000;
padding:1px;
margin:5px;
}

.yla_vasen img {
margin-top: 50px;
margin-left: 44px;}

.form {
color: #000000;
font-size:x-small;
background: #FFFFFF;
border: 1px solid #908F8F;
}

.input_btn {
margin-left:4px;
color: #FF0000;
font-size:x-small;
background: #FFFFFF;
border: 1px solid #908F8F;
}
div.kielilinkit {margin-left:5px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
height:125px;
}
div.kielilinkit a{
text-decoration:none;
text-transform:uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color:#FFFFFF;}

div.kielilinkit a:hover {
text-decoration:underline;
}
.hae {
margin-left:5px;
vertical-align:bottom;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #FFFFFF;
margin-bottom:0px;
padding-bottom:0px;}

form {
display: inline; margin: 0;}

tr.coloredrow {background-color:#EBF5FF; }

.etusivu_linkit_vasen { width:232px;
float:left;
padding-top:9px;
padding-bottom:9px;
margin-left:2px;
}
.etusivu_linkit_oikea { width:230px;
float:left;
padding-top:9px;
padding-bottom:9px;
margin-left:0px;
}
div.etusivu_linkit_vasen strong {color:#336699;}
div.etusivu_linkit_oikea strong {color:#336699;}

div.etusivu_linkit_vasen a{
color:#336699;
background: url(/content/images/linkki_kuvake.gif) top left no-repeat;
background-position:0px 0px;
padding-left:15px;
text-decoration:none;
line-height: 16px;
}
div.etusivu_linkit_vasen a:hover {
color: #990000;
text-decoration:underline;
}
div.etusivu_linkit_oikea a{
color:#336699;
background: url(/content/images/linkki_kuvake.gif) top left no-repeat;
background-position:0px 0px;
padding-left:15px;
text-decoration:none;
line-height: 16px;
}

.webcam a, .venekilpailut a{
display:block;
color:#336699;
padding-left:40px;
text-decoration:none;
line-height: 16px;
}

.webcam span {padding-left:40px;line-height:16px;}

div.ajankohtaista a{
color:#336699;
background: url(/content/images/linkki_kuvake.gif) top left no-repeat;
background-position:0px 0px;
padding-left:15px;
text-decoration:none;
line-height: 16px;
padding-bottom:0px;
}

div.ajankohtaista a.viimeisin {
color:#CC0000;
}

div.etusivu_linkit_oikea a:hover {
color: #990000;
text-decoration:underline;
}
.vasen_palsta_etusivu a:hover {
color: #990000;
text-decoration:underline;
}

div.sisalto a {color:#336699;}
div.sisalto a:hover{color: #990000;}
p.tiedostolistaus {line-height: 20px;}


#bannerImage {padding: 12px 0 12px 0; clear:both;}