/*Default
================================================== */
html body{
    font-family: 'Futura LT W02','Trebuchet MS',sans-serif;
    background-color: #eeeeee;
    font-size: 16px;
    letter-spacing: 0.025em;
}
h1, h2, h3{
    text-transform: uppercase;
    margin-top: 0px;
}

h1 .field-items,
h2 .field-items,
h3 .field-items{
    margin-bottom: 0px;
}

h1{
    line-height: 46px;
}

h3{
    margin-top: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}

figure{
	margin-bottom:10px;
}

figcaption{
	margin:0;
	padding:5px 0;
    font-size: 14px;
}

.btn{
    margin-bottom: 15px;
}

.btn div{
    margin: 0;
}

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

.btn.btn-default {
    box-shadow: none;
    line-height: 18px;
}

.btn-primary{
    line-height: 18px;
}

.btn-primary a{
    color:white;
}

.btn-block{
    display: block;
}

.simpleBorder{
    border:  1px solid #CCCCCC;
}

.backLink{
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
    padding-left: 30px;
    background-image: url("../img/icon_arrow_left.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

.backLink:hover{
    text-decoration: none;
}

iframe{
    border: 0;
}

.qtip.toolTipp {
    background-color: white;
    border: 0;
    z-index: initial!important;
    font-weight: normal;
}

.alert .close,
.alert .close:hover{
    color: white;
    opacity: initial;
}

.nopaddingtop{
    margin-top: 0!important;
    padding-top: 0!important;
}

@media (max-width: 620px) {
   /* html body {
     -ms-word-break: break-all;
         word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    }*/

    h1{
        font-size: 26px;
        line-height: 36px;
    }
}

@media (max-width: 414px) {

    h1{
        font-size: 20px;
        line-height: 30px;
    }

    h2{
        font-size: 18px;
        line-height: 28px;
    }

    h3{
        font-size: 16px;
        line-height: 26px;
    }
}

/*header
================================================== */

/*Logo*/
.logo{
    position: absolute;
    top: 29px;
    right: 45px;
    width: 145px;
    z-index: 40;
}

@media (max-width: 1000px) {
    .logo{
        width: 120px;
        top: 25px;
        right: 25px;
    }
}

@media (max-width: 414px) {
    .logo{
        width: 100px;
    }
}

/*navigation*/

.navigationLinkParent{
    background-color: #CC0000;
    cursor: pointer;
}

.navigationLink span {
    background: #ffffff;
}

.navigation{
    background-color: #ffffff;
}

    .navigation .language-switcher-locale-url{
        list-style: none;
    }

.navigation ul li a,
.navigation ul li span{
    font-size: 20px;
    line-height: 25px;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.navigation ul li a:hover,
.navigation ul li span:hover,
.navigation ul li a:active,
.navigation ul li span:active,
.navigation ul li .sf-clicked{
    color: #CC0000;
    text-decoration: none;
}

mobileNavigationBackLink{
    display: none;
}

@media (max-width: 1000px) {
    .navigationLinkParent{
        background-color: #FFFFFF;
        border:  2px solid #CC0000;
    }

    .navigationLinkParent span{
        background-color: #CC0000;
    }

    .navigationLinkClose{
        background-color: #CC0000;
    }

    .navigationLinkClose span{
        background-color: #FFFFFF;
    }

    .mobileNavigationBackLink{
        background-image: url("../img/icon_arrow_left.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50px;
        border-radius: 50px;
        border: 2px solid #CC0000;
    }

    .navigation ul li a:hover,
    .navigation ul li span:hover,
    .navigation ul li a:active,
    .navigation ul li span:active,
    .navigation ul li .sf-clicked{
        color: inherit;
        text-decoration: none;
    }

}
/*Logout*/

@media (max-width: 1000px) {
    .mobileLogout {
        border-top:  1px solid black;
    }
}

/*search*/
.searchLink{
    background-image: url("../img/search.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 43px;
    background-color: white;
    cursor: pointer;
}

.search-form .form-text{
    font-size: 20px;
    text-transform: uppercase;
    color: black;
}

@media (max-width: 1000px) {
    .searchLink {
        background-size: 32px;
    }
}

/*QuickLinks*/
.shortlink .menu_icon,
.shortlink .menu_icon:hover{
    background-color: #FFFFFF;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
    color: black;
}

@media (max-width: 1000px) {

    .mobileNavigation .shortlink .menu li a,
    .mobileNavigation .shortlink .menu li a:hover {
        background-position: center;
        color: transparent;
        background-size: 35px;
    }
}

/*leadImage
================================================== */
/*bx slider*/
.bx-wrapper .bx-viewport{
    box-shadow :none;
}

.bx-wrapper .bx-prev{
    background-position: 0 0;
    background-image: url("../img/left.png");
}

.bx-wrapper .bx-next{
    background-position: 0 0;
    background-image: url("../img/right.png");
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover{
    background-position: 0 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #CC0000 none repeat scroll 0 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF none repeat scroll 0 0;
}

/*content
================================================== */
.pageContent ul,
.pageContent ol {
    padding: 0;
    margin: 0px 0px 10px 0px;
}

.pageContent ol li,
.pageContent ul li {
    margin-left: 30px;
}

.pageContent a:hover{
    text-decoration: initial;
}

.pageContentMain h2{
    margin-top: 20px;
}

.pageContentMain .field-item:first-child>h2:first-child,
.pageContentMain .field-item:first-child>div:first-child h2:first-child{
    margin-top: 0;
}

.pageContentSidebar .views-row:first-child h3:first-child,
.pageContentSidebar .views-row:first-child .sidebar div:first-child h3:first-child{
    margin-top: 0;
}

.pageContentSidebar .views-row:first-child .sidebar div h3:first-child{
    margin-top: 20px;
}

@media (max-width: 1000px) {
    .sidebarWrapper-top .sidebar-top:first-child .paragraph:first-child .paragraphTitle h3:first-child,
    .sidebarWrapper-top .sidebar-top:first-child > div:first-child > h3:first-child,
    .sidebarWrapper-top .sidebar-top:first-child > h3:first-child  {
        margin-top: 0;
    }
}

@media (max-width: 414px) {
    .pageContentSidebar h3:first-child{
        margin-top: 20px;
    }
}

/*Breeding
================================================== */

.breedingProgram {
    font-weight: bold;
}

/*Young Animals
================================================== */

.youngAnimals a{
    font-weight: bold;
}

/*Homepage
================================================== */

.sectionTitle{
    text-align: center;
    line-height: 36px;
}

@media (max-width: 414px) {
    .sectionTitle{
        font-size: 25px;
    }
}

.highlightLink{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    background-image: url("../img/icon_arrow_right.png");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
    margin-top: 15px;
    display: inline-block;
    transform: initial;
}

.highlightLink:hover{
    text-decoration: none;
}

.scrollIcon a{
    width: 40px;
    height: 40px;
    position: fixed;
    left: 50%;
    margin-left: -20px;
    bottom: 80px;
    z-index: 9;
    background-size: 40px 40px;
    background-image: url("../img/icon_arrow_down.png");
    display: none;
}

.imageText{
    color: white;
    text-shadow: 0px 0px 10px rgba(0,0,0, 0.5);
}

.imageText p{
    font-size: 20px;
}

.imageText h2{
    font-size: 26px;
}

.imageBottomText{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
}

.imageTextBackground{
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1000px) {
    .imageText h1 {
        font-size: 26px;
        line-height: 28.6px;
    }
}

.hompageCalendar .view-content div:first-child .eventRow .eventSecondRow{
    text-align: left;
}

@media (max-width: 414px) {
    .hompageCalendar .view-content div .eventRow .eventSecondRow{
        text-align: left;
    }
}

.view-eventlinks .views-row .eventLinkTitle,
.view-eventlinks .views-row .eventLinkTitle a{
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgba(0,0,0, 0.5);
}

.view-eventlinks .views-row .eventLinkTitle a:hover{
        text-decoration: none;
    }

/*hompageCalendar*/
.hompageCalendar .eventTitleBox{
    border-bottom: 0;
}

/*Contentpage
================================================== */

.project{
    height: 50px;
    font-size: 12px;
    color: white;
    background-color: #7B7140;
    border-bottom: 2px #898054 solid;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

    .project .projektDataLabel{
        padding-top: 6px;
    }

    .project .projektData{
        font-weight: bold;
    }

.projectduration{
    background-image: url("../img/projectDuration.png");
}

.projecthumans{
    background-image: url("../img/projectHumans.png");
}

.projectdonation{
    background-image: url("../img/projectDonation.png");
}

.donateButton a{
    font-size: 22px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    padding: 0 20px 0 55px;
    background-image: url(../img/donate.png);
    background-repeat: no-repeat;
    background-color: white;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
}

@media (max-width: 414px) {
    .donateButton a {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        padding: 0 25px;
    }
}

.textListItem a h3{
    line-height: 20px;
    color: black;
    padding: 0 0 0 30px;
    background-size: 20px 20px;
    background-image:  url("../img/icon_arrow_down.png");
    background-repeat: no-repeat;
}

.textListItem .collapsed h3{
    background-image:  url("../img/icon_arrow_right.png");
}

.textListItem a:hover,
.textListItem a:focus{
    text-decoration: none;
}

.atricleThumbnail .imageBottomText a{
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}

.atricleThumbnail .imageBottomText a:hover{
    color: white;
    text-decoration: none;
}

/*Event*/

.eventTextBox,.eventTextBox h2{
  font-size: 14px;
}

.eventRow{
    background-color: #FFFFFF;
}

.eventRow,
.eventRow h2{
    line-height: 20px;
}

.eventTitle h2, .eventTimeBox{
    font-weight: bold;
    /*font-size: 14px;*/
    margin: 0;
}

.eventTitle p{
    margin: 0;
    /*font-size: 14px;*/
}

.eventTitle .eventInfo{
    font-weight: bold;
    color: #CC0000;
    white-space: nowrap;
}
.eventTitle .eventInfo.eventGreen{
    color: #66b32e;
}

.eventPlace{
    font-weight: normal;
}

.eventTitle .eventInfoSmall{
    font-weight: normal;
}

.eventTitleBox{
    border-bottom: 1px solid black;
}

.eventTimeBox .today,
.eventTimeBox .eventDay,
.eventTimeBox .eventTime{
    text-transform: uppercase;

}

.eventButtons .btn{
    margin-bottom: 5px;
}

@media (max-width: 620px) {

    .eventTitle .eventInfo{
        white-space: normal;
    }

    .eventTimeBox .eventTime {
        text-transform: none;
    }

    .eventTitleBox .eventButtons .btn-primary{
        background-color: inherit;
        width: 20px;
        height: 20px;
        background-image: url("../img/icon_arrow_right_red.png");
        background-size: 20px;
        background-position: center;
        padding: 0 0 0 20px;
        overflow: hidden;
        border: 0;
        background-repeat: no-repeat;
    }
}


/*Event Calendar Page
================================================== */

/*Filter*/
.views-exposed-form{
    border-bottom: 1px solid black;
}
.views-exposed-form label{
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.views-exposed-form input.form-control,
.views-exposed-form select.form-control{
    background-color: #FFFFFF;
}

.views-exposed-form .form-control {
    background-color: transparent;/*IE*/
    background-color: initial;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.views-exposed-form input[type=checkbox] + label,
.views-exposed-form input[type=radio] + label {
    border-radius: 0.25em;
    color: white;
    font-size: 75%;
    padding: 0.3em 0.7em 0.4em;
    text-align: center;
    background-color: #333333;
    font-size: 13px;
    vertical-align: baseline;
    white-space: nowrap;
    margin: 0 7px 7px 0;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    line-height: 1.1;
}

.views-exposed-form input[type=checkbox]:checked + label,
.views-exposed-form input[type=radio]:checked + label {
    background-color: #CC0000;
}

fieldset.collapsible,
fieldset,
fieldset.panel{
    border: 0;
    background-color: transparent;/*IE*/
    background-color: initial;
    box-shadow: none;
}

fieldset.collapsible .panel-heading,
fieldset .panel-heading,
fieldset.panel .panel-heading{
    border: 0;
    background-color: transparent;/*IE*/
    background-color: initial;
    color: black;
}

fieldset.collapsible .panel-heading .fieldset-legend,
fieldset .panel-heading .fieldset-legend,
fieldset.panel .panel-heading .fieldset-legend{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
}

fieldset.panel.form-wrapper{
    margin-bottom: 0px;
}

fieldset.collapsible .panel-heading .fieldset-title{
    background-image: url("../img/icon_arrow_down.png");
    background-position: 0 2px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    display: block;
}

fieldset.collapsible .panel-heading .fieldset-title:hover,
fieldset.collapsible .panel-heading .fieldset-title:focus{
    text-decoration: none;
}

fieldset.collapsed .panel-heading .fieldset-title {
    background-image: url("../img/icon_arrow_right.png");
}

.pager--infinite-scroll .pager__item a{
    background-image: url("../img/icon_arrow_down.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    font-weight: bold;
    text-transform: uppercase;
}

.ajax-progress{
    color: #CC0000;
}

/*Detail*/
.eventDetail{
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    line-height: 30px;
    padding-left: 45px;
}

.eventDetailDate{
    background-image: url("../img/Temp_Calendar.png");
    background-size: 30px;
}

.eventDetailTime{
    background-image: url("../img/Temp_clock.png");
    background-size: 30px;
}

.eventDetailPlace{
    background-image: url("../img/Temp_Place.png");
    background-size: 30px;
}

.eventDetail.eventDetailInfo{
    color: #cc0000;
    margin-bottom: 20px;
    padding-left: 0;
}

.eventDetail .eventInfoSmall{
    font-weight: normal;
}

/*first Image*/
.hompageCalendar .view-content div:first-child .eventRow .eventTitleBox{
    border-bottom: 1px solid black;
}

@media (max-width: 414px) {

    .views-exposed-form label {
        font-size: 18px;
    }

    fieldset.collapsible .panel-heading .fieldset-title {
        font-size: 18px;
        line-height: 28px;
    }

    .hompageCalendar .eventTitleBox,
    .hompageCalendar .view-content div:first-child .eventRow .eventTitleBox{
        border-bottom: 0;
    }

    .hompageCalendar .eventTitle{
        border-bottom: 1px solid black;
    }

    .eventTitleBox .mobileEventButtons a,
    .eventTitleBox .mobileEventButtons a:hover{
        color: transparent;
        background-color: white;
        border: none;
        background-image: url("../img/icon_arrow_right_red.png");
        background-repeat: no-repeat;
        background-size: 25px;
    }
}
/*Animal
================================================== */

.animalTable .table-striped tbody tr td{
    background-color: #FFF;
}

.animalTable table tr td {
    font-size: 16px;
}

.animalTable table tr td:first-child{
    font-weight: bold;
}

.animalContent .animalPaten tr{
    background-color: inherit;
}

.animalContent .animalPaten tr td{
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #dddddd;
}

.animalContent .animalPaten tr td.animal-name{
    font-weight: bold;
}

h2.supporter{
    margin-bottom: 20px;
}

.animalThumbnail .animalIllustration{
    background-color: white;
}

.animalThumbnail .animalName{
    background-color: #CC0000;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

.view-all-animals .views-widget-filter-term_node_tid_depth{
    border-bottom: 1px solid black;
}

/*Shop
================================================== */

/*leadimage*/
.shoplead .bx-wrapper .bx-prev{
    background-image: url("../img/icon_arrow_left.png");
    background-size: 34px;
}

.shoplead .bx-wrapper .bx-next{
    background-image: url("../img/icon_arrow_right.png");
    background-size: 34px;
}

.shoplead .bx-wrapper .bx-pager{
    border-top: 1px solid #CCCCCC;
}

.shoplead .bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid #CCCCCC;
}

.shoplead .bx-wrapper .bx-pager.bx-default-pager a:hover,
.shoplead .bx-wrapper .bx-pager.bx-default-pager a.active{
    border: 1px solid #cc0000;
}

/*Product display*/

.ProductVariation {
    border-top:  1px solid #CCCCCC;
}


.productName {
    background-color: #FFFFFF;
    border-top: 1px solid #cccccc;
}

.productTitle{
    font-weight: bold;
}

.productName .productPrice {
    font-weight: normal;
    font-size: 16px;
}

.productName .productPrice .discountPrice{
    color: #CC0000;
}

.cartIcon .commerce-add-to-cart .btn {
    background-color: none;
    background-image: url("../img/icon_cart_empty.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    color: transparent;
    background-color: inherit;
}

.cartIcon .commerce-add-to-cart .btn:active{
    box-shadow: none;
}

.discountMarker{
    background-image: url("../img/icon_discountflag.png");
    background-size: 60px 60px;
    background-repeat: no-repeat;
}

.ShopCart{
    background-color: #FFFFFF;
}

.ShopCart .cartTitle{
    border-bottom: 1px solid #CCCCCC;
}

.MobileCart{
    background-color: #eeeeee;
}

.ShopCart .cartTitle .cartIcon,
.MobileCart .cartIcon{
    background-color: none;
    background-image: url("../img/icon_cart.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.ShopCart .cartTitle a.cartIcon,
.MobileCart a.cartIcon{
    background-image: url("../img/icon_cart_full.png");
}

.MobileCart a.closeIcon,
.MobileCart span.closeIcon{
    background-image: url("../img/navigation_mobile_close.png");
}

.ShopCart .cartTitle a.cartIcon .cartLinkText,
.MobileCart a.cartIcon .cartLinkText{
    color: white;
    font-size: 7px;
    line-height: 11px;
    text-align: center;
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    font-weight: bold;
}

.productPrice{
    font-size: 20px;
    font-weight: bold;
}

.productPrice .rawPrice {
    margin-top: 2px;
    font-size: 14px;
    text-align: right;
    font-weight: normal;
}

@media (max-width: 414px) {

   .productThumbnail  .productPrice .rawPrice {
        margin-top: 4px;
        font-size: 12px;
        text-decoration: line-through;
    }

}

.ShopNavigation .fieldset-wrapper .view-content{
    background-color: white;
    border-bottom: 1px solid #eeeeee;
}

.ShopNavigation .views-row{
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.ShpoCategoryLink{
    font-size: 16px;
    line-height: 16px;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.ShpoCategoryLink:hover,
.ShpoCategoryLink:focus,
.ShpoCategoryLink:active{
    color: #CC0000;
    text-decoration: none;
}

.ShopLink a{
    display: block;
    width: 100%;
    color: black;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 10px;
}

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

.addToCartForm {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.addToCartForm .btn,
.addToCartForm .form-control{
    font-weight: bold;
    display: inline-block;
}

.addToCartForm .btn{
    color: white;
    background-color:#cc0000;
}

.addToCartForm .btn:hover{
    background-color:#990000;
    border-color: #750000;
}

.bef-slider{
    top: 52px
}

.views-widget-filter-commerce_price_amount,
.views-widget-filter-field_calculated_price_amount{
    height: 70px;
}

.views-widget-filter-commerce_price_amount .form-item,
.views-widget-filter-field_calculated_price_amount .form-item{
    float: left;
    width: auto;
}

.views-widget-filter-commerce_price_amount label,
.views-widget-filter-field_calculated_price_amount label{
    font-size: 16px;
    float: left;
    padding-top: 6px;
    margin-right: 7px;
}

.views-widget-filter-commerce_price_amount .form-item label,
.views-widget-filter-field_calculated_price_amount .form-item label{
    font-weight: normal;
}

.views-widget-filter-commerce_price_amount .form-item .form-control,
.views-widget-filter-field_calculated_price_amount .form-item .form-control{
    width: 50px;
    float: left;
    margin-right: 5px;
}

.descriptionList .field-items,
.descriptionList .field-items{
    margin: 0;
}

.ui-slider.ui-widget-content .ui-state-default{
    background-color: #333333;
}

.ui-slider .ui-slider-range{
    border: 0;
    border-top: 3px solid #990000;
    top:-2px;
}

.ui-slider-horizontal{
    height: 0;
    border: 0;
    border-top: 1px solid #333333;
}

.ui-slider-horizontal .ui-slider-handle{
    margin-left: -13px;
    top: -13px;
}

@media (max-width: 1000px) {

    .views-widget-filter-commerce_price_amount,
    .views-widget-filter-field_calculated_price_amount{
        height: 35px;
    }

    .ui-slider-horizontal{
        display: none;
    }
}

.ui-slider .ui-slider-handle{
    height: 25px;
    width:25px;
    border-radius: 25px;
}

/*Newsroom
================================================== */

/*News*/
.newsDate,
.newsTitle{
    font-weight: bold;
}

.newsTitle a {
    background-image: url("../img/icon_arrow_right.png");
    background-size: 20px;
    background-repeat: no-repeat;
}

/*NewsDetail*/
.leadText, .newsDateDetail{
    font-weight: bold;
}

/*MagazinCenter
================================================== */

.magazinCenter .magazinContent{
    text-align: center
}

.magazinRow .imageBottomText .imageTextBackground{
    font-size: 14px;
    padding: 0 5px;
}

.magazinRow .imageBottomText .magazinTitle{
    font-weight: bold;
    text-transform: uppercase;
}

/*Search results
================================================== */

.custom-search-filter{
    border-bottom: 1px solid black;
}

.custom-search-filter li{
    border-radius: 0.25em;
    color: white;
    font-size: 75%;
    padding: 0.3em 0.7em 0.4em;
    text-align: center;
    background-color: #333333;
    font-size: 13px;
    vertical-align: baseline;
    white-space: nowrap;
    margin: 0 7px 7px 0;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    line-height: 1.1;
}
.custom-search-filter li a{
    color: white;
    font-weight: bold;
}

.custom-search-filter li a:hover{
    text-decoration: none;
}

/*form elements
================================================== */
/*default classes*/


div.error, table tr.error{
    background-color: #ee0000;
    color: #ffffff;
}

.form-radios.has-error,
.form-checkboxes.has-error{
   border: 4px solid #edddd6;
}

.webform-client-form,
.webform-confirmation,
.saferpayConfirm{
    margin-bottom: 20px;
}

.webformIFrame{
    padding-right: 10px;
}

.webform-client-form .alert-block,
.webform-client-form .alert-danger{
    float: left;
    font-size: 16px;
    margin-top: 0;
    width: 100%;
}

.webform-client-form .alert-block .close,
.webform-client-form .alert-danger .close{
    font-weight: normal;
}

.webform-component .form-select{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #cccccc;
    color: black;
}

.webform-component .form-select option{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.webform-component .form-select option:first-child {
    border-top: 1px solid #cccccc;
}

.webform-component .form-select option:last-child {
    border-bottom: 1px solid #cccccc;
}

.webform-component .form-select.changed{
    color: black;
}

.webform-component .form-select option{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: black;
}

.webform-component .form-type-radio{
   padding: 0;
}

.webform-component .form-type-checkbox{
   padding: 0;
}

.webform-component .form-file{
    position: relative;
    margin-bottom: 10px;
    padding: 0;
}

.webform-component-file .form-submit{
    float: right;
}
.webform-component-fieldset,
.webform-component{
    width: 100%;
    float: left;
}

.webform-component label, .webform-client-form{
    font-size: 14px;
}

.webform-datepicker .day.form-select,
.webform-datepicker .month.form-select,
.webform-container-inline .day.form-select,
.webform-container-inline .month.form-select {
    float: left;
    width: calc(30% - 7px);
    margin-right: 7px;
}

.webform-datepicker .year.form-select{
    float: left;
    width: calc(40% - 24px);
}
.webform-container-inline .year.form-select{
    float: left;
    width: calc(40% - 25px);
}

.webform-datepicker input.webform-calendar{
    padding: 9px 3px 3px 7px;
}

.webform-component-time .hour{
    width: 96px;
    margin-right: 7px;
    display: inline-block;
}

.webform-component-time .minute{
    width: 96px;
    margin-left: 2px;
    display: inline-block;
}

.webform-component-textarea textarea{
    border-radius:0;
}

.webform-grid th.checkbox,
.webform-grid td.checkbox,
.webform-grid th.radio,
.webform-grid td.radio{
    position: static;
    text-align: center;
}

.webform-grid th.checkbox div,
.webform-grid td.checkbox div,
.webform-grid th.radio div,
.webform-grid td.radio div{
    text-align: center;
}

.webform-component.webform-component-markup h2{
    margin-top: 20px;
}

.webform-component.requiredField::after {
    content: "*";
    color: #cc0000;
    position: absolute;
    right: -7px;
    top: 0;
    font-size: 14px;
    font-weight: bold;
}

fieldset.webform-component-fieldset{
    margin: 20px 0 5px;
}

fieldset.webform-component-fieldset .panel-heading .fieldset-legend{
    font-size: 16px;
    line-height: 22px;
    background-position: 0;
}

.radio input[type=radio],
.checkbox input[type=checkbox]{
    display: none;
}

.radio label,
.checkbox label{
  display : inline-block;
  padding-left : 28px;
  line-height : 24px;
}

.checkbox label{
    background   : url('../img/cb_inactive.png') no-repeat 0 0;
    background-position:center left;
    background-size: 16px;
}

.radio label{
    background   : url('../img/rb_inactive.png') no-repeat 0 0;
    background-position:center left;
    background-size: 16px;
}

.checkbox .checked{
    background   : url('../img/cb_active.png') no-repeat 0 0;
    background-position:center left;
    background-size: 16px;
}

.radio .checked{
    background   : url('../img/rb_active.png') no-repeat 0 0;
    background-position:center left;
    background-size: 16px;
}

.webform-progressbar{
    display: none;
}

/*Placeholder styles*/
.form-control::-webkit-input-placeholder {
    color: black;
}
.form-control:-moz-placeholder {
    color: black;
}
.form-control::-moz-placeholder {
    color: black;
}
.form-control:-ms-input-placeholder {
    color: black;
}
.form-control:placeholder-shown {
    color: black;
}

/*description*/
.webform-component{
    position: relative;
}

.webform-component-date,
.webform-component-time {
    position: static;
}

.webform-component .description{
    display: none;
    font-size: 14px;
    margin-top: 5px;
}

.webform-component .descrition-button{
    position: absolute;
    top: 7px;
    right: 12px;
}

/*costum fields*/

.street,
.webform-component-street{
    width: calc(100% - 77px);
    margin-right: 7px;
    float:left;
}

.street_number,
.webform-component-street-number{
    width: 70px;
    float: right;
}

.zip,
.webform-component-zip{
    width: 70px;
    float:left;
}

.city,
.webform-component-city{
    width: calc(100% - 77px);
    margin-left: 7px;
    float: right;
}

.webform-component-file.form-group {
    margin-bottom: 15px;
}

.webform-component-file .form-managed-file {
    width: calc(100% - 40px);
    float: left;
}

.webform-component-file .btn{
    margin-bottom: 0;
}

.webform-component-file .descrition-button{
    top: 7px;
    left: 12px;
    position: relative;
    float: left;
}

.webform-component-file .description{
    margin-bottom: 15px;
    float: left;
}

.webform-component .description.showDescription{
    display: inline-block;
}

.webform-component-file .description .help-block,
.webform-component-file .description a{
    display: none;
}

.webform-component .ajax-progress-throbber{
    display: none;
}
/*datepicker*/
#ui-datepicker-div{
    border: 1px solid black;
    padding: 0;
    background-color: white;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover{
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover{
    right: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br{
    border-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr{
    border-top-right-radius:0px;
}

.ui-widget-header {
    background: #990000;
    border: 0;
    color: white;
}

.ui-widget-header .ui-datepicker-title select{
    color: black;
    margin:  auto 0;
    float: none;
}

.ui-widget-header .ui-datepicker-year{
    display: none;
}

.ui-widget-header .ui-icon-circle-triangle-e{
  background-image: url("../img/icon_arrow_right.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position:0;
}

.ui-widget-header .ui-icon-circle-triangle-w{
  background-image: url("../img/icon_arrow_left.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position:0;
}

.ui-datepicker-calendar th{
    background-color: white;
    color: black;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
    background: white;
    border: 0;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{
    color: #990000;
    font-weight: bold;
}

.ui-state-highlight.ui-state-hover,
.ui-widget-content .ui-state-highlight.ui-state-hover,
.ui-widget-header .ui-state-highlight.ui-state-hover{
    color: white;
}


.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
    color: white;
    background-color: #990000;
    font-weight: bold;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #990000;
    border: 0;
    color: #FFFFFF;
}

.card_validator_success_message{
    margin-bottom: 20px;
}
/*CKEditor
================================================== */
.cke_editable{
    background-color: white;
}
.cke_editable ul,
.cke_editable ol
{
    padding: 0;
    margin-bottom: 10px;
}
.cke_editable ol li,
.cke_editable ul li {
    font-size: 16px;
    margin-left: 30px;
}

table .btn{
    margin-bottom: 0;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{
    background-color: inherit;
}

/*CKEditor ImageWidgets*/

.ImageFull img[src$="addImage.png"],
.ImageHalf img[src$="addImage.png"]{
    display: none;
}


@media (max-width: 414px) {
    .ImageHalf .ImageRight, .ImageHalf .ImageLeft {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*CKEditor documentWidgets*/
.documentLink{
    background-image: url("/modules/file/icons/application-octet-stream.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;
}

.documentLink[href$=".pdf"]{
    background-image: url("/modules/file/icons/application-pdf.png");
}

.documentLink[href$=".doc"],
.documentLink[href$=".docx"],
.documentLink[href$=".odt"]{
    background-image: url("/modules/file/icons/x-office-document.png");
}

.documentLink[href$=".xls"],
.documentLink[href$=".xlsx"],
.documentLink[href$=".ods"]{
    background-image: url("/modules/file/icons/x-office-spreadsheet.png");
}

.documentLink[href$=".ppt"],
.documentLink[href$=".pptx"],
.documentLink[href$=".odp"]{
    background-image: url("/modules/file/icons/x-office-presentation.png");
}

.documentLink[href$=".wmv"],
.documentLink[href$=".ogg"],
.documentLink[href$=".mp4"],
.documentLink[href$=".webm"]{
    background-image: url("/modules/file/icons/video-x-generic.png");
}

.documentLink[href$=".mp3"],
.documentLink[href$=".wav"],
.documentLink[href$=".ogg"]{
    background-image: url("/modules/file/icons/audio-x-generic.png");
}

.documentLink[href$=".js"]{
    background-image: url("/modules/file/icons/text-x-script.png");
}

.documentLink[href$=".txt"]{
    background-image: url("/modules/file/icons/text-x-generic.png");
}

.documentLink[href$=".html"],
.documentLink[href$=".htm"],
.documentLink[href$=".xhtml"]{
    background-image: url("/modules/file/icons/text-html.png");
}

.documentLink[href$=".zip"]{
    background-image: url("/modules/file/icons/package-x-generic.png");
}

.documentLink[href$=".jpg"],
.documentLink[href$=".jpeg"],
.documentLink[href$=".gif"],
.documentLink[href$=".png"]{
    background-image: url("/modules/file/icons/image-x-generic.png");
}

.documentLink[href$=".exe"],
.documentLink[href$=".bat"],
.documentLink[href$=".cmd"]{
    background-image: url("/modules/file/icons/application-x-executable.png");
}

/*Sponsor
================================================== */
.sponsorScreen header h1 {
    color: white;
    font-size: 44px;
    line-height: 44px;
}

/*view*/

.sponsorScreen .view.screen .views-exposed-form,
.sponsorScreen .view.screen .views-exposed-widget{
    border: 0;
}

.sponsorScreen .view.screen .views-exposed-form label{
    margin: 0 10px 10px 0;
    line-height: 30px;
    padding: 3px 14px;

    font-size: 16px;
    text-transform: uppercase;
}

.sponsorScreen .view.screen .animalThumbnail .animalName{
    font-size: 16px;
}

.sponsorScreen .view.screen .pager-previous a,
.sponsorScreen .view.view-search-screen .pager-previous a{
    background-image: url("../img/icon_arrow_left.png");
    background-repeat: no-repeat;
    background-size: 35px;
}

.sponsorScreen .view.screen .pager-next a,
.sponsorScreen .view.view-search-screen .pager-next a{
    background-image: url("../img/icon_arrow_right.png");
    background-repeat: no-repeat;
    background-size: 35px;
}

.sponsorScreen .view.screen .pager-previous a,
.sponsorScreen .view.screen .pager-next a,
.sponsorScreen .view.view-search-screen .pager-previous a,
.sponsorScreen .view.view-search-screen .pager-next a{
    background-color: inherit;
    border: 0;
    border-radius: 0;
}

/*Detail*/

.sponsorScreen .animalScreen{
    font-size: 16px;
}

.sponsorScreen .animalTitle{
    border-bottom: 1px solid #dddddd;
}

.sponsorScreen .animalTitle h1{
    font-size: 32px;
    line-height: 32px;
}

.sponsorScreen .animalTitle h3{
    font-size: 16px;
    line-height: 16px;
}

.sponsorScreen .animalText h2{
    font-size: 16px;
}

.sponsorScreen .animalText .animal-name{
    font-weight: bold;
}

.sponsorScreen .animalInfoButton{
    background-image: url("../img/info_open.png");
    background-repeat: no-repeat;
    background-size: 30px;
    cursor: pointer;
}

.sponsorScreen .animalInfoButton.close{
    background-image: url("../img/info_close.png");
    opacity: 1;
}

.sponsorScreen .animalScreen .tabButton.active .arrowIcon{
    background-image: url("../img/arrow_red.png");
    background-repeat: no-repeat;
    background-size: 15px 8px;
}

/*tabs*/


.sponsorScreen .animalScreen .tabButton{
    border: 1px solid #dddddd;
    background-color: white;
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}

.sponsorScreen .animalScreen .tabButton.active{
    border: 1px solid #CC0000;
    background-color: #CC0000;
    color: white;
}

.sponsorScreen .animalScreen .animalSponsor .tabButton {
    text-align: left;
    padding-left: 8px;
}

.sponsorScreen .animalScreen .tabContent{
    background-color: white;
    border: 1px solid #dddddd;
}

/*table*/

.sponsorScreen .animalScreen .col_0{
    font-weight: bold;
}

.sponsorScreen .scrollTable {
    background-color: white;
}

.sponsorScreen .scrollBarOverlay {
    background-color: white;
    border: 1px solid #dddddd;
}

.scrollTop {
    cursor: pointer;
    background-image: url("../img/icon_arrow_up_red.png");
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}

.scrollDown {
    cursor: pointer;
    background-image: url("../img/icon_arrow_down_red.png");
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}

/*sidebar*/

.sponsorScreen .screenSidebar h2{
    font-size: 32px;
    line-height: 32px;
}

.sponsorScreen .screenSidebar .viewFilterButton{
    line-height: 30px;
    padding: 0 8px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0.25em;
    color: white;
    background-color: #333333;
    vertical-align: baseline;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.sponsorScreen .screenSidebar .views-exposed-widget {
    border: 1px solid #dddddd;
    color: #dddddd;
}

.sponsorScreen .screenSidebar .viewFilterButton.active {
    background-color: #cc0000;
}

.sponsorScreen .screenSidebar .view-content .views-row a{
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}

.sponsorScreen .screenSidebar .view-content .views-row .animalSmallTitle a{
    font-weight: normal;
}

.sponsorScreen .screenSidebar .view-content .views-row .animalSmallTitle:before{
    content: " | ";
    color: red;
}


.eventGreen{
    color: #66b32e;
}

.eventRed{
   color: #cc0000;
}
/*infoScreen
================================================== */
.node-type-infoscreen,
.infoScreen{
    background-color: black;
}

.infoscreenNews,
.infoscreenHighlightEvent,
.infoscreenEvent{
    background: white;
}

.infoScreen .eventTextBox .eventTime,
.infoScreen .eventTextBox .eventText,
.infoScreen .eventTextBox .eventText h2{
    font-weight: bold;
    font-size: 34px;
    line-height: 30px;
    text-transform: uppercase;
}

.infoScreen .infoscreenHighlightEvent .eventTextBox .eventText p{
    font-size: 34px;
    line-height: 61px;
    margin-bottom: 5px;
}

.infoscreenNews {
    background-color: black;
}

.infoscreenNews .topText,
.infoscreenNews .bottomText{
    width: 100%;
    overflow: hidden;
}

.infoscreenNews p{
    display: inline-block;
    font-weight: bold;
    font-size: 34px;
    line-height: 50px;
    text-transform: uppercase;
    background-color: white;
    overflow: hidden;
    padding: 0 10px;
}

.screenClock{
    color: white;
    font-weight: bold;
    font-size: 39px;
    line-height: 43px;
}

.view-infoscreen-highlight-events .view-empty {
    background-color: black;
    background-image: url("../img/fallback_infoscreen.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
}

/*Registration
================================================== */

/*Fields*/

.registrationFrom .control-group .help-inline,
.registrationFrom .help-block{
    color:black;
}

/*View */

.settingsLink{
    float:right;
}

.registration-view-element-right{
    text-align: right;
}

/*View filter*/

.registration-view .views-exposed-form{
    margin-bottom: 0;
    border:0;
}

.registration-view .views-exposed-form .date-month{
    margin-right: 15px;
}

.registration-view .views-exposed-form .form-control select{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #cccccc;
    color: black;
}

.registration-view .views-exposed-form .form-control select option{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.registration-view .views-exposed-form .form-control select option:first-child {
    border-top: 1px solid #cccccc;
}

.registration-view .views-exposed-form .form-control select option:last-child {
    border-bottom: 1px solid #cccccc;
}

.registration-view .views-exposed-form .form-control select.changed{
    color: black;
}

.registration-view .views-exposed-form .form-control select option{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: black;
}

/*footer
================================================== */
.footer{
    background-color: white;
}

.footer h3 {
 font-weight:bold;
 margin-top: 0;
}

.footer .footerTitle{
    font-weight: bold;
    border-bottom: 1px solid black;
    text-transform:  uppercase;
}

.footer .menu li {
 margin:14px 0;
 padding: 0;
 float: none;
}

.footer .menu li a{
    font-size: 16px;
    line-height: 20px;
    color: black;
    text-transform: uppercase;
}

.footer .menu li a:hover{
    color: #CC0000;
    background-color:white;
    text-decoration: none;
}

.footer input{
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid black;
    text-transform: uppercase;
    color: black;
}

/*fixedFooter*/
.fixedFooter{
    background-color: white;
    border-top: 1px solid #CCCCCC;
}

    .fixedFooter p{
        color: #969696;
        font-weight: bold;
        font-size: 12px;
    }