div#background
{
margin: 0px;
width: 100%;
height: auto;
text-align: center;
position: absolute;
bottom: 0px;
top: 0px;
}

div#main_div {
background: white;
width: 640px;
border: 1px solid black;
border-bottom: none;
margin: 40px auto 0px auto;
position: relative;
text-align: left;
height: auto;
}

div#logo {
position: absolute;
left: 10px;
top: -40px;
width: 200px;
height: 200px;
padding: 0px;
}

div#kansikuva {
position: absolute;
top: 4px;
right: 4px;
font-size: 10px;
font-weight: normal;
}

div#titlebar{
text-align: left;
padding: 0px 0px 0px 0px;
height: 320px;
font-family: arial, helvetica;
font-weight: bold;
color: white;
position: relative;
}

div#title{
position: absolute;
top: 180px;
left: 20px;
color: black;
}

div#valid{
position: absolute;
left: 20px;
top: 5px;
}

div#footer{
border-top: 1px solid black;
height: 80px;
padding: 10px 0px 10px 0px;
font-family: verdana;
font-size: 10px;
position: relative;
background-color: #303030;
text-align: left;
}

div#footer_container
{
margin: 0 auto 0 auto;
width: 220px;
text-align: justify;
color: white;
font-weight: bold;
font-size: 9px;
font-family: arial, helvetica;
}
span#copyright_mark{
font-size: 30px;
float: left;
padding-right: 5px;
padding-left: 5px;
}

span.footer_title{
font-size: 13px;
letter-spacing: -1px;
}

div#linkbar{
padding: 6px 18px 6px 18px;
margin: 0px 0px 0px 0px;
text-align: left;
background-color: #202020;
font-weight: bold;
font-family: verdana;
font-size: 12px;
height: auto;
position: relative;
top: 0px;

}

div#content{
text-align: left;
width: 600px;
height: auto;
padding: 20px 20px 40px 20px;
position: relative;
left: 0px;
top: 0px;
margin: 0px 0px 0px 0px;
}

h1
{
font-family: "Trebuchet ms", arial, helvetica;
color: #5f93da;
width: 100%;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 2px dotted #5f93da;
font-size: 26px;
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
}

h2
{
font-family: arial, helvetica;
color: black;
letter-spacing: -1px;
font-size: 20px;
margin: 20px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

h3
{
font-family: arial, helvetica;
color: black;
letter-spacing: -1px;
font-size: 16px;
margin: 20px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

p
{
font-family: georgia;
font-size: 14px;
color: black;
padding: 0px 0px 0px 0px;
margin: 4px 0px 6px 0px;
text-align: justify;
}

p.ajankohtaista_aika
{
font-style: italic;
margin-left: 2em;
color: #5f93da;
}

img
{
border: none;
}
.filling_right, .filling_left
{
background-color: white;
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid black;
padding: 4px;
width: auto;
text-align: center;
font-family: georgia, arial, helvetica;
font-size: 10px;
}

.filling_left
{
float: left;
width: auto;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
}

.filling_left h1, .filling-right h1
{
border: 0px none;
font-size: 14px;
text-align: left;
font-family: trebuchet ms;
letter-spacing: 0.1em;
margin: 0px 0px 0.5em 0px;
}

.filling_left li, .filling_right li
{
font-size: 12px;
font-family:verdana;
letter-spacing: -1px;
margin: 0px 0px 0.5em 1em;
}

.filling_left ul, .filling_right ul
{
text-align: left;
margin: 0px 0px 0.5em 1em;
padding: 0px 0px 0px 0px;
}



a:visited, a:link
{
color: #4b4b68;
text-decoration: none;
font-weight: bold;
}

a:hover
{
color: #a0a0a0;
}

a:active
{
color: #a0a0a0;
}


.footerlink:link, .footerlink:visited, .footerlink:active
{
color: #e0e0e0;
}

.footerlink:hover
{
color: #5f93da;
}

span.devnote
{
color: red;
font-style: italic;
font-weight: bold;
}

div.postitusosoite
{
text-align: right;
border: 1px dashed #bbbbee;
padding: 10px;
width: 200px;
font-family: arial, helvetica;
}

.lomakelataus
{
text-align: center;
border: 1px dashed #bbbbee;
display: table-cell;
font-family: arial, helvetica;
font-size: 110%;
vertical-align: middle;
width: 5em;
height: 5em;
}

.rotumaaritelma
{
text-align: center;
border: 1px dashed #bbbbee;
display: table-cell;
font-family: arial, helvetica;
font-size: 110%;
letter-spacing: -1px;
vertical-align: middle;
width: 160px;
height: 160px;
}

.nayttelysolu_otsikko
{
text-align: center;
font-size: 110%;
font-family: arial, helvetica;
letter-spacing: -1px;
font-weight: bold;
border-bottom: 1px dashed #bbbbee;
}
.nayttelyrivi
{
vertical-align: top;

}
.nayttelyteksti_otsikko
{
text-align: center;
font-family: arial, helvetica;
letter-spacing: -1px;
font-weight: bold;
}

span.nayttely_knimi
{
font-style: italic;
font-variant: small-caps;
}

span.nayttely_omistaja
{
font-size: 80%;
}

span.nayttely_tulos
{
font-family: georgia, arial, helvetica;
font-size: 16px;
}
.lomakelataus:hover, .rotumaaritelma:hover
{
background-color: #5f93da;
}

.elvispiste
{
text-align: center;
font-size: 20px;
font-family: georgia, arial, helvetica;
border-right: 2px dotted #bbbbee;
}
.elvisotsikko
{
text-align:center;
font-size: 16px;
letter-spacing: -1px;
font-weight: bold;
padding-top: 10px;
border-bottom: 2px dotted #bbbbee;
}
.elvissijat
{
text-align:center;
font-family: georgia, arial, helvetica;
padding-right: 10px;
}


.tietolaatikko_left
{
float: left;
border-collapse: collapse; 
font-family: tahoma, arial, helvetica;
font-size: 70%;
margin-right: 10px;
margin-bottom: 10px;
display: block;
}

.tietolaatikko_left ul
{
margin: 0em;
padding: 0em;
list-style-position: inside;
list-style-type: square;
}

.tietolaatikko_left li
{

margin: 0em 0em 0em 0em;
padding: 0em;
}

.tietolaatikko_left li ul
{
margin: 0em 0em 0em 1em;
}

span.liha
{
font-weight: bold;
}

span.keno
{
font-style: italic;
}

span.vari
{
color: #4b4b68;
}

span#title_small
{
font-size: 10px;
}

span.nimike
{
font-weight: bold;
letter-spacing: -1px;
}
span.nimi
{
font-size: 120%;
letter-spacing: 1px;
}
span.osoite, span.email, span.puhelin
{
font-size: 110%;
font-style: italic;
margin-left: 10px;
}
span#title_big
{
font-size: 40px;
letter-spacing: -3px;
}
td.hallitussolu
{
vertical-align: top;
width: 50%;
padding: 10px;
}

span.link
{
color: white;
letter-spacing: -1px;
background-color: #202020;
padding: 6px 6px 6px 6px;
margin: 0px 2px 0px 2px;
}

span.link:hover, span.activelink
{
background-color: white;
color: #5f93da;
}

body {
background-color: #4b4b68;
background-image: url(imgs/tausta.png);
background-repeat:repeat-x;
margin: 0px;
}

#galleria
{
border-collapse: collapse;
width: 100%;
}

#galleria td
{
text-align: center;
vertical-align: top;
}

#galleria td img
{
border: 1px solid black;
padding: 4px;
}

#gallerialista
{
list-style-type: none;
margin: 0em;
padding: 0em;
}

#gallerialista li
{
display: inline;
width:120px;
border: 1px solid black;
padding: 2px 4px 2px 4px;
margin: 2px;
}