/* latin
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
    font-display: auto;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}
/* latin-ext
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
    font-display: auto;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}
/* latin
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
    font-display: auto;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}       */
a:active{text-decoration:underline}
a:hover{text-decoration:underline}
b{color:#333}
BODY{font-family:'Montserrat',sans-serif;font-size:12px;margin:0;padding:0}

div.img{float:left;height:175px;margin:6px;max-width:100%;padding:0;width:201px}
div.img img{border:0}FORM{margin-bottom:0;margin-top:0}
  /*
h1{color:#646464;display:inline;font-size:18px;font-weight:700;margin-bottom:8px;margin-top:8px}    */
h1{
  color: #646464;
  display: inline;
  FONT-SIZE: 19px;
  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:700;margin-bottom:10px;margin-top:5px}
h2 a{color:#646464}hr{border:thin solid #fff;width:99%}
html,body{height:100%}
 input[type="text"]
{
    font-family: 'Montserrat', sans-serif;
}

.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:0 0 8px;max-width:150px;width:100%}.ajaxtooltip{background:#FFF;border:2px solid #ff0;display:none;left:0;max-width:700px;padding:3px;position:absolute;top:0;z-index:3}
.bluebold{color:#00F;font-size:12px;font-weight:700}.bluebold a{color:#00F;font-weight:700;text-decoration:none}.bluebold a:visited,.bluebold a:hover,.bluebold_big a:hover{color:#00F;font-weight:700;text-decoration:underline}.bluebold_big{font-size:14px;font-weight:700}.bluebold_big a{color:#00F;font-size:14px;font-weight:700;text-decoration:none}.bluebold_big a:visited{color:#00F;font-weight:700;text-decoration:none}
.bold{font-size:22px;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:red;text-decoration:underline}
.cell{background:#fff;color:#999;font-size:12px;padding:2px;text-align:right}
.cell a{color:#369;display:block}
.cell a:link{color:#369}
.cell a:Visited{color:#369;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:700;text-align:right}
.cellgrey a{color:#ccc;display:block}
.cellRed{background:#F66;color:#ccc;font-size:12px;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:700;padding:2px}
.cellToday a{background:#fdcd00;color:#000;display:block;font-weight:700;padding:2px}
.cellToday a:Hover{background:red;color:#000;font-weight:700}
.clearfix{clear:both;height:4px}
.clearfix2{clear:both;height:1px}
.data1{overflow:auto;color:#999;font-size:12px;margin:2px 0px 2px 0px;padding:0px;border:0px dotted #999}
 .DatePicker {cursor:pointer;}
.desc{color:#333;font-weight:400;text-align:left;}
.desc a{color:#333;text-decoration:none}
.desc a:visited,.desc a:hover{color:#333;text-decoration:underline;}
 .desc ul{list-style:square inside;margin-left:2px;margin-top:2px;padding:0;position:relative;}
.desc ul li{margin-bottom:0px;margin-left:0px;margin-top:0px;padding:0px;position:relative;}
.estrent,.estrent a,.estrent a:visited,.estrent a:hover{color:maroon;font-size:14px;font-weight:700}
.etsi{border:1px solid #53A9FF;cursor:pointer;font-size:9px;font-weight:700;width:120px}
.etsi1{cursor:pointer;font-size:12px;font-weight:400;height:20px;margin-left:4px;padding:2px}
.etsi2{background:silver;border:1px solid #000;cursor:pointer;font-size:9px;font-weight:700;width:50px}
.floatright{border:1px solid #666;float:right;margin:0 0 10px 10px;padding:2px}
.footer{clear:both;width:100%}
#footerbottom{
   clear:both;width:99%;background-color:#0F5C9E;padding:2px;overflow:hidden;margin-top:4px;
}
.greysmall{color:#999}
.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:700;padding:1px}.Heading1{color:#0A246A;font-size:12px;font-weight:700}.Heading2 A:Hover{color:#06C;font-size:12px;font-weight:700}.Heading2 A:active{color:#009;font-size:12px;font-weight:700;text-decoration:none}
.Heading2,.Heading2 A,.Heading2 A:visited{color:#0A246A;font-size:12px;font-weight:700;text-decoration:none}
.Heading3{color:#666;font-size:9px;font-weight:700}.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:400}.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:0;margin-top:0;max-width:250px;padding:2px}
.i2gif{
	border: 0px;
	height: 16px;
	margin: 0 0 0 0;
	padding-bottom: 0px;
	width: 16px;
	vertical-align: middle;
}
.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}
.index1{clear:both;border-bottom:2px solid #eee;margin:6px 4px 15px 0;padding:0px;width:99%}
.index1bottom{clear:both;margin:10px 4px 10px 0;max-width:1450px;padding-right:2px;width:100%}
.index1col1{float:left;margin-right:4px;max-width:360px;width:25%}
.index1colimg{max-width:350px;width:100%}
.index1col2{float:left;margin-left:8px;max-width:210px;width:20%;z-index: 1;}
.index1col2 ul{list-style:square inside;margin-left:2px;margin-top:0px;margin-bottom:0px;padding:0;position:relative;}
.index1col2 ul li{margin-bottom:2px;margin-left:0px;margin-top:1px;padding:0px;position:relative;}

.index1col3{float:left;margin:0px;width:800px;max-width:54%; background-color: #FFFFFF}
.index1frame3{border:0;height:100%;max-width:400px;max-height:150px;width:100%}
.index1col4{float:left;margin:0;max-width:130px;padding-top:0;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}
.index2kuva{margin-bottom:4px;width:100%}
.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}
 .indexformatwrap{margin:0 0 6px;text-align:right}
.indexformatB{background-color:#999;padding:3px 4px 3px 4px;margin-left:1px;}.indexformatB a{color:#fff;}
.indexformatB a:visited{color:#fff;text-decoration:none}
.indexformatB a:hover{text-decoration:underline;background-color:#999;}
.indexformat{background-color:#101E96;padding:3px 4px 3px 4px;margin-left:1px;}
.indexformat a{color:#fff;}
 .indexformat a:visited{color:#fff;text-decoration:none}
 .indexformat a:hover{text-decoration:underline;background-color:#999;}
.infowindow{font-size:12px}
.kalenteri{background:#eee;margin-top:2px;width:150px}
.hidden1,.hidden2,.hidden3{clear:both;display:none;margin-top:14px}
.expand-content-link{color:blue;font-size:14px;font-weight:700;text-decoration:none}
.lastminute{
 display:inline-block;
margin-top:1px;
      padding:2px;
    border: 1px solid #009933;
    color:#009933;
font-weight:bold;
}

.lastminute a,.lastminute a:visited{
text-decoration:none;
    color:blue;

}

 .linethrough{
     -webkit-text-decoration-line: line-through; text-decoration-line: line-through;
     }
.linkit{float:left;margin-top:6px;margin-bottom:6px;background:#FFFFF1;padding:4px;border:1px dotted #333}
.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:#eee;color:#666;font-size:20px;padding:5px 10px;text-align:center;width:450px;margin:0 auto;display:none;border-radius:0}
 .lisapaikat{padding:1px;
 border:#0F5C9E thin dotted;
 background-color:#FFFFF1;
  display:block;
  max-width:98%
}
.luelisaa{float:right;font-size:12px;font-weight:700;}
.luelisaa a{color:#00F;font-weight:700;text-decoration:none}
.luelisaa a:visited{color:#0F5C9E;text-decoration:underline}
.luelisaa a:hover{color:red;text-decoration:underline}
.luelisaaBLUE{color:#00F;font-size:12px;font-weight:700;text-decoration:none}
.luelisaaBLUE a{color:#00F;font-weight:700;text-decoration:none}.luelisaaBLUE a:visited{color:#00F;text-decoration:underline}.luelisaaBLUE a:hover{color:red;text-decoration:underline}
.maakond{border:0;width:60px;height:auto;margin:2px}
.mainos{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:red;text-decoration:underline}.mainos img,.mainosblue img{border:0;height:90px;margin:10px 2px 2px;width:128px}.mainos2{-moz-box-shadow:3px 3px 8px #818181;-webkit-box-shadow:3px 3px 8px #818181;background:#FFFFF1;border:2px solid #ff0;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:red;text-decoration:underline}.mainos2 img,.mainosblue2 img{border:0;height:90px;margin:10px 2px 2px;width:128px}.mainosblue{-moz-box-shadow:3px 3px 8px #06C;-webkit-box-shadow:3px 3px 8px #06C;background:#fff;border:2px solid #06C;box-shadow:3px 3px 8px #06C;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:700;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:red;text-decoration:underline}.mainosblue2{-moz-box-shadow:3px 3px 8px #06C;-webkit-box-shadow:3px 3px 8px #06C;background:#fff;border:2px solid #06C;box-shadow:3px 3px 8px #06C;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:red;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:#999;text-decoration:none;font-weight:700}.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:700}.mainoskilpailu{color:#000;font-size:16px;width:100%;height:70px;padding:10px 4px 0;text-align:center}.mainoskilpailu a{color:#666;text-decoration:none;font-weight:700}.mainoskilpailu a:hover{color:red;text-decoration:none}.mainoskilpailu2{color:#000;font-size:14px;width:95%;height:65px;padding:6px 4px 0;text-align:center}.mainoskilpailu2 a{color:#666;text-decoration:none;font-weight:700}.mainoskilpailu2 a:hover{color:red;text-decoration:none}.mainostaus{background:#FFFFE1;border:#dcdcdc 1px solid;padding:4px}.mainostitle{background:#FBA800;color:#fff;font-size:13px;font-weight:700;margin-bottom:4px;overflow:hidden;text-align:center;width:100%;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:red;text-decoration:underline}.mainostitle2{background:#00F;color:#fff;font-size:13px;font-weight:700;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:red;text-decoration:underline}.maintable{background:#FFF;padding:0}.maintable a:visited{background:#FFF;border:thin solid #EEE;padding:0;text-decoration:underline}.marginleft20{margin-left:20px}
.newsystemlist{clear:both;font-size:12px;margin-left:0;position:relative}
.newsystemlist ul{list-style:square;margin-left:22px;margin-top:2;padding:0;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:red;text-decoration:underline}
.Normal_bold{font-size:12px;font-weight:700}
.Normal_bold a{color:#00F;font-size:12px;font-weight:700;text-decoration:none}
.Normal_bold a:visited{color:#00F;font-size:12px;font-weight:700;text-decoration:underline}
.Normal1{font-size:10px}
.notextbox2{border:none;color:#999;font-size:13px;font-weight:700;margin-left:3px;padding:0;text-align:left;z-index:0}
.index2slider {
      max-height:200px;
     clear:both;
  margin: 10px 0 0 0 ;
  padding: 0;
}
.index2sliderfin {
  max-width:50%;
    width:680px;
  float:left;
  margin: 0px 0px 0px 20px;
  padding: 0;
}
.indextopslider {
      overflow: hidden;

    display:inline-block;
  width:100%;
    max-width:1240px;
 text-align:center;
 max-height:380px;
}
.off1{clear:both;border-bottom:1px #eee solid;font-size:12px;max-width:1250px;padding:0;width:99%}
.off3{background:url(../kuvat/ylataus1.gif) repeat-x top;border-bottom:thin solid #EEE;border-left:thin solid #EEE;border-right:thin solid #EEE;font-size:12px;padding:2px}.oikea{padding-left:10px}.on{border-left:thin #06C;border-right:thin #06C;font-size:12px;font-weight:700;padding: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:700}.on a:active{font-size:12px;text-decoration:none}.pagenav{font-size:11px}.pagenav a{color:#0A246A;display:inline-block;font-size:11px;margin:1px 2px;padding:2px 4px;border:1px solid #CCC}.pagenav a:visited{background:#EEE;border:1px solid #CCC;color:#0A246A;display:inline-block;margin:1px 2px;padding:2px 4px;text-decoration:none}.pagenav a:hover{background:#ccc;color:#0A246A}
.pagenavwrap{margin:16px 6px 6px 6px;text-align:right;clear:both}
.postitextbox{background:#FFFFF1;border:1px solid #ccc;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:red}.redtext{color:red;font-size:14px;font-weight:700}
.regular-checkbox{display:none}
.regular-checkbox + label{background:#FFFFF1;border:1px solid #53A9FF;border-radius:0;box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05);display:inline-block;margin:0;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 0 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 0 -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:0}
.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:#fff;float:left;margin:2px 16px 10px 0;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}
/*.search3{float:right;margin-right:10px;opacity:.5}
.search3:hover{opacity:1}
.search3 img{position:relative;border:0;height:22px;bottom:0;float:right}     */
.search3{cursor:pointer;
        float:right;

             margin:-8px 0 0 20px !important;
padding:0;
}
.search3 a{ }
.search3:hover{ opacity: 1; }
.search3 img
    {
margin:-8px 0 0 20px !important;
padding:0;
   border:0px;
   height:20px;
      float:right;
       }
.search4{margin-right:3px;margin-top:2px;float:right;opacity:.5}.search4:hover{opacity:1}.search4 img{position:relative;border:0;height:28px;float:right}
.showthumbdiv{float:left;height:292px;margin:11px;max-width:264px;width:100%}
  .showthumbdiv2{
     overflow:hidden;
	float: left;
	margin: 1.60%;
	width: 29%;
	max-width: 412px;
min-height:425px;
	height: auto;
padding: 3px 3px 3px 3px;
line-height: 20px;
font-size:14px;

}

   .showthumbdiv2:hover{
   background-color:#eee;
}

  .showthumbOFFER{
     overflow:hidden;
	float: left;
	margin: 1.60%;
	width: 29%;
	max-width: 412px;
min-height:425px;
	height: auto;
padding: 3px 3px 3px 3px;
line-height: 20px;
font-size:14px;
   background-color:#D7FFE3;
}


.submit{background:#eee;border:1px solid #666;color:#00F;cursor:pointer;font-size:12px;font-weight:700}
.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 #666}
.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:400;padding:1px}
.textbox2{background:#FFF;border:1px solid #eee;font-size:11px;font-weight:400;margin:0 0 0 1px;padding:0}
.textbox22{background:#FFFFF1;border:1px solid #53A9FF;font-size:12px;font-weight:400;padding:0;text-align:right;z-index:0}
.textbox3{background:#FFFFF1;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;font-size:10px;font-weight:400}
.textbox4{border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;font-size:12px;font-weight:400;padding:2px}
.titlebar{background:#FBA800;color:#fff;font:bold 11px Tahoma;text-align:center;background:#FBA800;color:#fff;font-weight:700;text-align:center}
.titlebar_lasu{background:#eee;color:#FBA800;font-size:11px;font-weight:700;text-align:center;background:#eee;color:#FBA800;font-weight:bold;text-align:center}
.titlebar1{font-size:11px;background:#eee;color:#666;font-weight:700;text-align:center}
.titlebar2{color:#fff;font-size:12px;font-weight:700;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:red;text-decoration:underline}
.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}
.tulosboxbanner{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:0;margin-top:0;padding:0}
.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 #666;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{width:100%;vertical-align:top}.twocolleft2{float:left;margin:2px;padding:0;width:140px}.twocolright2{float:left;margin:2px;padding:0}.uusigif{border:0;height:14px;margin:2px 2px 0 0;padding-bottom:0;vertical-align:bottom}.valittu{background:#fdcd00;color:red;font-size:12px;font-weight:700;padding:4px;text-decoration:none;white-space:nowrap}.valittu a{display:block}.varaa{background:#65a9d7;border:1px solid #53A9FF;color:#FFF;cursor:pointer;font-size:12px;padding: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:red;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;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:red;text-decoration:underline}.varaadiv{color:#fff;float:right;margin:8px 0 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;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}
   .vaade {  display:inline-block;

max-width:442px;
display:block;
margin:auto;
border:0px;}

 .vaade a img{
  width:auto;height:26px;border:0px;margin:1px;
 }
.vaade a{opacity:.9}


.vaade a:hover{opacity:1}

.vbroncal{min-width:188px;height:220px;margin-left:0}.vbronform{background:#FFFFF1;border:1px solid #53A9FF;margin:2px;max-width:250px;padding:0;width:100%}.vbronformselect{background:#FFFFF1;border:1px solid #53A9FF;margin:2px;padding:0}
.varausbox{float:left;color:#666;margin:0px 0px 4px 0px;}
.varausbox a,.varausbox a:visited{color:#ccc;text-decoration:none}
.varausbox b{color:#ccc}


  .varustus{float:left;
 width:100%;max-width:1064px;margin:4px 0px 4px 0px;padding:4px;border:#0F5C9E thin dotted;
 background-color:#FFFFF1;
 clear:both;}
  .varustus ul li:nth-child(even){background:#FFFFF1}
.varustus ul li:nth-child(odd){background:#FFFFF1}
 .varustus ul {list-style:square;margin-left:20px;margin-top:2px; margin-bottom:2;position:relative;}

.wishladd{clear:both;float:right}
.wishladd a,.wishladd a:visited{color:#999933;margin-bottom:4px}
.wishlimg{border:0;height:18px;width:18px;    position: relative;
    right: 0;
    bottom: 0;
}
.wishlist{width:90%;max-width:400px;border:thin #999 solid;margin:6px 0px 6px 20px;padding:4px;font-size:12px}
.wishlistleft{width:100%;max-width:260px;}
.wishlistleft a,.wishlist a:visited,.wishlist a:active{color:#646464;text-decoration:none}
.wishlist a:hover{color:red;text-decoration:underline}
.wishlistright{width:10px;padding-top:1px;vertical-align:top}
.wishlistright a,.wishlistright a:visited{color:red;text-decoration:none}
.wishlistright a:hover{color:red;text-decoration:underline}
.wkndblue{-moz-box-shadow:3px 3px 8px #06C;-webkit-box-shadow:3px 3px 8px #06C;background:#fff;border:2px solid #06C;box-shadow:3px 3px 8px #06C;color:#000;font-size:11px;margin:6px 0 8px;padding:6px 4px 4px;text-align:center;width:100%}
.wkndtitle,.wkndtitle a,.wkndtitle a:visited{background:#38245B;color:#fff;font-size:13px;font-weight:700;margin-bottom:4px;overflow:hidden;text-align:center;width:100%}
.ylahakutextbox1{
     background-color: #FFFFF1;
    background-position:116px 1px;
    background-repeat: no-repeat;
    height:30px;
	border: 1px solid #53A9FF;
	FONT-SIZE: 13px;
	margin: 1px;
	max-width: 144px;
	padding: 4px;
	width: 100%;
}
.ylahakucalbox1{
     background-color: #FFFFF1;
     background-image: url('kuvat/cal.png');
    background-position:116px 1px;
    background-repeat: no-repeat;
    height:30px;
	border: 1px solid #53A9FF;
	FONT-SIZE: 13px;
	margin: 1px;
	max-width: 144px;
	padding: 4px;
	width: 100%;
}
.ylahakutextbox2{background:#FFFFF1;border:1px solid #53A9FF;font-size:11px;font-weight:400;margin:1px;max-width:120px;padding:1px;width:100%}
.ylahakuvasen{
	float: left;
	margin: 0px;
	padding-bottom: 2px;
	width: 144px;
}
.ylahakuvasen1{
	float: left;
	margin: 0px 0px 4px 4px;
	padding: 2px;
	width: 144px;
    height: 30px;
}
.ylahakuvasen12{
	float: left;
	margin: 12px 0px 4px 4px;
	padding: 2px 2px 2px 3px ;
	width: 144px;
    height: 30px;
}
.ylaheaderleft{color:#999;float:left;margin:2px 10px 4px 2px;max-width:150px;padding-bottom:0;text-decoration:none}
.ylaheaderleft a,.ylaheaderleft a:visited{color:#999;text-decoration:none}
.ylaheaderleft2{color:#999;float:left;margin:2px 1px 4px;max-width:95px;padding-bottom:0;text-decoration:none}
.ylaheaderleft3{color:#999;float:left;margin:2px 2px 4px;max-width:80px;padding-bottom:0;text-decoration:none}
.ylaheaderright{color:#999;float:right;margin:2px 0 4px 6px;padding-bottom:0;padding-right:0;text-decoration:none}
.ylataus{padding:4px}
#clearfix{clear:both}
#ekakuva{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;margin:2px 20px 20px 0;max-height:400px;max-width:450px;width:99%}
#etsi{color:#333;background:#e1e1e1;border:1px solid #53A9FF;font-size:12px;padding:0;cursor:pointer}
#footer{clear:both;position:relative;width:100%}
#footer a,#footer a:visited{color:#999;text-decoration:none}
#haku{background:#FFFFF1;border:1px solid #53A9FF;font-size:12px;font-weight:400;margin:1px;max-width:114px;padding:2px;width:100%}
#hakuehdot{color:#999;font-size:12px;margin:0;width:100%}
#hakuehdot .pipe{color:#999;display:inline;font-weight:400}
#hakuehdot h1{font-size:15px;font-weight:600;margin:0;width:100%}
#hakuetsi{background:#65a9d7;border:1px solid #369;color:#fff;cursor:pointer;font-size:12px;font-weight:700;margin-bottom:1px;margin-top:1px;padding:2px;width:100px}
#hakuinc{background:#EAF4FD;border:#dcdcdc 1px solid;float:right;max-width:390px;padding:4px;width:100%}
#hakuvalikko{background:#EEE;font-size:12px;height:110px;margin:0 4px;max-width:600px;padding:5px;position:relative;text-align:left;width:100%}
#hakuvalikko ul{display:block;font-size:11px;font-weight:400;line-height:20px;list-style:none;margin-bottom:0;margin-right:0;padding:0;text-align:right;text-decoration:none}
#hakuvalikko-1,#hakuvalikko-2,#hakuvalikko-3,#hakuvalikko-4{float:left;margin-bottom:0;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}
#kalenderlink{clear:both;float:right:margin-top:4px;margin-bottom:4px;}
#karttakuva{border:0;float:right;margin:0 0 8px 8px}
#karttakuvas{width:99%;max-width:900px;border:0;float:right;margin:2px}
#kielivalinta{display:inline}
#kohde{margin:0;max-width:1072px;padding:0;width:100%}
#kohdekuvat{clear:both;max-width:1072px;width:100%}
#kohdebottom{clear:both;max-width:872px;width:100%}
#kohdetop{width:100%;clear:both;float:left;margin-top:6px}
#kohdeleft{float:left;margin-right:4px;max-width:206px;width:100%}
#kohderight{float:right;font-size:12px;margin:2px 2px 2px 0;max-width:836px;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:0}#linkit a{color:#999;text-decoration:none}
#linkit a:hover{background:#eee;text-decoration:underline}
#linkit li{margin:1px 0 2px;padding:2px}
#linkit ul{list-style:none;margin-left:0;margin-top:0;padding-left:0;width:100%}
#linkit ul li a:visited{color:#999}
#linkituus{font-size:11px;margin-top:0}
#linkituus a{color:#999;text-decoration:none}
#linkituus a:hover{background:#eee;text-decoration:underline}
#linkituus li{display:inline;margin:1px 0 2px;padding:2px}
#linkituus ul{list-style:none;margin-left:0;margin-top:0;padding-left:0;width:100%}
#linkituus ul li a:visited{color:#999}
#map,#map_canvas{float:left;height:600px;margin-top:10px;width:1240px;max-width:99%}
#menuviiva{clear:both;font-size:12px;height:2px;margin-bottom:4px;max-width:924px;text-decoration:none;width:100%}#message{margin-left:12px;height:480px;background:#fff;overflow:auto;font-size:12px;text-decoration:none}
#novel{text-align:left;border:1px;float:left;max-width:22%;width:270px}
#oma{margin:4px;float:left;max-width:40px}
#navwrap{clear:both}
#nav{display:inline-block;z-index:1}
#nav > a{display:none}
#nav li{position:relative}
#nav li a{color:#fff;display:block;text-decoration:none;display:block}
#nav li a:visited{color:#fff}
#nav li a:active,#nav li a:hover{background-color:  #666666 !important;   text-decoration:underline}
#nav span:after{width:0;height:0;border:.313em solid transparent;border-bottom:none;border-top-color:#efa585;content:'';
display:inline-block;position:relative;right:-.313em}
#nav > ul{list-style:none;height:30px;margin-left:0;padding:0}
#nav > ul > li{border-bottom:1px solid #fff;border-right:1px solid #fff;background-color:#0F5C9E;width:186px;height:100%;float:left}
#nav > ul > li:last-child{border-right:0px;max-width:124px}
 #nav > ul > li > a{text-decoration:none;height:100%;font-size:14px;line-height:30px;text-align:center}
 nav > ul > li > a /*#nav > ul > li:not( :last-child ) > a */{border-right:1px solid #fff;border-bottom:1px solid #fff}
 #nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a{background-color:#333}
#nav li ul{z-index:99;list-style:none;background-color:#666;display:none;position:absolute;top:100%}
#nav li:hover ul{display:block;left:0;right:0}
#nav li:not( :first-child ):hover ul{left:-1px}
#nav li ul a{font-size:14px;border-bottom:1px solid #ccc;padding:4px}
#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{background-color:#333}

@media only screen and ( max-width: 38em ){
    #navwrap{clear:both;float:right;width:100%;}
    #nav{display:block;position:relative;top:auto;left:auto}
    #nav > a{margin-left:auto;margin-right:0;width:50%;width:4.125em;height:4.125em;text-align:left;text-indent:-9999px;background-color:#0F5C9E;position:relative}
    #nav > a:before,#nav > a:after{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:''}
    #nav > a:after{top:60%}
    #nav:not( :target ) > a:first-of-type,#nav:target > a:last-of-type{display:block}
    #nav > ul{height:auto;display:none;position:absolute;left:0;right:0}
    #nav:target > ul{display:block}
    #nav > ul > li{width:98%;float:none}
#nav > ul > li:last-child{width:98%;min-width:98%;}
    #nav > ul > li > a{height:auto;font-size:16px;text-align:left;padding:0 .833em}
    #nav > ul > li:not( :last-child ) > a{border-right:none;border-bottom:1px solid #ccc}
    #nav li ul{z-index:99;padding:1.25em;padding-top:0}
   #textbox4{min-width:260px;}
    }
#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{margin:2px auto;max-width:1240px;width:99%}
#rootmain{float:left;max-width:1086px;padding:0;width:100%}
#rootright{float:left;max-width:150px;width:100%}
#rootwrap{margin:0 auto;max-width:1250px;padding:2px}
#social {/*display:inline-block;*/}
#social a{opacity:.5}
#social a img{height:20px;width:20px}
#social a:hover{opacity:1}
#social p{padding-top:0;vertical-align:text-top}#submit{margin:2px;cursor:pointer;border:1px solid #666}
#textbox2{background:#FFF;border:1px solid #eee;font-size:12px;width:80px;margin-top:0;padding:1px}
#textbox4{background:#FFF;border:1px solid #eee;font-size:14px;width:86px;margin:5px 0 4px 2px;padding:1px}
#textbox2mob{background:#FFF;border:1px solid #eee;font-size:12px;width:40px;margin-top:0;padding:1px}
#topmenu{clear:both;margin:0 0 2px;max-width:1078px;width:100%}
#topmenu a:link{color:#0F5C9E;display:block;font-weight:700;text-decoration:none}
#topmenumob a:link{color:#0F5C9E;display:block;font-weight:700;text-decoration:none}
#topmenu a:visited{color:#0F5C9E;font-weight:700;text-decoration:none}
#topmenumob a:visited{color:#0F5C9E;font-weight:700;text-decoration:none}
#topmenu a:hover{text-decoration:underline}
#topmenu li{border-right:thin solid #999;float:left;margin:12px 8px 1px 0;padding:2px 9px 0 0}
#topmenu ul{font-size:17px;list-style:none;margin-bottom:1px;margin-left:0;overflow:hidden;padding:0}
#topmenu ul li:last-child{border-right:thin solid #fff;float:left;margin:12px 0 1px;padding:2px 9px 0 0}
#topmenumob ul li:last-child{border-right:thin solid #fff;float:left;margin:0 0 1px;padding:2px 9px 0 0}
#topmenumob{clear:both;margin:0 0 4px;max-width:878px;width:100%}
#topmenumob a:hover{text-decoration:underline}
#topmenumob li{float:left;margin:0 3px 1px 0;padding:2px 9px 0 0}
#topmenumob ul{font-size:15px;list-style:none;margin-bottom:1px;margin-left:0;overflow:hidden;padding:0;display:inline}
#topmenumobsmall{clear:both;font-size:12px;margin:0;width:100%}
#topmenumobsmall a{color:#091053;float:left;margin:1px 2px 0 0;padding:1px;text-decoration:none}
#topmenumobsmall a:hover{color:#333;text-decoration:underline}
#topmenumobsmall li{display:inline}
#topmenumobsmall ul{list-style:none;margin-left:0;margin-top:1px;padding-left:0;width:100%}
#topmenumobsmall ul li a:visited{color:#091053}
#topmenusmall{clear:both;font-size:14px;font-weight:600;margin:0 0 6px;width:100%}
#topmenusmall a{color:#0F5C9E;float:left;margin:0 3px 1px 0;padding:2px;text-decoration:none}
#topmenusmall a:hover{color:#333;text-decoration:underline}
#topmenusmall li{display:inline}
#topmenusmall ul{list-style:none;margin-left:0;margin-top:0;padding-left:0;width:100%}
#topmenusmall ul li a:visited{color:#0F5C9E}
#twocol2{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:0;padding-left:0;width:200px}#twocolright{float:left;margin-right:8px;padding-left:0;width:200px}#twocolleftmob{float:left;margin-right:4px;padding:0;width:130px}#twocolrightmob{float:left;margin-right:4px;padding:0;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:0;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:0;padding-left:0}#viikko2011right{float:right;margin-right:2px}#viikkonav{float:right;margin-left:0;margin-right:0;text-align:right}#viikkonav a{background:#EEE;border:1px solid #CCC;color:#0A246A;display:inline-block;margin:1px 2px;padding:2px 4px}#viikkonav a:visited{background:#EEE;border:1px solid #CCC;color:#0A246A;display:inline-block;margin:1px 2px;padding: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:0;margin-top:4px;max-width:854px;padding:3px 1px 3px 6px;width:100%}
#ylahakuetsi{float:left;padding-bottom:0;padding-left:2px;padding-top:4px;width:45px}
#ylahakuform{margin-right:0}
#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:12px;
	color: #10478D;
	float: right;
	margin-top: 30px;
    margin-right: 0px;
        margin-left: auto;
        width:75%;
	max-width: 674px; 
	padding: 4px 0px 0px 3px;
}
#ylaheader{color:#999;margin-bottom:4px;margin-left:0;max-width:1244px;padding-bottom:0;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 #eee;clear:both;margin-top:1px;margin-bottom:10px;}
#ylaheaderetsi{color:#999;float:right;font-weight:400;margin-bottom:1px;margin-left:10px;text-decoration:none}
#ylaheaderlogo{float:left;
margin-bottom:0;
margin-top:0;
margin-left:20;
width:20%;
max-width:296px;
height:auto;
border:0}
#ylavalikko{position:relative;width:100%;  max-width:1246px;padding-bottom:0;width:100%}
#ylavalikkoclear{clear:both}
#ylavalikkoright{color:#999;float:right;margin-bottom:0;margin-right:0;margin-top:4px;max-width:300px;padding-bottom:0;padding-right:0;text-align:right;text-decoration:none;width:100%}
#ylavalikkorightmobile{color:#999;float:right;margin-bottom:0;margin-right:0;margin-top:4px;max-width:200px;padding-bottom:0;padding-right:0;text-align:right;text-decoration:none;width:100%}
#ylavalikkorightsmall{color:#999;float:left;margin-bottom:0;margin-right:0;margin-top:4px;max-width:200px;padding-bottom:0;padding-right:0;text-align:right;text-decoration:none;width:100%}
#wait{width:200px;height:20px}

 @media all and (max-width: 1268px)

{
#nav > ul > li:last-child{border-right:0px;max-width:186px}
 #textbox4{width:148px;}

}
@media all and (max-width: 990px)

{body{width:99%;font-size:12px}
.addwrap2{width:99%;max-width:500px;clear:both;margin:30px 0 auto 10px 0 auto}
.add2{float:left;margin:0 0 8px;max-width:150px;width:100%}
.bronkalenteri{float:left;height:175px;margin:1px}
.index1{border-bottom:1px solid #ccc;margin-top:6px;padding:0px;width:100%;max-width:1450px;}
.index1col1{float:left;margin-right:4px;max-width:360px;width:40%}
.index1col2{float:left;margin-left:20px;max-width:300px;width:40%}
.index1col3{width:1000px;max-width:98%}
.index1bottom{clear:both;margin:0px 4px 10px;padding-right:2px;width:100%;}
.index1col4{float:left;margin:0;max-width:90px;padding-top:0;width:100%}   
.kal_icon{display:none}
#karttakuva{max-width:120px;border:0;float:right;margin:0 0 8px 8px}
.mainostitle{margin-bottom:3px;margin-top:0;max-width:700px;width:100%}
.showthumbdiv2{float:left;min-height:360px;height:auto}
.stickynote{display:none}
.tulosbox3{background:url(../kuvat/ylakuva.gif) repeat-x top;border:2px double #DCDCDC;font-size:12px;margin:0;padding:2px}
.varausbox{z-index:100;clear:both;color:#666;font-size:11px;max-width:864px;padding-bottom:2px;padding-left:2px;padding-top:2px;width:100%}
.varausbox a,.varausbox a:visited{color:#ccc;text-decoration:none}
#I1{display:none}
#infowindow{display:none}
#kielivalinta{display:inline}
#kohde{font-size:12px;margin:0 auto;max-width:920px;padding:0;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:0}#linkit ul{list-style:none;margin-left:0;margin-top:0;padding-left:0}
#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{margin:1px auto;max-width:940px;padding:2px;width:99%}
#topmenu li{margin:6px 6px 1px 0}
#topmenu ul li:last-child{margin:6px 6px 1px 0}
#twocolright2{margin-top:0;width:99%}
#nav > ul > li:last-child{border-right:0px;width:186px}
.ylahakutextbox1{background:#FFFFF1;border:1px solid #53A9FF;font-size:11px;font-weight:400;margin:1px;padding:1px;width:100%}
.ylahakuvasen1{float:left;margin:0 0 0 2px;padding-bottom:2px;}
 .ylahakuvasen12{float:left;
  	margin: 12px 0px 4px 2px;
	padding: 0px 0px 2px 3px ;
  }
}

@media all and (max-width: 660px){
.showthumbdiv2{float:left;min-height:320px;height:auto ;line-height:normal;    }
#topmenu li{margin:4px 4px 1px 0}
#topmenu ul li:last-child{margin:4px 4px 1px 0}
#twocoloikea{float:left;width:100%;max-width:110px;vertical-align:top}
#twocolright2{margin-top:0;width:99%}
.tulosbox2{border:2px solid #EAF4FD;margin-bottom:2px;margin-top:2px;padding:2px}
#wait{width:100px;height:10px}
.ylahakuvasen1{float:left;margin:0 0 0 2px;padding-bottom:2px}

   }
 @media all and (max-width: 600px)
{
  #ylahaku2{
	float: none;
    clear:both;
	margin-top: 6px;
    margin-right: auto;
        margin-left: auto;
        display:block;
        width:99%;
	max-width: 464px; /*474*/
	padding: 4px 0px 0px 3px;
}

  }
@media all and (max-width: 480px)
{
html,body
{margin:2px;font-size:100%;-ms-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;-webkit-text-size-adjust:100%}
h1{font-size:17px;margin-bottom:4px;margin-top:4px}
h2{font-size:14px;margin-bottom:6px;margin-top:3px}
.ajaxtooltip{display:none;visibility:hidden}
.index1{clear:both;border-bottom:1px solid #eee;margin:6px 0 10px;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:480px;width:98%;}
.index1col3{max-width:480px;width:100%;margin-right:0px}    */
.index1bottom{clear:both;width:98%}
/*.maakond{width:90px;height:63px}      */
 .off1{clear:both;font-size:12px;max-width:480px;padding:0;width:100%}
.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;font-size:11px;width:46%;max-width:210px;min-height:274px;height:auto;
         padding: 1px 0px 1px 0px;
}
.rslidesdiv{background:#fff;float:left;margin:1px 8px 5px 0;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:0}
.varausbox b{font-weight:400}
.vbroncal{min-width:188px;height:210px;margin-left:0}
.wishladd{float:right;}
#ylaheaderlogo{float:left;margin-bottom:4px;margin-top:0;margin-left:4px;width:230px;max-height:170px;border:0}
#ekakuva{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;margin:4px 0px 8px 0;max-height:auto;max-width:500px;width:100%}

#karttakuva{width:100%;max-width:480px;border:0;float:right;margin-top:2px}
    #karttakuvas{width:100%;max-width:500px;border:0;float:right;margin-top:2px}
#social { visibility: visible;z-index:4;}
#social a img{height:20px;width:20px;}
#social a{opacity:1; visibility:visible;z-index:4;}
#social a:hover{/*display: inline-block;*/}
#social p{padding-top:0;vertical-align:text-top}
#topmenu{margin:2px 0;max-width:772px;width:100%}
#topmenu a:link{color:#0F5C9E;font-weight:700;text-decoration:none}
#topmenu a:visited{color:#0F5C9E;font-weight:700;text-decoration:none;text-transform:uppercase}
#topmenu a:hover,a:active{background:#06C;color:#FFF}
#topmenu li{border-bottom:thin solid #eee;margin-left:0;margin-right:12px;margin-top:0;max-width:320px;padding:2px 2px 2px 0;width:100%}
#topmenu ul{font-size:16px;list-style:none;margin-bottom:4px;margin-left:0;margin-top:0;overflow:hidden;padding:0}
#twocolright2{margin-top:0;width:100%}

 .varustus{float:right;
 width:98%;max-width:480px;margin:4px 0px 4px 0px;padding:4px;border:#0F5C9E thin dotted;
 background-color:#FFFFF1;
 clear:both;}
#ylaheader{margin-bottom:2px}
#ylahaku{max-width:270px;width:100%}
#ylahaku2{
  background:#EAF4FD;border:1px dotted #53A9FF;
font-size:11px;
           	margin-top: 2px;
     margin-right: auto;
        margin-left: auto;
        display:block;
 padding:2px 0px 1px 2px;

float:none;
clear:both;

width:98%;
max-width:336px;
     overflow:hidden;
}
.ylaheaderleft2{color:#999;float:right;margin:6px 0px 4px 4px;max-width:95px;padding-bottom:0;text-decoration:none}
.ylahakuvasen1{
	float: left;
	margin: 2px 1px 2px 1px;
	padding: 0px;
    max-width: 49%;
	width: 169px;
    height: 30px;
}
.ylahakuvasen12{
	float: left;
	margin: 2px 1px 0px 1px;
	padding: 0px;
    max-width: 49%;
	width: 168px;
    height: 30px;
}
.ylahakutextbox1{
             float:right;
     background-color: #FFFFF1;
    height:30px;
	border: 1px solid #53A9FF;
	FONT-SIZE: 13px;
	margin: 0px;
	max-width: 168px;
	padding: 2px;
	width: 100%;
}
.ylahakucalbox1{
                float:right;
     background-color: #FFFFF1;
     background-image: url('kuvat/cal.png');
    background-position:99% 50%;
    background-repeat: no-repeat;
    height:30px;
	border: 1px solid #53A9FF;
	FONT-SIZE: 13px;
	margin: 0px;
	max-width: 168px;
	padding: 2px;
	width: 100%;
}
.search3{cursor:pointer;
        float:right;
             max-width:60px;
             margin:-0px 0 0 0px!important;
padding:0;
}
  }
@media all and (max-width: 350px){
    #ylaheaderlogo{width:120px;max-height:80px;border:0}
    #twocoloikea{float:left;padding-top:10px;width:100%;max-width:100px;vertical-align:top}

  .search3{cursor:pointer;
        float:right;
             max-width:60px;
             margin:-0px 0 0 0px!important;
padding:0;
}

}

@media all and (max-width: 310px){.varaa{font-size:12px;padding:3px}
.ylaheaderleft2{margin:2px 2px 4px 1px}
.ylaheaderright{margin:2px 0 4px 1px}
.ylaheaderleft{margin:2px 4px 4px 1px}
#twocoloikea{width:100%;max-width:319px;padding:0}}
@media print{#ylaheader,#ylahaku,#ylahaku2,#navwrap,#rootright,#topmenu,#topmenusmall,div.img,.varaadiv,.varausbox,img{display:none}}

  /* --JQUERY-UI-CSS   */
   .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute;left:-99999999px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui-helper-clearfix{display:inline-block}* html .ui-helper-clearfix{height:1%}.ui-helper-clearfix{display:block}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #a6c9e2;background:#fcfdfd url(../kuvat/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #4297d7;background:#5c9ccc url(../kuvat/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:700}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5dbec;background:#dfeffc url(../kuvat/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;font-weight:700;color:#2e6e9e}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e6e9e;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #79b7e7;background:#d0e5f5 url(../kuvat/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;font-weight:700;color:#1d5987}.ui-state-hover a,.ui-state-hover a:hover{color:#1d5987;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #79b7e7;background:#f5f8f9 url(../kuvat/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;font-weight:700;color:#e17009}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-widget :active{outline:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background:#fbec88 url(../kuvat/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(../kuvat/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-icon{width:16px;height:16px;background-image:url(../kuvat/ui-icons_469bdd_256x240.png)}.ui-widget-content .ui-icon{background-image:url(../kuvat/ui-icons_469bdd_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../kuvat/ui-icons_d8e7f3_256x240.png)}.ui-state-default .ui-icon{background-image:url(../kuvat/ui-icons_6da8d5_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../kuvat/ui-icons_217bc0_256x240.png)}.ui-state-active .ui-icon{background-image:url(../kuvat/ui-icons_f9bd01_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../kuvat/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../kuvat/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-off{background-position:-96px -144px}.ui-icon-radio-on{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-tl{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px}.ui-corner-tr{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.ui-corner-bl{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.ui-corner-br{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.ui-corner-top{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.ui-corner-bottom{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.ui-corner-right{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.ui-corner-left{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.ui-corner-all{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.ui-widget-overlay{background:#aaa url(../kuvat/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(../kuvat/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{border:1px dotted #000}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-li-fix{display:inline}.ui-accordion .ui-accordion-header-active{border-bottom:0!important}.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em}.ui-accordion a{zoom:1}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1}.ui-accordion .ui-accordion-content-active{display:block}.ui-autocomplete{position:absolute;cursor:default}.ui-autocomplete-loading{background:#fff url(images/ui-anim_basic_16x16.gif) right center no-repeat}* html .ui-autocomplete{width:1px}.ui-menu{list-style:none;padding:2px;margin:0;display:block}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-button{background:#4dbd00;display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.5em 1em .3em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .2em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:25px;margin:-12px 0 0;padding:1px;height:25px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin:.5em 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane button{float:right;margin:.5em .4em .5em 0;cursor:pointer;padding:.2em .6em .3em;line-height:1.4em;width:auto;overflow:visible}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tabs .ui-tabs-hide{display:none!important}.ui-datepicker{width:17em;padding:.2em .2em 0}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{display:none;display//:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-progressbar{height:2em;text-align:left}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}



  /* PAGE LOAD SPIN TÄHÄN                                  */
     #loader {
            border: 12px solid #f3f3f3;
            border-radius: 50%;
            border-top: 12px solid #444444;
            width: 70px;
            height: 70px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }

        .center {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }