@font-face {
font-family: pagefont;
src: url(/css/Oxygen-Regular.ttf);
}
p, body, input, div, button, h1, h2, h3 {
font-family: pagefont, Helvetica, Arial, FreeSans, sans-serif;
}
body{
margin:0;
padding:0;
font-size:16px;
}
.hidden{
display:none;
}
#mainMenuContainer{
position:fixed;
z-index:10000;
width: 100%;
height: 55px;
background-color:white;
}
#menuAreaLogo{
display:inline-block;
width: 168px;
height: 50px;
background-image: url(emuseo_logo.png);
background-size: auto 45px;
background-position: 5px 5px;
background-repeat:no-repeat;
}
#menuAreaEULogo{
position:absolute;
top: 60px;
left: 3%;
width: 140px;
height: 35px;
background-image: url(paikallismuseot/EU_rahoitus_logo.png);
background-size: auto 35px;
background-position: 0 0;
background-repeat:no-repeat;
}
#menuAreaSearchBtn{
background-image: url(button-search.png);
background-size: auto 16px;
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
}
#menuAreaInfoBtn{
left: 300px;
}
#menuLangBtn{
position:absolute;
right:0;
top: 5px;
width:45px;
height:45px;
cursor:pointer;
background-image:url(/data/template_symbols/v1/symbols/flag-switch.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.logo-emuseo{
display:inline-block;
width: 168px;
height: 50px;
background-image: url(emuseo/KL_eMuseo_symbolit_700x280px_logo.png);
background-size: auto 45px;
background-position: 5px 5px;
background-repeat:no-repeat;
}
.logo-paikallismuseot{
display:inline-block;
width: 168px;
height: 50px;
background-image: url(paikallismuseot/Paikallismuseot_logo_vihr.png);
background-size: auto 45px;
background-position: 5px 5px;
background-repeat:no-repeat;
}
#menuAreaSearchBtn-emuseo{
position:absolute;
right:175px;
top: 25px;
width:25px;
height:25px;
cursor:pointer;
background-image:url(emuseo/KL_eMuseo_symbolit_200x200px_suurennuslasi.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
#menuAreaInfoBtn-emuseo{
position:absolute;
right:210px;
top: 25px;
width:25px;
height:25px;
cursor:pointer;
background-image:url(emuseo/KL_eMuseo_symbolit_200x200px_info.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
#menuFinMapBtn-emuseo{
position:absolute;
right:110px;
top: 20px;
width:29px;
height:30px;
cursor:pointer;
background-image:url(emuseo/KL_eMuseo_symbolit_200x200px_suomi.png);
background-size:auto 100%;
background-repeat:no-repeat;
background-position:center;
}
#menuMapListSeparator-emuseo{
position:absolute;
right:112px;
top: 23px;
width:2px;
height:22px;
background-color:#326245;
}
#menuListBtn-emuseo{
position:absolute;
right:61px;
top: 20px;
width:30px;
height:30px;
cursor:pointer;
background-image:url(emuseo/KL_eMuseo_symbolit_200x200px_lista.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
#menuLangBtn-emuseo{
position:absolute;
right:0;
top: 5px;
width:45px;
height:45px;
cursor:pointer;
background-image:url(emuseo/KL_eMuseo_symbolit_200x200px_kielivalinta.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
#eMuseoViewTypeMenuContainer {
    position: fixed;
    right: 10px;
    top: 85px;
    height: 90px;
    width: 170px;
    z-index: 999;
}
.emuseo-type-button {
    position:relative;
    margin-top: 10px;
    height: 30px;
    width: 100%;
    border: none;
    border-radius: 12px;
    font-size:16px;
    background-color:white;
    color: #326245;
    font-weight: bold;
}
.emuseo-background {
    background-color: #326245;
    color: white;
}
.alternative-search-button{
    cursor:pointer;
}
#bottomMenu{
position:fixed;
bottom:0;
left:0;
height:50px;
width:100%;
z-index:1000;
}
#muncipalitySelectBtn{
display: block;
margin-bottom:20px;
position: relative;
margin-left: auto;
margin-right: auto
}
.standard-button{
display:inline-block; 
width:auto;
padding:5px;
margin-left:8px;
margin-right:8px;
border:none;
outline:none;
font-size:16px;
cursor:pointer;
background-color:transparent;
color:black;
}
.language-selector-button{
position:relative;
width:45px;
height:45px;
padding:5px;
margin:0;
border:0;
cursor:pointer;
background-image:url(/data/template_symbols/v1/symbols/flag-switch.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
left:50%;
margin-left:-25px;
background-color:white;
}
.lang-items-container{
padding-top:20px;
position:absolute;
width:100%;
bottom:0;
height:0;
background-color:white;
border-top:1px solid grey;
display:none;
background-color:white;
z-index:1001;
}
.lang-items-container-close-button{
display:block;
position:absolute;
width:50px;
height:50px;
top:10px;
right:10px;
border:0;
padding:0;
margin:0;
background-color:white;
background-image:url(/data/template_symbols/v1/symbols/button_close.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.lang-selector-button{
display:block;
position:relative;
width:50px;
height:50px;
padding:0;
margin:0;
border:0;
cursor:pointer;
left:50%;
margin-left:-25px;
margin-top:10px;
background-color:white;
}
.lang-selector-item-flag-fi{
background-image:url(/data/template_symbols/v1/symbols/flag-fi.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.lang-selector-item-flag-se{
background-image:url(/data/template_symbols/v1/symbols/flag-se.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.lang-selector-item-flag-en{
background-image:url(/data/template_symbols/v1/symbols/flag-en.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.lang-selector-item-flag-ch{
background-image:url(/data/template_symbols/v1/symbols/flag-ch.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.lang-selector-item-flag-sa{
background-image:url(/data/template_symbols/v1/symbols/flag-sa.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.lang-selector-item-flag-de{
background-image:url(/data/template_symbols/v1/symbols/flag-de.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
.lang-selector-item-flag-jp{
background-image:url(/data/template_symbols/v1/symbols/flag-jp.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
}
#mapMarkerInfoImage{
display:block;
position:relative;
width:auto;
height:220px;
}
#mapMarkerInfoImageContainer{
width:300px;
height:220px;
overflow:hidden;
}
#markerInfoHeader{
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin-bottom: 10px;
margin-top: 5px;
}
#markerInfoDescription{
font-size:16px;
line-height:20px;
margin-top:10px;
}
#mapMarkerInfoCloseBtn{
margin-left:10px;
}
.map_marker_info{
height:auto;
width: 300px;
opacity: 1;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
margin-top:100px;
position:absolute;
left: 10px;
z-index:10000;
background-color:white;
}
.marker_info_btn{
margin-top:15px;
text-indent: 0px;
cursor:pointer;
border:none; 
width:auto;
border-radius:15px;
font-size:16px;
}
.nearby-btn,.top-guides-btn,.new-releases-btn,.all-guides-btn{
width:auto;
}
.nearby-btn{
text-align:left;
}
.all-guides-btn{
text-align:right;
}
#applicationMapSelectBtn{
margin-left: 50%;
left: -100px;
position: relative;
width: 200px;
}
.search-area{
position:relative;
width:100%;
}
.search-results-area{
position:relative;
background-color:white;
padding-top:10px;
}
#searchAreaContainer{
position: absolute;
width: 94%;
max-width:430px;
top: 60px;
left: 3%;
z-index: 10001;
}
#searchHeaderArea{
height:55px;
background-color:white;
}
.search-header-high{
font-size: 16px;
text-align: left;
float: left;
width: 18%;
margin-left:10px;
}
.search-header-low{
font-size: 22px;
margin-top: 25px;
text-align: left;
float: left;
width: 75%;
}
.search-input-container-high{
position: relative;
width: 75%;
float: left;
}
.search-input-container-low{
position: relative;
width: 75%;
float: right;
}
.search-input-high{
font-size:16px;
margin-top:15px;
margin-left:2%;
width:79%;
background-color:#C8E3BF;
border:0;
padding:2px;
}
.search-input-low{
font-size: 16px;
margin-top: 2px;
width: 77%;
}
.search-button-high{
margin-bottom:20px;
margin-left:0;
margin-right:0;
border:0;
}
.search-button-low{
margin-left:0;
margin-right:0;
border:0;
}
.search-location-separator-high{
position:relative;
width:100%;
padding-bottom:10px;
padding-top:10px;
font-size:24px;
text-align:center;
clear:both
}
.search-location-separator-low{
position: relative;
width: 100%;
padding-top:5px;
padding-bottom: 5px;
font-size: 16px;
text-align: center;
clear: both;
font-weight: bold;
}
.nearby-distance-selector-container-high{
position:relative;
margin-top:10px;
margin-bottom:10px;
background-color:white;
}
.nearby-distance-selector-container-low{
position:relative;
}
.short_cut_button_separator{
height:10px;
width:2px;
background-color:black;
display:inline-block;
}
.search-result-container{
position:relative;
width:90%;
max-width:400px;
margin-left:auto;
margin-right:auto;
}
.search-result-element-header{
    text-decoration:underline;
}
.search-result-element-tight{
    margin-top: 0;
    margin-bottom: 0;
}
.search-result-item{
position:relative;
width:90%;
max-width:400px;
margin-left:auto;
margin-right:auto;
padding:5px;
border:1px solid grey;
overflow:hidden;
margin-bottom:5px;
}
.search-result-header{
font-weight:bold;
}
.search-area-logo-high{
position: relative;
width: 200px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-image: url(emuseo_logo.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
display:none;
}
.search-area-logo-low{
position: relative;
width: 83px;
height: 83px;
margin-left: auto;
margin-right: auto;
background-image: url(emuseo_logo.png);
background-position: center;
background-repeat: no-repeat;
background-size: 200%;
float: left;
margin-top: 12px;
display:none;
}
#shader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:50000;
background-color:rgba(0,0,0,0.5);
}
.shader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:50000;
background-color:rgba(0,0,0,0.5);
}
.shader-info{
position:absolute;
top:40%;
margin-top:-20px;
left:50%;
margin-left:-100px;
width: 200px;
padding:10px;
text-align:center;
background-color:rgb(255,255,255);
height:80px;
background-size:50px;
border-radius:5px;
}
.shader-progress-spinner{
position:absolute;
top:40%;
margin-top:20px;
left:50%;
margin-left:-90px;
width: 200px;
height:50px;
background-image:url(prgspinner.gif);
background-position:center;
background-repeat:no-repeat;
background-size:22px;
}
.shader-close{
top: 50%;
position: absolute;
margin-top: 40px;
left: 50%;
margin-left: 70px;
text-decoration:underline;
cursor:pointer;
}
.shader-action{
top: 50%;
position: absolute;
margin-top: 40px;
left: 50%;
margin-left: -95px;
text-decoration:underline;
cursor:pointer;
}
.distance-selected{
font-weight:bold;
color:#78C46B;
}
.symbol-map{
position: absolute;
width: 50px;
height: 50px;
top: 4px;
right:15px;
background-image:url(button_map.png);
background-repeat:no-repeat;
background-position:center;
background-size:45px;
cursor:pointer;
border:0;
padding:0;
background-color:transparent;
}
.search-result-customer{
position: relative;
width: auto;
display: inline-block;
top: -17px;
margin-left:10px;
display:none;
}
.search-result-customer-logo{
height:50px;
width:auto;
display:none;
}
.map_item_container{
position:relative;
}
.map-close-button{
position:absolute;
right:20px;
top: 20px;
width:40px;
height:40px;
margin:0;
padding:0;
border:0;
background-image:url(button_close.png);
background-size:40px;
background-position:center;
background-repeat:no-repeat;
z-index:1000;
cursor:pointer;
}
.muncipality_map{
position:relative;
width:100%;
height:100%;
}
.muncipality-search-btn{
position:absolute;
display:block;
width:90px;
height:90px;
right:10px;
top:10px;
z-index:1000;
background-image:url(button-search.png);
background-size:50px;
background-position:center 5px;
background-repeat:no-repeat;
background-color:white;
padding:0;
padding-top:50px;
cursor:pointer;
}
.muncipality-to-other-search-elements-btn{
display:block;
width:90px;
height:90px;
z-index:998;
background-image:url(button-search.png);
background-size:50px;
background-position:center 5px;
background-repeat:no-repeat;
background-color:white;
padding:0;
padding-top:50px;
cursor:pointer;
}
.muncipality-my-location-btn{
display:block;
width:90px;
height:90px;
z-index:998;
background-image:url(button_map.png);
background-size:50px;
background-position:center 5px;
background-repeat:no-repeat;
background-color:white;
padding:0;
padding-top:50px;
cursor:pointer;
}
.muncipality-collapse-dialog-btn{
position:absolute;
display:block;
text-decoration: underline;
font-size: 18px;
width:70px;
right:20px;
top:20px;
z-index:1000;
cursor:pointer;
border: 0;
background-color:white;
}
.muncipality-search-dialog-minimized{
position:absolute;
display:block;
width:90px;
height:180px;
left:10px;
top:10px;
z-index:999;
}
.muncipality-search-dialog-maximized{
position:absolute;
display:block;
max-width: 500px;
width:100%;
height:auto;
min-height: 356px;
right:0;
top:0;
padding-bottom:30px;
z-index:2000;
background-color:white;
background-image:none;
cursor:default;
}
#searchMuncipalityDialogContent{
position:relative;
min-height:356px;
}
#searchMuncipalityDialogContentHeader{
position:relative;
width:90%;
max-width: 300px;
height:20px;
font-size:18px;
font-weight:bold;
padding:20px;
}
#searchMuncipalityDialogContentInputContainer{
position:relative;
width:90%;
margin-left:auto;
margin-right:auto;
height: 25px;
}
#searchMuncipalityDialogContentInput{
position:relative;
display:block;
width:75%;
float:left;
height: 25px;
padding:5px;
font-size:18px;
font-weight:bold;
border: 1px solid grey;
}
#searchMuncipalityDialogContentInputClearButton{
position:absolute;
display:block;
top:60px;
right:30px;
width:auto;
padding:0;
padding-top:5px;
text-decoration:underline;
font-size:16px;
background-color:white;
border:0;
cursor:pointer;
}
#searchMuncipalityDialogContentCharButtons{
position:relative;
clear:both;
width:90%;
margin-top:10px;
margin-left:auto;
margin-right:auto;
height: 25px;
padding:5px;
font-size:18px;
font-weight:bold;
}
.muncipality-char-button{
position:relative;
display:inline-block;
width:10%;
padding-top:10px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
font-size:20px;
font-weight:bold;
background-color:white;
cursor:pointer;
text-align:center;
}
#searchMuncipalityDialogFilteredOptions{
position:relative;
display:block;
clear:both;
width:90%;
margin-left:auto;
margin-right:auto;
height: auto;
margin-top:20px;
margin-bottom:10px;
}
.search-muncipality-dialog-filtered-item{
position:relative;
float:left;
padding-left:10px;
padding-right:10px;
text-decoration:underline;
font-size:14px;
height:18px;
cursor:pointer;
}
.show-muncipality-button{
position:relative;
display:block;
float:left;
text-decoration: underline;
font-size: 18px;
width:auto;
cursor:pointer;
border: 0;
background-color:transparent;
cursor:pointer;
}
.muncipality-map-tool-tip{
font-size:18px;
font-weight:bold;
border-radius:10px;
text-decoration:underline;
background-image:url(button-search.png);
background-repeat:no-repeat;
background-size:auto 100%;
background-position:center;
cursor:pointer;
}
.muncipality-map-popup{
font-size:18px;
font-weight:bold;
text-decoration:underline;
padding-right:20px;
user-select:none;
background-image:url(button-search.png);
background-size:20px auto;
background-position:right;
background-repeat:no-repeat;
border:0;
background-color:transparent;
}
.markers-expand-button{
display:block;
height:50px;
width: 50px;
margin-left:auto;
margin-right:auto;
cursor:pointer;
background-size:50px;
background-repeat:no-repeat;
border:0;
background-color:transparent;
}
.markers-expand-button-1{
background-image: url(/mob/symbols/01plus.png);
}
.markers-expand-button-2{
background-image: url(/mob/symbols/02plus.png);
}
.markers-expand-button-3{
background-image: url(/mob/symbols/03plus.png);
}
.markers-expand-button-4{
background-image: url(/mob/symbols/04plus.png);
}
.markers-expand-button-5{
background-image: url(/mob/symbols/05plus.png);
}
.markers-expand-button-6{
background-image: url(/mob/symbols/06plus.png);
}
.markers-expand-button-7{
background-image: url(/mob/symbols/07plus.png);
}
.markers-expand-button-8{
background-image: url(/mob/symbols/08plus.png);
}
.markers-expand-button-9{
background-image: url(/mob/symbols/09plus.png);
}
.markers-expand-button-10{
background-image: url(/mob/symbols/10plus.png);
}
.map-guide-overlay-minimized{
position:absolute;
z-index:10000;
top:50%;
left:50%;
width:0;
height:0;
background-color: rgba(255,255,255,0.5);
}
.map-guide-overlay{
position:absolute;
z-index:10000;
top:0;
left:0;
width:100%;
height:100%;
background-color: rgba(255,255,255,0.5);
}
.map-guide-overlay-content{
position:relative;
width:90%;
max-width:500px;
top:10px;
min-height:300px;
padding:10px;
margin-left:auto;
margin-right:auto;
background-color: rgba(255,255,255,1.0);
cursor:pointer;
}
.map-guide-overlay-logo-div{
position:relative;
width:100%;
height:50px;
}
.map-guide-overlay-logo-img{
position:absolute;
top:0;
left:0;
width:auto;
height:50px;
}
.map-guide-overlay-header{
margin:0;
}
.map-guide-overlay-image-div{
margin-top:10px;
}
.map-guide-overlay-image{
width:100%;
height:auto;
}
.map-guide-overlay-buttons{
position:relative;
clear:both;
width:100%;
height:50px;
}
.map-guide-overlay-close-button{
position:absolute;
top:10px;
right:10px;
border:0;
text-decoration:underline;
background-color:transparent;
cursor:pointer;
font-size:18px;
}
.muncipality-guides-container-minimized{
position:absolute;
display:block;
top:40%;
left:50%;
z-index:1002;
background-color:white;
width:0;
min-height:0;
overflow:hidden;
padding-bottom:30px;
background-color: rgba(255,255,255,0.5);
}
.muncipality-guides-container{
position:absolute;
display:block;
top:0;
left:0;
z-index:1001;
height:100%;
width:100%;
background-color:white;
overflow:hidden;
padding-bottom:30px;
background-color: rgba(255,255,255,0.5);
}
.muncipality-guides-container-content{
position:relative;
width:90%;
max-width:500px;
top:10px;
min-height:300px;
margin-left:auto;
margin-right:auto;
background-color: rgba(255,255,255,1.0);
cursor:pointer;
}
.muncipality-guides-container-header{
position:relative;
display:block;
font-size:20px;
font-weight: bold;
padding:10px;
white-space:nowrap;
}
.muncipality-guides-container-sub-header{
position:relative;
display:block;
clear:both;
font-size:18px;
padding:10px;
white-space:nowrap;
font-weight:bold;
border:0;
text-decoration:underline;
cursor:pointer;
background-color:white;
margin-bottom:5px;
}
.muncipality-guides-container-link-header{
position:relative;
display:block;
clear:both;
font-size:18px;
padding:10px;
white-space:nowrap;
font-weight:bold;
border:0;
text-decoration:underline;
cursor:pointer;
background-color:white;
}
.muncipality-guides-container-tarinasoitin-item-container{
position:relative;
display:block;
padding-left:10px;
padding-right:10px;
}
.muncipality-guides-container-tarinasoitin-item{
position:relative;
display:block;
float:left;
height:25px;
text-decoration:underline;
font-size:16px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
border:0;
background-color:white;
margin-bottom:5px;
margin-right:5px;
}
.muncipality-guides-close-button{
position:absolute;
display:block;
right:10px;
top: 10px;
height:20px;
font-size:18px;
text-decoration:underline;
border:0;
background-color:white;
cursor:pointer;
}
/** Accessible specific CSS **/
.accessible_focus:focus{
outline-color:#50b8f5;
outline-style:solid;
outline-offset:1px;
outline-width:3px;
}
.accessible_borders{
outline-color:#50b8f5;
outline-style:solid;
outline-offset:1px;
outline-width:3px;
}