/*tausta*/
body {
background:#242c43 repeat;
text-align:center;
font:normal 12px arial, tahoma, sans-serif;
color:#000000;
margin:10px auto;
width:800px;
}

a {
color:#1c426c;
font:normal 12px arial, tahoma, sans-serif;
text-decoration : underline;
}

a:hover {
text-decoration: underline;
color:#1c426c;
}



a.kuvat{
text-decoration: none;
color:#FFFFFF;
}

/* ylaosa */
#header { 
width:100%;
position:relative;
height:260px;  
background: #242c43 url(lahto6.jpg) ;
background-repeat:no-repeat;
text-align:left;
}

/*liput*/
#nav {
position:relative; 
top:2px; 
right:5px;  
width:100%;  
height:15px; 
padding:2px 0 10px 0px ;
float:right;
}

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

#nav li {
float:right;  
width:36px; 
list-style:none;
margin:0;
padding:0; 
color:#90aecf;
}

#nav li.esite {
float:right;  
width:230px; 

list-style:none;
margin-top:2px;
padding:0; 
color:#90aecf;
font:12px arial, tahoma, sans-serif;
}

#nav li.muut {
float:right;  
width:120px; 
list-style:none;
margin-top:2px;
padding:0; 
color:#90aecf;
font:12px arial, tahoma, sans-serif;
}

#nav a , #nav a:visited{
text-decoration:none; 
display:block; 
color:#90aecf;
}

#nav a:hover {
color:#cccccc;
font:12px arial, tahoma, sans-serif;
}

img.lippu{
		float:right;
		padding:0px 0px 0px 0px;
		height:15px;
		border:0px #90aecf;
		}
/* ylaosa loppuu */


/* teksti tausta */
#alusta{
background:#ffffff;  
background-image:url(alaosa2.jpg) ;
background-repeat: no-repeat;
background-position:0px 100%;
color: #003366;
border:none;
margin:0px auto;
width:100%;
}



/* Alasvetovalikko */




#menu {
   background: #425067 url(painike.gif) repeat-x;  
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 13px;  
  height: 25px;  
  line-height: 21px; 
  margin: auto;  
  width: 100%;  
  
}

#menu a { display: block; 
 }

#menu li { float: left; 
} 

#menu ul { 
  padding:    0px;
  margin:     0px;
  list-style: none;
}


#topMenu a { 
  border-right: 1px solid #cccccc; 
 border-bottom: 1px solid #cccccc;  
  text-decoration: none;  
  width: 149px; 
  height:20px;
 }


#topMenu li ul {
  position: absolute;
  left:     -999em;

}


#topMenu li:hover ul, #topMenu li.showMenu ul { 
left: auto;

}


.topMenuLink a {
  color: #CCCCCC;  
  font-weight: bold;  
  text-align: center; 
border-top: 5px solid #414c59;
}

.topMenuLink a:hover {
  background-color: #6f8094 url(painike.gif) repeat-x;  
  color: #000000;  
}


 
.topMenuLink a#alas{
background:#ffffff url(painike_alas.gif) repeat-x;

 } 

.topMenuLink a#alas_current{
background:#ffffff url(painike_alas.gif) repeat-x;
color: #000000;
 } 


.topMenuLink a#current {
  background-color: #336655 url(painike.gif) repeat-x;  
  color: #000000;  
}



.subMenu {
  background-color: #c9d6eb;  
  border: 1px solid #425067;
  width: 150px;  
}

.subMenu a {
  color: #000000;  
  font-weight: normal;	  
  height: 22px;  
  line-height: 20px; 
  margin-top: -1px;  
  border-top: none;
}

.subMenu a:hover {
  background-color: #425067;  
  color: #000000;  
   font-weight: bold;  
    
}

.subMenu#last { width: 149px; }  

.subMenu#last a { width: 148px; } 

 /* Alasvetovalikko loppuu */





/* etusivun ja reitin vasen palsta */
#vpalsta {
  width:68%;
  text-align:left;
  float:left;
 }
 
#vpalsta h1{
text-align:left;
font-size: 16px;
margin: 30px 10px 20px 50px;
}

#vpalsta h2{
text-align: left;
font-size: 16px;
margin: 30px 0px 5px 20px;
border-bottom: 2px groove #7fb329;
padding: 0px 0px 0px 30px;
}
 
#vpalsta p{
font:arial, tahoma, sans-serif;
margin: 0px 15px 10px 50px;
 width:85%;
}

#vpalsta p a , #vpalsta a:visited{
text-decoration:underline;
color:#1c426c;
}


/* vasen palsta loppuu*/

/* etusivun oikea palsta*/
#opalsta{
  background:#ffffff;
  float: right;
  width: 27%;
  padding: 0px 15px 4px 15px;
  border-left: 1px solid #003366;
}
   
#opalsta p{
text-align: left;
font:11px arial, tahoma, sans-serif;
margin: 0px 0px 10px 0px;
padding: 10px 15px 0px 10px;
}

#opalsta h2{
text-align: left;
font-size: 12px;
margin: 20px 10px 0px 10px;
border-bottom: 1px solid #f57e2a;
}

#opalsta a{
font:bold 1em arial, tahoma, sans-serif;
}

#opalsta img{
float:left;
text-align: left;
margin: 0px 0px 0px 15px;
}
/* etusivun oikea palsta loppuu*/

#huomio{
  background:#ffffcc;
  float: right;
  width: 25%;
  padding: 20px 15px 20px 15px;
  margin: 45px 14px 20px 0px;
  border: 1px solid #003366;
}

#huomio p{
text-align: left;
font:12px arial, tahoma, sans-serif;
margin: 0px 0px 10px 0px;
padding: 10px 15px 0px 10px;
}
/*reitit lista*/
#lista{
width:75%;
  text-align:left;
  float:left;
}

#lista p{
float:left;

}

#lista h3{
text-align: left;
font:bold 12px arial, tahoma, sans-serif;
margin: 20px 10px 10px 45px;
list-style:none; 
}

#lista li{
text-align: left;
font:normal 12px arial, tahoma, sans-serif;
margin:1px 0px 0px 30px;
list-style:disc ;
color:#11333;
}



#lista li a:hover {
font:bold 12px arial, tahoma, sans-serif;
text-decoration: underline;
color:#1c426c;
}
/* lista loppuu*/


/*saannot, osallistuminen ja yhteystiedot teksit*/
#palsta{
width:90%;
  text-align:left;
  float:left;
margin: 0px 10px 30px 5px;  
}

#palsta h2{
float:left;
width:100%;
text-align: left;
font-size: 16px;
margin: 30px 0px 5px 0px;
border-bottom: 2px groove #7fb329;
 padding: 0px 0px 0px 30px;
}

#palsta h3{
text-align: left;
font:bold 12px arial, tahoma, sans-serif;
margin:20px 15px 10px 30px;
 width:40%;
}

#palsta h4{

color:#cc3300;
text-align: left;
font:bold 12px arial, tahoma, sans-serif;
margin:20px 15px 10px 40px;
 }
 
#palsta p{
font:arial, tahoma, sans-serif;
margin: 0px 30px 10px 40px;
 width:70%;
}

#palsta p.kontakti{
text-align: left;
font:arial, tahoma, sans-serif;
margin: 0px 20px 10px 30px;
 width:40%;
}

#palsta p.osallistuminen{
float:left;
text-align: left;
font:arial, tahoma, sans-serif;
margin: 10px 0px 10px 30px;
 width:90%;
}
/* palsta loppuu*/

/* matkapaketit teksti*/
#matkapalsta{
width:80%;
  text-align:left;
  float:left;
margin: 0px 10px 0px 5px;  
}

#matkapalsta h2{
float:left;
width:100%;
text-align: left;
font-size: 16px;
margin: 30px 0px 5px 0px;
border-bottom: 2px groove #7fb329;
 padding: 0px 0px 0px 40px;
}

#matkapalsta h3{

color:#003366;
text-align: left;
font:bold 14px arial, tahoma, sans-serif;
margin:20px 15px 10px 40px;
 }
 
 #matkapalsta h4{

color:#cc3300;
text-align: left;
font:bold 12px arial, tahoma, sans-serif;
margin:20px 15px 10px 40px;
 }
 
#matkapalsta p{
clear: both;
font:arial, tahoma, sans-serif;
margin: 0px 30px 10px 40px;
 width:100%;
}

/* matkapaketit logot */
#logot{
width:740px;
float:left;
background:#ffffff;
margin: 0px 0px 10px 15px;
text-align:center;
}
  
#logot p{
font:bold 12px arial, tahoma, sans-serif;
text-align: left;
margin: 20px 0px 0px 15px;
}

#logot a, #logot a:visited{
 float:left;
 margin: 0px 0px 10px 0px;
 text-decoration:none;
 }
 
#logot ul{
padding:10px;
margin:0;
}

#logot li {
float:left;  
width:150px; 
list-style:none;
margin:10px;
padding:0; 
margin: 0px 0px 10px 10px;
}
/* matkapaketit loppuu*/

/* reitit kartat*/
#kartta{
float: right;
  width: 25%;
  padding: 0px 15px 4px 15px;
  float: left;
text-align:center;
  }

#kartta a, #kartta:visited{
text-decoration:none;
float: left;
text-align:center;
font:normal 11 px arial, tahoma, sans-serif;
padding: 10px 35px 10px 35px;
}

#kartta h2{
text-align: left;
font-size: 12px;
margin: 20px 35px 0px 35px;
border-bottom: 1px groove #7fb329;
}
 /* reitit kartta loppuu*/

 img.video{
		float:right;
		padding:0px 0px 0px 40px;
		color:#000000;
		
}		



img.palsta{
float:right;
font-size: 0.9em;
margin: 0px 0px 10px 0px ;
}


 	

/* veneet sivun teksti*/
#teksti {
float:left;
border: 0.2em ; 
width:40%;
text-align:left;
 padding: 0px 0px 20px 15px;
}
 
#teksti h2{
width:100%;
text-align: left;
font-size: 16px;
margin: 25px 0px 0px 10px;
border-bottom: 2px groove #7fb329;
 padding: 0px 0px 0px 15px;
}
 
 
#teksti h3{
width:100%;
text-align: left;
font-size: 12px;
margin: 25px 0px 0px 0px;

 padding: 0px 0px 0px 20px;
}
 
#teksti p {
font:arial, tahoma, sans-serif;
margin: 20px 0px 0px 10px;
width:290px;
 padding: 0px 0px 0px 10px;
}

#tekstioik{
  float: right;
  padding: 30px 14px 0px 0px;
}
/* veneet sivun teksti loppuui*/

 
#kuvat{
  background:#FFFFFF;
  padding: 50px 0px 0px 160px;
  width:60%;
  height:350px;
  text-align:left;
  float:left;
 }

#painike li{
float:left;
list-style-type:none;
text-align:center;
}

#painike a,#painike a:visited  {
float:left;
display:block;
padding: 6px 0 0 0px;
text-decoration:none;
border-left: 1px solid #ff9900;
width:110px;/*linkkien leveys*/
height:19px;
background:#f8ab47 url(painike1.gif) repeat-x;
float:center;
font:bold 11px verdana, arial, tahoma, sans-serif;
color:#192d49;
text-align:center;


}

img.veneet{
 float: right;
 
}

/*saannot*/
#saannot{
width:80%;
  text-align:left;
  float:left;
}

#saannot p{
float:left;
}

#saannot h3{
text-align: left;
font:bold 12px arial, tahoma, sans-serif;
margin: 20px 10px 10px 45px;
list-style:none; 
}

#saannot li{
text-align: left;
font:normal 12px arial, tahoma, sans-serif;
margin:10px 0px 0px 30px;
list-style-type: square;
}
/*saannot loppuu*/

/*alaosa*/
#footer {
clear: both;
height:20px;
width: 100%;
text-align:center;
color: #003366;
font-size:10px;
border-top: 2px solid #f57e2a;
}
/*alaosa loppuu*/