/* Header */
#header {
    background-color: #fff;
    border: none;
    min-height: 80px;
}

    #header .container .row:first-child {
        background: url('../images/logo_myoerlikon-small.png') left 8px no-repeat;
    }

    #header .logo span {
        font-size: 12px;
        color: #888;
        padding-top: 5px;
    }

/* Main */
#main {
    background: url('../images/custom/header_gradient.png') top repeat-x;
}

/* Main Navigation (Hauptnavigation) */
.hnav .process-machine:hover > a, .hnav .process-machine a:hover, .hnav .process-machine.open .dropdown-toggle, .hnav .process-machine.active > a, .hnav .process-machine.active > a:hover {
    background: #547e9e;
}

.hnav .process-machine .dropdown-menu {
    border-top: 3px solid #547e9e;
}

.hnav .process-machine .active > a, .hnav .process-machine .active > a:hover {
    color: #547e9e !important;
}

.hnav .process-ecommerce:hover > a, .hnav .process-ecommerce a:hover, .hnav .process-ecommerce.open .dropdown-toggle, .hnav .process-ecommerce.active > a, .hnav .process-ecommerce.active > a:hover {
    background: #b4bec8;
}

.hnav .process-ecommerce .dropdown-menu {
    border-top: 3px solid #b4bec8;
}

.hnav .process-ecommerce .active > a, .hnav .process-ecommerce .active > a:hover {
    color: #b4bec8 !important;
}

.hnav .process-assets:hover > a, .hnav .process-assets a:hover, .hnav .process-assets.open .dropdown-toggle, .hnav .process-assets.active > a, .hnav .process-assets.active > a:hover {
    background: #74869a;
}

.hnav .process-assets .dropdown-menu {
    border-top: 3px solid #74869a;
}

.hnav .process-assets .active > a, .hnav .process-assets .active > a:hover {
    color: #74869a !important;
}

.hnav .process-fielddesk:hover > a, .hnav .process-fielddesk a:hover, .hnav .process-fielddesk.open .dropdown-toggle, .hnav .process-fielddesk.active > a, .hnav .process-fielddesk.active > a:hover {
    background: #b2c0c8;
}

.hnav .process-fielddesk .dropdown-menu {
    border-top: 3px solid #b2c0c8;
}

.hnav .process-fielddesk .active > a, .hnav .process-fielddesk .active > a:hover {
    color: #b2c0c8 !important;
}

.hnav .process-aftersales:hover > a, .hnav .process-aftersales a:hover, .hnav .process-aftersales.open .dropdown-toggle, .hnav .process-aftersales.active > a, .hnav .process-aftersales.active > a:hover {
    background: #627f8b;
}

.hnav .process-aftersales .dropdown-menu {
    border-top: 3px solid #627f8b;
}

.hnav .process-aftersales .active > a, .hnav .process-aftersales .active > a:hover {
    color: #627f8b !important;
}

.hnav .process-useradmin:hover > a, .hnav .process-useradmin a:hover, .hnav .process-useradmin.open .dropdown-toggle, .hnav .process-useradmin.active > a, .hnav .process-useradmin.active > a:hover {
    background: #4c6071;
}

.hnav .process-useradmin .dropdown-menu {
    border-top: 3px solid #4c6071;
}

.hnav .process-useradmin .active > a, .hnav .process-useradmin .active > a:hover {
    color: #4c6071 !important;
}

.hnav .process-import:hover > a, .hnav .process-import a:hover, .hnav .process-import.open .dropdown-toggle, .hnav .process-import.active > a, .hnav .process-import.active > a:hover {
    background: #627f8b;
}

.hnav .process-import .dropdown-menu {
    border-top: 3px solid #627f8b;
}

.hnav .process-import .active > a, .hnav .process-machine .active > a:hover {
    color: #627f8b !important;
}

.hnav .process-resources:hover > a, .hnav .process-resources a:hover, .hnav .process-resources.open .dropdown-toggle, .hnav .process-resources.active > a, .hnav .process-resources.active > a:hover {
    background: #8ca7ab;
}

.hnav .process-resources .dropdown-menu {
    border-top: 3px solid #8ca7ab;
}

.hnav .process-resources .active > a, .hnav .process-machine .active > a:hover {
    color: #8ca7ab !important;
}

/* Slider */
.slider.process-machine {
    border: 1px solid #547e9e;
}

    .slider.process-machine h3 {
        background-color: #547e9e;
    }

.slider.process-ecommerce {
    border: 1px solid #b4bec8;
}

    .slider.process-ecommerce h3 {
        background-color: #b4bec8;
    }

.slider.process-assets {
    border: 1px solid #74869a;
}

    .slider.process-assets h3 {
        background-color: #74869a;
    }

.slider.process-fielddesk {
    border: 1px solid #b2c0c8;
}

    .slider.process-fielddesk h3 {
        background-color: #b2c0c8;
    }

.slider.process-aftersales {
    border: 1px solid #627f8b;
}

    .slider.process-aftersales h3 {
        background-color: #627f8b;
    }

/* Metro */
#metro .item.process-machine {
    background-color: #547e9e;
}

#metro .item.process-ecommerce {
    background-color: #b4bec8;
}

#metro .item.process-assets {
    background-color: #74869a;
}

#metro .item.process-fielddesk {
    background-color: #b2c0c8;
}

#metro .item.process-aftersales {
    background-color: #627f8b;
}

#metro .item.process-engineering {
    background-color: #a5b9d3;
}

#metro .item.process-sales {
    background-color: #8ca7ab;
}

#metro .item.process-useradmin {
    background-color: #4c6071;
}

#metro .item.process-import {
    background-color: #627f8b;
}

#metro .item.process-resources {
    background-color: #8ca7ab;
}

.dashboardHome {
    max-width: 640px;
    margin: 0 auto;
}

    .dashboardHome #metro {
        margin-top: 20px;
    }

        .dashboardHome #metro .item {
            background-color: #b8b8b8;
            position: relative !important;
            -moz-transform: none !important;
            -webkit-transform: none !important;
            left: auto !important;
            top: auto !important;
        }

            .dashboardHome #metro .item.active {
                background-color: #EB0000;
            }

            .dashboardHome #metro .item h3 {
                position: absolute;
                bottom: 0;
            }

            .dashboardHome #metro .item a.detail h3 {
                bottom: -10px;
            }

.dashboardStart #metro .name {
    font-size: 27px;
    line-height: 32px;
}

@media (max-width:1024px) {
    .dashboardStart #metro {
        margin-top: 10px !important;
    }
}

.buGroup {
    float: left;
    margin-right: 10px;
}

    .buGroup > img {
        padding: 10px;
        background-color: #EB0000;
    }