/*---------------------------
 Body
---------------------------*/

* { padding: 0; margin: 0; }
img { border: 0; }

html, body {
 font-family: "Arial", sans-serif;
 height: 100%;
 margin: 0;
 padding: 0;
}

h1 {
 font-size: 20px;
 font-weight: bold;
 line-height: 22px;
 text-align: center;
 padding: 20px;
}
p {
 margin: 0 0 8px 0;
}
a {
 color: #0055EE;
}
a:hover {
 color: #0000BB;
}


/*---------------------------
 Nav
---------------------------*/

.info {
 position: absolute;
 z-index: 10;
 top: 0;
 left: 0;
 width: 300px;
 height: 100%;
 background: #FFF;
 -webkit-box-shadow: 10px 0px 16px 0px rgba(0,0,0,0.1);
 -moz-box-shadow: 10px 0px 16px 0px rgba(0,0,0,0.1);
 box-shadow: 10px 0px 16px 0px rgba(0,0,0,0.1);
}

.logo {
 padding: 20px;
 text-align: center;
 border-bottom: 1px solid #CCC;
 background: #EEE;
}
.logo p {
 margin: 0 0 2px 0;
}
.ekktk {
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 padding: 10px 0 0 0;
}
.linkki {
 font-size: 12px;
}

.osakaskunnat {
 padding: 10px 20px 10px 20px;
 font-size: 14px;
}
.haku {
 width: 232px;
 padding: 2px;
}
#list {
 padding: 8px 0 0 0;
 max-height: 330px;
 overflow: scroll;
 overflow-x: hidden;
}
.knimi {
 font-size: 14px;
 margin: 8px 0 0 0;
}
.ktunnus {
 font-size: 11px;
 margin: 0;
}



/*---------------------------
 Map
---------------------------*/

#map {
 height: 100%;
}

.ok_nimi {
 margin: 0 0 5px 0;
 padding: 5px 4px;
 font-weight: bold;
 color: #FFF;
 background: #4E60F3;
}



/*---------------------------
 Mobile
---------------------------*/

.mheader {
 display: none;
}

nav:not(.mm-menu) {
 display: none;
}