* { 
    padding:0px;
    margin:0px;
    background-repeat:no-repeat;
}

body {
    background-color:#e6f0f7;
    font-size:15px;
    font-family:'Trebuchet MS';
}

table td, table th { 
    vertical-align:top;
}

.show { 
    display:block;
}

.hide { 
    display:none;
}

.bold { 
    font-weight:bold;
}

#www-link a{ 
    line-height:30px;
    text-align:center;
    text-decoration:none;
    color:#ffffff;
    text-transform:uppercase;
    display:block;
    background-color:#63A6DF;
}

#site-layout-top { 
    padding:6% 5% 2% 5%;
    position:relative;
    background-color:rgba(99,166,223, 0.3);
    border-bottom:2px solid #63A6DF;
}

    #site-layout-top .logo-home-link { 
        width:60%;
        display:block;
    }

        #site-layout-top .logo-home-link .logo{ 
            width:100%;
            display:block;
        }

#function-bar { 
    position:absolute;
    bottom:20%;
    right:5%;
    width:30%;
}

    #function-bar .function-menu { 
        width:100%;
    }

        #function-bar .function-menu td { 
            width:33%;
        }
                
            #function-bar .function-menu td a { 
                width:90%;
                display:block;
            }

                #function-bar .function-menu td a img { 
                    width:100%;
                    display:block;
                }

.top-divider-line { 
    height:15px;
    background-image:url('/Resources/MobileGraphic/white_line_shadow.png');
    background-repeat:repeat-x;
}

#site-layout-content, #site-layout-menu { 
    padding:5%;
}

#site-layout-content .content, #site-layout-menu .content { 
    background-color:#ffffff;
    padding:3%;
    border-radius:5px 5px 5px 5px;
}

ul.menu { 
    list-style:none;
}

    ul.menu li { 
        background-color:#4d627a;
        background-image:url('/Resources/MobileGraphic/gradient_blue.png');
        background-repeat:repeat-x;
        background-size:auto 100%;
        margin-bottom:1%;
        line-height:25px;
    }

        ul.menu li:hover { 
            background-image:url('/Resources/MobileGraphic/gradient_green.png');
            background-color:#a3a112;
        }

    ul.menu li a { 
        display:block;
        background-image:url('/Resources/MobileGraphic/arrow_right.png');
        background-position:98% center;
        padding:2% 3%;
        color:#ffffff;
        text-transform:uppercase;
        text-decoration:none;
        font-weight:bold;
        line-height:18px;
        background-size:6% auto;/* <---- auto 75% */
        padding-right:7%;
    }

        ul.menu li:hover a { 
            color:#ffffff;
        }

        
        #menu2.menu li.back-link { 
            background-color:#75787A;
        }

        #menu2.menu li.back-link a { 
            color:#ffffff;
            background-image:none;
            /*background-image:url('/Resources/MobileGraphic/arrow_menu_left.png');*/
        }

        ul.menu li.title,ul.menu li.title:hover { 
            background-color:#75787A;
            font-weight:bold;
            background-image:none;
            background-color:#63a6df;
        }

    ul.menu li.title .container{ 
        margin-bottom:1%;
        text-transform:uppercase;
        padding:1% 3%;
        color:#ffffff;
    }

        ul.menu li.title .container .menu-icon { 
            margin-left:1%;
            display:inline-block;
            height:12px;
        }

            ul.menu li.title .container .menu-icon img{ 
                height:100%;
            }

#menu2.menu li { 
    background-color:rgba(220,222,224,1)
}

    #menu2.menu li:hover { 
        background-color:#24A4C8;
    }

.page-title { 
    padding:2% 3%;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:bold;
    background-color:#63a6df;
    margin-bottom:1%;
    line-height:18px;
}

    .page-title.level-2 { 
        background-color:#63a6df;
    }

#quicklinks-container { 
    margin-top:3%;
}

    #quicklinks-container ul.menu li { 
        background-color:#4d627a;
        background-image:url('/Resources/MobileGraphic/gradient_blue.png');
        background-repeat:repeat-x;
        background-size:auto 100%;
    }

        #quicklinks-container ul.menu li:hover { 
            background-image:url('/Resources/MobileGraphic/gradient_green.png');
            background-color:#a3a112;
        }

        #quicklinks-container ul.menu li:hover a
        {
            color:#ffffff;
        }

    #quicklinks-container ul.menu li a { 
        background-image:url('/Resources/MobileGraphic/arrow_right.png');
    }

/* IMAGELIST */
.imagelist-root { 
    position:relative;
}

    .imagelist-root .imagelist-container img { 
        width:100%;
        border:1px solid #63a6df;
    }

        .imagelist-root .imagelist-container img.next { 
            position:absolute;
            top:0px;
            left:0px;
        }

    .imagelist-root .arrow { 
        position:absolute;
        top:43%;
        height:14%;
        z-index:100;
        cursor:pointer;
        max-height:35px;
        max-width:35px;
    }

        .imagelist-root .arrow.left-arrow { 
            left:2%;
        }
            .imagelist-root .arrow.left-arrow img { 
                height:100%;
                max-height:35px;
                max-width:35px;
            }
            .imagelist-root .arrow.left-arrow img.off{
                display:block; 
            }
            .imagelist-root .arrow.left-arrow img.hover{ 
                display:none;
            }
            .imagelist-root .arrow.left-arrow:hover img.off{ 
                display:none;
            }
            .imagelist-root .arrow.left-arrow:hover img.hover{ 
                display:block;
            }

        .imagelist-root .arrow.right-arrow { 
            right:2%;
        }

            .imagelist-root .arrow.right-arrow img { 
                height:100%;
                float:right;
                max-height:35px;
                max-width:35px;
            }
            .imagelist-root .arrow.right-arrow img.off{
                display:block; 
            }
            .imagelist-root .arrow.right-arrow img.hover{ 
                display:none;
            }
            .imagelist-root .arrow.right-arrow:hover img.off{ 
                display:none;
            }
            .imagelist-root .arrow.right-arrow:hover img.hover{ 
                display:block;
            }

/* Cookie warning*/
.cookie-warning-root { 
    position:fixed;
    bottom:0px;
    left:0px;
    color:#ffffff;
    background-color:rgba(117,120,122,1);
    padding:2% 5%;
    box-shadow:0px -5px 10px 0px rgba(0,0,0,0.75);
    width:90%;
    z-index:100000;
}

    .cookie-warning-root .title { 
        display:block;
        font-weight:bold;
    }

    .cookie-warning-root a { 
        color:#ffffff;
    }

    .cookie-warning-root input[type="submit"] { 
        background-color:#24A4C8;
        line-height:30px;
        text-transform:uppercase;
        font-weight:600;
        cursor:pointer;
        border:none;
        text-align:center;
        padding:0px 10px;
        color:#ffffff;
        font-size:13px;
        margin-top:10px;
    }

/* FRONTPAGE */
.imagelist-wrapper { 
    margin-bottom:1%;
}

/* ARTICLE */
.article a
{
    color:#000000;
}

.article .imagelist-wrapper { 
    margin-bottom:10px;
}

.article ul, .article ol { 
    padding:5px 5px 5px 20px;
}

.article ul li, .article ol li { 
    padding-left:2px;
}

.article .menu2-container ul, .article .menu2-container ol { 
    padding:0px;
}

.article .menu2-container ul li, .article .menu2-container ol li{ 
    padding:0px;
}

/* NEWS */
.news .image-container img {
    width:100%;
}


/* IFRAME PAGE */
.iframe-container { 
    height:500px;
    width:100%;
}

    .iframe-container iframe { 
        border:none;
        width:100%;
        height:100%;
    }

/* PAGE FROM WWW */
.image-wrapper img{ 
    width:100%;
}

.iframe-wrapper iframe { 
    width:100%;
    border:none;
    height:500px;
}

.text table { 
    border-collapse:collapse;
}

.text table td,
.text table th { 
    padding:5px;

}

/* CONTACTS */
.department-contacts { 
    width:100%;
    margin-top:10px;
}

    .department-contacts .image-column { 
        width:40%;
        padding-bottom:25px;
    }

        .department-contacts .image-column img{ 
            width:100%;
            display:block;
        }

    .department-contacts .text-column { 
        width:60%;
        padding-left:3%;
        padding-bottom:25px;
    }

        .department-contacts .text-column .name,
        .department-contacts .text-column .position { 
            font-weight:bold;
        }

.text h1 { 
    font-size:17px;
}
.text h2 { 
    font-size:16px;
}

#forum-menu
{
    margin-top:20px;
}

    #forum-menu a span
    {
        display:block;
        line-height:20px;
    }

    #forum-menu a .date,
    #forum-menu a .create-by
    {
        text-transform:none;
    }

#forum .forum-item-content
{
    padding-top:10px;
}

#forum .pdf-link-container,
#forum .link-link-container
{
    padding-bottom:10px;
    padding-left:10px;
}
    #forum .pdf-link-container a,
    #forum .link-link-container a
    {
        background-position:left center;
        background-size:auto 100%;
        padding-left:40px;
        line-height:30px;
        display:inline-block;
        margin:5px 0px;
    }
    #forum .pdf-link-container a
    {
        background-image:url('/Resources/gfx/Forum/icon_pdf_2.png');
    }
    #forum .link-link-container a
    {
        background-image:url('/Resources/gfx/Forum/icon_link_2.png');
    }

#forum .image-container
{
    padding-bottom:20px;
}

    #forum .image-container img
    {
        width:100%;
        display:block;
    }

    #forum .image-container .image-text
    {
        padding:10px;
        line-height:20px;
        background-color:rgba(220,222,224,0.6);
    }

#forum .title
{
    font-weight:bold;
    padding-bottom:5px;
    clear:both;
}

#forum .section-title
{
    font-weight:bold;
    text-align:center;
    font-size:1.5em;
    padding-bottom:10px;
}

#forum .forum-comment
{
    padding:10px;
    background-color:rgba(220,222,224,0.6);
    margin-bottom:15px;
}

#forum .post-info-container
{
    font-style:italic;
}

#forum .page-title
{
    clear:both;
}

    #forum .post-info-container .left
    {
        float:left;
        padding-bottom:5px;
    }
    #forum .post-info-container .right
    {
        float:right;
        padding-bottom:5px;
    }