/*****************
design Michael Ljungqvist (c) 2006 
www.pasamyynti.fi
*****************/

/*****************
Muokattu:25.03.2006
*****************/

/*****************
vakiot
*****************/

a {
 font-family:Tahoma, Verdana, Arial, Serif;
 color:#1a5590;
 text-decoration: underline;
 background-color:	none;
 }
a:active {
 font-family:Tahoma, Verdana, Arial, Serif;
 color:#1a5590;
 text-decoration: underline;
 background-color:	none;
 }
a:visited {
 font-family:Tahoma, Verdana, Arial, Serif;
 color:#1a5590;
 text-decoration: underline;
 background-color:	none;
 }
a:hover {
 font-family:Tahoma, Verdana, Arial, Serif;
 color:	#508dc0;
 text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Tahoma, Verdana, Arial, Serif;
	}
	
h1 {
 font-size:	0.6em;
 color:	#dddddd;
 text-transform:	none;
 padding:0;
 margin:0;
 background: #1a5590;
 }	
	
h2 {
 font-size:1.0em;
 color:#555;
 text-transform:	none;
 font-weight:normal;
 padding:0;
 margin:0px 1px 0px 0px;
 }	

h3 {
 font-size:0.7em;
 color:#666;
 font-weight:bold;
 margin-bottom:0px;
 text-transform:none;
 }

h4 {
 font-size:1.1em;
 color:#1a5590;
 font-weight:normal;
 }

h5 {
 font-size:1.0em;
 color:	#508dc0;
 font-weight:normal;
 margin:0;
 }

h5 a {
 color:#508dc0;
 }
h5 a:active {
 color:#508dc0;
 }
h5 a:visited {
 color:#508dc0;
 }
h5 a:hover {
 color:#1a5590;
 }
	
h6 {
 font-size:0.8em;
 color:#1a5590;
 font-weight:bold;
 margin:0;
 padding:0;
 }

p {
 font-family:Tahoma, Verdana, Arial, Serif;
 font-size:0.75em;
 color:	#666666;
 line-height:1.5em;
 }

/*****************
rakenne
*****************/
  
body {
 
 text-align: center;
 font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
 text-indent:0;
 font-size: 96%;
 color: #000000;
 margin: 0;
 padding: 0;
 background-image: url('pasapohja4.jpg');
 font-style: normal;
 font-weight: normal;
 }

#mainSisalto {
 padding: 0px;
 float: left;
 height: auto;
 width: 805px;
 margin-left: 0px;
 }
 
*html body #mainSisalto {
 margin-left: 0px;
 }

.musta {
 color:#000000; 
 }

#header {
 width: 805px;
 margin-left: auto;
 margin-right: auto;
 }

 #headerSisalto {
 float: left;
 height: 71px;
 width:653px;
 background-image: url('../img/logo.jpg');
 background-repeat: no-repeat
 }
 
#main {
 float: left;
 width: 100%;
 text-align: left;
 padding-bottom: 1em;
 }
 
#tausta {
 background: url('../img/tausta.gif') repeat-y;
 margin: 0px;
 padding: 0px;
 float: left;
 width: 810px
 }

#footer {
 clear: both;
 height: 42px;
 padding-left: 0px;
 background: url('../img/footer1.gif') no-repeat 50% 0;; padding-right:0; padding-top:0; padding-bottom:0
 }
 
.clr {
 clear: both;
}
 
#sisaltoOikeaIso, #sisaltoOikeaIso2 {
 float: right;
 display:inline;
 width: 206px;
 margin-left: 0px;
 clear: none;
 margin-top: 6px;
 margin-right: 65px;
 margin-bottom: 20px;
 padding-bottom:20px;
 background:url('../img/taustalaatikko.gif') no-repeat right bottom;
 
 }
 
#sisaltoVasenApu{
 float: left;
 display:inline;
 width: 406px;
 margin-left: 30px;
 clear: both;
 margin-top: 6px;
 margin-right: 0px;
 margin-bottom: 10px;
 padding-bottom:20px;
 background:url('../img/taustalaatikko.gif') no-repeat right bottom;
 
 }
#sisaltoVasenApuPlus{
 float: left;
 display:inline;
 width: 500px;
 margin-left: 30px;
 clear: both;
 margin-top: 6px;
 margin-right: 0px;
 margin-bottom: 10px;
 padding-bottom:20px;
 background:url('../img/taustalaatikko.gif') no-repeat right bottom;
 
 }

#sisaltoVasenApuSuurempi{
 float: left;
 display:inline;
 width: 626px;
 margin-left: 30px;
 clear: both;
 margin-top: 6px;
 margin-right: 0px;
 margin-bottom: 10px;
 padding-bottom:20px;
 background:url('../img/taustalaatikko.gif') no-repeat right bottom;
 
 }
	
#sisaltoVasenApuSuurempi li {
 font-size:0.75em;
 }
  
#kehykset {
 float: left;
 padding: 0;
 margin: 0;
 }
#pikkunen {
 width: 220px;
 }
 
 
#mainKehys {
 margin-top: 0px;
 width: 805px;
 height: 102px;
 margin:0;
 float: left;
 padding:0;
 background-image: url('../img/keski.jpg');
 background-repeat: no-repeat
 }

#mainKehysYritys {
 margin-top: 0px;
 width: 805px;
 height: 102px;
 margin:0;
 float: left;
 padding:0;
 background-image: url('../img/keski2.jpg');
 background-repeat: no-repeat
 }

 #mainKehysPelletti {
 margin-top: 0px;
 width: 805px;
 height: 102px;
 margin:0;
 float: left;
 padding:0;
 background-image: url('../img/keski3.jpg');
 background-repeat: no-repeat
 }
#mainKehysRekry {
 margin-top: 0px;
 width: 805px;
 height: 102px;
 margin:0;
 float: left;
 padding:0;
 background-image: url('../img/keski4.jpg');
 background-repeat: no-repeat
}
#mainKehysLiikelahjat {
 margin-top: 0px;
 width: 805px;
 height: 102px;
 margin:0;
 float: left;
 padding:0;
 background-image: url('../img/keski5.jpg');
 background-repeat: no-repeat
 }

 #mainKehysKuumakylpyaltaat {
 margin-top: 0px;
 width: 805px;
 height: 102px;
 margin:0;
 float: left;
 padding:0;
 background-image: url('../img/keski7.jpg');
 background-repeat: no-repeat
 } 
html>body #mainKehys, #mainKehysYritys{
 margin-top: 0px;
 }
 
#mainKehys h1{
 font: bold small Arial; 
 color: #FFF; 
 text-transform: uppercase; 
 letter-spacing: 0.1em; 
 padding: 35px 5px 4px 8px;
 margin: 0;
 }
	
#mainSisalto p {
 height:1%;
 padding: 0;
 margin-top: 0.4em;
 margin-right: 4em;
 color: #333333;
 }
 
/*****************
laatikot
*****************/

.col{
 float: left;
 width:190px;
 }
 
/*tulevaisuutta varten*/
.colKeski{ 
 float: left;
 width:200px;
 padding-left: 120px;
 }

.colSuurempi{
 float: left;
 width:400px;
 padding-left:15px;	
 }

 .colPienempi {
 float: left;
 width:150px;
 }
 
.clrViivalla {
 padding-top:10px;
 border-bottom:1px #DDD solid;
 clear: both; 
 }

/*****************
Navi
*****************/
 
/*Sivun päänavi*/

li {
 font-family:Tahoma, Verdana, Arial, Serif;
 color:	#666666;
 font-size:	0.7em;
 margin:0 20px 0 0;
}

#nav {
 height:					50px;
 background-image:	url('../img/bg.gif');
 background-repeat:	no-repeat;
 overflow:hidden;
 margin:	0;
 padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}

#nav ul {
 list-style-type:none;
 display:inline;
 margin:	0;
 padding:0;
}

#nav li {
 display:inline;
 font-size:1.0em;
}

#nav a {
 display:block;
 float:left;
 width:104px;
 height:50px;
 background-image:	url('../img/nappi_tyhja_iso.gif');
 background-repeat:	no-repeat;
 color:	#1a5590;
 margin:	0;
 line-height:40px;
 font-size:	0.7em;
 text-decoration:none;
 text-align:	center; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}
#nav a:visited {
 display:block;
 float:left;
 width:104px;
 height:	50px;
 background-image:	url('../img/nappi_tyhja_iso.gif');
 background-repeat:	no-repeat;
 color:	#1a5590;
 margin:0;
 line-height:40px;
 font-size:	0.7em;
 text-decoration:none;
 text-align:	center; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}
#nav a:active {
 display:block;
 float:left;
 width:104px;	
 height:	50px;
 background-image:	url('../img/nappi_tyhja_iso.gif');
 background-repeat:	no-repeat;
 color:	#1a5590;
 margin:	0;
 line-height:40px;
 font-size:	0.7em;
 text-decoration:none;
 text-align:	center; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}
#nav a:hover {
 color:	#99bce4;
} 

#nav a.valittu {
 background-image:	url('../img/nappi_aktiivi_iso.gif');
 color:	#FFF
}
#nav a.valittu:visited {
 background-image:	url('../img/nappi_aktiivi_iso.gif');
 color:	#FFF
}
#nav a.valittu:active {
 background-image:	url('../img/nappi_aktiivi_iso.gif');
 color:	#FFF
}
#nav a.valittu:hover {
 background-image:	url('../img/nappi_aktiivi_iso.gif');
 color:	#FFF
}
 
	
/*subMenu*/ 

.subMenu {
 position:relative;
 list-style: none;
 line-height: 9px;
 margin: 0 auto 15px auto;
 padding: 0;
}

.subMenu li {
 position:relative;
 list-style: none;
 margin-right: 5px;
 line-height:1.5em;	
 padding: .3em 0 .1em 1px;
}

.subMenu a{
 border-left:3px solid #cdcdcd;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 margin-right:50px;
 color:#666;
}

.subMenu a:visited{
 border-left:3px solid #cdcdcd;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 margin-right:50px;
 color:#666;
}

.subMenu a:active{
 border-left:3px solid #cdcdcd;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 margin-right:50px;
 color:#666;
 }

.subMenu a:hover{
 border-left:3px solid #1a5590;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 color:#333333;
 text-decoration:none;
 background:#dcdcdc;
 margin-right:50px;
}
		
/**subMenu active**/	

.subMenu a.active{
 border-left:3px solid #1a5590;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 color:#333333;
 text-decoration:none;
 background:#dcdcdc;
 margin-right:50px;
}

.subMenu a.active:visited{
 border-left:3px solid #1a5590;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 color:#333333;
 text-decoration:none;
 background:#dcdcdc;
 margin-right:50px;
}

.subMenu a.active:active{
 border-left:3px solid #1a5590;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 color:#333333;
 text-decoration:none;
 background:#dcdcdc;
 margin-right:50px;
}

.subMenu a.active:hover{
 border-left:3px solid #1a5590;
 position:relative;
 padding-top: 2px;
 display: block;
 padding-bottom: 3px;
 padding-left:11px;
 font-size: 1.1em;
 color:#333333;
 text-decoration:none;
 background:#dcdcdc;
 margin-right:50px;
}
	
/*vaakaSubMenu*/

#vaakaSubMenu{
 padding: 0 ;
 margin-left: 0;
}

#vaakaSubMenu li{
 list-style: none;
 margin: 0;
 display: inline;
}

#vaakaSubMenu li a{
 text-decoration:none;
 padding: 0px 5px  0px  5px;
 border-left: 4px solid #AAB;
 text-decoration: underline;
}

#vaakaSubMenu li a:link {
 text-decoration:none;
 padding: 0px 5px  0px  5px;
 border-left: 4px solid #AAB;
 text-decoration: underline;
}

#vaakaSubMenu li a:visited { 
 text-decoration:none;
 padding: 0px 5px  0px  5px;
 border-left: 4px solid #AAB;
 text-decoration: underline;
}

#vaakaSubMenu li a:hover
{
 border-color: #508dc0;
 color: #555;
 text-decoration: none	;
}

/*boxMenu */

a.boxMenu:link { 
 display:block ;
 font-weight: normal;
 color: #FFF;
 padding:10px;
 letter-spacing: 2px;
 border:1px solid #FFF;
} 
a.boxMenu:visited {
 display:block ;
 font-weight: normal;
 color: #FFF;
 padding:10px;
 letter-spacing: 2px;
 border:1px solid #FFF;
} 
a.boxMenu:active {
 display:block ;
 font-weight: normal;
 color: #FFF;
 padding:10px;
 letter-spacing: 2px;
 border:1px solid #FFF;
 
} 
a.boxMenu:hover {
 display:block ;
 font-weight: normal;
 color: #FFF;
 padding:10px;
 letter-spacing: 2px;
 border:1px solid #dcdcdc;
 background: #f5f5f5;
 }
 
/*****************
Tekstimäärittelyt
*****************/ 

.copy {
 text-align:center ;	
 padding-top:0px;
}	
.copy2 {
 color:#bcbcbc;
 text-align:center ;	
 text-transform:uppercase;
 letter-spacing: 2px;
 font-size:60%;
 }
.info {
 color:#508dc0;	
 font-style: italic;
 text-align:right ;
 margin:0;
 padding:0 4px 0 0;	
}	
.info a{
 color:#5492cf;	
}
.info a:active{
 color:#5492cf;	
}
.info a:visited{
 color:#5492cf;	
}
.info a:hover{
 color:#666;	
}
	
.headerInfo {
 text-align:right ;
 margin:0;
 padding:0 4px 0 0;	
 background: #1a5590;
 color:#FFF;
}	
.headerInfo a{
 color:#FFF;	
}
.headerInfo a:active{
 color:#FFF;	
}
.headerInfo a:visited{
 color:#FFF;	
}
.headerInfo a:hover{
 color:#5492cf;	
}
.leipa2 {
 margin:0;
 padding:0 4px 0 0;	
}
.leipa2 a{
 color:#5492cf;	
}
.leipa2 a:active{
 color:#5492cf;	
}
.leipa2 a:visited{
 color:#5492cf;	
}
.leipa2 a:hover{
 color:#666;	
}
.leipa3 {
 margin:0 0 1px 0;
 padding:0 4px 0 0;	
}

.leipa3 a{
 color:#666;	
}
.leipa3 a:active{
 color:#666;	
}
.leipa3 a:visited{
 color:#666;	
}
.leipa3 a:hover{
 color:#5492cf;	
}
.allekirjoitus {
 font-style: italic;
}
.allekirjoitusOikea {
 font-size:0.7em;
 font-style: italic;
 margin-left:10px;
}
.ale {
 color:red;
}
.isoPuna {
 color:red;
 font-size:1.7em;
}
.vahvista{
 font-weight:bold;
}
.valittuMenu {
 color:#999;
}
	
.levitaViivaa {
 letter-spacing: 4px;
 text-decoration: underline;
}

.kirjasinArial {
 font-family:Arial;
 font-size:1.5em;
}
.kirjasinTimes {
 font-family:Times New Roman;
 font-size:1.5em;
}
.kirjasinAvant {
 font-family:avantgarde;
 font-size:1.5em;
}

/*****************
extrat
*****************/ 
 
option.vahvista {
 font-weight: bold; font-size:
 }

option.kursivoi {
 font-style: italic;
 }

option.alleviivaa {
 text-decoration: underline;
 padding-bottom:5px;
 }
 
img {
 border: 0px none;
 } 

acronym {
 cursor: help;
 border-bottom: 1px dotted #0000ff;
	}	

#sivukartta ol {
 font-size:	1em;
 font-style: normal;
 line-height: 1em;
 text-indent: 5px;
 list-style-position: outside;
 list-style-type: none ;
 padding: 6px;
 margin: 2px;
 }
#sivukartta li {
 list-style-type: none ;
 font-size:	1em;
 padding:4px;
 text-indent: 0px;
 margin-left:20px;
 }

/*****************
Taulukot
*****************/ 

table.hinnasto {
 margin-left: 0;
 border:1px solid #b3b3b3;
}
th.hinnasto {
 font-size:0.8em;
 font-weight: bold;
 border-bottom: 1px solid #666;
 border-right: none;
 border-left: none;
 background: #1a5590;
 color: #FFF;
 text-align: center;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 15px;
 padding-right: 15px;
}

td.parillinen {
 font-size:0.8em;
 text-align: center;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 21px;
 padding-right: 21px;
 color: #000;
 background: #cdcdcd;

}
td.pariton {
 font-size:0.8em;
 text-align: center;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 20px;
 padding-right: 20px;
 color: #000;
 background: #eae9e9;
}