/* tausta */
body {
 /* background-color: #B8C2CF; */
 background-image: url("../images/bg_img.gif");
 font-family: verdana, arial;
 font-size: 10pt;
 color: #404040;
 margin-top: 40;
}

body dd {
 margin-left:0px;
}

/* vasennavi alkaa */

.wireframemenu{
border: 1px dotted #808080;
background-color: white;
border-bottom-width: 0;
width: 100%;
}

.wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 9px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #000000;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #000000;
}

.wireframemenu a{
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

/* ylänavi alkaa */

.basictab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px dotted gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #ffffff;
color: black;
}

.basictab li a:visited{
color: #000000;
}

.basictab li a:hover, .basictab li a.current{
background-color: #F4F0D3;
color: black;
}

.basictab li a:active{
color: black;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

 

/* linkit */
a:link, a:visited, a:active {
 text-decoration: none;
 font-family: verdana, arial;
 font-size: 8pt;
 color: #4040ff;
}

/* linkit -onmouseover */
a:hover {
 text-decoration: underline;
}

/* sisältötaulukko */
table.area {
 border-width: 1px;
 border-style: solid;
 border-color: #9D9797;
 background-color: #FFFFFF;
 spacing: 0;
 padding: 0;
 background-image: url("../images/banner1.jpg");
 background-repeat: no-repeat;
}

/* yläbanneri */
.banner {
 height:230px;
 /* border-bottom-style: dotted; */
 /* border-bottom-width: 1px; */
 /* border-bottom-color: #c0c0c0; */
}

/* ylävalikko */
.mainnavi {
 font-size: 10pt;
 font-weight: bold;
 color: #000000;
 font-family: verdana, arial;
 background: #ffffff;
 width: 800px;
 height: 20px;
 margin-left: 0;
 /* opacity: .5; */
 /* -moz-opacity: .6; */
}

/* ylävalikon linkit perus ja vieraillut */
.mainnavilink:link, .mainnavilink:visited {
 text-decoration: none;
 font-weight: bold;
 font-family: verdana, arial;
 font-size: 10pt;
 color: #000000;
}

/* ylävalikon linkit onmouseover ja alaspainettuna */
.mainnavilink:hover, .mainnavilink:active {
 text-decoration: underline;
 font-weight: bold;
 font-family: verdana, arial;
 font-size: 10pt;
 color: #000000;
}

/* vasen sarake, sisällön tyyli */
.leftcont {
 padding-top: 0;
 padding-left: 15;
 padding-right: 15;
 border-right-style: dotted;
 border-right-width: 1px;
 font-family: verdana, arial;
 font-size: 10pt;
 border-color: #c0c0c0;
}

/* oikea sarake, sisällön tyyli */
.rightcont {
 padding: 12;
 font-family: verdana, arial;
 font-size: 10pt;
}

/* oikea sarake, kuvan tyyli */
.rightcont img {
 display: block;
 position: relative;
 background-color: #fff;
 border: 1px solid #a9a9a9;
 margin: 6px 6px 6px -6px;
}

/* oikea sarake, yläotsikon tyyli */
.header1 {
 padding-top: 30;
 padding-bottom: 12;
 font-family: verdana, arial;
 font-size: 11pt;
 font-weight: bold; 
}

/* oikea sarake, alaotsikon tyyli */
.header2 {
 padding-top: 12;
 padding-bottom: 12;
 font-family: verdana, arial;
 font-size: 10pt;
 font-weight: bold; 
}

/* lisää kuvan tyyliä */
.image {
clear: both;
float: left;
margin: 0px 0 0 20px;
}

/* alatunnisteen tyyli */
.footer {
 border-top-style: dotted;
 border-top-width: 1px;
 border-top-color: #c0c0c0;
 font-size: 7pt;
 font-weight: bold;
 color: #404040;
 font-family: verdana, arial;
 height: 20px;
}