body { font-size: 62.5%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #000; background-image: url(../img/bg.gif); background-repeat: repeat; height: 100%; min-height: 100%; margin: 0; }

#kokosivu { background-color: #000; background-image: url(../img/bg_1.jpg); background-repeat: no-repeat; position: relative; width: 900px; min-height: 100%; margin: 10px auto 5px; border: solid 1px #7f7f83; }


#header
{ position: relative; padding:0; width: 900px; height: 150px; border-bottom: 3px solid #fff; }

#logo { height: 120px; width: 120px; left: 30px; top: 10px; position: absolute; visibility: visible; }
#otsikko { height: 100px; width: 150px; left: 700px; top: 32px; position: absolute; visibility: visible; }
.otsikko { font-size:20px; font-weight:bold; color:#FFFFFF; }
.puh { font-size:14px; font-weight:bold; color:#FFFFFF; }
#kolikot { height: 205px; width: 141px; left: 0px; top:0px; position: absolute; visibility: visible; }
#sirri { height: 43px; width: 274px; left: 240px; top:32px; position: absolute; visibility: visible; }
#slogan { height: 97px; width: 252px; top: 32px; position: absolute; left: 29px; visibility: visible; }


#menu { margin: 0; padding: 0; width: 900px; height: 22px; position: absolute; top: 132px; }
#menu ul { color: #847f85; background-color: #f00; background-image: url(../img/navi_a.gif); background-repeat: repeat; list-style-type: none; margin: 0; padding: 0; width: 900px; }
#menu li { display: inline; margin: 0; padding: 0;}
#menu li a { color: #847f85; background: #f00 url(../img/navi_a.gif); border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; display: block; float: right; padding: 2px; text-align: center; text-decoration: none; width: 10em; margin-right: 5px; }
#menu li a:link{ font: 11px verdana; color: #fff; background-color: #f00; text-decoration: none; }
#menu li a:visited { font: 11px verdana; color: #fff; background-color: #f00; text-decoration: none; }
#menu li a:hover { background-color: #666; background-image: url(../img/navi_b.gif); background-repeat: repeat; text-decoration: underline; }
#menu li a:active { background: #666; color: #fff; text-decoration: none; }

#content { height: auto; width: 100%; top: 530px; left: 29px; visibility: visible; }


p { }
td { color: #7f7f83; font-size: 11px; font-family: arial; line-height: 12px; text-align: left; padding: 5px; }

#text { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; text-align: left; width: 500px; float: left; margin: 10px; padding-right: 10px; padding-left: 10px; border-right: 1px dotted #fff; border-left: 1px dotted #fff; }
#vasen { color: #fff; font-size: 12px; font-family: arial; text-align: left; width: 150px; float: left; margin: 10px 5px 5px; }
#oikea{ color: #fff; font-size: 12px; font-family: arial; text-align: left; width: 180px; float: left; margin: 10px 5px 5px; }

.box_2{ width: 140px; font-size: 12px; text-align: left; }
#box{ color: #fff; font-size: 12px; vertical-align:bottom; width: 155px; float: left; padding: 40px 2px 2px; }

hr { width: 100%; border-width: 0; color: #f00; background-color: #f00; height: 2px }
.btop{ color: #fff; height: 180px; /* Rajataan laatikoiden otsikkopalkkien korkeuse 22 pikseliin */
	width: 170px; }

.box a:link, .box a:visited, .box a:hover {}
#navi ul{
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}
#navi ul li{
	display: block; 
	height: 22px; 
	border-bottom: 1px dotted; 
}
#navi ul li a{ 
	display: block; 
	height: 16px; 
	color: #ffffff; 
	text-decoration: none; 
	padding-left: 3px; 
	padding-top: 4px; }


#navi ul li a:hover{ background-color: #f00; color:#ffffff; background-image: url(../img/navi_a.gif); background-repeat: repeat; }

	
#footer { background-color: #666; height: 24px; width: 900px; clear: both; padding-top: 2px; padding-bottom: 2px; }
.footer { color: #fff; font-size: 12px; text-align: center; padding: 6px 2px 2px; }
h1 { font-size: 2em; font-family: arial; font-weight: bold; margin: 0.67em 0; }
h2 { color: #f90; font-size: 1.5em; font-family: arial; font-weight: bold; margin: 0.83em 0; }
h3 { color: #fff; font-size: 1.2em; font-family: arial; font-weight: bold; margin: 0.83em 0; }
h4 { color: #000; font-size: 1.2em; font-family: arial; font-weight: bold; margin: 0.83em 0; }
.img { float: left; padding-bottom: 10px; }
#table { float: left; margin: 20px; }

p {  }
td { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: transparent; padding-left: 20px; }

.td { color: #000; font-size: 12px; padding: 2px 5px 2px 10px; border-bottom: 1px dotted #7f7f83; }
.form { color: #fff; font-size: 12px; }
table.form tr td { color: #fff; font-size: 12px; }
a:link { color: #fff; background-color: transparent; text-decoration: none; }
a:visited { color: #fff; background-color: transparent; text-decoration: none; }
a:hover { color: #f00; background-color: transparent; text-decoration: none; }
a:active { color: #fff; background-color: transparent; text-decoration: none; }
h3 { color: #fff; font-size: 1.5em; font-family: arial; font-weight: bold; margin: 0.83em 0; }


p.error { color: red; }