/*-----------------------------------------------------------------------------------

        Theme Name: Advoacte
        Author: Two2Twelve Themes
        Author URI: http://themes.two2twelve.com
        Version: 1.0

        Stylesheet: Base

        0.        CSS Reset
        1.        Global (body, page sructure, common classes)
        2.  and Navigation
        3.  Homepage
        4.  Blog
        5.  Gallery
        6.  Contact
        7.  Donate
        8.  Widgets
        9.  Footer
        10. Typography
        11. Buttons
        12. Lists
        13. Forms
        14. Icons
        15. Events List
        16. Event Description
        17. About

-----------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
/*--------------------------------------------
1. Global
---------------------------------------------*/
body {
        font-size: 13px;
        font-family: "Helvetica Neue", helvetica, sans-serif;
        background: #eef9cc;
        background-image: url(/images/backgrounds/bg_body.png);
        background-repeat: repeat-x;
        background-attachment: fixed;
}
body ul {
        list-style: none;
}

        .visible-large {
                display: block;
        }
        .visible-small {
                display: none;
        }

#sidebar, .sidebar {
    background-color: #fbfbfb;
    padding: 16px;
    border: 1px solid #c8c9c9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
}

.sidebar {
    padding: 0;
}

#logo { position: relative; float: left; margin-right: 10px; z-index: 20; display: block; }
#logo img { width: 100%; display: block; }
#logo ul {
    margin: -8px 0 0 0;
    padding: 0;
    width: 100%;
}
#logo ul li {
    font-size: 14px;
    background-color: #eef9cc;
    padding: 3px 6px 3px 6px;
    border: 1px solid #c8c9c9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
    margin-bottom: 7px;
}
#logo ul li a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-shadow: 1px 1px #f2f2f2;
}
#logo ul li:hover, #logo ul li.active, #logo ul li a:hover, #logo ul li.active a {
    background-color: #fbfbfb;
    color: #000;
}
#logo ul li span {
    font-size: 16px;
    margin-right: 6px;
}

#facebook {
    border: 1px solid #dddddd;
    padding: 10px;
    width: 100%;
    margin-top: 30px;
}

#facebook h5 {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.container {
        width: 1000px;
        margin: 0 auto;
}
        .container .page {
                border: 1px solid #c8c9c9;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
                -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
                box-shadow: 0px 3px 4px rgba(0,0,0,0.08);
                background: #fff;
                padding: 20px;
                overflow-x: hidden;
                overflow-y: visible;
        }
section.page_heading {
        position: absolute;
        top: 0;
        padding: 0;
        margin: 0;
        border-top: 5px solid #008187;
        background: transparent;
        width: 100%;
        height: 60px;

}
        section.page_heading.home {
                position: absolute;
                top: 0;
                height: 374px;
        }
        section.page_heading .logo {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                padding: 6px 4px 0 4px;
                margin: 0 auto 0 auto;
                background-color: #95c11c;
                border-top: 6px solid #008187;
                height: 60px;
                text-align: center;
                overflow: hidden;
                z-index: 1050;
        }
        section.page_heading .logo header {
                width: 100%;
                text-align: center;

        }
        section.page_heading .logo header div {
                margin-left: auto;
                margin-right: auto;
                width: 1000px;

        }
        section.page_heading .logo .slogan {
                position: relative;
                top: 18px;
                font-family: 'Imprima';
                font-weight: normal;
                text-shadow: 0px 1px rgba(0,0,0,0.36);
                color: #ffffff;
                font-size: 28px;
                font-style: normal;
                letter-spacing: 1px;
        }
                section.page_heading .logox a {
                        font-size: 34px;
                        font-family: 'IcoMoon';
                        text-shadow: 0px 2px rgba(0,0,0,0.36);
                        color: #fff;
                        text-decoration: none;
                        float: left;
                        margin-right: 25px;
                }
                section.page_heading .logo ul.tagline {
                        display: inline-block;
                        float: right;
                        text-align: right;
                }
                section.page_heading .logo .tagline a {
                        color: #fff; /* neu */
                        font-size: 28px;
                        font-family: 'IcoMoon';
                        margin-right: 0;
                        margin-top: 0;
                }
                section.page_heading .logo ul.tagline li {
                        margin-top: 14px;
                        padding: 0;
                }
                section.page_heading .logo ul.tagline li form {
                        margin: -18px 0 0 12px;
                        padding: 0;
                }

/* Page Layouts */
div.page_wrapper {
        background: transparent; /*#eef9cc*/
        padding: 40px 0px 40px 0px;
        overflow: hidden;
}
        div.page_wrapper .with_sidebar {
                width: 670px;
                float: left;
        }
        div.page_wrapper aside {
                float: right;
                width: 250px;
        }
        /* Sub Heading */
        div.sub_heading,
        div.box_heading {
                text-align: center;
                position: relative;
                margin-bottom: 30px;
                background: transparent;
        }
        div.sub_heading.pagetitle {
                position: relative;
                margin-bottom: 30px;
                padding-right: 260px;
                margin-top: 40px;
                background: transparent;
                text-align: center !important;
        }
        div.box_heading { text-align: left; }
        div.box_heading.innerbox { margin-bottom: 4px; }

                div.sub_heading h2,
                div.sub_heading h1,
                div.box_heading h2 {
                        position: relative;
                        z-index: 2;
                        background: #fff;
                        display: inline;
                        padding: 0px 15px 0px 15px;
                }
                div.box_heading h2 { padding-left: 0px; }
                div.sub_heading span.line,
                div.box_heading span.line,
                span.line {
                        background: #dddddd;
                        display: block;
                        height: 3px;
                        width: 100%;
                        position: absolute;
                        z-index: 1;
                        top: 25px;
                }
                #actions div.sub_heading span.line,
                #description div.sub_heading span.line {
                        background: #dddddd;
                        display: block;
                        height: 3px;
                        width: 100%;
                        position: relative;
                        z-index: 1;
                        top: 25px;
                }
/*--------------------------------------------
2. and Navigation
---------------------------------------------*/
        .select-menu { display: none; }
        header div nav {
                float: left;
                height: 90px;
        }
                header div nav ul {
                        list-style: none;
                        padding-top: 22px;
                }
                        header div nav ul li {
                                float: left;
                                margin-right: 15px;
                                position: relative;
                        }
                                header div nav ul li a {
                                        font-family: 'Cabin', sans-serif;
                                        color: #fff;
                                        text-decoration: none;
                                        font-size: 14px;
                                        font-weight: bold;
                                        padding: 5px 10px 5px 10px;
                                        -webkit-border-radius: 3px;
                                        -moz-border-radius: 3px;
                                        border-radius: 3px;
                                }
                                header div nav ul li a:hover { background: rgba(0,0,0,0.15); }
                                header div nav ul li.current-menu-item a { background: rgba(0,0,0,0.30); }
                /* Sub Nav */
                header div nav ul li ul{
                        list-style: none;
                        position: absolute;
                        z-index: 999999;
                        top: 20px;
                        left: 0;
                        width: 160px;
                        text-align: left;
                        border-top: none;
                        padding: 23px 0px 5px 0px;
                        display: none;
                        margin: 0;
                }
                        header div nav ul li ul li {
                                display: block;
                                width: 100%;
                                margin-bottom: 0px;
                                padding-bottom: 0px;
                                padding: 2px 15px 2px 15px;
                                background: #000;
                                background: rgba(0,0,0,0.60);
                        }
                        header div nav ul li ul li a,
                        header div nav ul li.current-menu-item ul li a,
                        header div nav ul li.current-menu-parent ul li a{
                                display: block;
                                padding: 8px 0px 8px 0px;
                                font-size: 12px;
                                font-weight: normal;
                                color: #fff;
                                font-family: "Helvetica Neue", helvetica, sans-serif;
                                -webkit-border-radius: 0px;
                                -moz-border-radius: 0px;
                                border-radius: 0px;
                        }
                        header div  nav ul li.current-menu-item ul li a,
                        header div  nav ul li.current-menu-parent ul li a{
                                background: none;
                                border-top: none;
                                border-left: none;
                                border-right: none;
                                border-color: #ddd;
                                box-shadow: none;
                                color: #666;
                        }
                                nav ul li ul li a:hover {
                                        background: none;
                                        color: #aaa;
                                }
                header div nav ul li ul li ul {
                        left: 190px;
                        top: 0;
                        padding-top: 0;
                        display: none;
                }
        aside {
                float: right;
                padding-top: 0;
        }
        aside input {
                height: 14px;
        }
        header div nav select {
                float: right;
                margin: 17px 10px 0px 0px;
          -webkit-appearance: button;
          -webkit-border-radius: 2px;
          -webkit-padding-end: 20px;
          -webkit-padding-start: 2px;
          -webkit-user-select: none;
          background-image: url("/images/select-arrow.png"),
          -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
          background-position: center right;
          background-repeat: no-repeat;
          border: 1px solid #ccc;
          color: #555;
                font-size: 13px;
          padding: 3px 3px 3px 5px;
                width: 115px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
        }
/*--------------------------------------------
3. Homepage
---------------------------------------------*/
div#home { padding-top: 0; }
        div#home .page {
                position: relative;
                z-index: 2;
                margin-top: 67px;
        }
div.flexslider-container {
        margin-bottom: 15px;
        position: relative;
        z-index: 10;
}
        .flexslider b { color: #fff; }
        /* Direction Nav */
        .flex-direction-nav {  }
        .flex-direction-nav li a {
                font-family: "FoundationIconsGeneralEnclosed";
                width: auto; height: auto;
                font-size: 35px;
                color: #000;
                color: rgba(0,0,0,0.8);
                text-shadow: 0px 0px rgba(255,255,255,0.15);
                text-decoration: none;
                top: 40%; text-indent: 0px;
                -moz-transition: all 0.3s ease-in-out 0s;
                opacity: 0;
                filter: alpha(opacity=0);
        }
        .flex-direction-nav li .next { right: 1%; }
        div.flexslider-container:hover .flex-direction-nav li .next{ right: 1%; }
        .flex-direction-nav li .prev { left: 180px; }
        div.flexslider-container:hover .flex-direction-nav li .prev{ left: 180px; }
        div.flexslider-container:hover .flex-direction-nav li .next,
        div.flexslider-container:hover .flex-direction-nav li .prev {
                opacity: 0.7 !important;
                filter: alpha(opacity=70) !important;
        }
        div.flexslider-container:hover .flex-direction-nav li .next:hover,
        div.flexslider-container:hover .flex-direction-nav li .prev:hover {
                opacity: 1 !important;
        }
        .flex-caption { background: rgba(0,0,0,0.6); }
        .flex-caption a,
        .flex-caption span { color: #ffffff; text-decoration: none; }
        span.color {
                color: #db9a6a;
        }
        div#revolution_wrap {
                overflow: hidden;
                margin-bottom: 0px;
        }
        div#description {
                float: left;
                width: 250px;
                padding-right: 0px;
        }
                div#description h3,
                div#description p { margin-bottom: 15px; }

        div#actions {
                float: right;
                width: 660px;
        }
        x:-o-prefocus, div#actions {
                width: 650px;
        }
                div#actions span.icon {
                        margin-right: 12px;
                        font-size: 28px;
                        float: left;
                }
                div#actions .box_heading, div#description .box_heading { margin-bottom: 10px; }
                div#actions h4, div#description h4 { padding-top: 10px; }
                div#actions .one_half { margin-bottom: 15px; }
        /* Donate Button */
        div.framed_box {
                overflow: hidden;
                padding: 20px 15px 20px 15px;
                border: 1px solid #e5e5e5;
                background: #f8f8f6;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                position: relative;
        }
        div#help { margin-bottom: 30px; }
        div#help span.icon {
                margin-right: 15px;
                font-size: 38px;
                margin-top: -5px;
                float: left;
        }
        div#help .text {
                margin-left: 60px;
        }
                div#help .text h3 { margin-bottom: 5px; }
        div#help .donate_button {
                position: absolute;
                right: 20px;
                top: 20px;
        }
        /* 3 Columns */
        div#items {
                clear: both;
                overflow: hidden;
        }
                div#items div.box_heading {
                        margin-bottom: 15px;
                }
                div#items h5 {
                        margin-bottom: 5px;
                        font-weight: bold;
                }
                div#items .one_third { margin-bottom: 0; }
        /* News */
        div.events ul { list-style: none }
        div.news ul li {
                margin-bottom: 15px;
                padding-bottom: 15px;
                border-bottom: 1px solid #e1e1e1;
        }
        div.news ul li:last-child {
                border-bottom: none;
        }
        /* Events */
        div.events ul { list-style: none; }
                div.events ul li {
                        padding-bottom: 10px;
                        border-bottom: 1px solid #e1e1e1;
                        margin-bottom: 10px;
                }
                div.events ul li .date {
                        width: 40px;
                        height: 33px;
                        padding-top: 7px;
                        background: #006d72;
                        color: #fff;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        text-align: center;
                        margin-right: 10px;
                        font-size: 12px;
                        float: left;
                        font-family: 'Cabin';
                        line-height: 13px;
                }
                        div.events ul li .date span {
                                font-size: 18px;
                                font-weight: bold;
                        }
                div.events ul li .details {
                        margin-left: 50px;
                }
                        div.events ul li .details a{
                                display: block;
                                color: #413b31;
                        }
        /* Sponsors */
        div#sponsors {
                width: 100%;
        }

        div#sponsors ul {
                overflow: hidden;
                background: #f9f9f9;
                border: 1px solid #e1e1e1;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
        }
                div#sponsors ul li {
                        display: inline;
                        width: 33%;
                        float: left;
                        padding: 0;
                        border-right: 1px solid #e1e1e1;
                        border-bottom: 1px solid #e1e1e1;
                }
                        div#sponsors ul li img {
                        width: 100%;
                        margin: 0;
                        /*width: 82px;*/
                        }
                div#sponsors ul li.last {
                        border-right: none;
                }
                div#sponsors ul li.bottom {
                        border-bottom: none;
                }
/*--------------------------------------------
4. Blog
---------------------------------------------*/
div#blog div.post {
        overflow: hidden;
        margin-bottom: 10px;
}
        div#blog div.post h3,
        div#blog div.post h4 {
                margin-bottom: 5px;
        }
                div#blog div.post h3 a,
                div#blog div.post h4 a {
                        text-decoration: none;
                }
                div#blog div.post h3 a:hover,
                div#blog div.post h4 a:hover { text-decoration: underline; }
        div#blog div.post .meta {
                font-size: 12px;
                color: #a3a3a3;
                line-height: 14px;
                margin-bottom: 10px;
        }
        div.post .meta a { color: #a3a3a3; }
        div.post .meta a:hover { text-decoration: none; }
        div.post .meta .icon {
                font-size: 12px;
                color: #a3a3a3;
                padding-right: 4px;
                position: relative;
                top: -1px;
        }
        div.post .meta span.date,
        div.post .meta span.author { margin-right: 15px; }
                div.post span a {
                        text-decoration: none;
                }
                div.post span a:hover {
                        color: #0f0f0f;
                }
        #searchform {
                /*overflow: hidden;*/
        }
        #searchform #s {
                float: left;
                width: 55%;
        }
        #searchform #searchsubmit {
                float: right;
        }

/* Comments */
div#comments {
        clear: both;
}
div#comments h4 { margin-bottom: 15px; }
div#comments ol {
        list-style: none;
}
        div#comments ol li { overflow: hidden; }
        div#comments ol li img {
                float: left;
                width: 62px;
                background: #F5F5F5;
                border: 1px solid #dbdbdb;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;

        }
        div#comments ol li .comment {
                margin-left: 80px;
        }
        div#comments ol li .comment,
        div#comments #commentform {
                padding: 20px 20px 20px 20px;
                background: #f3f3f3;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                margin-bottom: 27px;
                position: relative;
        }
                div#comments ol li .comment h5,
                div#comments ol li .comment h5 a {
                        margin-bottom: 15px;
                        font-size: 14px;
                        color: #444;
                        text-decoration: none;
                        font-family: "Helvetica Neue", helvetica, sans-serif;
                        font-weight: bold;
                }
                        div#comments ol li .comment h5 a:hover { text-decoration: underline; }
                div#comments ol li .comment span.date {
                        position: absolute;
                        top: 22px;
                        right: 20px;
                        font-size: 11px;
                        color: #868686;
                        font-weight: normal;
                }
                div#comments ol li .comment p {
                        color: #676767;
                        margin-bottom: 10px;
                }
                div#comments ol li .comment a.comment-reply-link {
                        display: block;
                        text-align: right;
                        font-size: 12px;
                        text-decoration: underline;
                        color: #555;
                        font-weight: bold;
                }
                        div#comments ol li .comment a.comment-reply-link:hover { text-decoration: none; }
div#comments ol li ol.children {
        margin-left: 80px;
}
        div#comments ol li ol.children li ol.children{
                margin-left: 80px;
        }
                div#comments ol li ol.children li ol.children li ol.children{
                        margin-left: 80px;
                }
/* Comment Form */
div#comments #commentform {
}
        div#comments #commentform a { color: #A3A3A3; }
                div#comments #commentform a:hover { text-decoration: none; }
        div#comments #commentform p.comment-notes { display: none; }
        div#comments #commentform .required{ display: none; }
        div#comments #commentform label {
                font-size: 13px;
                color: #999;
                display: block;
                margin-bottom: 8px;
                left: 10px !important;
        }
        div#comments #commentform #email,
        div#comments #commentform #author,
        div#comments #commentform #url,
        div#comments #commentform #comment {
                padding: 8px;
                width: 237px;
                border: 1px solid #ccc;
                border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                color: #444;
                font-size: 13px;
        }
        div#comments #commentform #comment {
                width: 98%;
                height: 120px;
                color: #444;
                font-family: "Helvetica Neue", helvetica, sans-serif;
                font-size: 13px;
        }
                div#comments #commentform input:focus{
                        box-shadow: inset 0px 0px 4px #ccc;
                        outline: none;
                }
        div#comments #commentform p {
                margin-bottom: 10px;
        }
                div#comments #commentform p.form-submit { margin: 0; }
        div#comments #commentform #submit {
                margin: 10px 0px 0px 0px;
        }
/* Pagination */
div.pagination {
         text-align: center;
         border-top: 1px dashed #000;
         padding: 15px 0 15px 0;
         margin-top: 15px;
}

p.PartitionSelection {
         text-align: center;
}

p.PartitionSelection a,
p.PartitionSelection span {
        font-size: 12px;
        background-color: #fbfbfb;
        padding: 5px;
        border: 1px solid #c8c9c9;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
        -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
        box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
}
        div.pagination a:hover { text-decoration: none; }
/*--------------------------------------------
5. Gallery
---------------------------------------------*/
div#gallery ul.gallery_thumbnails,
ul.gallery_thumbnails,
ul.boxes {
        overflow: hidden;
        width: auto;
        margin-left: -30px;
}
ul.boxes {
        margin-top: 0;
        padding: 0;
}

div#gallery.with_sidebar ul.gallery_thumbnails,
div.with_sidebar ul.gallery_thumbnails,
div.with_sidebar ul.boxes {
        padding:0;
        margin: 0 0 0 -10px !important;
        flex: 1;
        overflow: hidden;
        width: auto;
}

div#gallery ul.gallery_thumbnails li,
ul.gallery_thumbnails li,
ul.boxes li {
        float: left;
        display: block;
        position: relative;
        margin: 0 0 10px 0;
        padding-left: 10px;
        box-sizing: border-box;
}

div#gallery ul.gallery_thumbnails.two_column li,
ul.gallery_thumbnails.two_column li,
ul.boxes.two_column li    { width: 50%; }

div#gallery ul.gallery_thumbnails.three_column li,
ul.gallery_thumbnails.three_column li,
ul.boxes.three_column li   { width: 33.3%; }

div#gallery ul.gallery_thumbnails.four_column li,
ul.gallery_thumbnails.four_column li,
ul.boxes.four_column li    { width: 25%; }

div#gallery ul.gallery_thumbnails li a,
ul.gallery_thumbnails li a { display: block; position: relative; }

div#gallery ul.gallery_thumbnails li span,
ul.gallery_thumbnails li div.bildno {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #000000;
        background-color: #ffffff;
        height: 30px;
        width: 30px;
        display: block;
}
div#gallery ul.gallery_thumbnails li span,
ul.gallery_thumbnails li div.bildno.intern-db {
        left: 10px;
        width: 41px;
        height: 34px;
}
div#gallery ul.gallery_thumbnails li span,
ul.gallery_thumbnails li div.bildno div {
        position: relative;
        top: 17px;
        left: 6px;
}

        /* 2 Columns */
                div#gallery ul.gallery_thumbnails.two_column li img, ul.gallery_thumbnails.two_column li img {
                        width: 470px;
                        height: 332px;
                }
        /* 3 Columns */
                div#gallery ul.gallery_thumbnails.three_column li img, ul.gallery_thumbnails.three_column li img {
                        width: 310px;
                        height: 219px;
                }
        /* 4 Columns */
                div#gallery ul.gallery_thumbnails.four_column li img, ul.gallery_thumbnails.four_column li img {
                        width: 230px;
                        height: 162px;
                }
        /* 2 Columns Sidebar */
        div#gallery.with_sidebar ul.gallery_thumbnails.two_column li img,
        .with_sidebar ul.gallery_thumbnails.two_column li img {
                width: 100%; /*325px;*/
                height: auto;
        }
        /* 3 Columns Sidebar */
        div#gallery.with_sidebar ul.gallery_thumbnails.three_column li img,
        .with_sidebar ul.gallery_thumbnails.three_column li img {
                width: 100%; /*212px;*/
                height: auto;
        }
        /* 4 Columns Sidebar */
        div#gallery.with_sidebar ul.gallery_thumbnails.four_column li img,
        .with_sidebar ul.gallery_thumbnails.four_column li img {
                width: 100%; /*156px;*/
                height: auto;
        }
div#gallery ul.gallery_thumbnails.two_column li.last,
div#gallery ul.gallery_thumbnails.three_column li.last,
div#gallery ul.gallery_thumbnails.four_column li.last,
ul.gallery_thumbnails.two_column li.last,
ul.gallery_thumbnails.three_column li.last,
ul.gallery_thumbnails.four_column li.last,

ul.boxes.two_column li.last,
ul.boxes.three_column li.last,
ul.boxes.four_column li.last {
        margin-right: 0;
}

/* Gallery Filters */
ul.filter_list {
        list-style: none;
        overflow: hidden;
        margin-left: 0;
        margin-bottom: 25px;
}
        ul.filter_list li {
                float: left;
                margin-right: 10px;
        }
                ul.filter_list li a {
                        text-decoration: none;
                        padding: 3px 8px 3px 8px;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        border: 1px solid transparent;
                        display: block;
                        font-size: 12px;
                        color: #999;
                        -webkit-transition:color 0.2s ease-in;
            -moz-transition:color 0.2s ease-in;
            -o-transition:color 0.2s ease-in;
            transition:color 0.2s ease-in;
                }
                        ul.filter_list li a:hover { color: #444; }
                ul.filter_list li.current a {
                        background: #f7f7f7;
                        border: 1px solid #dadada;
                        font-weight: bold;
                }

/* Navigation */
ul.nav_list {
        list-style: none;
        overflow: hidden;
        margin-left: 0;
        margin-bottom: 25px;
}
ul.nav_list li ul {
        margin-bottom: 12px;
        margin-top: 8px;

}
                ul.nav_list li a {
                        text-decoration: none;
                        padding: 6px 8px 6px 8px;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        border: 1px solid #dadada;
                        display: block;
                        font-size: 14px;
                        color: #444;
                        background: #CCE4E5;
                        -webkit-transition:color 0.2s ease-in;
            -moz-transition:color 0.2s ease-in;
            -o-transition:color 0.2s ease-in;
            transition:color 0.2s ease-in;
                }
                ul.nav_list li ul li a {
                        text-decoration: none;
                        padding: 3px 8px 3px 8px;
                        -webkit-border-radius: 0;
                        -moz-border-radius: 0;
                        border-radius: 0;
                        border: 0;
                        display: block;
                        font-size: 12px;
                        color: #999;
                }
                ul.nav_list li a:hover {
                       color: #999;
                       background: #f7f7f7;
                       font-weight: bold;
                }
                ul.nav_list li.current a {
                        background: #f7f7f7;
                        border: 1px solid #dadada;
                        font-weight: bold;
                        color: #999;
                         margin-bottom: 8px;
                }
                ul.nav_list li.current ul li a {
                        background: transparent;
                        border: 0;
                        font-weight: normal;

                }
                ul.nav_list li.current ul li a:hover,
                ul.nav_list li.current ul li.current a {
                        background: transparent;
                        border: 0;
                        font-weight: bold;
                }

/* Gallery Hover */
ul li div.hover {
        background: #333 url('../images/zoom.png') no-repeat center center;
        background: rgba(0,0,0,0.6) url('../images/zoom.png') no-repeat center center;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        display: none;
        cursor: pointer;
}
        ul li.video div.hover {
                background: #333 url('../images/play.png') no-repeat center center;
                background: rgba(0,0,0,0.6) url('../images/play.png') no-repeat center center;
        }
/*--------------------------------------------
6. Contact
---------------------------------------------*/
div#contact input,
div#contact select,
div#contact textarea { background: #f9f9f9; }
div#contact input:focus,
div#contact select:focus,
div#contact textarea:focus { background: #fff; }
div#contact p { margin-bottom: 25px; }
        div#contact div.row {
                overflow: hidden;
                clear: both;
                width: 715px;
        }
                div#contact div.row input,
                div#contact div.row select { width: 315px; }
                div#contact div.row p {
                        width: 340px;
                        float: left;
                        margin-right: 15px;
                }

                div#contact div.row input.radio { width: auto !important; }

                div#contact div.row select { width: 340px; }
                div#contact textarea { width: 100%; height: 120px; }
                div#contact .button { float: right; }

/* Forms in Infospalte */
        div#sidebar .widget div#contact div.row {
                overflow: hidden;
                clear: both;
                width: auto;
        }
                div#sidebar .widget div#contact div.row input,
                div#sidebar .widget div#contact div.row select { width: 90%; }
                div#sidebar .widget div#contact div.row p {
                        width: auto;
                        float: none;
                        margin-right: auto;
                }

                div#sidebar .widget div#contact div.row input.radio { width: auto !important; }

                div#sidebar .widget div#contact div.row select { width: 90%; }
                div#sidebar .widget div#contact textarea { width: 90%; height: 120px; }
                div#sidebar .widget div#contact .button { float: none; height: 30px; }
/* Ende Forms in Infospalte */

        div#contact .error {
                border-color: #E01C46;
        }
        div#contact .validation,
        div#contact .success {
                display: none;
                font-size: 12px;
                margin-bottom: 20px;
        }
                div#contact .validation p  { color: #e01c46; }
                div#contact .success p            { color: #65cf82; }
        div#location {
                clear: both;
                overflow: hidden;
        }
        div#location div.map {
                clear: both;
                overflow: hidden;
                float: left;
                width: 438px;
                height: 194px;
                padding: 5px;
                background: #f4f3ed;
                border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                margin-right: 30px;
        }
        div#location .icon {
                font-size: 13px;
                padding-right: 4px;
        }
        div#location div.one_fourth h4{
                margin-bottom: 15px;
        }
                div#location div.one_fourth p {
                        margin-bottom: 15px;
                }
/*--------------------------------------------
7. Donate
---------------------------------------------*/
div#donate h1 {
        margin-bottom: 26px;
}
div#donate .framed_box {
        overflow: hidden;
        padding: 15px 0 0px 30px;
        text-align: center;
}
                div#donate .framed_box span {
                        color: #777;
                        font-size: 15px;
                }
                div#donate .framed_box h3 {
                        font-size: 50px;
                }
                div#donate .framed_box div {
                        border-right: 1px solid #ddd;
                        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                        box-sizing: border-box;
                        margin-right: 0;
                        margin-right: 4%;
                        padding-right: 4%;
                        margin-bottom: 20px;
                }
                div#donate .framed_box div:last-child { border: none; }
div#donation_level {
        margin-top: 40px;
}
div#donation_level div.box_heading {
        margin-bottom: 18px;
}
        div#donation_level p {
                float: left;
                width: 168px;
        }
        div#donation_level ul.amount {
                float: right;
                overflow: hidden;
                margin-bottom: 40px;
        }
                div#donation_level ul.amount li {
                        display: inline;
                        float: left;
                }
                div#donation_level ul.amount li a {
                        text-decoration: none;
                        display: block;
                        width: 77px;
                        height: 60px;
                        border: 4px solid #fff;
                        color: #fff;
                        margin-right: 15px;
                        font-size: 15px;
                        text-align: center;
                        padding-top: 10px;
                        -webkit-border-radius: 8px;
                        -moz-border-radius: 8px;
                        border-radius: 8px;
                        text-shadow: 0px 1px #555;
                }
                div#donation_level ul.amount li a h3 {
                        color: #fff;
                }
                div#donation_level ul.amount li a:hover {
                        border: 4px solid #d3d3d3;
                }
                div#donation_level ul.amount li a.color_1 {
                        background: #8a9848;
                }
                div#donation_level ul.amount li a.color_2 {
                        background: #c7a848;
                }
                div#donation_level ul.amount li a.color_3 {
                        background: #d17938;
                }
                div#donation_level ul.amount li a.color_4 {
                        background: #826a43;
                }
                div#donation_level ul.amount li a.color_5 {
                        background: #48987f;
                }
div#donate div#actions { width: auto; }
/*--------------------------------------------
8. Widgets
---------------------------------------------*/
div.widget { }
        div.widget h5 {
                color: #000;
                border-bottom: 1px dashed #000;
                padding-bottom: 5px;
                margin-bottom: 15px;
                font-weight: 500;
        }
        div.widgetinfo h5 {
                color: #006d72;
                border-bottom: 1px dashed #c9c9c9;
                padding-bottom: 5px;
                margin-bottom: 15px;
        }
        div.widget h6 {
                color: #000;
                margin-top: 20px;
                margin-bottom: 15px;
                font-weight: 500;
        }
        div.widget .logo { font-size: 28px; color: #7f7f7f; margin-bottom: 10px; }
        div.widget a { color: #006d72; font-size: 100%; }
        div.widget p { font-size: 95%; }
        div.widget .icon { font-size: 100%; padding-right: 4px; }
        div.widget ul { margin-bottom: 15px; line-height: 140%; }

        aside div.widget {

                margin-bottom: 30px;
        }
        /* Twitter */
        div.twitter_stream { }
                div.twitter_stream ul {
                        list-style: none;
                }
                        div.twitter_stream ul li {
                                color: #9b9b9b;
                                margin-bottom: 20px;
                                font-size: 12px;
                                line-height: 18px;
                        }
                                div.twitter_stream ul li .icon {
                                        color: #4ad8f2;
                                        float: left;
                                }
                                div.twitter_stream ul li .tweet_details {
                                        margin-left: 28px;
                                }
                                div.twitter_stream ul li .tweet_time { font-size: 11px; display: block; }
                                        div.twitter_stream ul li .tweet_time a {
                                                color: #aaa;
                                                text-decoration: none;
                                        }
        /* Newsletter */
        div.widget form p {
                margin-bottom: 12px;
        }
        div.widget input[type="text"],
        div.widget input[type="email"] {
                width: 90%;
                padding: 6px 10px 6px 10px;
                font-size: 12px;
        }
        div.widget form label {
                top: 4px !important;
                left: 12px !important;
                font-size: 12px;
        }
        /* Location */
        div.location_widget p {
                margin-bottom: 15px;
                line-height: 22px;
        }
                div.location_widget .icon {
                        font-size: 13px;
                        padding-right: 4px;
                }
        /* Categories */
        div.widget div.widget_categories ul {
                overflow: hidden;
        }
                div.widget ul li,
                div.widget div.widget_categories ul li {
                        display: block;
                        /*float: left;*/
                        width: 100%;
                        margin-bottom: 5px;
                }

                div.widget ul li.datei {
                        background-repeat: no-repeat;
                        background-position: 0px 2px;
                        padding-left: 22px;
                        min-height: 18px;
                        margin-bottom: 8px;
                }

                        div.widget div.widget_categories ul li a {
                                display: block;
                                float: left;
                                text-decoration: underline;
                                width: 100%;
                        }
                                div.widget div.widget_categories ul li a:hover { color: #000; }
                        div.widget div.widget_categories ul li span {
                                float: right;
                                padding: 3px 5px;
                                text-decoration: none;
                                color: #fff;
                                background: #d7d7d7;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                        }
                                div.widget div.widget_categories ul li a:hover span {
                                        background: #bbb;
                                }
        /* Recent Posts */
        div.widget div.recent_posts ul li {
                margin-bottom: 5px;
        }
                div.widget div.recent_posts ul li h4 a{
                        font-size: 15px;
                        color: #444;
                        text-decoration: none;
                        margin-bottom: 5px;
                        display: block;
                        font-weight: bold;
                }
                        div.widget div.recent_posts ul li h4 a:hover { text-decoration: underline; }
                div.widget div.recent_posts ul li p {
                        font-size: 11px;
                        line-height: 16px;
                }
        /* Video */
        div.widget div.video iframe{
                padding: 5px;
                text-align: center;
                border: 1px solid #bebfc;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                background: #fff;
                margin-bottom: 8px;
        }
        /* Gallery */
        div.widget div.gallery { width: 226px; }
                aside div.gallery ul {
                        overflow: hidden;
                }
                        div.widget div.gallery ul li {
                                float: left;
                                margin-right: 12px;
                                margin-bottom: 12px;
                        }
                                div.widget div.gallery ul li img {
                                        -webkit-border-radius: 3px;
                                        -moz-border-radius: 3px;
                                        border-radius: 3px;
                                }
/*--------------------------------------------
9. Footer
---------------------------------------------*/
footer {
        padding-top: 45px;
        border-top: 1px solid #c9c9c9;
        z-index: 9000;
        background: #cce4e5;
}
        footer div.copy {
                clear: both;
                text-align: center;
        }
        footer div.copy p {
            -moz-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
            border-radius: 4px 4px 4px 4px;
            color: #AAAAAA;
            display: inline-block;
            font-size: 11px;
            margin: 0 0 30px;
            padding: 4px 8px;
            text-align: center;
        }
/*--------------------------------------------
10. Typography
---------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-weight: normal; sans-serif; }
h1,h2 { font-family: 'Source Sans Pro'; color: #006d72; }
h3,h4 { font-family: 'Cabin'; font-weight: bold; }
h1 {
        font-size: 32px;
        margin-bottom: 25px;
}
h2 {
        font-size: 24px;
}
h3,
h3 a {
        font-size: 24px;
        color: #292929;
}
h4 {
        color: #000;
        font-size: 20px;
}
h5,
h5 a {
        font-size: 15px;
        color: #515151;
        text-decoration: none;
}
        h5 a:hover { text-decoration: underline; }
h6 {
        font-size: 13px;
        color: #999;
}
p {
        font-size: 13px;
        line-height: 20px;
        color: #000;
        margin-bottom: 16px;
}
        p.larger {
                font-size: 16px;
                font-weight: bold;
                margin-bottom: 16px;
                line-height: 23px;
                color: #666;
        }
a {
        color: #006d72;
        outline: none;
}
        a:hover { text-decoration: none; }
b {
        color: #000;
}

hr.dashed {
         border: none;
         border-top: 1px dashed #000;
         color: #FFFFFF;
         background-color: #FFFFFF;
         height: 1px;
         margin: 25px 0 25px 0;
}

.tipsy { line-height: 17px; }
/* Blockquotes */
blockquote, blockquote p {
        font-size: 15px;
        line-height: 24px;
        color: #777;
        font-style: italic;
}
blockquote {
        margin: 0 0 10px;
        padding: 3px 20px 3px 19px;
        border-left: 1px solid #ccc;
}
        blockquote cite {
                display: block;
                font-size: 11px;
                color: #888;
        }
                blockquote cite:before {
                        content: "\2014 \0020";
                }
                blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
/* Columns */
div.column_last { margin-right: 0 !important; }
div.full { margin-bottom: 15px; }
div.one_half, div.one_third, div.two_third,
div.three_fourth, div.one_fourth, div.two_thirds {
        float: left;
        margin-right: 4%;
        margin-bottom: 25px;
}
div.one_half.right, div.one_third.right, div.two_third.right,
div.three_fourth.right, div.one_fourth.right, div.two_thirds.right {
        float: right;
        margin-left: 4%;
        margin-bottom: 25px;
}
span.imgcaption,
div.full span.imgcaption,
div.one_full span.imgcaption,
div.one_half span.imgcaption,
div.one_third span.imgcaption,
div.two_third span.imgcaption,
div.one_four span.imgcaption,
div.three_fourth span.imgcaption,
div.one_fourth span.imgcaption,
div.two_thirds span.imgcaption
 {
        width: 100%;
        font-size: 70%;
        color: #666;
        background: #ddd;
        padding: 3px 6px 3px 6px;
        display: block;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
        }

div.one_half    { width: 48%; }
div.one_third   { width: 30.42%; }
div.two_thirds  { width: 65%; }
div.one_fourth  { width: 22%; }
div.full h1 { margin-bottom: 20px; }
div.full h2 {
        margin-bottom: 25px;
}
div.full h3 {
        margin-bottom: 15px;
}
div.full h4,div.full h5,div.full h6 {
        margin-bottom: 15px;
}
div.one_third img, div.one_fourth img {
        margin-bottom: 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}
div.one_third h4 {
        margin-bottom: 10px;
}
/* Images */
.rounded {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 20px;
}
.roundedSlider {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 0;
        padding-bottom: 0;
}
div.roundedSign {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 20px;
}
/*--------------------------------------------
11. Buttons
---------------------------------------------*/
.button {
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font: bold 10px/12px 'Helvetica Neue',Helvetica,sans-serif;
  padding: 6px 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button:active {
        -webkit-box-shadow: inset 0px 0px 3px #000;
        -moz-box-shadow: inset 0px 0px 3px #000;
        box-shadow: inset 0px 0px 3px #000;
}
.button:hover {
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 3px #bbb;
        -moz-box-shadow: 0px 0px 3px #bbb;
        box-shadow: 0px 0px 3px #bbb;
}
.button.white {
        background: #f9f9f9; /* Old browsers */
        background: -moz-linear-gradient(top,  #f9f9f9 0%, #f0f0f0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* IE10+ */
        background: linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
        border-color: #dedede #d8d8d8 #d3d3d3;
        color: #555;
        text-shadow: 0 1px 0 #fff;
}
.button.white a { color: #555 }
.button.gray {
  background: #cacaca; /* Old browsers */
        background: -moz-linear-gradient(top,  #cacaca 0%, #aeaeae 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#aeaeae)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* IE10+ */
        background: linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#aeaeae',GradientType=0 ); /* IE6-9 */
  border-color: #b5b5b5 #a1a1a1 #8f8f8f;
  color: #555;
  text-shadow: 0 1px 0 #d4d4d4;
}
.button.gray a { color: #555 }
.button.pink {
  background: #f78297; /* Old browsers */
        background: -moz-linear-gradient(top,  #f78297 0%, #f56778 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78297), color-stop(100%,#f56778)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f78297 0%,#f56778 100%); /* IE10+ */
        background: linear-gradient(top,  #f78297 0%,#f56778 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78297', endColorstr='#f56778',GradientType=0 ); /* IE6-9 */
  border-color: #df6f8b #da5f75 #d55061;
  color: #913944;
  text-shadow: 0 1px 0 #f89ca9;
}
.button.pink a { color: #913944 }
.button.orange {
  background: #f9bc70; /* Old browsers */
        background: -moz-linear-gradient(top,  #f9bc70 0%, #d8b541 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc70), color-stop(100%,#d8b541)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* IE10+ */
        background: linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc70', endColorstr='#d8b541',GradientType=0 ); /* IE6-9 */
  border-color: #f5b74e #e5a73e #d6982f;
  color: #996633;
  text-shadow: 0 1px 0 #fedd9b;
}
.button.orange a { color: #996633 }
.button.green {
  background: #cae285; /* Old browsers */
        background: -moz-linear-gradient(top,  #cae285 0%, #9fcb57 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#9fcb57)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* IE10+ */
        background: linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-9 */
  border-color: #adc671 #98b65b #87aa4a;
  color: #5d7731;
  text-shadow: 0 1px 0 #cfe5a4;
}
.button.green a { color: #5d7731 }
.button.blue {
        background: #a3bced; /* Old browsers */
        background: -moz-linear-gradient(top,  #a3bced 0%, #ba8ecc 100%, #667cdd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3bced), color-stop(100%,#ba8ecc), color-stop(100%,#667cdd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* IE10+ */
        background: linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bced', endColorstr='#667cdd',GradientType=0 ); /* IE6-9 */
        border-color: #8dc5da #76b7cf #63abc7;
        text-shadow: 0 1px 0 #b6e6f9;
}
.button.blue a { color: #42788e }
.button.purple {
        background: #d1badb; /* Old browsers */
        background: -moz-linear-gradient(top,  #d1badb 0%, #ba8ecc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1badb), color-stop(100%,#ba8ecc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* IE10+ */
        background: linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1badb', endColorstr='#ba8ecc',GradientType=0 ); /* IE6-9 */
        border-color: #bc9db9 #ad89aa #a1799d;
        color: #7b5777;
        text-shadow: 0 1px 0 #eacae6;
}
.button.purple a { color: #7b5777 }
.button.black {
        background: #616161; /* Old browsers */
        background: -moz-linear-gradient(top,  #616161 0%, #222222 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #616161 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #616161 0%,#222222 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #616161 0%,#222222 100%); /* IE10+ */
        background: linear-gradient(top,  #616161 0%,#222222 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
        border-color: #4c4c4c #313131 #1f1f1f;
        color: #fff;
        text-shadow: 0 1px 0 #2e2e2e;
}
.button.black a { color: #fff }
.donate_button {
        float: right;
        margin-top: 8px;
        padding: 8px 18px;
        color: #fff;
        background: #c87436;
        text-decoration: none;
        border: 1px solid #d7d8d6;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
/*--------------------------------------------
12. Lists
---------------------------------------------*/
#content ul {
      margin-left: 0px;
      color: #000;
      line-height: 150%;
}
#content ol {
      margin-left: 18px;
      color: #000;
      line-height: 150%;
}
#content ul li, #content ol li {
      margin: 16px 0 10px 0;
}

ul.social {
        list-style: none;
}
        ul.social li {
                float:left;
                margin-left: 10px;
        }
                ul.social li a {
                        text-decoration: none;
                        color: #fff;
                        opacity: 0.5;
                        -webkit-transition:opacity 0.2s ease-in;
            -moz-transition:opacity 0.2s ease-in;
            -o-transition:opacity 0.2s ease-in;
            transition:opacity 0.2s ease-in;
                }
                        ul.social li a:hover {
                                opacity: 1;
                        }

ul.path {
        list-style: none;
}
        ul.path li {
                float:left;
                color: #000;
                margin-right: 4px;
        }
        ul.path > li:first-child {
                margin-left: 0;
        }
                ul.path li a {
                        text-decoration: none;
                        color: #006D72;
                }
                        ul.path li a:hover {
                                text-decoration: underline;
                        }

div.toggle_list {
        margin-bottom: 25px;
}
        div.toggle_list ul {
                list-style: none;
        }
                div.toggle_list ul li {
                        margin-bottom: 10px;
                }
                        div.toggle_list ul li div.title {
                                background: #f0f0f0;
                                border: 1px solid #ddd;
                                padding: 10px;
                                cursor: pointer;
                                position: relative;
                        }
                                div.toggle_list ul li div.title h3 { margin: 0; color: #4b4b4b; font-size: 13px; }
                                div.toggle_list ul li .title h3 span { color: #1c9eda; padding-right: 8px; font-weight: bold; }
                                div.toggle_list ul li div.title a.toggle_link {
                                        position: absolute;
                                        top: 5px;
                                        right: 13px;
                                        color: #868686;
                                        font-weight: bold;
                                        font-size: 19px;
                                        text-decoration: none;
                                }
                        div.toggle_list ul li div.content {
                                background: #fbfbfb;
                                border: 1px solid #e5e5e5;
                                border-top: none;
                                padding: 10px !important;
                                display: none;
                        }
                                div.toggle_list ul li div.content p { margin-bottom: 15px; font-size: 12px; }
                                div.toggle_list ul li div.content p:last-child { margin-bottom: 0; }
div.tabs { margin-bottom: 20px; }
        div.tabs ul.nav {
          list-style: none;
          overflow: hidden;
          position: relative;
          z-index: 2;
        }
                div.tabs ul.nav li {
                  float: left;
                  margin-right: 3px;
                }
                div.tabs ul.nav li a {
                  background: #eef9cc;
                  border: 1px solid #c8c9c9;
                  -webkit-border-top-left-radius: 3px;
                  -webkit-border-top-right-radius: 3px;
                  -moz-border-radius-topleft: 3px;
                  -moz-border-radius-topright: 3px;
                  border-top-left-radius: 3px;
                  border-top-right-radius: 3px;
                  color: #008187;
                  display: block;
                  font-size: 12px;
                  font-weight: bold;
                  padding: 8px 19px;
                  text-decoration: none;
                }
                div.tabs ul.nav li.inactive a {
                  background: #eef9cc;
                  color: #008187;
                }
                div.tabs ul.nav li.current a {
                  background: #FBFBFB;
                  border-width: 1px solid #ddd;
                  color: #000;
                  padding-bottom: 8px 19px;
                }
                div.tabs ul.nav li a:hover {
                  background: #FBFBFB;
                  border-width: 1px solid #ddd;
                  color: #000;
                  padding-bottom: 8px 19px;
                }
                div.tabs .pane {
                  background: #FBFBFB;
                  border: 1px solid #ddd;
                  margin-top: -1px;
                  padding: 15px;
                  position: relative;
                  z-index: 1;
                  display: none;
                }
/*--------------------------------------------
13. Forms
---------------------------------------------*/
input,textarea {
        font-family: "Helvetica Neue", helvetica, sans-serif;
        font-size: 13px;
        outline: none;
        -webkit-appearance: none;
        -webkit-focus-ring-color: none
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #ddd;
}
input[type="text"],
input[type="email"] {
        border: 1px solid #ddd;
        padding: 8px 12px 8px 12px;
        width: 100%;
        color: #555;
        background: #fff;
}
        input[type="text"]:focus,
        input[type="email"]:focus { padding-bottom: 8px; }
textarea {
        padding: 8px 12px 8px 12px;
        border: 1px solid #ddd;
        color: #555;
        resize: vertical;
        background: #fff;
        width: 102%;
}
select {
        width: 100%;
        padding: 8px 12px 8px 12px;
        border: 1px solid #ddd;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        overflow: hidden;
        font-size: 13px;
        color: #aaa;
}
form p { position: relative; }
label {
        position: absolute;
        top: 7px !important;
        left: 15px !important;
        color: #aaa;
        font-weight: normal;
}
:-moz-placeholder {
        color: #000000 !important;
        font-weight: bold;
}
:-webkit-input-placeholder {
        color: #000000 !important;
}
img { border: none; }
.clear { clear: both; }
iframe {
        border: none;
}
/*--------------------------------------------
14. Icons
---------------------------------------------*/
.icon { cursor: default; font-size: 18px; line-height: 1; color: #006d72; }
ul.social li .uk-icon { font-size: 36px; }

/* Icons General */
@font-face {
  font-family: 'FoundationIconsGeneral';
  src: url('../fonts/foundation-icons-general.eot');
  src: url('../fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
       url('../fonts/foundation-icons-general.woff') format('woff'),
       url('../fonts/foundation-icons-general.ttf') format('truetype'),
       url('../fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon.general { font-family: "FoundationIconsGeneral"; }
/* Foundation Icons General Enclosed */
@font-face {
    font-family: 'FoundationIconsGeneralEnclosed';
    src: url('../fonts/foundation-icons-general-enclosed.eot');
    src: url('../fonts/foundation-icons-general-enclosed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foundation-icons-general-enclosed.woff') format('woff'),
         url('../fonts/foundation-icons-general-enclosed.ttf') format('truetype'),
         url('../fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon.general-enclosed { font-family: "FoundationIconsGeneralEnclosed"; }
/* Icons Social Misc */
@font-face {
  font-family: 'FoundationIconsSocial';
  src: url('../fonts/foundation-icons-social.eot');
  src: url('../fonts/foundation-icons-social.eot?#iefix') format('embedded-opentype'),
       url('../fonts/foundation-icons-social.woff') format('woff'),
       url('../fonts/foundation-icons-social.ttf') format('truetype'),
       url('../fonts/foundation-icons-social.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon.social_misc { font-family: "FoundationIconsSocial"; }
/* Icons Social */
@font-face {
        font-family: 'IcoMoon';
        src: url('../fonts/IcoMoon.eot');
        src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
                url('../fonts/IcoMoon.svg#IcoMoon') format('svg'),
                url('../fonts/IcoMoon.woff') format('woff'),
                url('../fonts/IcoMoon.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
.icon.socialx { font-family: 'IcoMoon'; }

/*--------------------------------------------
15. Events List
---------------------------------------------*/
div#events_list {
        overflow: hidden;
}
        div#events_list div.list {
                clear: both;
                overflow: hidden;
                margin-bottom: 22px;
        }
                div#events_list div.list div.event_details {
                        float: left;
                        width: 59%;
                        margin-bottom: 12px;
                        margin-left: 3px;
                }
                        div#events_list div.list div.event_details h5 {
                                font-weight: bold;
                                margin-bottom: 15px;
                        }
                        div#events_list div.list div.event_details p {
                                margin-bottom: 4px;
                                line-height: 23px;
                        }
                        div#events_list div.list div.event_details a {
                                text-decoration: none;
                        }
                div#events_list div.list div.event_date {
                        float: right;
                        width: 30%;
                        background: #f5f5f5;
                        padding: 20px 10px 12px 16px;
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                }
                        div#events_list div.list div.event_date ul.left {
                                float: left;
                        }
                        div#events_list div.list div.event_date ul.right {
                                float: left;
                                margin-left: 15px;
                        }
                        div#events_list div.list div.event_date li {
                                margin-bottom: 10px;
                        }
/*--------------------------------------------
16. Event Description
---------------------------------------------*/
div#events {
        overflow: hidden;
        padding-bottom: 60px;
}
        div#events a {
                float: right;
                margin-top: -62px;
                text-decoration: none;
                color: #000;
        }
                div#events div.event p {
                        margin-bottom: 36px;
                }
                div#events div.event p.last {
                        margin-bottom: 28px;
                }
        div#events div.event_date{
                overflow: hidden;
                clear: both;
                background: #f5f5f5;
                padding: 20px 10px 12px 16px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                margin-bottom: 24px;
        }
                div#events div.event_date ul {
                        margin-right: 30px;
                        float: left;
                }
                div#events div.event_date ul.two {
                        margin-right: 70px;
                }
                div#events div.event div.event_date ul.four {
                        margin-right: 0px !important;
                }
                div#events div.event div.event_date li {
                        margin-bottom: 13px;
                }
                div#events div.event div.event_date ul.one li, ul.three li {
                        font-weight: bold;
                }


/* Modifier `uk-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */
header div div.mobilheader { display: none; }

header div div.mobilheader button {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 32px;
    float: right;
    clear: right;
    margin-top: 18px;
}
header div div.mobilheader span {
    float: left;
    padding-left: 0;
    margin-left: 0;
}
header div div.mobilheader span img {
    border: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
header div div.mobilheader ul {
    float: right;
}

.uk-offcanvas {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    /* 3 */
    touch-action: none;
    /* 4 */
    background: rgba(0,0,0,0.1);
}

.uk-offcanvas.uk-active { display: block; }


.uk-offcanvas-page {
    /* 1 */
    position: fixed;
    /* 2 */
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
}

.uk-offcanvas-bar {
    /* 1 */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 10001;
    /* 2 */
    width: 220px;
    max-width: 100%;
    background: #000;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    /* 5 */
    -ms-scroll-chaining: none;
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

/* Modifier `uk-offcanvas-bar-flip`
 ========================================================================== */

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}


/* Panel in offcanvas
 ========================================================================== */

.uk-offcanvas .uk-panel {
    margin: 20px 15px;
    color: #777r;
}

.uk-offcanvas .uk-panel-title { color: #ccc; }

ul.uk-nav-offcanvas li a {
  color: #cccccc;
  padding: 10px 15px !important;
  display: block;
  text-decoration: none;
}

.uk-offcanvas .uk-panel a:not([class]) { color: #ccc; }
.uk-offcanvas .uk-panel a:not([class]):hover { color: #fff; }

/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background: #404040;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
.uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #1a1a1a;
  color: #ffffff;
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-offcanvas .uk-nav-header {
  color: #777777;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-offcanvas .uk-nav-divider {
  border-top: 1px solid #1a1a1a;
}
/*
 * Nested items
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 */
.uk-nav-offcanvas ul a {
  color: #cccccc;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #ffffff;
}

/*--------------------------------------------
17. Allgemeine Styles
---------------------------------------------*/

.8px {
        font-size: 10px;
}

.10px {
        font-size: 70%;
}

.12px {
        font-size: 12px;
}

.14px {
        font-size: 14px;
}

.center {
        text-align: center;
}

/* facebook widget und Materialienbild bei mittlerer breite */
div.widget {
  overflow:hidden;
}

/*--------------------------------------------
18. Slider Laufschrift
---------------------------------------------*/
span.sliderCaption {
  display: inline-block;
  width: 90%;
  height: 18px;
  margin: -11px 0 0 0; /* wieso ist das noetig -11px ? */
  border: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.1em;
}
span.sliderCaption span {
  display: inline-block;
  margin: 0;
  padding-top: 5px;
  box-sizing: border-box;
}
span.marquee {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
span.marquee span {
  display: inline-block;
  margin: 0;
  padding-top: 5px;
  box-sizing: border-box;

  padding-left: 30%;
  animation: slider_marquee 7s ease infinite;
  -webkit-animation: slider_marquee 7s ease infinite;
}
@-webkit-keyframes slider_marquee {
    0% { transform: translate(0, 0); }
  100% { transform: translate(-60%, 0); }
}
@keyframes slider_marquee {
    0% { transform: translate(0, 0); }
  100% { transform: translate(-60%, 0); }
}