/*
************************************************************
Styles:     flix//events
Autor:      Thomas Tiedtke
Copyright:  (c) 2014 Interaktiv Manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/


.events-startTerminBox {

}

/* ul */
.events-teaserlist {
   list-style: none;
}

/* li */
.events-teaserlist .item {
}
.events-teaserlist .item a {
}
.events-teaserlist .item a:hover {
}



/* calendar list
----------------------------------------------------------- */

.calenderlist .groupheadline {
   padding-top:20px;
   font-weight: bold;
   clear: both;
   padding-bottom: 4px;
}

.calenderlist .grouplist {
   list-style: none;
   clear: both;
}
.calenderlist .grouplist a {
   display:block;
   text-decoration: none;

}
.calenderlist .grouplist a:hover {
   text-decoration: none;

}
.calenderlist .grouplist > li {
}

.calenderlist .grouplist ul.linklist {
   margin-bottom: 0;
}
.calenderlist .grouplist ul.linklist a {
   color: #F08C03;
}
.calenderlist .grouplist ul.linklist a:hover {
   background-color: #FFFFFF;
}

.calenderlist .grouplist .item {
   border-top:1px solid #BE6067;
   display:block;
   float:left;
   clear: both;
   font-style: normal;
   margin-bottom: 20px;
   background-color: #EBE3B2;
   border-bottom:1px solid #BE6067;
   width: 100%;
}

/*
.calenderlist .grouplist .item:last-child {
   border-bottom:1px solid #BE6067;
}
*/

.calenderlist .grouplist .item-link {
   display:block;
   float:left;
   font-style: normal;
}


.calenderlist .grouplist .item .col {
   min-height:20px;
   padding-top:2px;
   padding-bottom:2px;
   display:block;
   float:left;
   overflow: hidden;
}

.calenderlist .grouplist .item .time {
   background-color: #EBE3B2;
   width:75px;
   padding-left:4px;
}
.calenderlist .grouplist .item .location {
   /*background-color: #FFFFFF;*/
   width:220px;
   padding-left:4px;
}
.calenderlist .grouplist .item .label {
   background-color: #EBE3B2;
   width: calc(100% - 340px);
   padding-left:4px;
}
.calenderlist .grouplist .item .registration {
   background-color: #EBE3B2;
   width: 100%;
   /* text-align: right; */
}
.calenderlist .grouplist .item .registration .text {
   padding-left:4px;
}
.calenderlist .grouplist .item .registration a {
   display: inline-block;
   font-style: normal;
   font-weight: bold;
   background-color: #44677B;
   padding: 4px 8px;
   margin-top:3px;
   margin-bottom:3px;
   border-radius: 4px;
   color:#FFFFFF;
   margin-right: 10px;
}
.calenderlist .grouplist .item .tools {

}


/* events-teaser
----------------------------------------------------------- */

.events-teaser .headline {
}

.events-teaser .headline,
.events-teaser .headline a {

}


/* events-detail: Detailansicht
----------------------------------------------------------- */
.events-detail .introtext {
   font-weight: bold;
   border-bottom: 2px solid #F08C03;
   padding-bottom:10px;
   margin-bottom:5px;
}

.events-detail .info {
   margin-bottom: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #F08C03;
}


.events-detail .mainimage {
   margin-top:10px;
   margin-bottom:10px;
}
.events-detail .mainimage-subline {

}
.events-detail .images {
   float:right;
   margin-left:10px;
   margin-bottom:10px;
}


.events-detail .link-back  {
   display: block;
   padding-bottom:10px;
   padding-top:10px;

}
.events-detail .link-back.top  {


}
.events-detail .link-back.bottom {


}


.events-detail .registrationbutton-container {
   text-align: right;
   padding-bottom: 20px;
}


.events-info {
}

.events-info .image-box {
   margin-bottom: 2px;
}

.events-info .image-subline {
   margin-bottom: 5px;
}



/* Filter
************************************************************* */

#events-filter-container {
   float:left;
   margin-bottom: 20px;
   width: 100%;
}
#events-list-container {
   clear: both;
   min-height: 600px;
   overflow: hidden;
}

.events .filter-type-list {
   float:left;
   margin-top: 10px;
   margin-bottom: 10px;
}

.events .filter-type-list li {
   display: block;
   float:left;
   margin-right: 5px;
}
.events .filter-type-list li a {
   display: block;
   float:left;
   font-style: normal;
   color: #44677B;
   background-color: #EBE3B2;
   padding:8px;
   border-radius: 4px;
   font-size: 12px;
   line-height: 12px;
}

.events .filter-type-list li a.active {
   color: #FFFFFF;
   background-color: #44677B;
}

/* ul */
.filter-pfarrei-list {
   float:right;
   margin-bottom: 10px;
}

.filter-pfarrei-list li {
   display: block;
   float:left;
}

.filter-item-pfarrei {
   display: block;
   float:left;
   height: 50px;
   width: 50px;
   background-position: center;
   background-repeat: no-repeat;
   margin-right: 2px;
   padding:0px;
   border: 1px #FFFFFF solid;
}
.filter-item-pfarrei span {
   display: none;
}

.filter-item-pfarrei.active {
   border: 1px #44677B solid;
   border-radius: 5px;
}

#filter-item-pfarrei-0 {
   background-image:url('/_images/icon_filter_pfarrei-0.png');
}
/*#filter-item-pfarrei-0.active {
   background-image:url('/_images/icon_filter_pfarrei-0_active.png');
}*/
#filter-item-pfarrei-1 {
   background-image:url('/_images/icon_filter_pfarrei-1.png');
}
/*#filter-item-pfarrei-1.active {
   background-image:url('/_images/icon_filter_pfarrei-1_active.png');
}*/
#filter-item-pfarrei-2 {
   background-image:url('/_images/icon_filter_pfarrei-2.png');
}
/*#filter-item-pfarrei-2.active {
   background-image:url('/_images/icon_filter_pfarrei-2_active.png');
}*/
#filter-item-pfarrei-3 {
   background-image:url('/_images/icon_filter_pfarrei-3.png');
}
/*#filter-item-pfarrei-3.active {
   background-image:url('/_images/icon_filter_pfarrei-3_active.png');
}*/
#filter-item-pfarrei-4 {
   background-image:url('/_images/icon_filter_pfarrei-4.png');
}
/*#filter-item-pfarrei-4.active {
   background-image:url('/_images/icon_filter_pfarrei-4_active.png');
}*/


.nav-events {
   padding-top: 10px;
}
.nav-events li {
   display: block;
   text-align: right;
   line-height: 20px;
   padding: 2px 4px 4px 4px;
}
.nav-events.month-list {
   margin-top: 10px;
   padding-top: 10px;
   border-top: 2px solid #a2b3bd;
}

a.nav-events-link {
   color: #45677c;
   padding: 2px 4px 4px 4px;
}
a.nav-events-link:hover {
   background: #ffffff;
   border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
   padding: 2px 4px 4px 4px;
}
a.nav-events-link.active {
   background: #ffffff;
   border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
   padding: 2px 4px 4px 4px;
}



/* Mobile Navigation
************************************************************* */
#events-filter-container {
   background-color: #FFFFFF;
   padding-bottom: 5px;
}


.events-nav-container.mobile {
   clear:both;
}


/* Anmeldung
************************************************************* */

.pageElement-events-registration .infobox {
   margin-bottom: 20px;
}