body{
     padding: 0;
     margin: 0;
     height:100%;
     border:none
}
img{
border: 1px solid grey;
}

a, a:visited
{
        color: red;
        text-decoration: none;

}

a:hover
{
        color: #FFFF00;
        text-decoration: none;

}
hr {
        color: #7D84A1;
        height: 1px;
}

/************  background-image: url('../img/tausta.jpg');  **************/
#ylakuva{

        background-color: #FFFFFF;
        background-image: url('../img/ylakuva.jpg');
        background-repeat: no-repeat;
        padding-bottom: 10px;
        padding-right: 16px;
        width: 100%;
        height: 100px;
        text-align: right;
        font: 17px Verdana, sans-serif;
        color: #172357;
        font-style: italic;

        border: 1px solid #000000;
}
#valikko{
        text-align: left;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 0px solid #000000;
        padding: 0px;
        background-color: #172357;
        width: 100%;
        font: 10px Verdana, sans-serif;
}
#paasivu{

        width: 100%;
        height: 100%;
        font: 13px Verdana;
}

#oikea {

        background-color: #172357;
        padding-left: 20px;
        padding-right: 20px;
        width: 18%;
        border-left: 1px solid #808080;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        vertical-align: top;
        text-align: center;
        line-height: 14px;
        font: 11px Verdana, sans-serif;
        color: #FFFFFF;
}

#keski {

        background-color: #172357;
        vertical-align: top;
        padding: 20px;
        width: 82%;
        border-left: 1px solid #172357;
        border-bottom: 1px solid #172357;
        border-top: 1px solid #FFFFFF;
        color: #FFFFFF;
}

#galleria {
        padding: 0px;
        margin: 0px;
        text-align: center;
}

.kuvagalleria {
        display: float;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;

}

#kuvateksti {
        background-color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
}

#boksi2{
padding: 2px 2px 2px 2px;
width:140px;
border: #000000 1px solid;
background-color: #000000;
text-align: center;
color: #FFFFFF;
font: 10px Verdana, sans-serif;
}

#kieli{
padding: 2px 2px 2px 2px;
width:140px;
border: #000000 1px solid;
background-color: #FFFFFF;
text-align: center;
color: #000000;
font: 10px Verdana, sans-serif;
}


.alleviivattu
{
text-decoration: underline;
}

.yliviivattu
{
text-decoration: line-through;
}
#ovi
{
font: 16px Verdana, sans-serif;
color: #172357;
font-style: italic;
}
 #navcontainer
{
margin: 0;
padding: 0 0 0 0px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #FFFFFF;
display: block;
width: auto;
text-decoration: none;
background: #7D84A1;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #FFFFFF; color: #172357; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#kommentti {

        width: 600px;
        padding: 10px;
        border: 1px solid #000000;
        background-color: #FFFFFF;
        font-size: 11px;
        font-family: Tahoma, Arial, sans-serif;
        line-height: 16px;
        color: black;
        text-align: center;
}