/* --- module: calendar --- */


/* --- common --- */

#dateHeader .swTableCell {
    vertical-align: middle;
}

#dateHeader {
    display: block;
    padding: 0px 0px 50px 0px;
}

#dateHeader .currentMonth {
    text-align: center;
    color: #669053;
    font-weight: 800;
    text-transform: uppercase;
    width: 100%;
}

#dateHeader span {
    color: #7b848f;
}

#dateHeader .swTable {
    width: 100%;
}

#dateHeader a {
    display: block;
    width: 30px;
    height: 35px;
    background-image: url(../../images/portal/icon_arrow_med_grey_left.png);
    background-position: center;
    background-repeat: no-repeat;
}

#dateHeader .prevMonth a {
    background-image: url(../../images/portal/icon_arrow_med_grey_left.png);
}

#dateHeader .nextMonth a {
    background-image: url(../../images/portal/icon_arrow_med_grey_right.png);
}


/* --- list --- */

.swcalendarList .timeplace {
    font-weight: 700;
    color: #7b848f;
}

.swcalendarList .modTitle {
    padding: 5px 0px 5px 0px;
    color: #669053;
}

.swcalendarList .referenten {
    color: #000000;
}

.swcalendarList .teaser {
    padding: 20px 0px 0px 0px;
}

.swcalendarList .listSpacer {
    height: 0px;
    border-bottom: 1px solid #D0D0D4;
    margin: 15px 0px 15px 90px;
}

.swcalendarList .boxLeft {
    float: left;
    width: 60px;
    background-color: #7b848f;
    color: #ffffff;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

.swcalendarList .boxLeft.today {
    background-color: #FECC00;
}

.swcalendarList .boxLeft .day {
    font-weight: 800;
}

.swcalendarList .boxLeft .monthyear {}

.swcalendarList .boxRight {
    margin: 0px 0px 10px 90px;
}

.swcalendarList .boxDetail {
    float: right;
    margin-left: 15px;
}


/* --- detail --- */

.swcalendarDetail .tableHeader {
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.swcalendarDetail .boxDate {
    width: 150px;
}

.swcalendarDetail .boxDate .date {
    background-color: #669053;
    color: #ffffff;
    width: 115px;
    padding: 18px 0px 18px 0px;
    text-align: center;
    box-shadow: 2px 2px 5px #7b848f;
}

.swcalendarDetail .boxDate .date .day {
    font-weight: 800;
}

.swcalendarDetail .boxDate .date .monthyear {}

.swcalendarDetail .boxTitle {
    border-bottom: 1px solid #D0D0D4;
    vertical-align: top;
    padding-bottom: 10px;
}

.swcalendarDetail .boxTitle .title {}

.swcalendarDetail .boxTitle .title .modTitle {
    font-weight: 700;
    color: #669053;
    padding: 0px;
}

.swcalendarDetail .boxTitle .title .modSubTitle {
    color: #669053;
    font-weight: 400;
}

.swcalendarDetail .boxLeft {
    width: 235px;
    float: left;
    text-align: right;
    color: #7b848f;
}

.swcalendarDetail .boxLeft .header {
    color: #669053;
    font-weight: 800;
    padding: 30px 0px 5px 0px;
    text-transform: uppercase;
}

.swcalendarDetail .boxLeft .header span {
    text-transform: lowercase;
}

.swcalendarDetail .boxLeft .header.first {
    padding: 0px 0px 0px 0px;
}

.swcalendarDetail .boxLeft .referenten {
    font-weight: 700;
}

.swcalendarDetail .boxLeft .dateBegin {}

.swcalendarDetail .boxLeft .dateEnd {}

.swcalendarDetail .boxLeft .veranstaltungsort {}

.swcalendarDetail .boxLeft .veranstaltungsort .v_namevo {}

.swcalendarDetail .boxLeft .veranstaltungsort .v_adresse {}

.swcalendarDetail .boxLeft .veranstaltungsort .v_plzort {}

.swcalendarDetail .boxLeft .institutionAdresse {}

.swcalendarDetail .boxLeft .institutionAdresse .i_institution {}

.swcalendarDetail .boxLeft .institutionAdresse .i_adresse {}

.swcalendarDetail .boxLeft .institutionAdresse .i_plzort {}

.swcalendarDetail .boxLeft .institutionKontakt .i_ansprechperson {
    padding: 5px 0px 0px 0px;
}

.swcalendarDetail .boxLeft .institutionKontakt .i_ansprechperson .label {
    color: #669053;
    font-weight: 700;
}

.swcalendarDetail .boxLeft .institutionKontakt .i_email {}

.swcalendarDetail .boxLeft .institutionKontakt .i_email a {
    color: #669053;
    text-decoration: none;
}

.swcalendarDetail .boxLeft .institutionKontakt .i_email a:hover {
    color: #000000;
    text-decoration: none;
}

.swcalendarDetail .boxCenter {
    width: 305px;
    float: left;
    padding: 0px 0px 30px 20px;
}

.swcalendarDetail .boxCenter .teaser {
    padding: 0px 0px 30px 0px;
}

.swcalendarDetail .boxCenter .body {
    padding: 0px 0px 30px 0px;
}

.swcalendarDetail .boxRight {
    width: 270px;
    float: left;
    margin: 0px;
}

.swcalendarDetail .googleMapWrapper {
    width: 100%;
    height: 220px;
    margin: 30px 0px 60px 0px;
    position: relative;
    z-index: 9;
}

.swcalendarDetail .googleMap {
    width: 100%;
    height: 260px;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 10;
}

.swcalendarDetail #googleMapHolder {
    width: 270px;
    height: 260px;
    left: 0px;
    top: 0px;
    position: absolute;
    vertical-align: bottom;
}

.swcalendarDetail #googleMapHolder.opened {
    box-shadow: 2px 2px 10px #7b848f;
    padding: 0px 0px 40px 0px;
    background-color: #669053;
    z-index: 9;
}

.swcalendarDetail #googleMapHolder #resizeMap {
    position: absolute;
    bottom: -25px;
    cursor: pointer;
    background-image: url(../../images/portal/icon_plus_grey.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 0px 10px 0px 25px;
}

.swcalendarDetail #googleMapHolder.opened #resizeMap {
    bottom: 10px;
    padding: 0px 10px 0px 35px;
    font-weight: 700;
    color: #ffffff;
    background-image: url(../../images/portal/icon_minus_white.png);
    background-position: 10px center;
}

.swcalendarDetail .boxRight .widgetSidebar .wgcontent {
    padding: 15px 15px 15px 15px;
}

.swcalendarDetail .boxRight .widgetSidebar .repdateBox {
    float: left;
    width: 50px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    color: #7b848f;
}

.swcalendarDetail .boxRight .widgetSidebar .repdateBox .day {
    font-weight: 800;
}

.swcalendarDetail .boxRight .widgetSidebar .repdateBox .monthyear {}

.swcalendarDetail .boxRight .widgetSidebar .content a {
    text-decoration: none;
    display: block;
    padding: 0px 0px 0px 70px;
}

.swcalendarDetail .boxRight .widgetSidebar .content a:hover,
.swcalendarDetail .boxRight .widgetSidebar .content a:hover .title {
    text-decoration: none;
    color: #669053;
}

.swcalendarDetail .boxRight .widgetSidebar .content a span {
    display: block;
}

.swcalendarDetail .boxRight .widgetSidebar .content .timeplace {
    padding: 0px 0px 5px 0px;
}

.swcalendarDetail .boxRight .widgetSidebar .content .title {
    color: #7b848f;
    margin: 0px 0px 10px 0px;
}

.swcalendarDetail .boxRight .widgetSidebar .eventSpacer {
    clear: both;
    height: 0px;
    overflow: hidden;
    border-top: 1px solid #d0d0d4;
    margin: 0px 0px 10px 70px;
}

.swcalendarDetail .boxRight .widgetSidebar .category {
    padding-top: 20px;
}

.swcalendarDetail .boxRight .widgetSidebar .category.first {
    padding-top: 0px;
}

.swcalendarDetail .boxRight .widgetSidebar .categoryContent a {
    color: #7b848f;
    text-decoration: none;
}

.swcalendarDetail .boxRight .widgetSidebar .categoryContent a:hover {
    color: #669053;
    text-decoration: none;
}


/* sidebar */

#tabBox input,
#tabBox textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

#tabBox input.jQueryUiDatepicker {
    width: 105px !important;
}

#tabBox input.jQueryUiDatepicker.hasTime {
    width: 70px !important;
}

#tabBox .subHeader {
    font-weight: 700;
    color: #7b848f;
    padding: 20px 0px 10px 0px;
    font-size: 16px;
}

#tabBox .spacer {
    height: 30px;
}

#tabBox #calendarTabMaps {
    padding: 30px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
    border-top: 1px solid #D0D0D4;
}

#tabBox #calendarTabMaps #google_map {
    margin: 20px 0px 0px 0px;
}


/* anmeldung */

.calendarSignup {
    padding: 30px 0px 0px 0px;
}