html, body{
   margin:0;
   padding:0;
   text-align:center;
   background: #EEE url(images/bg.gif);
}

#header{
   margin-right: 3px;
   margin-left: 3px;
   border-top: 26px solid #FFFFFF;
   width:772px;
}

#kaikki {
   width:970px;
   margin: auto;
}

#banner{
   float:right;
   width:180px;
   padding-top: 270px;
}

#holder {
   width:780px;
   text-align: left;
   background: url(images/main_bg.png);
   min-height: 100%;

}
#apu {
   margin: 0px 2px 0px 2px;
}
#vasen {
   float:left;
   width:173px;
   padding-left: 17px;
}

#vasen br {
   line-height: 10px;
}

#vasen2 {
   float:left;
   width:173px;
   padding-top: 10px;
}

.logot {
   text-align: center;
   margin-top: 200px;
}

.logot img {
   border: 0;
   margin-top: 20px;
}


#content {
   float:right;
   width: 500px;
   padding-right: 50px;
   height: 100%;
}

#content-main {
   float:left;
   width:500px;
   text-decoration: none;
   color: #330033;
   font: 12px/16px Arial, Helvetica, sans-serif;
   background: url(images/textbg.gif) repeat-y;
   height: 100%;
}

#content-main li {
   margin: 0 0 0  20px;
   padding: 0;
}

.texttop {
   background: url(images/texttop.gif) no-repeat top;
   width:471px;
   height: 19px;
   padding:0;
   margin:0;
}

.textbot {
   background: url(images/textbot.gif) no-repeat top left;
   width:471px;
   height: 10px;
}


#content a:link, #content a:visited, #content a:hover {
   text-decoration: underline;
   color: #330033;
   font: 12px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
}

#footer{
   height:100px;
   width:100px;
   float: left;
}

.maintop {
   float: right;
   position: relative;
}

/* Valikko 1 */

#vasen ul {
   list-style-type: none;
   margin: 0;
   padding-left: 3px;
   padding-right: 5px;
   background: url(images/val_bg.gif);
}

#vasen a:link, #vasen a:visited {
   text-decoration: none;
   color: #000;
   display: block;
   width: auto;
}

#vasen li {
   list-style-type: none;
   text-decoration: none;
   color: #000;
   display: block;
   padding:0;
   margin: 0;
}

#vasen li a:hover {
   text-decoration: underline;
   color: #330033;
   display: block;
}

.navi1 a {
   padding: 1px 0 1px 8px;
   margin: 0;
   font: 12px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
   color: #660066 !important;
}

.navi2 a {
   text-decoration: none;
   color: #660066 !important;
   display: block;
   padding: 3px 3px 3px 14px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
}

.navi3 a {
   text-decoration: none;
   color: #660066 !important;
   display: block;
   padding: 3px 3px 3px 24px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
}

.navi4 a {
   text-decoration: none;
   color: #660066 !important;
   display: block;
   padding: 3px 3px 3px 34px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
}

/* aktiiviset */

.navi1a a {
   padding: 1px 0 1px 8px;
   margin: 0;
   font: 12px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
   color: #630063 !important;
   background: #FDF5F5;
}

.navi2a a {
   text-decoration: none;
   color: #630063 !important;
   display: block;
   padding: 3px 3px 3px 14px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
   background: #FDF5F5;
}

.navi3a a {
   text-decoration: none;
   color: #630063 !important;
   display: block;
   padding: 3px 3px 3px 24px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
   background: #FDF5F5;
}

.navi4a a {
   text-decoration: none;
   color: #630063 !important;
   display: block;
   padding: 3px 3px 3px 34px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
   background: #FDF5F5;

}



/* Valikko 2 */

#vasen2 ul {
   list-style-type: none;
   margin: 0;
   padding-left: 6px;
   padding-right: 5px;
   background: url(images/navi_bg.gif);
}

#vasen2 a:link, #vasen a:visited {
   text-decoration: none;
   color: #000;
   display: block;
   width: auto;
}


#vasen2 li {
   text-decoration: none;
   color: #000;
   display: block;
   padding:0;
   margin: 0;
}

#vasen2 li a:hover {
   text-decoration: underline;
   color: #000;
   display: block;
}

.navi1_2 a {
   padding: 4px 0 1px 8px;
   margin: 0;
   font: 12px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
   color: #330033 !important;
}

.navi2_2 a {
   text-decoration: none;
   color: #330033 !important;
   display: block;
   padding: 3px 3px 3px 14px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
}

.navi3_2 a {
   text-decoration: none;
   color: #330033 !important;
   display: block;
   padding: 3px 3px 3px 24px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
}

.navi4_2 a {
   text-decoration: none;
   color: #330033 !important;
   display: block;
   padding: 3px 3px 3px 34px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
}

/* aktiiviset */

.navi1_2a a {
   padding: 3px 3px 3px 8px;
   margin: 0;
   font: 12px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
   color: #330033 !important;
   background: #F3D5EC;
}

.navi2_2a a {
   text-decoration: none;
   color: #330033 !important;
   display: block;
   padding: 3px 3px 3px 14px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
   background: #F3D5EC;
}

.navi3_2a a {
   text-decoration: none;
   color: #330033 !important;
   display: block;
   padding: 3px 3px 3px 24px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
   background: #F3D5EC;
}

.navi4_2a a {
   text-decoration: none;
   color: #330033 !important;
   display: block;
   padding: 3px 3px 3px 34px;
   font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
   background: #F3D5EC;

}


h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 25px;
   font-weight: normal;
   color: #993399;
   text-decoration: none;
   line-height: 30px;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: normal;
   color: #993399;
   text-decoration: none;
   line-height: 24px;
}

h3 {
   font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px;
   font-weight: bold; color: #000;
   text-decoration: none;
}

.leipis {
   text-decoration: none;
   color: #000;
   font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
}

.boksiots {
   text-decoration: none;
   color: #FF3333;
   font: bold 17px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
   padding: 0 0 5px 0;
   margin:0;
}

.navipolku {
   text-decoration: none;
   color: #993399  !important;
   padding: 0 5px 5px 0;
   font: 10px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia  !important;
   border-bottom: 1px solid #EDE0EB;
}

.navipolku a {
   text-decoration: none;
   color: #993399  !important;
   padding: 0 5px 5px 0;
   font: 10px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia  !important;
   border-bottom: 1px solid #EDE0EB;
}

.navipolku a:link, .navipolku a:visited {
   text-decoration: none !important;
   color: #993399  !important;
   padding: 0 5px 5px 0;
   font: 10px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia  !important;
   border-bottom: 1px solid #EDE0EB;
}

.navipolku a:hover{
   text-decoration: underline !important;
   color: #993399  !important;
   padding: 0 5px 5px 0;
   font: 10px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia  !important;
   border-bottom: 1px solid #EDE0EB;
}

.tekijat {
   text-decoration: none;
   color: #000  !important;
   font: 10px arial, verdana, helvetica, tahoma, sans-serif, times, georgia  !important;
}

.tulosta {
   float: right;
   margin-top: -10px;
   margin-right: -30px;
}

/* *html .tulosta { */
.tulosta {
   margin-right: -20px;
   padding-top: 1px;
}


/* BANNERI */

.banneri {
   background: url(images/bannerbg.gif) repeat-y;
   width: 104px;
   text-align:center;
   padding: 0;
   margin: 0;
}



/* Päänavi  */

#tabs {
   padding-top: 4px;
   padding-left: 3px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #FFFFFF;
   background-image: url(images/paanavi.jpg);
   background-repeat: no-repeat;
   height: 29px;
   width:772px;
   margin: 0px;
   /* margin: 0px 2px 0px 2px; */
}

/*
#tabs ul {
margin:0;
padding:0 10px 0 10px;
list-style:none;
}

#tabs li {
float:left;
margin-left:2px;
padding:0 0 0 3px;
white-space: nowrap;
}

#tabs a {
float:left;
display:block;
width:.1em;
padding:5px 4px 3px 3px;
text-decoration:none;
color: #fff;
}
*/

/*
#tabs > ul a {width:auto;}

#tabs a {float:none;}

#tabs a:hover {
color:#eee;
}

#tabs li:hover, #tabs li:hover a {
color:#eee;
}
#tabs li:hover a {
}

#tabs li:hover a {
}
*/