html{
    height:100%;
    margin:0
}
body{
    height:100%;
    margin:0;
    padding:0
}
#wrap{
    height:100%;
    position:relative
}
#map{
    z-index:1;
    position:absolute;
    top:80px;
    bottom:0;
    left:0;
    right:0
}
#menu{
    z-index:10;
    position:absolute;
    top:80px;
    bottom:0;
    left:0;
    right:0;
    border-bottom:1px solid black;
    padding:10px;
    background-color:#efefef;
    -webkit-transition:top 0.4s ease-out;
    -moz-transition:top 0.4s ease-out;
    -o-transition:top 0.4s ease-out;
    transition:top 0.4s ease-out 0s;
    display:table;
}
#menu h2{
    text-align:center
}
#menu div{
    font-size:small;
    width:47.5%;
    display:block;
    min-width:230px;
    float:left;
}
#menu .about{
    padding-right:5%
}
header.navbox{
    top:0;
    left:0;
    height:80px;
    width:100%;
    z-index:2;
    background:black
}
header.navbox h1.logo{
    margin:0 auto;
    height:69px;
    width:157px;
    overflow:hidden;
    padding:5px;
}
header.navbox h1:before{
    content:url(../images/Offentligkonst_logo_nav.svg);
    display:inline-block
}
header.navbox nav{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:70px
}
header.navbox nav a.menu{
    display:block;
    position:absolute;
    top:20px;
    left:20px;
    width:33px;
    height:33px;
    background:url(../images/menu.svg) top left no-repeat
}
header.navbox nav a.search{
    display:block;
    position:absolute;
    top:20px;
    right:20px;
    width:33px;
    height:33px;
    background:url(../images/search.svg) top left no-repeat
}
.leaflet-popup-content-wrapper{
    background:rgba(255, 255, 255, 0.87) !important;
}
ul{
    list-style:none outside none;
    padding-left:20px;
}
.leaflet-popup-content ul{
    margin-bottom:0px;
}
.leaflet-popup-content li:first-child{
    font-size:1.2em;
    line-height:1;
    padding:5px 0px 4px 2px;
}
.leaflet-popup-content li:nth-child(2){
    padding-bottom:10px;
    font-size:1.2em;
    line-height:1;
    padding-left:2px;
}
.leaflet-popup-content li:nth-child(3){
    line-height:1.1;
    font-size:1.1em;
    padding-left:2px;
    margin-left:-22px;
}
.leaflet-popup-content li:nth-child(4){
    padding:14px 2px 4px 2px;
    margin-left:-22px;
}
.thumb{
    max-height:100px;
    max-width:100px;
    float:right;
    clear:right;
    padding:6px 2px 4px 10px;
}
.edit{
    width:5%;
    max-height:48px;
    max-width:48px;
    float:left;
    clear:left;
    padding:.2em;
    margin-left:-5px;
    margin-top:4px;
}
footer{
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
    font-size:small;
    background:rgba(255,255,255,0.5);
    text-align:left;
}
@font-face{
    font-family:'Varela';
    src:url('varela.woff') format('woff');
}
.ui-widget-overlay{
    opacity:.5;
    filter:Alpha(Opacity=50) ; /* support: IE8 */
}