/* CSS Document */
/* © Kestikartano Aurantola 2008 */

html { height: 100%;  margin-bottom: 1px; }
html * { padding: 0; margin: 0; }

body,td,th {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #EBEBEB;
	margin:0;
	margin-top:10px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	border:0;
	background-color:#EBEBEB;
    	background-image: url(graph/back01.jpg);
}
ul, ol, dl { 
margin: 0.0em 0 0.0em 0em; 
}
/*  Index page   */

/* ########################################################## */
/* ########################## INDEX ######################### */ 
/* ########################################################## */

.index_div{
position:relative;
border:none;
margin-left:auto;
margin-right:auto;
margin-top:200px;
width:712px;
height:110px;
}

#photodiv {
	position:relative;
  background-repeat: no-repeat;
  border:0;
  border-style: solid;
}
img {
  border:0;
}

/* ########################################################## */
/* ########################## BASE ########################## */ 
/* ########################################################## */
.topblank {
border:none;
border-width:0;
margin:0px 0px 0px 0px;
width:100%;
}

.main{
position:absolute;
width:805px;
max-width:765px;
height:auto;
min-height:690px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}
.topb {
	max-height:121px;
	max-width:765px;
  height:127px;
  border:none;
  border-width:0;
  margin:0px 0px 0px 0px;
  width:100%;
}
.middle {
	width:100%;
	height:auto;
	
}
.vasenlogo {
  position:absolute;
	margin-top: 20px
	margin-right: 95%;
	margin-bottom:auto;
	margin-left: 5%;
	border:0px
	max-height: 127px;
	max-width: 166px;
}

.vasenyhteys {
 	position:absolute;
  margin-top: 38%;
  margin-right: 95%;
	margin-bottom: 40%;
	margin-left: 5%;
	max-width: 166px;
	max-height: 127px;
}

/* ########################################################## */
/* ########################## Etusivu ####################### */ 
/* ########################################################## */
.etusivu_main{
position:relative;
width:805px;
max-width:765px;
height:620px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.etusivu_otsikko {
	position:absolute;
  margin: 0px 0px 0px 10px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.etusivu_teksti {
	position:absolute;
	margin: 190px 0px 0px 50px;
	align:left;
	width:400px;
	height:100px;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
	font-size: 12px;
}
.etusivu_kuva {
	position:absolute;
	border:1px;
	position:absolute;
	margin: 210px 0px 0px 460px;
	height:auto;
	
}
/* ########################################################## */
/* ################## Majoitus yleiset ###################### */ 
/* ########################################################## */
.majoitusy_main{
position:relative;
width:805px;
max-width:765px;
height:700px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.majoitusy_otsikko {
	position:absolute;
  margin: 10px 0px 0px 10px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.majoitusy_teksti {
	position:absolute;
	margin: 110px 0px 0px 30px;
	align:left;
	width:300px;
	height:100px;
	border:none;
	font-size: 12px;
	height:auto;
}
.majoitusy_kuva {
	position:absolute;
	border:none;
	position:absolute;
	margin: 120px 0px 0px 380px;
	height:auto;
}

/* ########################################################## */
/* ########################## Majoitus ###################### */ 
/* ########################################################## */
.majoitus_main{
position:relative;
width:805px;
max-width:765px;
height:700px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.majoitus_otsikko {
	position:absolute;
  margin: 10px 0px 0px 10px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.majoitus_teksti {
	position:absolute;
	margin: 100px 0px 0px 30px;
	align:left;
	width:340px;
	height:100px;
	border:0px;
	border-color:black;
	border-style:dashed;
	font-size: 12px;
	height:auto;
}
.majoitus_kuva {
	position:absolute;
	border:none;
	margin: 130px 0px 0px 480px;
	height:auto;
}
.majoitusa_kuva {
	position:absolute;
	border:none;
	margin: 120px 0px 0px 400px;
	height:auto;
}
.majoitusk_kuva {
	position:absolute;
	border:none;
	margin: 110px 0px 0px 430px;
	height:auto;
}
.caravan_kuva {
	position:absolute;
	border:none;
	margin: 120px 0px 0px 380px;
	height:auto;
}
/* ########################################################## */
/* ########################## Yritykset ###################### */ 
/* ########################################################## */
.yritykset_main{
position:relative;
width:805px;
max-width:765px;
height:500px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.yritykset_otsikko {
	position:absolute;
  margin: 10px 0px 0px 20px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.yritykset_teksti {
	position:absolute;
	margin: 110px 0px 0px 30px;
	align:left;
	width:380px;
	height:100px;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
	font-size: 12px;
}
.yritykset_kuva {
	position:absolute;
	border:0px;
	border-style:solid;
	position:absolute;
	margin: 120px 0px 0px 440px;
	height:auto;
}
/* ########################################################## */
/* ########################## Yksityiset #################### */ 
/* ########################################################## */
.yksityiset_main{
position:relative;
width:805px;
max-width:765px;
height:450px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.yksityiset_otsikko {
	position:absolute;
  margin: 0px 0px 0px 20px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.yksityiset_teksti {
	position:absolute;
	margin: 140px 0px 0px 30px;
	align:left;
	width:320px;
	height:100px;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
	font-size: 12px;
}
.yksityiset_teksti2 {
	position:absolute;
	margin: 485px 0px 0px 220px;
	align:left;
	width:490px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.yksityiset_kuva {
	position:absolute;
	border:0px;
	border-style:solid;
	position:absolute;
	margin: 140px 0px 0px 380px;
	height:auto;
}
/* ########################################################## */
/* ########################## Tapahtumat #################### */ 
/* ########################################################## */
.tapahtumat_main{
position:relative;
width:805px;
max-width:765px;
height:850px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.tapahtumat_otsikko {
	position:absolute;
  margin: -10px 0px 0px 20px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.tapahtumat_teksti {
	position:absolute;
	margin: 120px 0px 0px 30px;
	align:left;
	width:420px;
	height:100px;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.tapahtumat_kuva {
	position:absolute;
	border:0px;
	border-style:solid;
	position:absolute;
	margin: 120px 0px 0px 480px;
	height:auto;
}
/* ########################################################## */
/* ########################## Historia #################### */ 
/* ########################################################## */
.historia_main{
position:relative;
width:765px;
max-width:805px;
height:850px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.historia_otsikko {
	position:absolute;
  margin: 10px 0px 0px 20px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.historia_teksti {
	position:absolute;
	margin: 120px 0px 0px 50px;
	align:left;
	width:330px;
	height:100px;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.historia_kuva {
	position:absolute;
	border:0px;
	border-style:solid;
	position:absolute;
	margin: 150px 0px 0px 400px;
	height:auto;
}
/* ########################################################## */
/* ########################## Kalenteri  #################### */ 
/* ########################################################## */
.kalenteri_main{
position:relative;
width:805px;
max-width:765px;
height:1250px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.kalenteri_otsikko {
	position:absolute;
  margin: 10px 0px 0px 10px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.kalenteri_teksti {
	position:absolute;
	margin: 100px 0px 0px 30px;
	align:left;
	width:400px;
	height:100px;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.kalenteri_kuva {
	position:absolute;
	border:0px;
	border-style:solid;
	position:absolute;
	margin: 0px 0px 0px 565px;
	height:auto;
}
.kalenteri_kuva2 {
	position:absolute;
	border:0px;
	border-style:solid;
	position:absolute;
	margin: 350px 0px 0px 470px;
	height:auto;
}
/* ########################################################## */
/* ########################## Hinnasto   #################### */ 
/* ########################################################## */
.hinnasto_main{
position:relative;
width:805px;
max-width:765px;
height:1050px;
min-height:850px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.hinnasto_otsikko {
	position:absolute;
  margin: 0px 0px 0px 50px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.hinnasto_teksti {
	position:absolute;
	margin: 0px 0px 0px 0px;
	align:left;
	width:500px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.hinnasto_teksti2 {
	position:absolute;
	margin: 0px 0px 0px 0px;
	align:left;
	width:500px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}

.hinnasto_kuva {
	position:absolute;
	border:1px;
	border-style:solid;
	position:absolute;
	margin: 150px 0px 0px 520px;
	height:auto;
}
/* ########################################################## */
/* ################   Pikkujoulu Hinnasto   ################# */ 
/* ########################################################## */
.pikkujoulu_hinnasto_main{
position:relative;
width:805px;
max-width:765px;
height:1145px;
min-height:850px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}
.pikkujoulu_hinnasto_teksti2 {
	position:absolute;
	margin: 0px 0px 0px 0px;
	align:left;
	width:500px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
/* ########################################################## */
/* ########################## Hääpalvelut ################### */ 
/* ########################################################## */
.haapalvelut_main{
position:relative;
width:805px;
max-width:765px;
height:1265px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.haapalvelut_otsikko {
	position:absolute;
  margin: 0px 0px 0px 50px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.haapalvelut_teksti {
	position:absolute;
	margin: 0px 0px 0px 0px;
	align:left;
	width:750px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.haapalvelut_kuva {
	position:absolute;
	border:1px;
	border-style:solid;
	position:absolute;
	margin: 150px 0px 0px 520px;
	height:auto;
}
/* ########################################################## */
/* ########################## Menu       #################### */ 
/* ########################################################## */
.menu_main{
position:relative;
width:805px;
max-width:765px;
height:1095px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.menu_otsikko {
	position:absolute;
  margin: 0px 0px 0px 30px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.menu_teksti {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:auto;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.menu_teksti2 {
	position:absolute;
	margin: 0px 0px 0px 0px;
	align:left;
	width:200px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.menu_kuva {
	position:absolute;
	border:1px;
	border-style:solid;
	position:absolute;
	margin: 150px 0px 0px 520px;
	height:auto;
}
/* ########################################################## */
/* ########################## Ruokahinnasto ################# */ 
/* ########################################################## */
.ruoka_main{
position:relative;
width:805px;
max-width:765px;
height:1355px;
min-height:750px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.ruoka_otsikko {
	position:absolute;
  margin: 0px 0px 0px 50px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.ruoka_teksti {
	position:absolute;
	margin: 0px 0px 0px 0px;
	align:left;
	width:750px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
}
.ruoka_kuva {
	position:absolute;
	border:1px;
	border-style:solid;
	position:absolute;
	margin: 150px 0px 0px 520px;
	height:auto;
}
/* ########################################################## */
/* ########################## Yhteystiedot ################## */ 
/* ########################################################## */
.yhteystiedot_main{
position:relative;
width:805px;
max-width:765px;
height:650px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}

.yhteystiedot_otsikko {
	position:absolute;
  margin: 10px 0px 0px 10px;
	align:left;
	width:auto;
	text-align: justify;
	border:0px
	border-style:solid;
	height:auto;
	}
	
.yhteystiedot_teksti {
	position:absolute;
	margin: 110px 0px 0px 30px;
	align:left;
	width:450px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
	font-size:normal;
}
.yhteystiedot_kuva {
	position:absolute;
	border:0px;
	border-style:solid;
	position:absolute;
	margin: 110px 0px 0px 390px;
	height:auto;
}
/* ########################################################## */
/* ########################## Gallery ####################### */ 
/* ########################################################## */
.gallery_main{
position:relative;
max-width:765px;
width:765px;
height:750px;
min-height:800px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}
.photos {
	position:relative;
	width:auto;
	height:auto;
	background-color:#E4EBF5;
	border:none;
}	
/* ########################################################## */
/* ########################## Lomake  ####################### */ 
/* ########################################################## */
.lomake_main{
position:relative;
width:805px;
max-width:765px;
height:750px;
min-height:800px;
margin-left:auto;
margin-right:auto;
background-color:#E4EBF5;
border:none;
margin-top: 5px;
border-right: 3px solid #062557;
border-bottom: 5px solid #294F81;
}
.lomake_teksti {
	position:absolute;
	margin: 30px 0px 0px 130px;
	align:left;
	width:450px;
	height:100px;
	text-align: justify;
	border:0px;
	border-color:black;
	border-style:dashed;
	height:auto;
	font-size:normal;
}
/* ########################################################## */
/* ################# Navigation CSS ######################### */ 
/* ########################################################## */
.menu {
background:#0B357A;
widht:100%;
height:25px;
}
.horizontalcssmenu ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
background:#0B357A;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
background:#0B357A;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 93.1px; /*Width of top level menu link items*/
height: 25px;
padding: 3px 8px 0px; 0px;
border: 0px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(menubg.gif) center center repeat-x;
color: White;
font: 12px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0px;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 105px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px 0px 0px;
background: #0B357A;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #3063AF;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0px;
background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */