a:active{
  text-decoration: underline;
}


 a:hover{
  text-decoration: underline;
}
b {
  color: #333;
}

BODY{

 font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

div.desc{
  color: #333;
  font-weight: normal;
  text-align: left;
}

div.desc a{
  color: #333;
  text-decoration: none;
}

div.desc a:visited, div.desc a:hover{
  color: #333;
  text-decoration: underline;
}

div.img{
  float: left;
  height: 175px;
  margin: 6px;
  max-width: 100%;
  padding: 0px;
  width: 203px;
}

div.img img{
  border: 0px;
}

FORM{
  margin-bottom: 0px;
  margin-top: 0px;
}

h1{
  color: #646464;
  display: inline;
  FONT-SIZE: 18px;
  FONT-WEIGHT: bold;
  margin-bottom: 8px;
  margin-top: 8px;
}

h1 a, h1 a:visited{        color: #646464;
  text-decoration: none;
}

h2{
  color: #646464;
  display: inline;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  margin-top: 5px;
}

h2 a{
  color: #646464;
}

hr{
  border: thin solid white;
  width: 99%;
}

html, body{
  height: 100%;
}
.addwrap { width:100%;
clear:both;
	margin: 0 auto;

}


.add1 {

 	float: left;
	margin: 1.66%;
	width: 30%;
	max-width: 262px;
}

 .addwrap2 {
 width:100%;
 max-width:150px;

}


.add2 {

 	margin: 0px 0px 8px 0px;
	max-width: 150px;
	width: 100%;
}



.ajaxtooltip{
	background: #FFF;
	border: 2px solid yellow;
	display: none;
	left: 0;
	max-width: 700px;
	padding: 3px;
	position: absolute;
	top: 0;
	z-index: 3;
}

.bluebold{ font-size: 12px; font-weight: bold; }

.bluebold a{ color: #00F; font-weight: bold; text-decoration: none; }

.bluebold a:visited,.bluebold a:hover,.bluebold_big a:hover{
	color: #00F;
	font-weight: bold;
	text-decoration: underline;
}

.bluebold_big{ font-size: 14px; font-weight: bold; }

.bluebold_big a{
	color: #00F;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.bluebold_big a:visited{ color: #00F; font-weight: bold; text-decoration: none; }

.bold   { font-size: 18px; font-weight: bold; }
.bronkalenteri{ float: left; }

.brown{ background: #FFF; COLOR: #900; FONT-SIZE: 12px; }

.brown a{ COLOR: #900; text-decoration: none; }

.brown a:visited{ color: #666; text-decoration: none; }

.brown a:hover{ color: #F00; text-decoration: underline; }

.cell{
	background: #fff;
	COLOR: #999;
	FONT-SIZE: 12px;
   /*	font-weight: bold; */
	padding: 2px;
	text-align: right;
}

.cell a{ COLOR: #369; display: block;
/*font-weight: bold; */   }

.cell a:link{ COLOR: #369;
/*font-weight: bold; */   }

.cell a:Visited{
	COLOR: #369;
   /*	font-weight: bold;  */
	padding: 2px;
	text-decoration: none;
}

.cell a:Hover{ background: #fdcd00; color: #06C;  }

.cell_lasu{ background: #FFFFF1; COLOR: #ccc; FONT-SIZE: 12px; }

.cellgrey{
	background: #E0E0E0;
	COLOR: #ccc;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-align: right;
}

.cellgrey a{ COLOR: #ccc; display: block; }

.cellRed{
	background: #F66;
	COLOR: #ccc;
	FONT-SIZE: 12px;
    /*	font-weight: bold;   */
	padding: 2px;
	text-align: right;
}

.cellRed a{ COLOR: #ccc; display: inline-block; }

.cellRed a:Visited,.cellgrey a:Visited{ COLOR: #ccc; }

.cellRed a:Hover,.cellgrey a:Hover{ background: #fdcd00; color: #ccc; }

.cellToday{
	background: #fdcd00;
	color: #000;
	FONT-SIZE: 12px;
	font-weight: bold;
	padding: 2px;
}

.cellToday a{
	background: #fdcd00;
	color: #000;
	display: block;
	font-weight: bold;
	padding: 2px;
}

.cellToday a:Hover{ background: #F00; color: #000; font-weight: bold; }

.clearfix{ clear: both; height: 4px; }

.clearfix2{ clear: both; height: 1px; }
.content{

	width: 100%;
}
.data1{
  overflow:auto;
	color: #999;
	FONT-SIZE: 12px;
	margin: 2px 0;
 padding:3px;
 border: 1px dotted #999;

}

.data2{
     border:1px solid;
	FONT-SIZE: 12px;

	margin-top: 6px;
}

  .datastatus-ab {
    border-color: #f2edc6 #DB9999 #db9999 #F2EDC6;
}



.estrent,.estrent a,.estrent a:visited,.estrent a:hover{ COLOR: #800000; FONT-SIZE: 14px; FONT-WEIGHT: bold; }

.estrent_new{
	COLOR: #FFF;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

.estrent_taus{
	background: #800000;
	color: #fff;
	font-weight: bold;
	padding: 3px 4px 3px 4px;
}

.estrent_taus a{ color: #fff; }

.estrent_taus1{
	color: #800000;
	font-weight: bold;
	padding: 3px 4px 3px 4px;
}

.estrent1{
	COLOR: #800000;
	FONT-SIZE: 27px;
	FONT-WEIGHT: bold;
	padding-top: 1px;
}

.estrent1 a{
	COLOR: #800000;
	display: block;
	FONT-SIZE: 27px;
	FONT-WEIGHT: bold;
	padding-top: 1px;
	text-decoration: none;
}

.estrent1 a:visited{ COLOR: #800000; FONT-SIZE: 27px; text-decoration: none; }

.estrent1 a:hover{ FONT-SIZE: 27px; FONT-WEIGHT: bold; }

.estrent1_new{
	COLOR: #FFF;
	FONT-SIZE: 24px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

.etsi{
	border: 1px solid #53A9FF;
	cursor: pointer;
	font-size: 9px;
	font-weight: bold;
	width: 120px;
}

.etsi1{
	cursor: pointer;
	FONT-SIZE: 12px;
	font-weight: normal;
	height: 20px;
	margin-left: 4px;
	padding: 2px;
}

.etsi2{
	background: #C0C0C0;
	border: 1px solid #000000;
	cursor: pointer;
	font-size: 9px;
	font-weight: bold;
	width: 50px;
}

.floatright{
	border: 1px solid #666;
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
}

.footer{ clear: both; width: 100%; }

.footerbar{ background: #369; color: #fff; FONT-SIZE: 12px; }

.greysmall{ COLOR: #999; }
 .greytext{
	color: #999999;
    font-size:12px;
 }
  .greytext a, .greytext a:visited{
	color: #999999;
    text-decoration:none;
 }

.haku1{
	background: #FFFFF1;
	border-bottom: 1px solid #FFFFE1;
	border-left: 1px solid #FFFFE1;
	border-right: #FFFFE1;
	border-top: 1px solid #FFFFE1;
	color: #666;
	FONT-SIZE: 12px;
	font-weight: bold;
	padding: 1px;
}

.Heading1{ COLOR: #0A246A; FONT-SIZE: 12px; FONT-WEIGHT: bold; }

.Heading2 A:Hover{ color: #06C; FONT-SIZE: 12px; FONT-WEIGHT: bold; }

.Heading2 A:active{
	COLOR: #009;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-decoration: none;
}

.Heading2,.Heading2 A,.Heading2 A:visited{
	COLOR: #0A246A;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-decoration: none;
}

.Heading3{ COLOR: #666; FONT-SIZE: 9px; FONT-WEIGHT: bold; }

.hiddenlink A{ color: #fff; text-decoration: none; }

.hiddenlink A:visited{ color: #fff; text-decoration: none; }

.hiddenlink A:hover{ color: #fff; text-decoration: none; }

.hinta{ COLOR: #000; font-weight: normal; }

.hintabox2{
	background: linear-gradient(to bottom, #BDDEFF, #EAF4FD);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #BDDEFF), color-stop(1, #EAF4FD));
	background-image: -o-linear-gradient(top, #BDDEFF, #EAF4FD);
	background-image: -moz-linear-gradient(top, #BDDEFF, #EAF4FD);
	background-image: -webkit-linear-gradient(top, #BDDEFF, #EAF4FD);
	border: 2px solid #EAF4FD;
	margin-bottom: 0px;
	margin-top: 0px;
	max-width: 250px;
	padding: 2px;
}

.i2gif{
	border: 0px;
	height: 16px;
	margin: 1px;
	padding-bottom: 0px;
	vertical-align: bottom;
	width: 16px;
}

.i2image{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 0px;
	border-radius: 2px;
	height: 133px;
	margin-bottom: 1px;
	width: 200px;
}

.iframe{ color: #000; FONT-SIZE: 12px; text-decoration: none; }

.iframe A{ color: #444; text-decoration: none; }

.iframe A:visited,.iframe A:hover{ color: #444; text-decoration: underline; }

.imgfloatright{ clear: both; float: right; margin: 2px; }

.index1{
    clear:both;
	border-bottom: 1px solid #eeeeee;
	margin: 6px 4px 10px 0px;
	max-width: 860px;
	padding: 2px;
	width: 100%;
}

.index1bottom{
	clear: both;
	margin: 6px 4px 10px 0px;
	max-width: 840px;
	padding-right: 2px;
	width: 100%;
}

.index1col1{
	float: left;
	margin: 4px;
	max-width: 220px;
	width: 100%;
}
    .index1colimg {
	max-width: 212px;
    width:100%;

}
.index1col1mobile{
	float: left;
	margin: 4px;
	max-width: 320px;
	width: 100%;
}

.index1col2{
	float: left;
	margin: 4px;
	max-width: 210px;
	width: 100%;
}

.index1col3{
      background:#ffffff;
	float: left;
	margin: 4px;
	max-width: 250px;
	width: 100%;
}
  .index1frame3{
      border:0px;
    height:100%;
 	max-width: 400px;
    max-height:150px;
	width: 100%;
}
.index1col4{
	float: left;
	margin: 0px;
	max-width: 130px;
	padding-top: 0px;
	width: 100%;
}

.index2{
    clear:both;
	float: left;
	height: 160px;
	margin: 3px;
	max-width: 151px;
	width: 100%;
}

.index2image{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 112px;
	max-height: 75%;
	max-width: 100%;
	width: 151px;
}

.index2table{ color: #333; FONT-SIZE: 12px; }

.index2table a{ color: #333; text-decoration: none; }

.index2table a:visited{ color: #333; text-decoration: underline; }

.index2table a:hover{ color: #333; text-decoration: underline; }

.indexformat{
	border-left: 1px solid #eeeeee;
	margin: 0px 0px 1px 2px;
	padding: 2px 4px 2px 4px;
}

.indexformat a{ color: #999; display: inline-block; }

.indexformat a:visited{
	color: #999;
	display: inline-block;
	text-decoration: none;
}

.indexformat a:hover{ text-decoration: underline; }

.indexformatwrap{ margin: 0px 0px 6px 0px; text-align: right; }

.infowindow{ font-size: 12px; }

.kalenteri{ background: #eee; margin-top: 2px; width: 150px; }

.kalenterititle{
	background: #ffffff;
	color: #333;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-align: center;
}

.kiirlingid a:visited,.kiirlingid a:active{
	background: #06C;
	border-left: thin #0066CC;
	border-right: thin #0066CC;
	border-top: thin #0066CC;
	COLOR: #FFF;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	padding: 1px 4px 1px 4px;
	text-decoration: none;
}

.kiirlingid,.kiirlingid a,.kiirlingid a:hover{
	background: #06C;
	border-left: thin #0066CC;
	border-right: thin #0066CC;
	border-top: thin #0066CC;
	COLOR: #FFF;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	padding: 1px 4px 1px 4px;
}

.kohdekuvat{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	max-width: 200px;
}

.kohdekuvat1{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	width: 220px;
}
    .hidden1,.hidden2,.hidden3 {
           clear:both;
        display:none;
        margin-top:14px}

  .expand-content-link  {
      color:blue;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
     }
   .expand-content-link a:visited  {
      color:blue;
      }
  .linkit {
  float:left;
      margin-top:6px;
  margin-bottom:6px;
  	background:  #FFFFF1;
   padding:4px;
	border: 1px dotted #333333;
}
.lippukehys{
	background: #FFFFF0;
	border-bottom: 1px solid #CBCBCB;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
}

.loading {
	background:#eeeeee;
	color:#666666;
	font-size:20px;
	padding:5px 10px;
	text-align:center;
	width:450px;
	margin:0px auto;
	display:none;
	border-radius: 0px;
}
.luelisaa{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.luelisaa a{ color: #00F; font-weight: bold; text-decoration: none; }

.luelisaa a:visited{ color: #0F5C9E; text-decoration: underline; }

.luelisaa a:hover{ color: #F00; text-decoration: underline; }

.luelisaaBLUE{
	color: #00F;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.luelisaaBLUE a{ color: #00F; font-weight: bold; text-decoration: none; }

.luelisaaBLUE a:visited{ color: #00F; text-decoration: underline; }

.luelisaaBLUE a:hover{ color: #F00; text-decoration: underline; }

.maakond { border: 0px; width: 120px; height: 86px; margin: 2px; }

.mainos{
	/*-moz-box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181;
	background: #FFFFF1;
	border: 2px solid yellow;
	box-shadow: 3px 3px 8px #818181;    */
	COLOR: #000;
	FONT-SIZE: 12px;
max-width: 250px;
     width:100%;
    min-height:70px;
	padding: 4px;
	text-align: center;
 }

.mainos a{ COLOR: #666; display: block; text-decoration: none; }

.mainos a:visited{ color: #666; text-decoration: none; }

.mainos a:hover{ color: #F00; text-decoration: underline; }

.mainos img,.mainosblue img{
	border: 0px;
	height: 90px;
	margin: 10px 2px 2px 2px;
	width: 128px;
}
 .mainos2{
	-moz-box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181;
	background: #FFFFF1;
	border: 2px solid yellow;
	box-shadow: 3px 3px 8px #818181;
	COLOR: #000;
	FONT-SIZE: 12px;
  max-width: 138px;
     width:100%;
    height:80px;
	padding: 4px;
	text-align: center;
 }

.mainos2 a{ COLOR: #666;  text-decoration: none; }

.mainos2 a:visited{ color: #666; text-decoration: none; }

.mainos2 a:hover{ color: #F00; text-decoration: underline; }

 .mainos2 img,.mainosblue2 img{
	border: 0px;
	height: 90px;
	margin: 10px 2px 2px 2px;
	width: 128px;
}
.mainosblue{
	-moz-box-shadow: 3px 3px 8px #0066CC;
	-webkit-box-shadow: 3px 3px 8px #0066CC;
	background: #fff;
	border: 2px solid #0066CC;
	box-shadow: 3px 3px 8px #0066CC;
	COLOR: #000;
	FONT-SIZE: 12px;
   max-width: 246px;
     width:100%;
   min-height:70px;
	padding: 4px;
	text-align: center;
}

.mainosblue, .mainostitle{
	background: #06C;
	color: #fff;
	FONT-SIZE: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
.mainosblue a{ COLOR: #666; display: block; text-decoration: none; }
 .mainosblue a:visited{ color: #666; text-decoration: none; }
 .mainosblue a:hover{ color: #F00; text-decoration: underline; }

 .mainosblue2 {
	-moz-box-shadow: 3px 3px 8px #0066CC;
	-webkit-box-shadow: 3px 3px 8px #0066CC;
	background: #fff;
	border: 2px solid #0066CC;
	box-shadow: 3px 3px 8px #0066CC;
	COLOR: #000;
	FONT-SIZE: 11px;
    max-width: 138px;
     width:100%;
    height:80px;
	padding: 4px;
	text-align: center;
}

.mainosblue2 a{ COLOR: #666; text-decoration: none; }
 .mainosblue2 a:visited{ color: #666; text-decoration: none; }
 .mainosblue2 a:hover{ color: #F00; text-decoration: underline; }

 .mainosjousto
  {
              	FONT-SIZE: 12px;
   max-width: 246px;
     width:100%;
   min-height:70px;
	padding: 4px;
	text-align: center;
}
.mainosjousto a, .mainosjousto a:visited, .mainosjousto a:hover
      {
       color:#999999;
       text-decoration:none;
       font-weight:bold;
}

 .mainosjousto2
   {
 FONT-SIZE: 11px;
    max-width: 138px;
     width:100%;
    min-height:80px;
	padding: 4px;
	text-align: center;
}
  .mainosjousto2 a, .mainosjousto2 a:visited, .mainosjousto2 a:hover
      {
      color:#0071CD;
       text-decoration:none;
       font-weight:bold;
}

 .mainoskilpailu{

	COLOR: #000;
	FONT-SIZE:16px;
      /*	max-width: 254px;  */
    width:100%;
    height:70px;
	padding: 10px 4px 0px 4px;
	text-align: center;
}

.mainoskilpailu a{
	COLOR: #666;
	text-decoration: none;
    font-weight:bold
}

.mainoskilpailu a:hover{ color: #F00; text-decoration: none; }

.mainoskilpailu2{

	COLOR: #000;
	FONT-SIZE:14px;
            /*	max-width: 254px;  */
        width:95%;
        height:65px;
	padding: 6px 4px 0px 4px;
	text-align: center;
}

.mainoskilpailu2 a{
	COLOR: #666;
	text-decoration: none;
        font-weight:bold
}

.mainoskilpailu2 a:hover{ color: #F00; text-decoration: none; }



.mainostaus{
	background: #FFFFE1;
	BORDER: #dcdcdc 1px solid;
	padding: 4px;
}

.mainostitle{
	background: #FBA800;
	color: #fff;
	FONT-SIZE: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: center;
	width: 100%;
    FONT-SIZE: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: center;
	width: 100%;

}

.mainostitle a{ color: #fff; text-decoration: none; }

.mainostitle a:visited{ color: #fff; text-decoration: none; }

.mainostitle a:hover{ color: #F00; text-decoration: underline; }

.mainostitle2{
	background: #00F;
	color: #fff;
	FONT-SIZE: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

.mainostitle2 a{ color: #fff; text-decoration: none; }

.mainostitle2 a:visited{ color: #fff; text-decoration: none; }

.mainostitle2 a:hover{ color: #F00; text-decoration: underline; }

.maintable{ background: #FFF; padding: 0px; }

.maintable a:visited{
	background: #FFF;
	border: thin solid #EEEEEE;
	padding: 0px;
	text-decoration: underline;
}

.marginleft20{ margin-left: 20px; }

.newsystemlist{     clear:both;
     font-size:12px;
 margin-left: 0px; position: relative; }

.newsystemlist ul{
	list-style: square;
	margin-left: 12px;
	margin-top: 2px;
	padding: 0px;
	position: relative;
}

.newsystemlist ul li{
	margin-bottom: 2px;
	margin-left: 1px;
	margin-top: 1px;
	padding: 1px;
}

.newsystemlist ul li:hover{ background: #ccc; }

.newsystemlist ul li:nth-child(even){ background: #eee; }

.newsystemlist ul li:nth-child(odd){ background: #FFF; }

.Normal{ font-size: 12px; }

.Normal a{
	COLOR: #00F;
	FONT-SIZE: 12px;
	text-decoration: underline;
}

.Normal a:visited{
	COLOR: #000;
	FONT-SIZE: 12px;
	text-decoration: underline;
}

.Normal a:hover{ color: #F00; text-decoration: underline; }

.Normal_bold{ font-size: 12px; font-weight: bold; }

.Normal_bold a{
	color: #00F;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Normal_bold a:visited{
	COLOR: #00F;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-decoration: underline;
}

.Normal1{ FONT-SIZE: 10px; }

.notextbox2{
	border: none;
	color: #999;
	FONT-SIZE: 13px;
	font-weight: bold;
	margin-left: 3px;
	padding: 0px;
	text-align: left;
	z-index: 0;
}

.off{ }

.off1{
    clear:both;
	border-bottom: 1px #eeeeee solid;
	FONT-SIZE: 12px;
  max-width:866px;
	padding: 0px;
	width: 100%;
}

.off3{
	background: url(../kuvat/ylataus1.gif) repeat-x top;
	border-bottom: thin solid #EEEEEE;
	border-left: thin solid #EEEEEE;
	border-right: thin solid #EEEEEE;
	FONT-SIZE: 12px;
	padding: 2px;
}

.oikea{ padding-left: 10px; }

.on{
	border-left: thin #0066CC;
	border-right: thin #0066CC;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	padding: 1px 4px 1px 4px;
	text-align: left;
}

.on a{ COLOR: #ccc; FONT-SIZE: 12px; }

.on a:visited{ COLOR: #ccc; text-decoration: underline; }

.on a:hover{ color: #C00; FONT-SIZE: 12px; FONT-WEIGHT: bold; }

.on a:active{ FONT-SIZE: 12px; text-decoration: none; }

.pagenav{ FONT-SIZE: 11px; }

.pagenav a{
	/*background: #EEE; */
	color: #0A246A;
	display: inline-block;
	FONT-SIZE: 11px;
	margin: 1px 2px 1px 2px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #CCCCCC;
}

.pagenav a:visited{
	background: #EEE;
	border: 1px solid #CCCCCC;
	color: #0A246A;
	display: inline-block;
	margin: 1px 2px 1px 2px;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
}

.pagenav a:hover{ background: #ccc; color: #0A246A; }

.pagenavwrap{ margin: 6px 0px 6px 0px;
 text-align: right;
 clear:both }

.postitextbox{
	background: #FFFFF1;
	border: 1px solid #cccccc;
	font-size: 12px;
	margin: 4px;
	max-width: 280px;
	padding: 2px;
	width: 99%;
}

.preh1{
	color: #333;
	FONT-SIZE: 16px;
	margin-bottom: 8px;
	margin-top: 8px;
}

.preh2{
	color: #666;
	FONT-SIZE: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.red{ background: #F00; }

.redtext{ color: #F00; font-size: 14px; font-weight: bold; }

.regular-checkbox{ display: none; }

.regular-checkbox + label{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	border-radius: 0px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	display: inline-block;
	margin: 0px;
	padding: 8px;
	position: relative;
}

.regular-checkbox + label:active,.regular-checkbox:checked + label:active{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.regular-checkbox:checked + label{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #00F;
}

.regular-checkbox:checked + label:after{
	color: #00F;
	content: '\2716';
	font-size: 14px;
	left: 3px;
	position: absolute;
	top: 0px;
}

.roundcorner10{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.roundcorner10mob{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	max-width: 100%;
}
 .rslidesdiv{
    background: #ffffff;
	float: left;
	margin: 2px 16px 10px 0px;
    position:relative;
     width: 50%;
    max-width:470px;
    max-height:310px;
        }
 .rslides {

    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    max-width:470px;
    padding: 0;
    margin: 0;

    }

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    }

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
    }
      .rslideskuva{
	max-height: 310px;
        width: 100%;
	max-width: 470px;
}

/*.rslides img {
    display: block;
    height: auto;
    max-height:300px;
    float: left;
    width: 100%;
    border: 0;
    }   */



.search3{
        float:right;
             margin-right:4px;
 opacity: 0.5;}

.search3 a{ }

.search3:hover{ opacity: 1; }

.search3 img
    {
   position:relative;
   border:0px;
   height:22px;
   bottom:0;
      float:right;

       }

.showthumbdiv{
	float: left;
	height: 290px;
	margin: 11px;
	max-width: 264px;
	width: 100%;
}

.showthumbdiv2{
	float: left;
	margin: 1.66%;
	width: 30%;
	max-width: 264px;
	height: 290px;


}

.submit{
	background: #eee;
	border: 1px solid #666666;
	color: #00F;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

.submit1{
	background: #0F0;
	border: #A5ACFF;
	color: #00C;
	font: 8pt Verdana;
}

.submit2{
	background: #A5ACFF;
	border: #A5ACFF;
	color: #00C;
	font: 8pt Verdana;
}

.submit3{ cursor: pointer; FONT-SIZE: 8pt;	border: 1px solid #666666; }

.textbox{
	background: #FFFFF1;
	border-bottom: 1px solid #CBCBCB;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	font-size: 10px;
	font-weight: normal;
	padding: 1px;
}

.textbox2{
	background: #FFF;
	border: 1px solid #eeeeee;
	FONT-SIZE: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

.textbox22{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	FONT-SIZE: 12px;
	font-weight: normal;
	padding: 0px;
	text-align: right;
	z-index: 0;
}

.textbox3{
	background: #FFFFF1;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight: normal;
}

.textbox4{
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	FONT-SIZE: 12px;
	font-weight: normal;
	padding: 2px;
}

.titlebar{
	background: #FBA800;
	color: #fff;
	font: bold 11px Tahoma;
	text-align: center;
}

.titlebar{
	background: #FBA800;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.titlebar_lasu{
	background: #eee;
	color: #FBA800;
	FONT-SIZE: 11px;
	font-weight: bold;
	text-align: center;
}

.titlebar_lasu{
	background: #eee;
	color: #FBA800;
	font-weight: bold;
	text-align: center;
}

.titlebar1{
	FONT-SIZE: 11px;
	background: #eee;
	color: #666;
	font-weight: bold;
	text-align: center;
}

/*
.titlebar1{
  background: #369;
  color: #fff;
  FONT-SIZE: 11px;
  font-weight: bold;
  padding: 2px;

}

.titlebar2{ background: #005500; color: #fff; font-weight: bold; }   */

.titlebar2{

	color: #fff;
	FONT-SIZE: 12px;
	font-weight: bold;
	padding: 2px;
    text-align: center;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #369), color-stop(1, #6A9CCD));
    background-image: -o-linear-gradient(top, #369, #6A9CCD);
    background-image: -moz-linear-gradient(top, #369, #6A9CCD);
    background-image: -webkit-linear-gradient(top, #369, #6A9CCD);
    background-image: linear-gradient(to bottom, #369, #6A9CCD)
}

.tulos{ FONT-SIZE: 12px; }

.tulos a{ text-decoration: none; }

.tulos a:visited{ text-decoration: underline; }

.tulos a:hover{ color: #F00; text-decoration: underline; }

.tulosbox{ }

.tulosbox2{
                 overflow: hidden;
	background: linear-gradient(to bottom, #BDDEFF, #EAF4FD);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #BDDEFF), color-stop(1, #EAF4FD));
	background-image: -o-linear-gradient(top, #BDDEFF, #EAF4FD);
	background-image: -moz-linear-gradient(top, #BDDEFF, #EAF4FD);
	background-image: -webkit-linear-gradient(top, #BDDEFF, #EAF4FD);
	border: 10px solid #EAF4FD;
	margin-bottom: 12px;
	margin-top: 8px;
	padding: 6px;
}

.tulosbox2mob{
	background: linear-gradient(to bottom, #BDDEFF, #EAF4FD);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #BDDEFF), color-stop(1, #EAF4FD));
	background-image: -o-linear-gradient(top, #BDDEFF, #EAF4FD);
	background-image: -moz-linear-gradient(top, #BDDEFF, #EAF4FD);
	background-image: -webkit-linear-gradient(top, #BDDEFF, #EAF4FD);
	border: 1px solid #EAF4FD;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

.tulosbox3{
	background: url(../kuvat/ylakuva.gif) repeat-x top;
	border: 4px double #DCDCDC;
	font-size: 12px;
	margin: 6px;
	padding: 6px;
}

.tulosbox4{
	background: #eee;
	border: 1px solid #666666;
	margin-top: 2px;
	padding: 3px;
}

.tulosh{ font: bold 15px "Comic Sans MS"; text-decoration: none; }

.tulosh a{
	COLOR: #3868C6;
	font-family: "Comic Sans MS";
	text-decoration: none;
}

.twocol2{
	/*margin: 0 auto;    */
	width: 100%;
	vertical-align: top;
}

.twocolleft2{ float: left; margin: 2px; padding: 0px; width: 140px; }

.twocolright2{ float: left; margin: 2px; padding: 0px; }

.uusigif{
	border: 0px;
	height: 14px;
	margin: 2px 2px 0 0;
	padding-bottom: 0px;
	vertical-align: bottom;
}

.valittu{
	background: #fdcd00;
	color: #F00;
	FONT-SIZE: 12px;
	font-weight: bold;
	padding: 4px;
	text-decoration: none;
	white-space: nowrap;
}

.valittu a{ display: block; }

.varaa{
	/*-moz-border-radius: 4px;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	border-radius: 4px;
	border: 1px solid #65a9d7;
	*/
	background: #65a9d7;
	border: 1px solid #53A9FF;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	padding: 5px 5px;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
	vertical-align: middle;
	white-space: normal;
	white-space: nowrap;

}

.varaa a, .varaa a:link{
    color: #fff;
cursor: pointer;
text-decoration: none;
background: #65a9d7;       }

.varaa a:visited{ color: #fff; text-decoration: none; }

    .varaa a:hover{
	background: #28597a;
	border-top-color: #28597a;
	color: #F00;
	text-decoration: underline;
}

.varaa1{
	-moz-border-radius: 4px;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	background: #65a9d7;
	border-radius: 4px;
	border-top: 1px solid #65a9d7;
	color: #FFF;
	cursor: pointer;
	float: right;
	font-size: 14px;
	padding: 5px 5px;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
	vertical-align: middle;
	white-space: normal;
	white-space: nowrap;
	width: auto;
}
.varaa1 a{
    color: #fff;
cursor: pointer;
text-decoration: none;
background: #65a9d7;       }
 .varaa1 a:hover{
	background: #28597a;
	border-top-color: #28597a;
	color: #F00;
	text-decoration: underline;
}
.varaadiv{
	color: #fff;
	float: right;
	margin: 8px 0px 8px 8px;
	text-align: right;
	text-decoration: none;
}

.varaadiv a{ color: #fff; }

.varaadiv a:visited{ color: #fff; text-decoration: none; }

.varaasmall{
	-moz-border-radius: 3px;
	-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	background: #65a9d7;
	border-radius: 3px;
	border-top: 1px solid #65a9d7;
	color: #FFF;
	cursor: pointer;
	font-size: 13px;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
	vertical-align: middle;
	white-space: normal;
	width: 100px;
}

.varaasmall a{
	color: #fff;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

.varaasmall a:link{
	color: #fff;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

.varaasmall a:visited{ color: #fff; text-decoration: none; }

.varaasmall a:hover{
	background: #28597a;
	border-top-color: #28597a;
	color: #ccc;
	text-decoration: underline;
}

.vasen{ }

.vbroncal {min-width: 188px; height: 210px;margin-left:0px; }

.vbronform{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	margin: 2px;
	max-width: 250px;
	padding: 0px;
	width: 100%;
}

.vbronformselect{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	margin: 2px;
	padding: 0px;
}

 .varausbox{
    float:left;
	background: #0F5C9E;
	clear: both;
	COLOR: #fff;
	FONT-SIZE: 11px;
	max-width: 864px;
	overflow: hidden;
         	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-top: 2px;
	width: 100%;
}

.varausbox a,.varausbox a:visited{ COLOR: #fff; text-decoration: none; }

.varausbox b{ COLOR: #fff; }

  /*
  .varausbox{
    background: linear-gradient(to bottom, #F5FBFF, #D6EBFF);
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F5FBFF), color-stop(1, #D6EBFF));
    background-image: -o-linear-gradient(top, #F5FBFF, #D6EBFF);
    background-image: -moz-linear-gradient(top, #F5FBFF, #D6EBFF);
    background-image: -webkit-linear-gradient(top, #F5FBFF, #D6EBFF);
    border-bottom: thin solid #eeeeee;
    border-top: thin solid #eeeeee;
    clear: both;
    COLOR: #999;
    FONT-SIZE: 11px;
    max-width: 864px;
    overflow: hidden;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-top: 2px;
    width: 100%;
  }

  .varausbox a{
    COLOR: #999;
    text-decoration: none;
  }

  .varausbox a:active{
    text-decoration: none;
  }

  .varausbox a:hover{
    color: #C00;
    text-decoration: underline;
  }

  .varausbox a:visited{
    COLOR: #999;
    text-decoration: none;
  }

  .varausbox b{
    COLOR: #666;
  }
   */
 .wishladd {
     float:right;
  }
   .wishladd a, .wishladd a:visited {
color:#999999;
margin-bottom:4px;

}

.wishlimg
 {
   border:0px;
   height:18px;
   width:18px;
   margin-bottom:0px;
}

   .wishlist
 {
   border:thin #999999 solid;
   margin:1px;
   padding:1px;
 font-size:12px;

}
  .wishlistleft
 { width:140px;

}
.wishlistleft a,.wishlist a:visited , .wishlist a:active
 {
color: #646464;
 text-decoration:none;
}

 .wishlist a:hover
 {
 color:#F00;
 text-decoration:underline;
}
.wishlistright
 {
   width:10px;
 padding-top:1px;
 vertical-align:top;

}
.wishlistright a, .wishlistright a:visited
 {
 /*font-weight:bold;*/
 color:red;
 text-decoration:none;
}
.wishlistright a:hover
 {
 color:red;
 text-decoration:underline;
}
.wkndblue{
	-moz-box-shadow: 3px 3px 8px #0066CC;
	-webkit-box-shadow: 3px 3px 8px #0066CC;
	background: #fff;
	border: 2px solid #0066CC;
	box-shadow: 3px 3px 8px #0066CC;
	COLOR: #000;
	FONT-SIZE: 11px;
	margin: 6px 0px 8px 0px;
	padding: 6px 4px 4px 4px;
	text-align: center;
	width: 100%;
}

.wkndtitle,.wkndtitle a,.wkndtitle a:visited{
	background: #38245B;
	color: #fff;
	FONT-SIZE: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
 .ylahakutextbox1{
background: #FFFFF1;
	border: 1px solid #53A9FF;
	FONT-SIZE: 11px;
	font-weight: normal;
	margin: 1px;
	max-width: 104px;
	padding: 1px;
	width: 100%;
}

     .ylahakucalbox1{
     background-color: #FFFFF1;
     background-image: url('../kuvat/cal.png');
    background-position:85px -1px;
    background-repeat: no-repeat;
    height:18px;
	border: 1px solid #53A9FF;
	FONT-SIZE: 12px;
	margin: 1px;
	max-width: 104px;
	padding: 1px;
	width: 100%;
}

.ylahakutextbox2{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	FONT-SIZE: 11px;
	font-weight: normal;
	margin: 1px;
	max-width: 120px;
	padding: 1px;
	width: 100%;
}

.ylahakuvasen{
	float: left;
	margin: 0px;
	padding-bottom: 2px;
	width: 127px;
}
.ylahakuvasen1{
	float: left;
	margin: 0px 0px 0px 2px;
	padding-bottom: 2px;
	width: 110px;
    height: 21px;
}


.ylaheaderleft{
	color: #999;
	float: left;
	margin: 2px 10px 4px 2px;
	max-width: 150px;
	padding-bottom: 0px;
	text-decoration: none;
}

.ylaheaderleft a, .ylaheaderleft a:visited {
	color: #999;
	text-decoration: none;
}

.ylaheaderleft2{
	color: #999;
	float: left;
	margin: 2px 1px 4px 1px;
	max-width: 95px;
	padding-bottom: 0px;
	text-decoration: none;
}
  .ylaheaderleft3{
	color: #999;
	float: left;
	margin: 2px 2px 4px 2px;
	max-width: 80px;
	padding-bottom: 0px;
	text-decoration: none;
}
.ylaheaderright{
	color: #999;
	float: right;
	margin: 2px 0px 4px 6px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-decoration: none;

}

.ylataus{ padding: 4px; }

#addthis_toolbox{ float: right; }

#alafooter{
	border-top: 1px solid #eeeeee;
	bottom: 0;
	clear: both;
	margin-top: 4px;
	padding-top: 2px;
	text-decoration: none;
	width: 100%;
}

#clearfix{ clear: both; }
#cellcont {
    position: relative;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background-color: grey;
}

#cellcont:before {
    content: '';
    position: absolute;
    left: 20%;
    width: 100%;
    height: 200%;
    background-color: rgb(255, 255, 255); /* fallback */
    background-color: rgba(255, 255, 255, 0.5);
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


#ekakuva{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 2px 20px 20px 0px;
	max-height: 400px;
	max-width: 450px;
	width: 99%;
}


 #etsi{
      	color: #333333;
  background: #e1e1e1;
  border: 1px solid #53A9FF;
   	/*		margin: 1px;
    */
	FONT-SIZE: 12px;
 	padding: 0px;
    cursor:pointer

}
#footer{ clear: both; position: relative; width: 100%; }
#footer a, #footer a:visited { color: #999; text-decoration: none; }
#footer2{
	clear: both;
	FONT-SIZE: 12px;
	text-decoration: none;
	width: 100%;
}

#haku{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	FONT-SIZE: 12px;
	font-weight: normal;
	margin: 1px;
	max-width: 114px;
	padding: 2px;
	width: 100%;
}

#hakuehdot{ COLOR: #999; FONT-SIZE: 12px; margin: 0px; width: 100%; }

#hakuehdot .pipe{ COLOR: #999; display: inline; font-weight: 400; }

#hakuehdot h1{
	FONT-SIZE: 15px;
	font-weight: 600;
	margin: 0px;
	width: 100%;
}

#hakuetsi{
	background: #65a9d7;
	border: 1px solid #336699;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 2px;
	width: 100px;
}

#hakuetsi2{
	background: #65a9d7;
	border: 1px solid #336699;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	margin-bottom: 1px;
	margin-right: 6px;
	margin-top: 1px;
	padding: 1px;
	width: 38px;
}

#hakuinc{
	background: #EAF4FD;
	BORDER: #dcdcdc 1px solid;
	float: right;
	max-width: 390px;
	padding: 4px;
	width: 100%;
}

#hakumobile{
	background: #FFFFF1;
	border: 1px solid #53A9FF;
	FONT-SIZE: 12px;
	font-weight: normal;
	margin: 1px;
	max-width: 60px;
	padding: 2px;
	width: 100%;
}

#hakuvalikko{
	background: #EEE;
	font-size: 12px;
	height: 110px;
	margin: 0px 4px 0px 4px;
	max-width: 600px;
	padding: 5px;
	position: relative;
	text-align: left;
	width: 100%;
}

#hakuvalikko ul{
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	list-style: none;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	text-align: right;
	text-decoration: none;
}

#hakuvalikko-1,#hakuvalikko-2,#hakuvalikko-3,#hakuvalikko-4{
	float: left;
	margin-bottom: 0px;
	margin-left: 25px;
	text-align: right;
	white-space: nowrap;
}

#I1{ height: 1600px; margin: 1px auto; width: 150px; }

#imagelightbox{
	-ms-touch-action: none;
	position: fixed;
	touch-action: none;
	z-index: 9999;
}

#karttakuva{ border: 0px; float: right; margin: 0px 0px 8px 8px; }

#kielivalinta{ display: inline; }

#kohde{
	FONT-SIZE: 12px;
	margin: 0px;
	max-width: 872px;
	padding: 0px;
	width: 100%;
}
  #kohdekuvat{ clear: both; max-width: 872px; width: 100%; }
#kohdebottom{ clear: both; max-width: 872px; width: 100%; }
#kohdetop{
    	width: 100%;
    clear:both;
    float:left;
     	margin-top: 4px;
 }
#kohdeleft{
	float: left;

	margin-right: 4px;
	max-width: 206px;
	width: 100%;
}

#kohderight{
	float: right;
	FONT-SIZE: 12px;
	margin: 2px 2px 2px 0px;
	max-width: 636px;
	position: relative;
	width: 100%;
}

#leftarved{ float: left; margin: 4px; padding: 1px; width: 400px; }

#leftarved a{ color: #666; text-decoration: none; }

#leftarved a:visited{ text-decoration: underline; }

#linkit{ FONT-SIZE: 11px; margin-top: 0px; }

#linkit a{ color: #999; text-decoration: none; }

#linkit a:hover{ background: #eee; text-decoration: underline; }

#linkit li{ margin: 1px 0px 2px 0px; PADDING: 2px; }

#linkit ul{
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0;
	width: 100%;
}

#linkit ul li a:visited{ COLOR: #999; }

#map,#map_canvas{
	height: 480px;
	margin-top: 10px;
	max-width: 866px;
	width: 100%;
}

#menuviiva{
	clear: both;
	FONT-SIZE: 12px;
	height: 2px;
	margin-bottom: 4px;
	max-width: 924px;
	text-decoration: none;
	width: 100%;
}
 #oma{ margin:4px;
	float: left;
    max-width:40px;
 }

#paytrail-image1{ margin-top: 10px; max-width: 309px; width: 99%; }

#postibox{
	background: url(../kuvat/ylakuva.gif) repeat-x top;
	border: 4px double #DCDCDC;
	font-size: 12px;
	margin: 0 auto;
	max-width: 520px;
	padding: 6px;
	text-align: center;
	width: 100%;
}

#rightarved{ float: right; margin: 4px; padding: 1px; width: 400px; }

#root{
	/*background: #FFFFFF;   */
	margin: 2px auto;
	max-width: 1040px;
	width: 100%;
}

#rootmain{
	float: left;
	max-width: 886px;
	padding: 0px;
	width: 100%;
}

#rootright{ float: left; max-width: 150px; width: 100%; }

#rootwrap{
   /*	background: #fff;    */
	margin: 0 auto;
	max-width: 1040px;
	padding: 2px;
}

#social{ }

#social a{ opacity: 0.5; }

#social a img{ height: 20px; width: 20px; }

#social a:hover{ opacity: 1; }

#social p{ padding-top: 0px; vertical-align: text-top; }
 #submit
 {margin:2px;
cursor: pointer; border: 1px solid #666666;
}
#textbox2{
	background: #FFF;
	border: 1px solid #eeeeee;
	FONT-SIZE: 12px;
    width:80px;
	margin-top: 0px;
	padding: 1px;
}
 #textbox2mob{
	background: #FFF;
	border: 1px solid #eeeeee;
	FONT-SIZE: 12px;
    width:40px;
	margin-top: 0px;
	padding: 1px;
}

#topmenu{
	clear: both;
	margin: 0px 0px 2px 0px;
	max-width: 878px;
	width: 100%;
}

#topmenu a:link{
	color: #0F5C9E;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#topmenumob a:link{
	color: #0F5C9E;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#topmenu a:visited{
	color: #0F5C9E;
	font-weight: bold;
	text-decoration: none;
}


#topmenumob a:visited{
	color: #0F5C9E;
	font-weight: bold;
	text-decoration: none;
}

#topmenu a:hover{ text-decoration: underline; }

#topmenu li{
	border-right: thin solid #999999;
	float: left;
	margin: 12px 8px 1px 0px;
	padding: 2px 9px 0px 0px;
}

#topmenu ul{
	FONT-SIZE: 17px;
	list-style: none;
	margin-bottom: 1px;
	margin-left: 0px;
	overflow: hidden;
	padding: 0;
}

#topmenu ul li:last-child{
	border-right: thin solid #ffffff;
	float: left;
	margin: 12px 0px 1px 0px;
	padding: 2px 9px 0px 0px;
}


#topmenumob ul li:last-child{
	border-right: thin solid #ffffff;
	float: left;
	margin: 0px 0px 1px 0px;
	padding: 2px 9px 0px 0px;
}

#topmenumob{
	clear: both;
	margin: 0px 0px 4px 0px;
	max-width: 878px;
	width: 100%;
}

#topmenumob a:hover{ text-decoration: underline; }

#topmenumob li{
	float: left;
	margin: 0px 3px 1px 0px;
	padding: 2px 9px 0px 0px;
}

#topmenumob ul{
	FONT-SIZE: 15px;
	list-style: none;
	margin-bottom: 1px;
	margin-left: 0px;
	overflow: hidden;
	padding: 0;
	display: inline;
}

#topmenumobsmall{
	clear: both;
	FONT-SIZE: 12px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

#topmenumobsmall a{
    	color: #0F5C9E;
	float: left;
	margin: 1px 2px 0px 0px;
	PADDING: 1px;
	text-decoration: none;
}

#topmenumobsmall a:hover{ color: #333; text-decoration: underline; }

#topmenumobsmall li{ display: inline; }

#topmenumobsmall ul{
	list-style: none;
	margin-left: 0px;
	margin-top: 1px;
	padding-left: 0;
	width: 100%;
}

#topmenumobsmall ul li a:visited{
        	color: #0F5C9E;
            }

#topmenusmall{
	clear: both;
	FONT-SIZE: 14px;
	margin: 0px 0px 6px 0px;
	width: 100%;
}

#topmenusmall a{
     	color: #0F5C9E;
	/*color: #999; */
	float: left;
	margin: 0px 3px 1px 0px;
	PADDING: 2px;
	text-decoration: none;
}

#topmenusmall a:hover{ color: #333; text-decoration: underline; }

#topmenusmall li{ display: inline; }

#topmenusmall ul{
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0;
	width: 100%;
}

#topmenusmall ul li a:visited{
  	color: #0F5C9E;
/*COLOR: #999; */
 }


#twocol2{
	/*margin: 0 auto;    */
	width: 100%;
	vertical-align: top;
}

#twocolarved{
	background: #FFF;
	COLOR: #000;
	FONT-SIZE: 14px;
	line-height: 150%;
	margin: 0 auto;
	width: 100%;
}

#twocol{


	width: 100%;
    max-width: 800px;
	vertical-align: top;

}

#twocolleft{

	float: left;
	margin-right: 8px;
	margin-left: 0px;
	padding-left: 0px;
	width: 200px;
}

#twocolright{

	float: left;
	margin-right: 8px;
	padding-left:0px;
	width: 200px;
}

 #twocolleftmob{
  float: left;
	margin-right: 4px;
	padding:0px;

	width: 130px;
}

#twocolrightmob{
   float: left;
	margin-right: 4px;
	padding:0px;
   	width: 130px;
}


#twocoloikea{
            border: 1px solid red;
    float:left;
	margin-left: 2px;
	padding-top: 20px;
	width: 100%;
    max-width: 300px;
	vertical-align: top;

}
#twocolright2{
	float: left;
	margin-top: 0px;
	width: 99%;
}

#tykkaa{
	float: left;
	height: 100%;
	padding-top: 10px;
	width: auto;
}

#viikko2011{
	margin-bottom: 6px;
	margin-top: 6px;
	max-width: 878px;
	text-align: left;
	width: 100%;
}

#viikko2011left{ float: left; margin-left: 0px; padding-left: 0px; }

#viikko2011right{ float: right; margin-right: 2px; }

#viikkonav{
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	text-align: right;
}

#viikkonav a{
	background: #EEE;
	border: 1px solid #CCCCCC;
	color: #0A246A;
	display: inline-block;
	margin: 1px 2px 1px 2px;
	padding: 2px 4px 2px 4px;
}

#viikkonav a:visited{
	background: #EEE;
	border: 1px solid #CCCCCC;
	color: #0A246A;
	display: inline-block;
	margin: 1px 2px 1px 2px;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
}

#viikkonav a:hover{ background: #ccc; color: #0A246A; }

#wknd{
	background: linear-gradient(to bottom, #3A265F, #7854BB);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #3A265F), color-stop(1, #7854BB));
	background-image: -o-linear-gradient(top, #3A265F, #7854BB);
	background-image: -moz-linear-gradient(top, #3A265F, #7854BB);
	background-image: -webkit-linear-gradient(top, #3A265F, #7854BB);
	COLOR: #000;
}

#ylahaku{
	background: #EAF4FD;
	BORDER: #dcdcdc 1px solid;
	clear: both;
	color: #10478D;
	float: left;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-top: 4px;
	max-width: 854px;
	padding: 3px 1px 3px 6px;
	width: 100%;
}

#ylahakuetsi{
	float: left;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-top: 4px;
	width: 45px;
}

#ylahakuform{ margin-right: 0px; }

#ylahakuform a{ padding: 3px; text-decoration: none; }

#ylahakuform a:visited{ color: #999; text-decoration: none; }

#ylahakuform a:hover{ color: #999; text-decoration: underline; }

#ylahaku2{
    font-size:11px;
background: #EAF4FD;
     /*	BORDER: #dcdcdc 1px solid;  */
   	border: 1px dotted #53A9FF;
	color: #10478D;
	float: right;
	margin-bottom: 6px;
	margin-left: 0;
	margin-top: 4px;
	max-width: 450px;
	padding: 4px 0px 3px 3px;

}

#ylaheader{
   /*	border-bottom: thin solid #dcdcdc;*/
	color: #999;
	margin-bottom: 10px;
	margin-left: 0px;
	max-width: 1038px;
	padding-bottom: 0px;
	width: 100%;
}

#ylaheader a,#ylaheader a:visited { color: #999; text-decoration: none; }

#ylaheader a:hover{ color: #999; text-decoration: underline; }

#ylaheaderclear{
	border-bottom: thin solid #eeeeee;
	clear: both;
	margin-top: 1px;
}

#ylaheaderetsi{
	color: #999999;
	float: right;
	font-weight: 400;
	margin-bottom: 1px;
	margin-left: 10px;
	text-decoration: none;
}

#ylaheaderlogo{
	float: left;
	margin-bottom: 4px;
	margin-top: 0px;
   width:120px;
   height:82px;
     border:0px;


}

#ylaheaderlogomob{
	float: left;
	margin-bottom: 4px;
	margin-top: 0px;
	max-width: 45px;
	width: 100%;
}

#ylaheaderlogoright{
	float: right;
	margin-bottom: 6px;
	margin-right: 0px;
	margin-top: 16px;
	max-width: 300px;
	width: 100%;
}

#ylavalikko{
	max-width: 864px;
	padding-bottom: 0px;
	vertical-align: text-bottom;
	width: 100%;
}

#ylavalikkoclear{ clear: both; }

#ylavalikkoright{
	color: #999;
	float: right;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 4px;
	max-width: 300px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: right;
	text-decoration: none;
	width: 100%;
}

#ylavalikkorightmobile{
	color: #999;
	float: right;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 4px;
	max-width: 200px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: right;
	text-decoration: none;
	width: 100%;
}

#ylavalikkorightsmall{
	color: #999;
	float: left;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 4px;
	max-width: 200px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: right;
	text-decoration: none;
	width: 100%;
}
 #wait
  {
   width:200px;
   height:20px;
 }
@media all and (min-width: 961px){

/*  .varausbox{
    background: linear-gradient(to bottom, #F5FBFF, #D6EBFF);
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #F5FBFF), color-stop(1, #D6EBFF));
    background-image: -o-linear-gradient(top, #F5FBFF, #D6EBFF);
    background-image: -moz-linear-gradient(top, #F5FBFF, #D6EBFF);
    background-image: -webkit-linear-gradient(top, #F5FBFF, #D6EBFF);
    border-bottom: thin solid #eeeeee;
    border-top: thin solid #eeeeee;
    clear: both;
    COLOR: #999;
    FONT-SIZE: 11px;
    max-width: 864px;
    overflow: hidden;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-top: 2px;
    width: 100%;
  }

  .varausbox a{
    COLOR: #999;
    text-decoration: none;
  }

  .varausbox a:active{
    text-decoration: none;
  }

  .varausbox a:hover{
    color: #C00;
    text-decoration: underline;
  }

  .varausbox a:visited{
    COLOR: #999;
    text-decoration: none;
  }

  .varausbox b{
    COLOR: #666;
  }       */
}
/* min-width 961px end ----------------------------------------------------------------*/


/*--------------------------------------------------------------------------------*/
@media all and (max-width: 960px){
 body{ width: 99%;
   font-size:12px;
  }
/*     .addwrap {
        width: 99%;
 	max-width: 640px;
clear:both;
        margin: 0 auto;
}        */

   /*.add1 {
    float:left;
           	margin: 1.66%;

	max-width: 180px;

}    */

  .addwrap2 {

          margin-left:0 auto;
          margin-right:0 auto;
        width: 99%;
	max-width: 500px;
clear:both;
        margin-top:30px;
         margin-bottom:10px;
}

.add2 {
         float:left;
 	margin: 0px 0px 8px 0px;
	max-width: 150px;
	width: 100%;
}

.bronkalenteri{ float: left; height: 155px; margin: 1px; }

.index1{
	border-bottom: 1px solid #cccccc;
	margin-top: 6px;
	max-width: 959px;
	padding: 2px;
	width: 100%;
}

.index1bottom{
	clear: both;
	margin: 6px 4px 10px 4px;
	max-width: 940px;
	padding-right: 2px;
	width: 100%;
    font-size:12px;
}

.index1col1{
	float: left;
	margin: 6px 4px 4px 4px;
	max-width: 210px;
	width: 100%;
}

.index1col2{
	float: left;
	margin: 6px 1px 1px 1px;
	max-width: 210px;
	width: 100%;
}

.index1col3{
	float: left;
	margin: 1px;
	max-width: 122px;
	width: 100%;
}
 .index1col4{
	float: left;
	margin: 0px;
	max-width: 90px;
	padding-top: 0px;
	width: 100%;
}
.kal_icon{ display: none; }
   .maakond { border: 0px; width: 80px; height: 60px; margin: 2px; }
.mainostitle{
	margin-bottom: 3px;
	margin-top: 0px;
	max-width: 700px;
	width: 100%;
}



.showthumbdiv2{
	float: left;


	height: 270px;
}

.stickynote{ display: none; }

.tulosbox3{
	background: url(../kuvat/ylakuva.gif) repeat-x top;
	border: 2px double #DCDCDC;
	font-size: 12px;
	margin: 0px;
	padding: 2px;
}

.varausbox{
	background: #0F5C9E;
	border-bottom: thin solid #eeeeee;
	border-top: thin solid #eeeeee;
	clear: both;
	COLOR: #fff;
	FONT-SIZE: 11px;
	max-width: 864px;
	overflow: hidden;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-top: 2px;
	width: 100%;
}

.varausbox a,.varausbox a:visited{ COLOR: #fff; text-decoration: none; }

.varausbox b{ COLOR: #fff; }

#I1{ display: none; }

#infowindow{ display: none; }

#kartalla{ display: none; }

#kielivalinta{ display: inline; }

#kohde{
	FONT-SIZE: 12px;
	margin: 0px auto;
	max-width: 920px;
	padding: 0px;
	width: 99%;
}

#kohdeleft{
	float: left;
	margin: 4px;
	max-width: 950px;
	width: 100%;
}

#kohderight{
	float: right;
	margin: 4px;
	max-width: 900px;
	position: relative;
	width: 100%;
}
 #linkit{ clear:both; }
#linkit a{
	color: #999;
	margin-right: 8px;
	text-decoration: underline;
}

#linkit li{ display: inline; float: left; margin-left: 0px; }

#linkit ul{
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0;
}

#map,#map_canvas{
	height: 99%;
	margin: 5px;
	max-height: 400px;
	max-width: 960px;
	width: 96%;
}
#paytrail
 {
   display:none;
}
#rootmain{
	float: left;
	max-width: 940px;
	padding: 2px;
	width: 99%;
}

#rootright{
	float: right;
	max-width: 940px;
	text-align: left;
	width: 99%;
}

#rootwrap{
   /*	background: #fff; */
	margin: 1px auto;
	max-width: 940px;
	padding: 2px;
	width: 99%;
}
 #topmenu li{
 	margin: 6px 6px 1px 0px;
}
  #topmenu ul li:last-child{
	margin: 6px 6px 1px 0px;
}       /*
 #twocol{
    float:left;
	width: 100%;
    max-width: 370px;
	vertical-align: top;
}       */
/*
#twocolleft,
  #twocolright{ float: left; margin: 0px; padding: 0px; width: 180px; } */

#twocoloikea{
    float:left;
	padding-top: 20px;
	width: 99%;
    max-width: 190px;
	vertical-align: top;

}
#twocolright2{

	margin-top: 0px;
	width: 99%;
}

#ylahaku{ max-width: 928px; width: 99%; }

#ylaheaderlogo{
	float: left;
	margin-top: 4px;

}
}
/* max-width: 960px end -------------------------------------------------------------------------*/


@media all and (max-width: 660px){

 /*    .addwrap { width:98%;
clear:both;
        margin: auto;

}

.add1 {
    float:left;
 	margin: 5px 5px 5px 5px;
	max-width: 170px;
	width: 100%;
}
*/
     .showthumbdiv2{
   float: left;

  height: 220px;
}

 #topmenu li{
 	margin: 4px 4px 1px 0px;
}
  #topmenu ul li:last-child{
	margin: 4px 4px 1px 0px;
}
/*
 #twocol{

	width: 100%;
    max-width: 370px;

}         */

#twocoloikea{
    float:left;
	width: 100%;
    max-width: 110px;
	vertical-align: top;

}
#twocolright2{
 	margin-top: 0px;
	width: 99%;
}
 .tulosbox2{
	border: 2px solid #EAF4FD;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 2px;
}
 #wait
  {
   width:100px;
   height:10px;
 }

 #ylaheaderlogo{

	margin-top: 4px;

}

  .ylahakucalbox1{
     background-image: url('../kuvat/cal.png');
    background-position:85px -1px;
    background-repeat: no-repeat;
    height:19px;
	border: 1px solid #53A9FF;
	FONT-SIZE: 12px;
	margin: 1px;
	max-width: 104px;
	padding: 1px;
	width: 100%;
}
 }

/* max-width: 660px end -------------------------------------------------------------------------*/

@media all and (max-width: 480px){

h1{ FONT-SIZE: 15px; margin-bottom: 4px; margin-top: 4px; }

h2{ FONT-SIZE: 13px; margin-bottom: 6px; margin-top: 3px; }

.ajaxtooltip{ display: none; visibility: hidden; }

 .index1{
    clear:both;
	border-bottom: 1px solid #eeeeee;
	margin: 6px 0px 10px 0px;
	max-width: 480px;
	padding: 2px;
	width: 99%;
    vertical-align: top;
}

.index1col1{
	float: left;
	margin: 4px;
	max-width: 480px;
	width: 99%;
}
  .index1colimg {
	max-width: 320px;
  width:98%;

}

.index1col2{
	float: left;
	margin: 2px;
	max-width: 150px;

}

.index1col3{
    max-width: 320px;
 width: 98%;
margin-right:2px;
}
 .index1bottom{
	clear: both;
  width: 98%;
         }
.maakond { width: 90px; height: 63px; }

.nodisplay{ display: none; }

.preh1{ FONT-SIZE: 15px; margin-bottom: 4px; margin-top: 4px; }

.preh2{ FONT-SIZE: 13px; margin-bottom: 6px; margin-top: 3px; }
     .showthumbdiv2{
   float: left;

  height: 180px;
}
 .rslidesdiv{
    background: #ffffff;
	float: left;
	margin: 1px 8px 5px 0px;
    position:relative;
     width: 50%;
    max-width:470px;
    max-height:310px;
        }
 .submit3
 {margin:2px;
    width:25%;
    max-width:80px;
   white-space:normal
}
.tulosbox2{
	border: 2px solid #EAF4FD;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 0px;
}

.varausbox b{ font-weight: normal; }

.vbroncal {min-width: 188px; height: 210px;
     margin-left:0px; }

  #ylaheaderlogo{
	float: left;
	margin-bottom: 4px;
	margin-top: 0px;
       	margin-right: 2px;
   width:80px;
   height:54px;
     border:0px;


}
#ekakuva{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 0 10px 8px 0px;
	max-height: 300px;
	max-width: 400px;
	width: 100%;
}

 #karttakuva{width:10%; max-width:120px; border: 0px; float: right; margin: 0% 0% 0.2px 0.2px; }
#social a img{ height: 20px; width: 20px; }

#social p{ padding-top: 0px; vertical-align: text-top; }

#social, #social a,#social a:hover{ }

#topmenu{ margin: 2px 0px 2px 0px; max-width: 772px; width: 100%; }

#topmenu a:link{
	color: #0F5C9E;
	font-weight: bold;
	text-decoration: none;
}

#topmenu a:visited{
	color: #0F5C9E;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#topmenu a:hover, a:active{ background: #06C; color: #FFF; }

#topmenu li{
	border-bottom: thin solid #eeeeee;
	margin-left: 0px;
	margin-right: 12px;
	margin-top: 0px;
	max-width: 320px;
	padding: 2px 2px 2px 0px;
	width: 100%;
}

#topmenu ul{
	FONT-SIZE: 16px;
	list-style: none;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-top: 0px;
	overflow: hidden;
	padding: 0;
}



#twocoloikea{
    float:left;
 	padding-top: 10px;
	width: 100%;
    max-width: 140px;
	vertical-align: top;
 }

  #twocolright2{
 	margin-top: 0px;
	width: 100%;
}
  #ylaheader{

	margin-bottom: 2px;

}


#ylahaku{ max-width: 270px; width: 100%; }

  #ylahaku2{
      float:left;
      clear:both;
      	width: 99%;



}
 .ylahakuvasen1{

	width: 110px;
}

  }
/* max-width: 480px end -------------------------------------------------------------------------*/
 @media all and (max-width: 350px){

 #twocoloikea{
    float:left;
 	padding-top: 10px;
	width: 100%;
    max-width: 100px;
	vertical-align: top;
 }

}

 @media all and (max-width: 310px){

 .varaa{
  font-size: 12px;
  padding: 3px 3px;
}
.ylaheaderleft2{
   margin: 2px 2px 4px 1px;
 }
 .ylaheaderright{
  margin: 2px 0px 4px 1px;
  }
 .ylaheaderleft{
  margin: 2px 4px 4px 1px;
}
 #twocoloikea{
    width: 100%;
    max-width: 319px;
    padding: 0px;
}

}
  @media print{
  #ylaheader,#ylahaku,#rootright,#topmenu,#topmenusmall, div.img,.varaadiv,.varausbox, img{
    display: none;
  }
}