#footer p.footer-left_col1 {
   text-align:left;
   margin-left:20%;
   margin-right:20%;
}
#footer p.footer-left_col3 {
   text-align:left;
   margin-left:20%;
   margin-right:20%;
}
.menu{
    display:block;
    background-color:#efefef;
}

.menu li{
    display: inline-block;
    position: relative;
    z-index:100;
}

.menu li a {
    font-weight:600;
    text-decoration:none;
    Xpadding:11px;
    display:block;
    color:#ffffff;
    color:#666;
    
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{
    color:#ffffff;
    background:#9CA3DA;
}

.menu li a:hover, .menu li:hover > a{
    color:#ffffff;
    background:#9CA3DA;
}

.menu li a:hover, .menu li:hover > a{
    color:#ffffff;
    background:#9CA3DA;
}

/* hide the second level menu */
.menu ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    top: 43px;
    left: 0px;
    background: #ffffff;
}

/* display second level menu on hover */
.menu li:hover > ul{
    display: block;
}

.menu ul li {
    display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
}

.menu ul li a {
    font-size:12px;
    font-weight:normal;
    display:block;
    color:#797979;
    border-left:3px solid #ffffff;
    background:#ffffff;
}

.menu ul li a:hover, .menu ul li:hover > a{
    background:#f0f0f0;
    border-left:3px solid #9CA3DA;
    color:#797979;
}

/* change level 3 menu positions */
.menu ul ul {
    left: 149px;
    top: 0px;
}

/* mobile menu button properties */
.mobile-menu{
    display:none;
    width:100%;
    padding:11px;
    background:#3E4156;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:600;
    background-color:#efefef;
    color:#666;
}
.mobile-menu:hover{
    background:#3E4156;
    color:#ffffff;
    text-decoration:none;
    /*background:#EAFFC4;
    color:#666;*/
}

@media (max-width: 320px) {
    .topmenuresp > .grid-12 {min-height:800px; width:97.321%; margin:0; }
}
@media (max-width: 480px) {
    .process_liggande{display:none;}
    .process_staende{display:block;}

}
@media (min-width: 481px) {
    .process_liggande{display:block;}
    .process_staende{display:none;}
}
@media (min-width: 721px) {
    
    #topmenu {display:block;}
    #topmenuresp {display:none;}
    
    .menu{display:none;}
    .mobile-menu{display:none;}

    .process_staende{display:none;}
} 



/* Ursprunglingen max-width: 767px */
@media (max-width: 720px) {
    
    #topmenu {display:none;}
    #topmenuresp {display:block;} 
    .topmenuresp > .grid-4 {display:none;}
    .topmenuresp > .grid-12 {width:97.321%; margin:0;}
        
    #footer p.footer-left_col1, #footer p.footer-left_col2, #footer p.footer-left_col3 {
        text-align:left;
        margin-left:10%;
        margin-right:10%;
    }
    .menu{display:none;}
    .mobile-menu{
        display:block;
        margin-top:10px;
    }
    
    nav{
        margin:0;
        background:none;
    }
    
    .menu li{
        display:block;
        margin:0;
    }
    
    .menu li a {
        background:#ffffff;
        color:#797979;
        border-top:1px solid #e0e0e0;
        border-left:3px solid #ffffff;
    }
    
    .menu li a:hover, .menu li:hover > a{
        background:#f0f0f0;
        color:#797979;
        border-left:3px solid #9CA3DA;}
    
    /*level 2 and 3 - make same width as all items*/
    .menu ul {display:block;
        position:relative;
        top:0;
        left:0;
        width:100%;}
    
    .menu ul ul {left:0;}

    
}/*end media queries*/