@charset "iso-8859-1";

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

font{
font-family: verdana, arial; 
font-size:11px;
color: #521303;
}

div {
margin: 0;
padding: 0;
}
.punane {color: red;}

.pee{
width:150px;
padding: 4px;
margin: 0px 6px 0px 10px;
font-family: verdana, arial; 
font-size:10px;
color: #F6B663;
background-color: #7B3212;
}

.bee{
width:150px;
padding: 4px;
margin: 0px 6px 0px 10px;
font-family: verdana, arial; 
font-size:10px;
color: #F6B663;
background-color: #67260A;
}

p{
margin: 0 0 0 0;
padding: 0 0 0 0;
padding-bottom: 6px;
font-family: verdana, arial; 
font-size: 10px;
color: #F6B663;
}

ol{
font-family: verdana, arial; 
font-size:10px;
color: #Fad093;
}

ul {
margin: 6px;
text-indent: 2px;
list-style-position: inside;
list-style-type: square;
position: relative;
left;
padding:0px;
width:170px;
line-height: 12px;
font-family: verdana, arial; 
font-size:10px;
color: #Fad093;
}


.uutine{
margin: 6px 6px 6px 6px;
padding: 6px;
background-color: #EB640A; 
color: #FFF5CC;
text-align: center;
}

.osote{
position:absolute;
top: 506px;
left: 105px;
width: 630px;
height: 20px;
z-index: 3; 
font-family: verdana, arial; 
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}

strong{
font-weight:bold
}
a{ 
text-decoration: none;
font-family: verdana, arial;
color: #FFFFFF;
}
a:hover{ 
text-decoration: underline;
}
.xa{ 
text-decoration: none;
color: #F6D142;
background-color: #511201;
}
.xa:hover{ 
color: #511201;
background-color: #F6D142;
}

.menus{
color: #FFFFFF;
margin: 0;
padding: 0;
}

.tausta{
position:absolute;
top:0px; 
left:0px; 
width:837px; 
height:547px; 
z-index:2;
}

.xboks{
position:absolute;
left:242px; 
top:288px; 
width:212px; 
height:202px; 
overflow: hidden;
z-index:5;
}

.boks{
position:absolute; 
top:226px; 
left:36px; 
width:200px;
height:276px; 
z-index:3;
overflow: auto;
visibility: hidden;
line-height: 12px;
}

.boksc{
position:absolute; 
top:196px; 
left:36px; 
width:700px;
height:305px; 
z-index:3;
overflow: auto;
visibility: hidden;
}

.tezboks{
position:absolute; 
top:208px; 
left:36px; 
width:200px; 
z-index:3;
height: 300px; 
visibility: hidden;
}

.skidi{
position:absolute; 
width:210px; 
z-index:4;
height: 224px; 
overflow: auto;
visibility: hidden;
}

.tezskidi{
position: absolute;
top:238px; 
left:36px;  
text-align: left; 
width:210px; 
z-index:4;
height: 159px; 
overflow: auto;
visibility: hidden;
padding-left: 6px;
}
.roks{
background-color: #EB640A; 
layer-background-color: #EB640A;
}

#temppi2 {
margin: 0 0 0 0;
padding: 0 0 0 0;
padding-left: 4px;
padding-top:4px;
padding-bottom:4px;
z-index: 3;
font-family: verdana, arial; 
font-size: 10px;
font-weight: bold;
background: white;
color: white;
}

#temppi2 p {
text-align: top;
color: white;
margin-right: 0;
}

#temppi2 a{
color: white;
text-decoration: underline;
}
table {
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-bottom: 16px;
font-family: verdana, arial; 
font-size: 10px;
color: #F6B663;
border-collapse: collapse;
border: 0px solid white;
}

#valikko {line-height:12px;}
#uutta {width: 400px;}