table.PlannerDetail {width:100%; text-align:center}
.DetailHeader { }

.DetailHeaderBox {background-color:silver; padding:10px 5px 10px 5px;border:1px solid #AFAFAF}
.DetailHeaderText {font-size:1.2em; font-weight:bold; color:black}

.DetailMessageBox {border:1px solid #AFAFAF}
.DetailMessageTime {font-size:1em}
.DetailMessageLine { color:#AFAFAF; background-color:#AFAFAF; height:2px;}
.DetailMessageText {font-size:1em}

.DetailReturnLink { text-align:right;}
.PlannerDivider {margin:10px 0 10px 0; width:100%; height:5px; background-color:silver}

/*CSS KALENDERDETALJER*/
.page-container {
    max-width: 900px !important;
    margin: 0 auto;
}
.kalender-event-heading {
    font-size: 30px !important;
}

.kalender-event-info {
    font-weight: 800 !important;
    line-height: 30px !important;
}
p, p.Normal {
    color: #333 !important;
    font-size: 17px !important;
}
.kalender-event-body, .Normal  {
    font-size: 14px !important;
}

hr {
    max-width: 80px !important;
    margin-left: 0px;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    border-bottom: 5px solid #D90011 !important;
}
.les-mer {
    margin-top: 50px;
    border-bottom: solid 3px #D90011;
    color: #333 !important;
    padding: 8px;
    width: 80px;
    text-align: center;
    font-size: 15px !important;
    font-weight: 800;
    transition: all .3s ease;
}

    .les-mer a {
        color: #333 !important;
        font-size: 15px !important;
    }

        .les-mer a:hover {
            color: #D90011 !important;
        }