/* MENTAL HELSE */

div#topselectors-bg
{
    background: linear-gradient( #DC2517 0, #BC1F14 100% );
}

header
{
    background: url(../images/header-figure.png) 107px 0 no-repeat;
}

div#logo
{
    top: 20px;
    left: 15px;
}

div#logo span.image
{
    width: 88px;
    height: 85px;
    background: url(../images/mentalhelse-logo.svg) top left no-repeat;
}

div#searchbox button
{
    background: linear-gradient( #CB1020 0, #E11425 100% );
}

a, div.content-view-box div.attribute-link a
{
    color: #0081a0;
}

div#siteselector li.selected a, nav#topmenu li.selected > a, nav#topmenu a:hover, div.content-view-box a, div.infobox.box-theme-1 > div.content-view-box > div.attribute-title h2, div.infobox.box-theme-1 a, div.content-view-boxline div.class-article div.attribute-date, div.content-view-boxline div.class-event div.attribute-date
{
    color: #e42618;
}

div.content-view-line div.class-event div.icon-box, 
div#content-middle div.attribute-short li:before, div#content-middle div.attribute-long li:before
{
    background-color: #e42618;
}

div.content-view-block div.class-focus h2
{
    color: #ffffff;
    background: linear-gradient( #e22518 0, #c12415 100% );
}

div.content-view-block div.class-focus a
{
    color: #ffffff;
}

nav#extramenu li
{
    border-color: #e42618;
}

nav#sidemenu ul ul
{
    background-color: #f0fafc;
}

nav#sidemenu li.selected > div > a
{
    background-image: url(../images/bullet-link.png);
}

nav#sidemenu li li a:hover
{
    background-color: #def3f6 !important;
}

div.attribute-link a, div.attribute-related a
{
    background-image: url("../images/bullet-link.png");
}

div.infobox.box-theme-1
{
    background-color: #f0fafc;
}

div.infobox.box-theme-2
{
    background: linear-gradient( #e22518 0, #c12415 100% );
}

div.infobox.box-theme-2, div.infobox.box-theme-2 a, div.infobox.box-theme-2 div.content-view-box > div.attribute-title > h2
{
    color: #ffffff !important;
}

div.content-view-block div.class-focus div.attribute-title a, div.infobox.box-theme-2 ul li
{
    background-image: url(../images/focusbox-bullet.png);
}


@media (max-width: 900px)
{
    header
    {
        background-image: none;
    }

    div#logo span.image
    {
        height: 50px;
        width: 52px;
    }
}