body {
background-color: #000000;
}

.otsikko {
float: left;
}

.perus {
text-align: justify;
font-family: Verdana, Sans-serif;
font-size: 12px;
color: #e0c6ce;
position: absolute;
top: 260px;
left: 120px;
width: 500px;
border: 1px dotted #e00045;
background-color: #720023;
padding: 10px;
}

.lista {
text-align: justify;
font-family: Verdana, Sans-serif;
font-size: 12px;
color: #e0c6ce;
position: absolute;
top: 485px;
left: 120px;
width: 850px;
border: 1px dotted #e00045;
background-color: #720023;
padding: 10px;
}

.list {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.list td {
width: 20%;
}

.yla {
text-align: center;
font-family: Verdana, Sans-serif;
font-size: 10px;
color: #e0c6ce;
letter-spacing: 3px;
position: absolute;
top: 5px;
left: 120px;
width: 500px;
border: 1px dotted #e00045;
background-color: #720023;
padding: 10px;
}

.liity {
font-family: Verdana, Sans-serif;
font-size: 10px;
color: #e0c6ce;
border: 1px dotted #e00045;
background-color: #720023;
text-align: center;
position: absolute;
top: 5px;
left: 650px;
width: 340px;
}

.buttonit {
font-family: Verdana, Sans-serif;
font-size: 10px;
color: #e0c6ce;
border: 1px dotted #e00045;
background-color: #720023;
text-align: center;
position: absolute;
top: 50px;
left: 650px;
width: 340px;
}

.muutos {
font-family: Verdana, Sans-serif;
font-size: 10px;
color: #e0c6ce;
border: 1px dotted #e00045;
background-color: #720023;
position: absolute;
top: 180px;
left: 650px;
width: 340px;
}

.tag {
font-family: Verdana, Sans-serif;
font-size: 10px;
color: #e0c6ce;
border: 1px dotted #e00045;
background-color: #720023;
position: absolute;
top: 235px;
left: 650px;
width: 340px;
}

h2 {
color: #e00045;
font-size: 15px;
letter-spacing: 10px;
font-family: Times new roman;
margin:0px;
}

a {
color: #ffffff;
text-decoration: none;
}

a:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 1px #e00045 solid;
}

.ala {
position: absolute;
top: 800px;
left: 0px;
width: 100%;
height: 5px;
}