body {
   background-color:white;
}


#navigation {
   border:4px solid black;
   background-color:#474768;	
}

#content {
   border-left:	4px solid black;
   border-right: 4px solid black;
   background-color: #88a3c2;
}

#left {
   border-right: 2px solid #474768;
}

#footer {
   background:url(../images/alapalkki.png) no-repeat;	
   padding-left:15px;
   padding-top:8px; 
}

#footer span {
   color:#bbccee;
   font-size:12px;
}

.copy {
   float:right;
   font-size:10px;
   margin-right:15px;
   margin-top:3px;
}

img {
   border:none;	
}

h2 {
   color:black;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:25px;
   display:inline-block;
   width:60%;
   border-bottom:thin solid #474768;
}

h3 {
   color:black;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:20px;
}

h4 {
   color:black;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:18px;
}

p {
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
}

a:link,
a:active,
a:visited{
   color: #DDD;
   text-decoration: none;
}

a:hover{
   color: #FFF;
   text-decoration: none;
}

.juliste {
   border:3px solid black;
   margin-left:auto;
   margin-right:auto;
   width:200px;
}

a.naviglink:link,
a.naviglink:active,
a.naviglink:visited{
   color: white;
   font-size: 16px;
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   margin-left:10px;
}

a.naviglink:hover {
   color:#bbccee;	
}

ul.aanestyslista {
   list-style:none;
   list-style-position:outside;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   margin-left:-20px;
}

label.aanestys {
   display:inline-block;
   width:150px;
   text-align:right;
}

label {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

input {
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
}

img.galleria {
   height: 105px;
   border-top: 4px solid #ccc;
   border-left: 4px solid #ccc;
   border-right: 4px solid #ccc;
   border-bottom: 6px solid #CCC;
}

img.galleria:hover {
   height: 105px;
   border: 4px solid #474768;
   border-bottom-width:6px;
}

.gallery {
   width:170px;
   float:left;
   text-align:center;
}

input {
   background-color:#039;	
   color:white;
   border:2px solid black;
}

input[type="submit"] {
   background-color:#009;
   color:white;
}

#logot img {
   width:180px;
   border:2px solid black;
}

#top10 {
   list-style:none;
   list-style-position:outside;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
}

#top10 .pariton {
   background-color:#036;
   padding:2px;
   display:inline-block;
   color:white;
   width: 100%;
}

#top10 .parillinen {
   background-color:#069;
   padding:2px;
   display:inline-block;
   width: 100%;
}

#top10 .aanet {
   display:inline-block;
   width:35px;
   text-align:center;
}

#top10 .kappale {
   display:inline-block;
   width:180px;   	
}

#top10 .aanesta {
   color:white;
   display:inline-block;
   width:45px;   	
}

.kaikkiBiisit {
   margin-left:auto;
   margin-right:auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
}

.kaikkiBiisit th {
   background-color:#006;
   border-bottom:3px solid white;
   color:white;
}

.kaikkiBiisit .parillinen {
   background-color:#069;	
}

.kaikkiBiisit .pariton {
   background-color:#036;
   color:white;
}

.kaikkiBiisit td {
   padding:2px;	
}

.kaikkiBiisit input[type="button"] {
   float:right;	
}



#top10 input[type="button"] {
   float:right;	
}