/* Mietaan NS revisited 2005 */
/* author: Kimmo Katajamaki 2005, http://kimmo.takatalvi.net */

body {
 background: #000000 url(../grafiikat/vihr-bg7.jpg) repeat-x;
 font-family: Arial, Verdana, sans-serif;
 font-size: small;
 color: #F4F4F4;
 line-height: 1.6em;
 margin: 0;
 padding: 0;
 text-align: left;
}

/* linkkikuvilta reunus pois */
a img {
 border: none;
}

a:link {
 color: #C1F001; 
 background-color: transparent;
 text-decoration: underline;
}

#navikointi ul li a:link {
 color: #999999; 
 background-color: transparent;
 text-decoration: none;
}

a:visited, #navikointi ul li a:visited {
 color: #999;
 background-color: transparent;
 text-decoration: none;
}

a:hover, #navikointi ul li a:hover {
 background-color: #C1F001;
 color: #333333;
 text-decoration: none;
}

a:active, #navikointi ul li a:active {
 color: #999999;
 background-color: transparent;
}

/* Logokuva, muuta width ja height kuvan koon mukaisiksi. Sopivampi nimitys voisi olla header?  */
#tausta {
 background: url(../grafiikat/vihr-logot2.jpg) no-repeat;
 width: 539px; 
 height: 70px;
}

/* toimii wrapperina contentille */
#sisalto {
 margin-top: 20px;
}

/* navigointipalkki */
#navikointi {
 float: left;
 width: 140px;
 margin: 20px 0 0 10px;
 padding: 0;
 background-color: transparent;
 text-decoration: none;
}

#navikointi ul {
 margin: 0;
 padding: 0;
 list-style: none;
 background-color: transparent;
}

#navilogo {
 background: url(../grafiikat/mietaalogo-tumma.jpg) no-repeat;
 width: 93px; 
 height: 91px;
 margin: 10px 0;
}

/* sisalto tulee tahan */
#leipa, #esiintyja_leipa {
 width: 550px;
 margin-left: 180px;
 padding: 0;
}

/* etusivun keskipalsta */
#leipa_etusivu {
 margin-left: 180px;
 width: 360px;
}

/* etusivun oikea palsta */
#esiintyja {
 position: absolute;
 top: 120px;
 left: 570px;
 width: 200px;
 padding: 5px;
 border: 1px solid #898989;
 background: url(../grafiikat/raita1.png) repeat;
}

/* TARVITAANKO MUUALLA KUN OHJELMA-OSIOSSA? 
#esiintyja_leipa {
 width: 400px;
 margin-left: 180px;
 position: absolute;
 top: 160px;
 left: 210px;
 width: 200px;
} */

#esiintyjasivunkuva {
 position: absolute;
 top: 160px;
 left: 420px;
 width: 200px;
}

#ohjelma {
 position: relative;
 top: -190px;
 left: 210px;
 width: 400px;
}

#paivitys {
 margin: 10px 10px 10px 180px;
 width: 360px;
 padding: 5px;
 border: 1px solid #898989;
 background: url(../grafiikat/raita1.png) repeat;
}

#copy {
 clear: both;
 height: 55px;
 background: url(../grafiikat/vihr-copybg1.jpg) repeat-x;
 padding: 0;
 margin: 20px 0 0 0;
 color: #cfcfcf;
}

#copy p {
 padding: 20px;
 margin: 0;
}

/* SISALTO */
h2 {
 color: #C1F001;
 background-color: transparent;
 font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
 font-weight: normal;
 font-size: 1.6em;
 margin: 20px 0 0 0;
}

h3 {
 color: #C1F001;
 background-color: transparent;
 font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
 font-weight: normal;
 font-size: 130%;
 margin: 2px 0 5px 0;
}

h5 {
 color: #F4F4F4;
 background-color: transparent;
 font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
 font-weight: bold;
 font-size: 125%;
 margin: 2px 0 5px 0;
}

#leipa ul {
 list-style: none;
 padding-left: 0;
 margin-left: 0;
}

/* LOMAKE */
input {
 background-color: #666;
 border: 1px solid #999;
 color: #F4F4F4;
}

input:hover, textarea:hover {
 border: 1px solid #CCC;
}

.submit, .reset {
 color: #999;
 background-color: #666;
 border: 1px solid #999;
 margin: 5px 5px 5px 0;
}

.submit:hover, .reset:hover {
 border: 1px solid #CCC;
 color: #CCC;
}

textarea {
 background-color: #666;
 border: 1px solid #999;
 color: #F4F4F4;
 width: 400px;
}

/* Entinen book.css */
.viesti_rima {
 color : #ccc;
}

.otsikkorivi {
 background-color : #000;
 font-weight: bold;
 text-align: center;
}

.viesteja {
 font-size : .9em;
 font-weight : normal;
 height : auto;
 background-color: #000;
 text-align: left;
}

.valikkorivi{
 background-color: #000;
}