#mutaborEventsDescriptionTop
{
    margin-bottom: 30px;
}


/* Filter */
#EventsFilter
{
    margin-bottom: 20px;
    background-color: #EAEAEA;
    padding: 15px;
    max-width: 365px;
    border-radius: 7px;
    overflow: hidden;
}

#EventsCountryFilter
{
    display: inline;
    margin-right: 5px;
}

#EventsPLZFilter
{
    display: inline;
}

#EventsCountryPLZFilter
{
    margin-bottom: 20px;
}

#EventsCategoryFilter
{
    margin: 0 25px 0 0; 
    width: 385px;
}
#content  #EventsCategoryFilter ul
{
    margin: 0;
    padding: 0;
}

#content #EventsCategoryFilter li
 {
    list-style: none outside none;
    margin: 0;
    padding: 0 8px 5px 0;
    background: none;
}

#EventsCategoryFilter li:first-child a {
    padding: 7px 5px 7px 10px;
}

#EventsCategoryFilter a {
    text-decoration: none;
    display: block;
    font-size: 12px;
    padding: 7px 5px 7px 40px;
    border-radius: 3px;
    box-shadow: inset 0 0 2px #fff;
    background-color: #F7F7F7;
    border: 1px solid #d0d0d0;
    color: #444;
    text-align: left;
    width: 100%;
}

#EventsCategoryFilter a:hover
{
    border: 1px solid #b0b0b0;
	background-color: #e1e1e1;
}

#EventsCategoryFilter li.enabled a,
#EventsCategoryFilter li.enabledAll a
{
    color: #94620c;
	border: 1px solid #929ba2;
	background-color: #FDFBF6;
}

#EventsCategoryFilterOptions .C19 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassKinder.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 25px;
}

#EventsCategoryFilterOptions .C20 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassJahresmotto.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 25px;
}

#EventsCategoryFilterOptions .C23 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassLesebibliothek.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 25px;
}

#EventsCategoryFilterOptions .C35 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassFoerderung.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 25px;
}

#EventsCategoryFilterOptions .C37 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassNatur.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 25px;
}

#EventsCategoryFilter li:first-child {
    width: Calc(100% - 55px);
}

#EventsCategoryFilter li {
    padding: 0 0 5px 0;
    width: Calc(100% - 55px);
}

#EventsCategoryFilter li:before {
    display: none;
}

#addEventButtonContainer
{
    margin-bottom: 20px;
}

/* Event Items*/
.EventItem
{
    clear: both;
    margin-bottom: 20px;
}

.EventItemLabel
{
    font-weight: bold;
    float: left;
    width: 60px;
}

.EventItemValue
{
    margin-left: 60px;
}

.EventItemCategoryLabel {
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.EventItemCategoryLabel:last-child
{
    margin-right: 10px;
}

.EventItemCategoryLabel1 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassKinder.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
}

.EventItemCategoryLabel2 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassJahresmotto.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
}

.EventItemCategoryLabel3 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassLesebibliothek.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
}

.EventItemCategoryLabel4 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassFoerderung.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
}

.EventItemCategoryLabel6 {
    background-image: url('https://netzwerk.maerchenstiftung.ch/custom/layout/images/Events/AnlassNatur.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
}


.editEventItemContainer
{
    margin-top: 3px;
}

.editEventItemButton
{
    margin:0 20px 0 0;
}

/* Item details*/
#mutaborEventsContainer fieldset
{
    margin-top: 30px;
    border: none;
    padding: 0 0 20px 0;
}

.EventsFieldRow
{
    display: table-row;
    position: relative;
}   

.EventsFieldLabel
{
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}     

.EventsFieldForm
{
    margin-bottom: 3px;
}

.EventsFieldForm input[type=text],
.EventsFieldForm input[type=email],
.EventsFieldForm input[type=password]
{
    width: 400px;
}

.EventsFieldForm input[type="checkbox"] {
    margin: 7px 7px 0 0;
    width: inherit;
}

.EventsFieldForm textarea {
    width: 400px;
    height: 70px;
}

.EventsFieldForm label {
    display: block;
    font-weight: normal;
    margin-bottom: 0;
    margin-right: 3px;
}

.CheckBoxEventsFieldRow
{
    display: block;
}

.CheckBoxEventsFieldRow input
{
    margin-right: 5px;
}

/* jquery validation */
#mutaborEventsContainer  input.error,
#mutaborEventsContainer  textarea.error
{
    background-color: #FFA08C;
}

#mutaborEventsContainer  select.error
{
    background-color: #FFA08C;
}

#mutaborEventsContainer label.error
{
    color: #FF0000;
    display: inline-block;
    font-size: 11px;
    margin: 2px 2px 4px 0;
    padding: 0 4px;
    position: relative;
    z-index: 100;
}

#mutaborEventsContainer .RadioButtonRegisterFieldRow label.error
{
    position:absolute;
    top:-15px;
}

/* Description top*/

#mutaborEventsDescriptionTop fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}

#NewsletterText
{
    font-family: 'Cardo', serif;
    color: #94620c;
    font-size: 22px;
    line-height: 1.2;
    font-style: italic;
    margin-bottom: 5px;
}

#NewsletterForm
{

}

.NewsletterInputContainer
{

}

#newsletterEMail
{
    height: 30px;
    width: 100%;
}

#newsletterEMail.NewsletterEMailnotValid
{
    background-color: red;
}

.NewsletterSendButtonContainer
{
    margin-top: 5px;
    background-color: #94620c;
    color: #fff;
    padding: 0 7px 0 7px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    display: inline-block;
    
}

.NewsletterSendButtonContainer:hover
{
    cursor: pointer;
    background-color: #1D4066
}

.NewsletterSendButtonContainer span
{
    margin-right: 7px;
}

.NewsletterSendButtonContainer a
{
    color: #fff;
    text-decoration: none;
}

.NewsletterSendButtonContainer a:hover
{
    text-decoration: none;
}