/* Accordion */
.accordionHeader {
    padding: 2px;
    margin-top: 2px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 730px;
}

.boost {
    width: 49%;
    min-width: 140px;
    max-width: 370px;
}

.spacer {
    height: 10px;
    width: 100%;
    background-color: transparent;
}

/*Kalender*/
#MainContent_Calendar1 {
    min-width: 250px;
}

.myCalendar {
    background-color: #f5f5f5;
    width: 100%;
    max-width: 500px;
    height: 250px;
    border: 10px solid #222222;
    border-top: 0px !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #222222;
        color: #ffffff;
    }

    .myCalendar th.myCalendarDayHeader {
        height: 25px;
        border-bottom: outset 2px #555;
        border-right: outset 2px #fbfbfb;
    }

    .myCalendar td.myCalendarDay {
        border: outset 2px #fbfbfb;
        height: 50px;
    }

    .myCalendar td.myCalendarSelector {
        background-color: #44C5A9 !important;
        border: outset 2px #f5f5f5;
    }

    .myCalendar td.myCalendarDay:nth-child(7) a {
        color: #c52e2e !important;
    }

    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }

        .myCalendar .myCalendarNextPrev a {
            font-size: 14px;
            color: #fff !important;
        }

        .myCalendar .myCalendarNextPrev:nth-child(1) a {
            color: #fff !important;
            background: url("prevMonth.png") no-repeat center center;
            font-size: 1.6em;
            font-weight: bold;
        }

            .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
                background-color: transparent;
            }

        .myCalendar .myCalendarNextPrev:nth-child(3) a {
            color: #fff !important;
            background: url("nextMonth.png") no-repeat center center;
            font-size: 1.6em;
            font-weight: bold;
        }

    .myCalendar td.myCalendarSelector a {
        background-color: #44C5A9;
        color: #153D2B !important;
        font-size: 1.4em;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a {
        display: block;
        line-height: 20px;
    }

    .myCalendar .myCalendarToday {
        background-color: #d6820f;
        -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
        box-shadow: 0 0 7px 3px #e5e5e5;
        font-weight: bold;
    }

        .myCalendar .myCalendarToday a {
            color: #25bae5 !important;
        }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover {
        background-color: #44C5A9;
    }