body {
margin: 0px;
padding: 0px;
background-color: #000;
}

#kleft {
position: absolute;
top: 10px;
left: 6px;
width: 60px;
height: 208px;
}

#container {
position: absolute;
left: 66px;
top: 0px;
width: 90%;
min-width:780px;
}

#logo {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
background-color: #fff;
min-width: 660px;
border-right: 8px solid #fff;
background-image: url(../images/_tp2.png);
background-repeat: repeat-x;
overflow: hidden;
}

#nav {
position: relative;
background-color: #fff;
min-width: 650px;
border-right: 2px solid #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
margin-top: -5px;
padding: 6px 0px 2px 2px;
}

div#nav a {
color: #555;
text-decoration: none;
padding: 5px 2px 6px 2px;
}

div#nav a:hover {
background-color: #EDAABD;
color: #000;
padding: 5px 2px 6px 2px;
}

div#nav a.act {
background-color: #EDAABD;
color: #000;
}

.light {
font-weight: normal;
color: #aaa;
}

.small {
font-size: 70%;
}

#content {
text-align: left;
background-color: #fff;
font-family: arial, verdana, sans-serif;
font-size: 100%;
color: #000;
border-right: 2px solid #fff;
padding-top: 10px;
}

#loota1 {
text-align: center;
background-color: #fff;
width: 658px;
border: 0px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0 auto;
font-size:10px;
}

#loota2 {
padding: 10px 12px 0px 10px;
width: 90%;
}

h1 {
font-family: verdana, arial, sans-serif;
font-size: 140%;
color: #4B6870;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 100%;
color: #4B6870;
padding-top: 15px;
}

h3 {
font-family: verdana, arial, sans-serif;
font-size: 90%;
font-weight: bold;
color: #4B6870;
padding-top: 15px;
}

.hoo {
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-size: 100%;
color: #4B6870;
}

p, td {
font-family: verdana, arial, sans-serif;
font-size: 90%;
color: #000;
}

a {
color: #3B5860;
text-decoration: none;
}

a:hover {
color: #2B4850;
text-decoration: underline;
}

img.dots {
display: block;
margin-left: auto;
margin-right: auto;
}

img.border {
border: 1px solid black;
padding: 2px;
}

img.nobrd {
border: 0px solid #fff;
}

div.kuva {
text-align: center;
border: 0px solid #000;
padding: 5px 0px 10px 0px;
font-size: 90%;
font-style: italic;
}

div.kuva img {
margin: 10px 5px 5px 0px;
padding: 2px;
border: 1px solid #000;
}

.box {
border: 1px solid #3B5860;
padding: 0px 10px 15px 10px;
margin: 0px 0px 10px 40px;
}

.bx {
border: 1px solid #3B5860;
font-size: 80%;
padding: 2px 10px 2px 10px;
margin: 0px 0px 10px 40px;
}

.picleft {
float: left;
border: 1px solid black;
padding: 2px;
margin: 0px 10px 10px 0px;
}

.picright {
float: right;
border: 1px solid black;
padding: 2px;
margin: 5px 0px 10px 20px;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

img.rajattu {
margin: 10px 5px 5px 0px;
padding: 2px;
border: 1px solid #000;
}

hr.hid {
clear: both;
border: 1px solid #fff;
}

ol.lista {
font-size: 80%;
}

input.loota {
font-size: 100%;
width: 95%;
border: 1px solid #000;
}

textarea.loota {
font-size: 100%;
width: 95%;
border: 1px solid #000;
}

input.nappi {
font-size: 80%;
color: #000;
background-color: #D3C1D2;
border: 1px solid #000;
margin-right: 5%;
}