html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
	background: url(images/bg.png);
	width: 100%;
	height: 100%;
} 

.header {
	width: 100%;
	background: url(images/header_bg.png);
	height: 115px;
	text-align: center;
}

.header img{

	height: 115px;
	border: none;
}

.clr {
	clear: both;
}	


#pagewidth{ 
 width:941px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
	height: 100%;
} 

#pagewidth1{
	width:100%;
	text-align:left;
	min-width: 500px;margin-left:auto;
	margin-right:auto;
	background: url(images/tapetti_1.png);
	float: left;
}

#holder {
	width:775px;
	margin: auto; 
	text-align: left;
	background: #D7CCC1 /*url(images/main_bg.png)*/;
	float: left;
	min-height: 645px;
  }

*html #holder {

	height: 645px;
}

#vasen {
  float:left;
  width:172px;
	background: url(images/valtop_bg.jpg) no-repeat;
  }


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

#vasen2 {
	float:left;
	width:172px;
	padding-top: 100px;
}

#content {
	float: left;
	width: 563px;
	min-height: 100%;
	margin-left: 20px;
  }

#content-main {
	float:left;
	width:563px;
	text-decoration: none;
	color: #333333;
	font: 12px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	line-height: 16px;
	min-height: 100%;
}

#content-main table{
        color: #333333 !important;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
}

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

#content-main a:link {
	text-decoration: none;
	color: #7A2622;
	font-weight: bold;
}

#content-main a:visited {
        text-decoration: none;
        color: #7A0000;
        font-weight: bold;
}

p.leipis {
        color: #333333 !important;
        font: 12px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	padding: 0;
	margin: 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;
}

.footer{
	height:53px; 
	width:100%; 
	background: url(images/footer_bg.png) repeat-x;
	clear: both;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	color: #463227;
} 
 
.footer_teksti{
        width:auto;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        color: #463227;
	text-align: center;
	margin: -10px 0 10px 0;
	padding: 0 170px 20px 0;
}



/* 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;
        display: block;
	padding:0;
	margin: 0;
        }

#vasen li a:hover {
	text-decoration: none;
	display: block;
	color: #463227 !important;
        }

.navi1 a {
	padding: 2px 0 2px 8px;
	margin: 3px 0 3px 0;
	font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	color: #86433C !important;
	text-transform: uppercase;
	background: #BEAA99;
	border: 2px solid #CDBBA6;
}

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

.navi3 a {
        text-decoration: none;
        color: #660066 !important;
        display: block;
        padding: 3px 3px 3px 134px !important;
        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: 2px 0 2px 8px;
        margin: 3px 0 3px 0;
	font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	background: #D7CABF;
        color: #7A2622 !important;
        text-transform: uppercase;
	border: 2px solid #BAA795;
}

.navi2a a {
        text-decoration: none;
        color: #745D4F !important;
        display: block;
        padding: 2px 3px 3px 13px;
        font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
        background: #D7CABF;
        border-bottom: 2px solid #BAA795;
	border-right: 2px solid #BAA795;
	border-left: 2px solid #BAA795;
	margin-top: -6px;
        }

.navi2a_valittu a {
        color: #463227 !important;
        background: #D7CABF url(images/bullet.gif) no-repeat 9px 7px;
        }


.navi3a a {
        text-decoration: none;
        color: #745D4F !important;
        display: block;
        padding: 0px 3px 3px 25px;
        font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
        background: #D7CABF;
        border-bottom: 2px solid #BAA795;
        border-right: 2px solid #BAA795;
        border-left: 2px solid #BAA795;
        margin-top: -6px;
        }

.navi3a_valittu a {
        color: #463227 !important;
        background: #D7CABF url(images/bullet.gif) no-repeat 19px 5px;
        }


.navi4a a {
        text-decoration: none;
        color: #745D4F !important;
        display: block;
        padding: 0px 3px 3px 30px;
        font: 11px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
        background: #D7CABF;
        border-bottom: 2px solid #BAA795;
        border-right: 2px solid #BAA795;
        border-left: 2px solid #BAA795;
        margin-top: -6px;
        }

.navi4a_valittu a {
        color: #463227 !important;
        background: #D7CABF url(images/bullet.gif) no-repeat 22px 5px;
        }


h1 {
      font-family: Georgia, Times, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 30px;    
	font-weight: normal;
	color: #993399; 
	text-decoration: none;
	line-height: 30px;
	border-bottom: 1px solid #90806F;
}

h2 {
        font: bold 16px arial, helvetica, verdana, tahoma, sans-serif, times, georgia !important;
	color: #333333; 
	margin-bottom: 2px;
}

.otsikko2 {
        font: bold 15px arial, helvetica, tahoma, verdana, sans-serif, times, georgia;
        color: #333333;
}


h3 {
        font: bold 13px arial, helvetica, tahoma, verdana, sans-serif, times, georgia !important;
        color: #333333;
	margin-bottom: 0;
	padding-bottom:0;
}

.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: #6F5D4D  !important;
        padding: 0;
        font: 10px Arial, helvetica, tahoma, verdana, tahoma, sans-serif, times, georgia  !important;
	border-bottom: 1px solid #AA9887;
	margin-bottom: 5px;
	width: 100%;
}

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

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

}

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

}

.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 {
        margin-right: -20px;
        padding-top: 1px;
}


/* BANNERI */

.banneri {
	width: 160px;
	text-align:center;
	margin: 1px 0 3px 0;
	padding: 0;
	float: right;
	display: block;
  } 

.banneri img {
	margin: 3px 0 0 0;
	border: 1px solid #333333;
}	


.maintop {
	width: 775px;
	height: 24px;
	background: url(images/navip_bg.jpg) repeat-x;
	float: left;
	padding: 0;
	margin: 0;
}

.button {
	font: 10px verdana, arial, helvetica;
	letter-spacing: -1px;
	color: #E8E0D9 !important;
	background: #766050;
	border: 1px solid #927F6F;
	width: 30px;
	margin-left: 3px;
}

.pikahaku {
	font: 10px verdana, arial, helvetica;
        background: #E8E0D9;
	border: 1px solid #927F6F;
	margin-top: 4px;
	margin-left: 4px;
        letter-spacing: -1px;

}

.haku {
	padding: 0;
	margin: 0;
	float: left;
}

.haku form {
	padding: 0;
	margin: 0;
}

.napit {
	float: right; 
	height: 16px;
	margin-top: 5px;
	padding-right: 20px;
}

.napit img {
	padding-left: 5px;
}


a img {
	border: 0;
}

p.none {
	display: none;
}