/* ================================================================================================================

    Author: Tim David Saxen, netzmal GmbH

    <div class="card">
        <div class="card-head">
            <div class="card-head-title">
                TITLE
            </div>
            <div class="card-head-menu">
                <a href="#">MENU ITEM/ICONS</a>
            </div>
        </div>
        <div class="card-content">
            CONTENT
        </div>
        <div class="card-foot">
            <button>BUTTON</button>
        </div>
    </div>

   =============================================================================================================== */

.card {
    box-shadow: 2px 2px 4px #c0c0c0;
}

.card-head {
    background-color:#002337;
    font-weight: bold;
    overflow: auto;
    border-bottom: 1px solid #ffffff;
}

.card-head-title {
    float:left;
    padding:10px;
    color: #ffffff;
}

.card-head-menu {
    float:right;
    padding:10px;
}

.card-head-menu a {
    color: #1c94c4;
}

.card-head-menu a:hover {
    color: #ffffff;
}

.card-head-menu a:active {
    color: #ffffff;
}

.card-content {
    clear: both;
    background-color:#c5c5c5;
    padding:20px;
}

.card-content strong {
    display: block;
    margin-bottom:10px;
}

.card-foot {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    text-align: right;
    font-weight: bold;
    background-color:#f0f0f0;
}

.card-foot > input[type=submit], .card-foot > input[type=button], .card-foot > button {
    margin-right:0px !important;
    margin-left:10px;
}