@charset "utf-8";
/* Lomalinja CSS  */

td{
	vertical-align:top;
}


p{
	margin-top: 0.5em;
	margin-bottom:1.0em;
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 0.0054em;
	
}


body{
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#ededed;
	background-position:top left;
	color:#000000;
	margin: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* for IE */
	


}

#mainWrapper{
	background-repeat: no-repeat;
	width: 1007px;
	min-height: 470px;
	margin:auto;
	text-align:left;
	height: auto;


}


#topLogo{
	width: 314px;
	height: 84px;
	float: left;
	margin-top: 10px;

}


#header{
	width: 1007px;
	float: left;
	background-image:url(../images/header_bg.png);
	background-repeat:no-repeat;
	behavior: url(styles/iepngfix.htc);

}

	
#flashArea{
	width: 289px;
	height: 375px;
	position: absolute;
	margin: 0px 0px 0px 670px;


	

}

#contentWrapper{
	width: 986px;
	float:left;
	height: 100%;

}

#contentHeader{
	width: 986px;
	float:left;
	height: 6px;
	background-image: url(../images/content_header.png);
	background-repeat:no-repeat;
	margin-left: 12px;
		behavior: url(styles/iepngfix.htc);

}

#contentHeader02{
	width: 986px;
	float:left;
	height: 9px;
	background-image: url(../images/content_header02.png);
	background-repeat:no-repeat;
	margin-left: 12px;
	behavior: url(styles/iepngfix.htc);

}

#contentFooter{
	width: 986px;
	float:left;
	height: 22px;
	background-image: url(../images/content_footer.png);
	background-repeat:no-repeat;
	margin-left: 12px;
	behavior: url(styles/iepngfix.htc);

}

#contentFooter2{
	width: 986px;
	float:left;
	height: 22px;
	background-image: url(../images/content_footer2.png);
	background-repeat:no-repeat;
	margin-left: 12px;
	behavior: url(styles/iepngfix.htc);

}

#content{
	width: 986px;
	float:left;
	background-image:url(../images/content_bg.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-left: 12px;
	height: 100%;


}

#content2{
	width: 986px;
	float:left;
	background-image:url(../images/content_bg2.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-left: 12px;
	height: 100%;


}






#colWrapper{
	width: 866px;
	float:left;
	height: 100%;

}

#mainNavi{
	width: 646px;
	height: 39px;
	float: left;
	background-image: url(../images/mainNavi_etusivu_bg.gif);
	margin-top: 112px;
	margin-left: 12px;
}




#mainNavi_lomapaketit{
	width: 646px;
	height: 65px;
	float: left;
	background-image: url(../images/mainNavi_lomapaketit_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top: 86px;
	margin-left: 12px;
}

#mainNavi_yritys{
	width: 646px;
	height: 65px;
	float: left;
	background-image: url(../images/mainNavi_yritys_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top: 86px;
	margin-left: 12px;
}

#mainNavi_varaus{
	width: 646px;
	height: 65px;
	float: left;
	background-image: url(../images/mainNavi_varaus_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top: 86px;
	margin-left: 12px;
}

#mainNavi_haku{
        width: 646px;
        height: 65px;
        float: left;
        background-image: url(../images/mainNavi_haku_bg.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        margin-top: 86px;
        margin-left: 12px;
}

#mainNavi_palaute{
	width: 646px;
	height: 65px;
	float: left;
	background-image: url(../images/mainNavi_palaute_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top: 86px;
	margin-left: 12px;
}


#mainNavi_oranssi{
	width: 646px;
	height: 65px;
	float: left;
	background-image: url(../images/mainNavi_etusivu_bg_2.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top: 86px;
	margin-left: 12px;
}

#mainSearch{
	width: 313px;
	height: 65px;
	float: left;
	background-image:url(../images/haku_bg.gif);
	margin-top: 86px;

}

#mainSearch2{
	width: 313px;
	height: 65px;
	float: left;
	background-image:url(../images/haku_bg_2.gif);
	margin-top: 86px;

}

#secNavi{
	width: 919px;
	float: left;
	background-image:url(../images/mainNavi_bg.gif);
	margin-left: 22px;
	padding: 7px 15px 10px 15px;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 0.035em;
}



#secNavi2{
	width: 919px;
	float: left;
	background-image:url(../images/mainNavi_bg_2.gif);
	margin-left: 22px;
	padding: 7px 15px 10px 15px;
	color: #fff;
	font-size:14px;
	letter-spacing: 0.035em;
}
#secNavi a:link, #secNavi a:visited{
	color: #fff;
}

#secNavi a:hover{
	color: #000;
	text-decoration: underline;
}
#searchBorder{
	height: 26px;
	width: 647px;
	float: right;
	background-image:url(../images/haku_border.gif);
	background-position:right;
	background-repeat:no-repeat;

}

#searchBorder2{
	height: 26px;
	width: 647px;
	float: right;
	background-image:url(../images/haku_border_2.gif);
	background-position:right;
	background-repeat:no-repeat;

}

#colLeft{
	width: 610px;
	float: left;
	padding: 10px 10px 10px 40px;



}

#colLeft04{
	width: 670px;
	float: left;
	padding: 10px 10px 10px 40px;



}


#colRight{
	width: 288px;
	float: left;
	height: 139px;



}



#colLeft02{
	width: 624px;
	float: left;
	padding: 0px 10px 10px 20px;
	height: 500px;



}

#bannerArea{
	width: 698px;
	float: right;
	padding: 0px 47px 10px 0px;
	height: 200px;



}

#bannerArea_right{
	width: 200px;
	float: left;
	margin: 15px 10px 0px 0px;
	padding: 5px 15px 10px 20px;



}



/* alanavi */

#colLeft03{
	width: 190px;
	float: left;
	padding: 0px 10px 0px 0px;	
	background-color: #fff;
	margin-left: 10px;
	height: 100%;



}

#colLeft05{
	width: 170px;
	float: left;
	padding: 20px 10px 20px 20px;	
	background-color: #fff;
	margin-left: 10px;
	height: 100%;



}


#colRight02{
	width: 289px;
	height: 172px;
	float: left;
	margin-top: 25px;
	margin-left: 4px;

}

#colRight03{
	width: 450px;
	float: left;
	padding: 15px 15px 10px 30px;


	



}

#colRight04{
	width: 700px;
	float: left;
	padding: 15px 15px 10px 30px;



}


#otsikko{
	width: 266px;
	height: 102px;
	float: right;

}

#otsikko_kerro{
	width: 266px;
	height: 102px;
	float: left;

}



#textArea01{
	width: 240px;
	float: left;
	margin: 10px 20px 0px 20px;	



}

#textArea02{
	width: 240px;
	height: 105px;
	float: left;
	margin: 70px 20px 0px 20px;	



}

#textArea03{
	width: 340px;
	height: 270px;
	float: right;
	margin: 10px 0px 0px 0px;	
	clear: right;



}





div#footer{

	width: 960px;
	height: 20px;
	padding: 5px 0px 0px 10px;
	float: left;
	font-size:10px;
	line-height: 1.5em;
	color: gray;

} 


#footer_content{
	text-align:center;
	width: 559px;
	height: 49px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 53px;
	background-image:url(../images/footer_content_bg.gif);
	background-repeat:no-repeat;
	
}




img{
	border: 0px;
}

.clearer{
	clear:left;
	}

h1{
	font-size: 18px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #2980da;
	word-spacing: 0.001em;
	margin-bottom: 0.5em;
	

}

h2{
	font-size:13px;
	margin-top: 1em;
	margin-bottom: 0.5em;


}

h3{
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	margin-bottom: 0.5em;

}




.rivi1{
	background-color: #c3e1fb;


}

.rivi2{
	background-color: #fdfdfd;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	color: #002656;


}



#nuoliAlue2{
	float: left; 
	clear: left; 
	margin: 10px 0px 0px 20px; 
	width: 45px;

}

.thumbnail{
	margin-left: 10px;
	border: 1px solid white;


}

.thumbnail:hover{
	margin-left: 10px;
	border: 1px dotted #0a5aa9;


}

.thumbnail:active{
	margin-left: 10px;
	border: 1px solid #000;


}

.naviBtn{
	width: 102px;
	height: 15px;
	margin: 10px 9px 0px 17px;
	float: left;
	text-align:center;
	font-size:14px;

}

.naviBtn_on a{
	width: 102px;
	height: 15px;
	margin: 10px 9px 0px 17px;
	float: left;
	text-align:center;
	color: #fff;
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
}



.nostoOtsikko{
	background-image:url(../images/banner_header_bg.jpg);
	background-repeat:repeat-x;
	width: 98%;
	height: 20px;
	padding: 1px 0px 5px 2%;
	color: #fff;
	margin: 0px;
	font-weight:bold;
	font-size:12px;
	


}

.infoBox_normal{
	width: 157px;
	height: 172px;
	float: left;
	margin-right: 6px;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	font-size: 11px;
	background-image:url(../images/boksi01_bg.jpg);
	background-repeat:no-repeat;
	

}

.infoBox_large2{
	width: 311px;
	height: 172px;
	float: left;
	background-image:url(../images/box_large2.jpg);
	background-repeat:no-repeat;
	margin-right: 7px;
	padding-right: 10px;
	

}

.infoBox_large{
	width: 248px;
	height: 172px;
	float: left;
	background-image:url(../images/box_large.jpg);
	background-repeat:no-repeat;
	

}

#searchGo{
	width: 24px;
	height: 24px;
	float: right;
	margin: 12px 15px 0px 0px;

}

#searchGo2{
	width: 24px;
	height: 24px;
	float: right;
	margin: 8px 11px 0px 0px;

}
#searchBar{
	width: 30px;
	height: 24px;
	float: left;
	margin: 17px 15px 0px 117px;
	border: 0px; 

}

#searchBar2{
	width: 30px;
	height: 23px;
	float: left;
	margin: 11px 0px 0px 103px;
	border: 0px; 
	background: none;

}

#searchBanner{
	width: 289px;
	height: 40px;
	float: left;
	margin: 0px 0px 5px 0px;
	border: 0px; 
	background-image: url(../images/banner_search.jpg);

}

#listBanner{
	width: 289px;
	height: 40px;
	float: left;
	margin: 0px 0px 5px 0px;
	border: 0px; 
	background-image: url(../images/banner_listalle.jpg);

}
#button {
	width: 190px;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #b6371a;
	height: 100%;
	font-weight:bold;


	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-left: 1em;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #d6d6d6;
		margin: 0;
		padding: 0.2em;
		}
		
	#button li a {
		display: block;
		padding: 5px 5px 5px 1.0em;
		color: #b6371a;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		
		}

	#button li a:hover {
		background-color: #f7f7f7;
		color: #b6371a;
		}
		
		
		
		
		
		
		
	div#button ul ul li a {
		display: block;
		padding: 0px 3px 0px 0em;
		color: #b6371a;
		text-decoration: none;
		width: 100%;
		}
		
		
div#button ul ul li a:hover {

		color: #000;
		text-decoration: none;
		background: none;


		}
		
		
	#button ul ul li{
		border-bottom: 1px solid #fff;
		margin: 0;
		}
		
	div#button ul ul{
		list-style: square;
		margin: 0;
		padding-left: 2em;
		border: none;
		}
		
div.matkaohjelma{
	padding:20px;
	padding-top: 5px;
	width: 425px;
	height: 70%;
	background-color:#ededed;


}

div.matkaohjelma p{
		font-size: 11px;
		padding-left: 15px

}

ul{
	list-style: square;
	margin-top: 0.5em;

}

#footer_logot{
	float: left;
	width: 145px;
	height: 33px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 0px;

}

#footer_logot img{
	margin-left: 2px;

}

.solutayte{
	padding-left: 10px;
	padding-left: 10px;
	width: 90px;

}

.tekstinappi_back{
	width: 160px;
	height: 23px;
	background-image:url(../images/btn_orange_back.jpg);
	padding: 6px 0px 0px 35px;
	margin-bottom: 0.4em;
}

.tekstinappi_back a{
	color: #fff;
}

.tekstinappi_back a:hover{
	color: #000;
	text-decoration: underline;
}