body {
 padding: 0;
 padding-left: 1em;
 padding-right: 1em;
 margin: 0;
 border: 0;
 font-family: Verdana, Arial, sans-serif;
}

.top {
 height: 20px; /* korkeutta ei muuten ole koska sisältö on floatattu */
}

.top .left {
 float: left;
 width: 50%;
}

.top .right {
 width: 50%;
 text-align: right;
 float: right;
}

.topbar {
 border-top: 2px solid #c0c0c0;
 border-right: 2px solid #c0c0c0;
 border-left: 2px solid #c0c0c0;
 height: 60px;
 background-color: white;
 padding: 1px;
 margin-left: 26%;
}

.topbar div {
 background-color: #cc0000;
 height: 60px;
 border-right: 1px solid #c0c0c0;
 color: white;
}

.topbar .pala {
 background-color: #cc0000;
 height: 60px;
 width: 32%;
 margin-right: 1px;
 float: left;
}



.main .right {
 float: right;
}

.leftbar {
 position: absolute;
 left: 0;
 top: 20px;
 width: 25%;
 padding-top: 1px;
 border-left: 2px solid #c0c0c0;
 border-top: 2px solid #c0c0c0;
 border-bottom: 2px solid #c0c0c0;
 margin-left: 1em;
}

.leftbar .nav {
 border-top: 2px solid #c0c0c0;
 margin-top: 2px;
}

.leftbar h1 {
 margin: 0;
 background-color: #cc0000;
 height: 60px;
 border-left: 1px solid #c0c0c0;
 margin-right: 1px;
 border-right: 1px solid #c0c0c0;
 padding-left: 2px;
}


.leftbar ul {
 margin: 0;
 padding: 0;
 padding-left: 0.5em;
}

.leftbar ul li {
 list-style-type: none;
 font-weight: 900;
 margin: 0;
 padding: 0;
}
.leftbar ul li ul li {
 font-weight: 100;
}


.main {
 border: 2px solid #c0c0c0;
 margin-left: 26%;
 margin-top: 1px;
}

.clear {
 clear: both;
 visibility: hidden;
}

.haku {
 background-color: #cc0000;
 color: white;

}

.harmaa {
 background: #999999 none;
 color: white;
 padding-left: 1%;
}

.center {
 text-align: center;
}

h2 {
 font-size: 1.1em;
 padding: 0;
 margin: 0;
}

p {
 padding-left: 1%;
}

img {
 border: 0;
 padding: 0;
 margin: 0;
}

div {
 border: 0;
 padding: 0;
 margin: 0;
}