body         {
        background-color:#ddd;
        color:#222;
        font-family:Helvetica;
        font-size:16px;
        margin:0;
        padding:0;
        }

p         {
        margin-left:12px;
       margin-right:12px;
        }


div         {
        margin-left:0px;
        margin-right:0px;
        }



h1        {
        background-image:
                -webkit-gradient(
                linear, left top, left bottom, from(#bbc), to(#789)
                );
        border-bottom:1px solid #666;
        color:#fff;
        display:block;
        padding:10px 0;
        font-size:20px;
        font-weight:bold;
        text-align:center;
        text-shadow:0px 1px 0 px #222;
        text-decoration:none;
         }

h2        {
          background-image:
                -webkit-gradient(
                linear, left top, left bottom, from(#bbc), to(#789)
                );
        border-bottom:1px solid #666;
        margin-left:0px;
        color:#456;
        font-size:18px;
        font-weight:bold;
        text-shadow:0px 1px 0px #fff;
        text-decoration:none;
         text-align:center;
           }


ul        {
        list-style:none;
        margin-left:5px;
        margin-right:5px;
        padding:0px;
        text-decoration:none;
        }

ul li a {
        background-color: #aaa;
        border: 0px solid #ddd;
        color:#222;
        display:block;
       padding:5px 5px;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
        }

ul li:first-child a {
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        }

ul li:last-child a {
        -webkit-border-bottom-left-radius:10px;
        -webkit-border-bottom-right-radius:10px;
          }

img        {
        -webkit-border-radius:0px;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;

        }


/* menu mobile */

#mobile_menu {
        position:static;
        top:200px;
        left:0 !important;
    }
    #mobile_menu img {
        position:static;
         top:200px;
        left:0 !important;
    }




 .visible-xs {

    display:none;

}

#mobile_menu_list {

    width: 100%;

    height: 10px;

    padding: 2px 2px 2px 0;

    position: absolute;

    top: 32px;

    z-index: 10001;

}

#mobile_menu_list > a {

    margin-left: 0px;

}

#mobile_menu_list ul {

    list-style: none;

    right:0;

    margin: 0;

    padding-top:55px;

    width: 100%;

    z-index:10001;
    position:fixed;

}

#mobile_menu_list li {

    margin: 0;

    padding: 0;

    width: 100%;

    height: 50px;

    background: lightgrey;

    text-align: left;

    border-bottom: 1px solid #fff;

}

#mobile_menu_list li:hover {

    background: grey;

    border-bottom: 1px solid #fff;

}

#mobile_menu_list li:hover a {

    color: #FFFFFF;



}

#mobile_menu_list li a {

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 22px;

    width: 100%;

    color: #000;

    margin: 0;

    padding: 0;

    line-height: 50px;

    border-bottom: none;

    text-decoration: none;

    display:block;

    text-align: center;


}


/* -- media query -- */

@media screen and (max-width: 950px) {

    #imContent > div {

        width:100% !important;
        box-sizing: border-box;
    }

    #imPage, #imContent, #imContentGraphics, #imHeader div, #imMnMn, #imFooter, #imObjectForm, #imObjectGallery {

        width:100% !important;

        box-sizing: border-box;

    }

    #imHeader, #imFooter  {



        background-position: center center;

            background-size: cover;

            background-repeat: no-repeat;

    }

    h2#imPgTitle {

        width:100% !important;

        box-sizing: border-box;

                margin-left:0;

    }

    #imMnMn {

        height:auto;

    }

    img[id^="imObjectImage_"]{

        width:100%;

        height: auto !important;

    }

    #imHeader img {

            width: auto !important;

            left: auto !important;

            right: 3%;

        }

        #font1 {font-size: 0.8em;}

}

@media screen and (max-width: 538px) {

    #imMnMn > ul {

        display: none;

    }

    .visible-xs {

    display: block !important;

    }

    #imCellStyle_22 {

        padding-left:10px;



    }

    #imPage #imContent > div div {

        width:100% !important;

        min-height:0 !important;

        box-sizing: border-box;

    }

    #font1 {font-size: 0.5em;}

    .menu-header {width:100%!important}

}