A:link {text-decoration: none; color: #0000FF;}
A:visited {text-decoration: none; color:#0000FF;} 
A:Hover{color: #ff0000;}
A:active{color:#000000;}

body{scrollbar-face-color: #bfbfbf; scrollbar-shadow-color: #aaa; scrollbar-highlight-color: #; scrollbar-3dlight-color: #; scrollbar-darkshadow-color: #; scrollbar-track-color: #99b0c8; scrollbar-arrow-color: #000; background-repeat: repeat-x;  background-color:#5677a0; }

.kuva{
border-style:solid;
border-width:1px;
border-color:#000000;
}

#kuvaKehys{
border-style:solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width:1px;
background-color:#6699cc;
}


#muokkaaKayttajia{
font: 12px sans-serif, arial;
border-style:solid;
padding:10px;
border-width:1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width:1px;
width:300px;
background-color:#6699cc;
}
#muokkaaKayttajia form{
margin:0;
padding:0;
}

#arkisto form{margin:0;padding:0;}

#arkisto{
margin-bottom:10px;
border-style:solid;
padding:10px;
border-width:1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width:1px;
width:100%;
background-color:#6699cc;
}

#arkisto_otsikko{
background-image:url('../kuvat/kansio_ico.png');
background-repeat:no-repeat;
background-position:4px 0;
font:14px georgia,sans-serif, arial;
padding:0 0px 10 30px;
border-style:dotted;
border-top-width: 0px;
border-bottom-width: 1px;
border-right-width: 0px;
border-left-width:0px;
margin-bottom:5px;


}

.input_text{
font: 12px sans-serif, arial;
width:100%;
}


.input_nappi{
margin-top:3px;
font: 11px georgia,sans-serif, arial;
height: 20px;

}

.input_nappi2{

font: 11px georgia,sans-serif, arial;
height: 20px;
}

.textarea_text{
overflow: auto;

font: 12px sans-serif, arial;
width:100%;
height:200px;
}

.kuva_nappi{

background-repeat:no-repeat;
height:25px;
}
.yla_napit input{
margin-bottom:5px;
}

.napit input{
margin-bottom:3px;
height:20px;
font: bolder 10px/11px helvetica,sans-serif, arial;
}

.nappi_rivi{
margin-bottom:10px;
}
.nappi_rivi input{
margin-top:5px;
height:25px; width: 25px;
font: 11px georgia,sans-serif, arial;
}

.teksti{
font: 11px georgia,sans-serif, arial;
}
.teksti_pieni{
font: 11px georgia,sans-serif, arial;
}


#ilmoitus{
font: bolder 10px/12px helvetica,sans-serif, arial;
width:100%;
margin-top:10px;
}

#kommentti_kehys{
font: 12px georgia,sans-serif, arial;
}

#kommentit{
color:#777;
border-color:#777;
margin-top:0px;
font: bolder 10px/11px helvetica,sans-serif, arial;
margin-right:20px;
padding-bottom:5px;
}

#kommentti{
color:#777;
border-color:#777;
margin-top:0px;
font: bolder 10px/11px helvetica,sans-serif, arial;
padding-top:5px;
margin-bottom:0px;
margin-top:10px;
border-style:dotted;
border-width:1px;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width:0px;
}
.kirjoittaja{
color:#777;
font: bolder 10px/11px helvetica,sans-serif, arial;}

#kommentti .kirjoittaja{
color:#777;
font: bolder 10px/11px helvetica,sans-serif, arial;
}

#kommentti input{
margin-top:-3px;
font: bolder 10px helvetica,sans-serif, arial;
height: 20px;
float:right;}


#kommentti_poisto input{
font: bolder 10px/12px helvetica,sans-serif, arial;
height: 20px;
margin-right:10px;
float:right;

}

#muokkaus_valineet{
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:10px;
margin-top:10px;
}

#pieni_boxi{
font: bolder 10px/12px helvetica,sans-serif, arial;
padding-left:10px;
padding-right:10px;
}

#piilotettu_uusilinkki{
display: none;
}

.nappi {
text-align:center;
display: block;
background-image:url('../kuvat/napit/submit_nappi.png');
background-repeat:no-repeat;
font: 12px georgia,sans-serif, arial;
height:25px;
width:150px;
color:#000000;
margin:0px;
padding:0;

}

.nappi  a{
display: block;
padding-top:5px;
padding-bottom:4px;
color:#000000;

}

.nappi a:hover{
padding-top:6px;
padding-left:2px;
display: block;
background-image:url('../kuvat/napit/submit_nappi_alhaalla.png');
background-repeat:no-repeat;
color:#000;
}

.nappi a:visited{
color:#000;
}


#sivun_otsikko{
font:bold 14px georgia,sans-serif, arial;
padding-bottom:10px;
margin: 0 0 10 0;
text-align:center;
border-style:dotted;
border-width:1px;
border-top-width: 0px;
border-bottom-width: 1px;
border-right-width: 0px;
border-left-width:0px;

}

.sivut{
background-color:#6699cc;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
font: 12px georgia,sans-serif, arial;
border-style:solid;
border-width:1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width:0px;
border-color:#000;
margin:0px;

}


#muokkaus_koodit{
display: none;
border-style:solid;
border-width:0px;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
text-align:center;
background-color:#;
}
#hymiot{
 display: none;
 margin-top:10px;
 text-align:center;
 }

 #liite_pohja{
 display: none;
 margin-top:10px;
 
 }
 
#piilotettu, #kommentti_pohja{
display: none;
}

#kaava_linkki, #kaava_kuva, #kaava_koneelta{
display: none;
}

#piilotettu .lisaa_uutinen {Padding:20px 10px 10px 10px; font: bolder 12px/12px helvetica,sans-serif, arial;}

#muokkaa_laatikko{
background-image:url('../kuvat/boxi_tausta_tile.png');
background-color:#eeeeee;
border-style:dotted;
border-width:1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
padding: 10px 10px 10px 10px;
font: bolder 12px/12px helvetica,sans-serif, arial;
margin:5px 5px 15px 0px;

}

.muokkaa_table{font: bolder 12px/12px helvetica,sans-serif, arial;}


#muokkaa_style{

font: bolder 12px/11px helvetica,sans-serif, arial;
width:

}



#poisto{
margin-top:0px;
font: bolder 12px/11px helvetica,sans-serif, arial;

padding: 3px 5px 3px 5px;
margin-right:1px;
margin-top:0px;
margin-right:5px;
border-style:dotted;
border-width:1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width:0px;
float:right;
background-color:;

}

#poisto input{
font: bolder 12px/11px helvetica,sans-serif, arial;
padding: 2px 2px 2px 2px;
margin:0px;
}

#uutinen{
padding-top:20px;
padding-bottom:20px;
padding-left:15px;
border-color:#777;
border-style:solid;
border-width:1px;
border-top-width: 1px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-right-width: 0px;
border-left-width:0px;
font: 12px georgia,sans-serif, arial;
}

#uutinen_otsikko{
padding-left:5px;
padding-bottom:5px;
padding-top:10px;
font: BOLD 16px georgia,sans-serif, arial;
color:#000000;
margin:0px;
}

#uutinen_liite{
padding-top:10px;
}

#uutinen_liite a{
text-decoration:underline;
}

#uutinen_kirjoittaja{
padding-top:5px;
padding-left:5px;
font: bolder 10px/11px helvetica,sans-serif, arial;

border-color:#777;
color:#777;

}

#uutinen_kehys{
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
font: 12px georgia,sans-serif, arial;
}

#loggaus{
margin-bottom:10px;

margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;

text-align:center;

}

body form{margin:0;padding:0;}

#loggaus_tiedot{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:10px;
padding-top:0px;
padding-bottom:5px;
font: 10px georgia,sans-serif, arial;
border-style:solid;
border-width:0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width:0px;
text-align:center;

}

#piilotettu_loggaus{
font: 10px georgia,sans-serif, arial;
padding-top:10px;
padding-right:10px;
display: none;
text-align:center;
}

.pienella{
font: bolder 10px/12px helvetica,sans-serif, arial;
}

.pienella_punaisella{
font: bolder 10px/12px helvetica,sans-serif, arial;
color:red;
}

#sivun_kehys{
width:730px;
background-color:#6a75b7;
}



#kuvat_kehys{
text-align:;

margin-top:0px;

margin-left:0px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
padding-right:0px;

border-style:;
border-width:1px;
border-top-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width:0px;
background-color:#;


}


<!-- VALIKKO  -->

#menu {

border-width:0px;
border-style:solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-left-width:0px;
margin-top:10px;
}

#menu ul {
list-style-type: none;

z-index:500;
width:120px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#menu li {

background-image:url('../kuvat/napit/nappi_alhaalla.png');
padding: 0 0 0 0;
margin: 0 0 0 0;
background-color:;
font:bold 11px/16px arial,helvetica,sans-serif;
height:20px;
}

#menu a{
color:#555;
font:bold 11px/20px arial,helvetica,sans-serif;
display:block;
padding:0px 0px 0px 15px;

height:20px;
vertical-align: baseline;

}

#valittu a{
color:#eee;
padding-left: 25px;
}

#valittu{
background-image:url('../kuvat/napit/kuulto_valittu.png');
height:20px;
font:bold 11px/16px arial,helvetica,sans-serif;
}

#menu a:hover {
background-image:url('../kuvat/napit/kuulto.png');
height:20px;
color:#eee;
}

#menu ul ul {
background: #a8a9b5;
position:absolute;
z-index:4;
left: 0px;
top:auto;
display:none;
color:#000000;
width:120px;
}

#menu ul ul ul {
position: absolute;
z-index:5;
top: 0;
left: 100%;
color:#000000;

}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!-- KUVA VALIKOT -->

#menu_kuvat {
height:20px
width:300px;
}


#menu_kuvat ul {

background-image:url('../kuvat/napit/nappi_nelio.png');
text-align:center;
list-style:none;
margin:0;
margin-right:2px;
padding:0;
float:left;
width:120px;
z-index:500;
height:20px;
border-width:1px;
border-style:solid;
vertical-align: baseline;
}

#menu_kuvat a{

font:bold 11px/19px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:0px 0px 0px 3px;
color:#000000;
height:20px;
vertical-align: baseline;
}


#menu_kuvat a:link{
color:#000000;
}


#menu_kuvat a:hover {
background-image:url('../kuvat/napit/nappi_nelio_kuulto.png');
color:#eee;
}

#menu_kuvat li {position: relative;}

#menu_kuvat ul ul {

width:120px;
height:auto;
text-align:left;
background: #88aacd;
position:absolute;
z-index:4;
left: -1px;
padding-top:5px;
padding-bottom:5px;
top:auto;
display:none;
color:#000000;
border-width:1px;
border-style:solid;
}

#menu_kuvat ul ul a{
display:block;
}

#menu_kuvat ul ul a:hover{
display:block;
background: #306eae;
color:#fffff;
}

#menu_kuvat ul ul ul {
position: absolute;
z-index:5;
top: 0;
left: 100%;
color:#000000;

}

div#menu_kuvat ul ul,
div#menu_kuvat ul li:hover ul ul,
div#menu_kuvat ul ul li:hover ul ul
{display: none;}

div#menu_kuvat ul li:hover ul,
div#menu_kuvat ul ul li:hover ul,
div#menu_kuvat ul ul ul li:hover ul
{display: block;}
