/**
 * CI Styles
 */
.header {
    background: #ffffff none repeat scroll 0 0;
    clear: both;
    height: 120px;
}

.logo {
    float: left !important;
    background-image: url("/www/templates/hdinew/images/hdi_logo_new.png");
    background-repeat: no-repeat;
    width: 70% !important;
    height: 70px;
    overflow: visible;
    background-position: 100px 5px;
    z-index: 300;
}

.loginText {
    width: 80%;
    float: left;
    color: #999;
    text-align: right;
    margin-right: 10px;
    margin-top: 8px;
}

.logout {
    float: left;
    width: 30%;
    height: 35px;
}

span.logout {
    width: 50px;
    background-image: url("/www/templates/talanx/images/Icon_Logout_on_24_28.png");
    background-repeat: no-repeat;
    background-position: 50% 5px;
}

span.logout:hover {
    width: 50px;
    background-image: url("/www/templates/talanx/images/Icon_Logout_off_24_28.png");
    background-repeat: no-repeat;
    background-position: 50% 5px;
}

.headseparator {
    clear: both;
    background: #b2b2b2 none repeat scroll 0 0;
    background-repeat: no-repeat;
    width: 100% !important;
    height: 25px !important;
}

body.nomenu {
    background: none;
}

/* Header addons
 *
*/

.pageheader {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 0px;
    width: 90%;
}

.pagetitle {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
    margin-left: 0px;
    padding-top: 0px;
}

.pagetitle h1 {
    font-size: 24px;
    float: left;
    color: #07457d;
    font-weight: bold !important;
    width: 95%;
}

.pagetitle h5 {
    font-size: 18px;
    float: left;
    color: #acacac;
    text-transform: none;
    margin-left: 19px;
}

.pageicon {
    border: none;
    background-image: url("/www/templates/talanx/images/Quadrat_blau_12_12.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 15px;
    display: block;
    float: left;
    margin-top: 9px;
    border-radius: 0px;
}

.pageicon span {
    display: none;
}

.auswertungHeading {
    color: #07457d;
    font-weight: bold;
}

.headerMainHeading {
    font-size: 24px;
    float: left;
    color: #07457d
}

.headerSubHeading {
    font-size: 18px;
    float: left;
    color: #acacac;
    margin-left: 18px;
}

.headerSubDescription {
    font-size: 18px;
    float: left;
    color: #a0003b;
}

.reportDailyActive {
    background-image: url("/www/templates/talanx/images/Icon_Tag_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportDailyInactive {
    background-image: url("/www/templates/talanx/images/Icon_Tag_grau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportDaily {
    background-image: url("/www/templates/talanx/images/Icon_Tag_weiss_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportDaily:hover {
    background-image: url("/www/templates/talanx/images/Icon_Tag_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportWeeklyActive {
    background-image: url("/www/templates/talanx/images/Icon_Woche_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportWeeklyInactive {
    background-image: url("/www/templates/talanx/images/Icon_Woche_grau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportWeekly {
    background-image: url("/www/templates/talanx/images/Icon_Woche_weiss_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportWeekly:hover {
    background-image: url("/www/templates/talanx/images/Icon_Woche_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportMonthlyActive {
    background-image: url("/www/templates/talanx/images/Icon_Monat_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportMonthlyInactive {
    background-image: url("/www/templates/talanx/images/Icon_Monat_grau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportMonthly {
    background-image: url("/www/templates/talanx/images/Icon_Monat_weiss_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportMonthly:hover {
    background-image: url("/www/templates/talanx/images/Icon_Monat_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportYearlyActive {
    background-image: url("/www/templates/talanx/images/Icon_Jahr_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportYearlyInactive {
    background-image: url("/www/templates/talanx/images/Icon_Jahr_grau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportYearly {
    background-image: url("/www/templates/talanx/images/Icon_Jahr_weiss_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.reportYearly:hover {
    background-image: url("/www/templates/talanx/images/Icon_Jahr_blau_50_50.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}