* {
    margin: 0;
    padding: 0;
}


body {
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
    /*font-size: 12px;*/
    /*color: #383838;*/
    /*background: #f39438;*/

    font-family: 'Raleway', 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    background: #f39438;
}

a {
    color: #f39438;
    font-weight: bold;
}

a img {
    border: none;
}

p {
    line-height: 17px;
    margin: 0 0 20px 0;
}

hr {
    margin: 15px 0;

    border: dotted #77818F;
    border-width: 0 0 1px 0;
}

.clear {
    clear: both;
}

h1, h2 {
    font-size: 22px;
    font-family: comic sans ms, sans-serif;
    color: #f39438;
    margin: 0 0 15px 0;
    border-bottom: 1px dotted #77818f;
}

h2.normal {
    font-size: 22px;
    margin: 0;
    padding: 0 0 9px 0;
    border-style: none;
}

h4 {
    margin: 10px 0;
}

span.subheadline {
    font-weight: bold;
    margin: -10px 0 15px 0;
    display: block;
}

a.back {
    text-decoration: none;
    line-height: 30px;
}

.grey {
    color: #383838;
}

.img_left {
    float: left;
    margin: 5px 15px 5px 0;
}

.img_border {
    border: 1px solid #bdbdbd;
}

#wrapper {
    margin: 0 auto 20px;
    background: #fff;
    width: 992px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}

#header {
    width: 992px;
    height: 162px;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}

#sidebar_left {
    float: left;
    width: 202px;
    padding: 25px 15px;
}

ul#navi {
    list-style-type: none;
    margin: 0 0 30px 0;
}

ul#navi li {
    height: 25px;
    border-bottom: 1px dotted #77818f;
}

ul#navi li a {
    display: block;
    height: 25px;
    font-size: 14px;
    text-decoration: none;
    color: #444444;
    font-weight: bold;
    line-height: 25px;
}

div.contact {
    margin: 0 0 15px 0
}

.contact h3 {
    color: #383838;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.contact .title {
    font-weight: bold;
    margin: 0 0 5px 0;
}

.contact hr {
    width: 610px;
}

.events h3 {
    color: #f39438;
    font-size: 18px;
    font-family: comic sans ms, sans-serif;
    margin: 0 0 5px 0;
}

a.more {
    font-weight: bold;
    text-decoration: none;
}

#content {
    float: left;
    width: 430px;
    padding: 25px;
}

#content .text ul li,
#content .text ol li {
    margin-left: 25px;
}

#sidebar_right {
    float: left;
    width: 240px;
    padding: 25px 5px;
}

ul.termine {
    list-style-type: none;
    padding: 15px 0 0 0;
}

ul.termine li span,
span.date {
    display: block;
    text-align: center;
    float: left;
    background: #f39438;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 0 0;
    font-weight: bold;
    width: 130px;
}

span.date {

}

ul.termine li span {
    width: 48px;
    line-height: 32px;
    min-height: 32px;
}

ul.termine li a {
    margin: 0 0 0 60px;
    display: block;
    color: #383838;
    font-weight: normal;
}

ul.termine li {
    min-height: 32px;
    margin: 0 0 15px 0;
    clear: both;
}

ul.gallery {
    list-style-type: none;
}

ul.gallery li {
    float: left;
    margin: 0 5px 5px 0;
}

a.btn_style {
    margin: 0 0 3px 0;
    display: block;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
    color: #3e3e3e;
    border: 1px solid #3b3b3b;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 10%, #c4c4c4 97%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ffffff), color-stop(97%, #c4c4c4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 10%, #c4c4c4 97%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 10%, #c4c4c4 97%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 10%, #c4c4c4 97%); /* IE10+ */
    background: linear-gradient(top, #ffffff 10%, #c4c4c4 97%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4', GradientType=0); /* IE6-9 */
}

span.freeplaces {
    border: 1px solid #9c9c9c;
    display: block;
    line-height: 32px;
    text-align: center;
    height: 32px;
    background: #fff;
    color: #383838;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 14px;
}

#footer {
    color: #383838;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 20px 0;
}

#footer a {
    text-decoration: none;
    color: #383838;
}

.horizNaviWrapper {
    width: 992px;
    margin: 0 auto 0;
}

#h_layout ul#navi {
    height: 31px;
    width: 992px;
    margin: 0;
    padding: 2px 0 0 0;
}

#h_layout ul#navi li.active {
    background: #fff;
}

#h_layout ul#navi li a {
    display: block;
    padding: 0 10px 0 10px;
    height: 31px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    line-height: 31px;
}

#h_layout ul#navi li.active a {
    color: #000;
}

#h_layout #sidebar_left {
    display: none;
}

#h_layout #content {
    width: 610px;
    padding: 25px;
}

#h_layout #sidebar_right {
    width: 300px;
}

#sidebar_right .parent_login,
#h_layout #sidebar_right .contact,
#h_layout #sidebar_right .events,
#h_layout #sidebar_right .photos {
    padding: 9px 15px 9px 15px;
    margin: 0 0 15px 0;
    border: 1px solid #d6d6d6;
    -webkit-box-shadow: 0 0 3px #a6a6a6;
    -moz-box-shadow: 0 0 3px #a6a6a6;
    box-shadow: 0 0 3px #a6a6a6;
    background: #eaeaeb; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaeb 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaeb), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaeaeb 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaeaeb 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eaeaeb 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(top, #eaeaeb 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaeb', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.photos .title {
    margin: 0 0 9px;
}

.photos .row {
    margin: 0 0 15px;
}


.pagination-top div.pagination,
.pagination-bottom div.pagination {
    float: right;
}

.pagination a.next {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaebe6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* W3C */

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #bec0b2;
    color: #676357;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    position: relative;
}

.pagination a.prev {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaebe6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #eaebe6 100%); /* W3C */

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #bec0b2;
    color: #676357;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    position: relative;
}

.pagination a.prev:hover, .pagination a.next:hover {
    background: #eaebe6; /* Old browsers */
    background: -moz-linear-gradient(top, #eaebe6 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaebe6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaebe6 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaebe6 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eaebe6 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(top, #eaebe6 0%, #ffffff 100%); /* W3C */
}

.pagination span.pages {
    display: inline-block;
    padding: 0 15px;
}

.pagination span.pages span {
    text-decoration: underline;
}

/* content list */

.content-list {
    padding: 10px 0;
    border-bottom: 1px solid #aeaeae;
    position: relative;
}

.content-list.detail {
    border: 0;
}

.content-list .body .image {
    float: left;
    min-width: 160px;
    margin: 0 15px 0 0;
}

.content-list h3,
.content-list.files a.title {
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 0;
}

.content-list.files .body {
    padding: 0 150px 0 50px;
    position: relative;
}

.content-list.files .body a + .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/filetypes/document.png);
}

.content-list.files .body a[href$=".jpg"] ~ .icon,
.content-list.files .body a[rel$=".jpg"] ~ .icon,
.content-list.files .body a[href$=".jpeg"] ~ .icon,
.content-list.files .body a[rel$=".jpeg"] ~ .icon,
.content-list.files .body a[href$=".png"] ~ .icon,
.content-list.files .body a[rel$=".png"] ~ .icon {
    background-image: url(../img/filetypes/document-image.png);
}

.content-list.files .body a[href$=".docx"] ~ .icon,
.content-list.files .body a[rel$=".docx"] ~ .icon,
.content-list.files .body a[href$=".doc"] ~ .icon,
.content-list.files .body a[rel$=".doc"] ~ .icon {
    background-image: url(../img/filetypes/document-word.png);
}

.content-list.files .body a[href$=".pdf"] ~ .icon,
.content-list.files .body a[rel$=".pdf"] ~ .icon {
    background-image: url(../img/filetypes/document-pdf.png);
}

.content-list.files .body a[href$=".xls"] ~ .icon,
.content-list.files .body a[rel$=".xls"] ~ .icon,
.content-list.files .body a[href$=".xlsx"] ~ .icon,
.content-list.files .body a[rel$=".xlsx"] ~ .icon {
    background-image: url(../img/filetypes/document-xls.png);
}

.meta {
    font-size: 11px;
    /*text-transform: uppercase;*/
    color: #8E8E8E;
    font-weight: bold;
}

/* label */

span.label {
    background-color: green;
    color: white;
    font-weight: bold;
    padding: 0 2px 1px 2px;
}

/* List */

.list {
    list-style-type: none;
}

.list li {
    padding: 0 0.8em 2em 0;
}

#h_layout .list li {
    padding: 0 0.8em 2em 0;
    float: left;
    width: 48%;
}


.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.text {
    line-height: 18px;
}

.text img {
    margin: 0 15px 0 0;
}


.text ul, .text ol, .text blockquote, .text code {
    margin-left: 20px;
    float: left;
}


/* Tabelle: Termine */

.table-dates {
    border-collapse: separate;
}


.table-dates td {
    height: 30px;
    vertical-align: top;
    background-color: #ffffff;
    padding: 3px 10px;
}

.table-dates tr td:first-child {
    color: #ffffff;
    text-align: center;
}

.table-dates.groups tr td:last-child {
    width: 120px;
    text-align: center;
}

/* News Teaser */
.news_teaser {
    list-style-type: none;
}

.news_teaser li {
    margin: 0 0 15px 0;
}

.events {
    list-style-type: none;
}

.events li {
    margin: 0 0 15px 0;
}

.events .description {
    padding: 2px 0 0 0;
}

.news_lnk_box {
    width: 100%;
    padding: 7px 0 7px 0;
    border-style: dotted none dotted none;
    border-width: 1px 0 1px 0;
}


/* common entity list */
ul.entity-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.entity-list li {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #abafb2;
    padding: 10px;
    gap: 10px;
}

ul.entity-list li .thumbnail {
    flex: 0 0 140px;
    text-align: center;
}

ul.entity-list li .info {
    flex: 1 1 100%;
}

ul.entity-list li div.heading {
    margin: 0 0 12px 0;
}


ul.entity-list li div.stats a.mail {
    float: left;
    background: url(../img/sprite-kinderuebersicht.gif) no-repeat 0 -106px;
    width: 19px;
    height: 16px;
}

ul.entity-list li span.health {
    display: inline-block;
    background: url(../img/sprite-kinderuebersicht.gif) no-repeat -1px -130px;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
}

ul.entity-list li span.food {
    display: inline-block;
    background: url(../img/sprite-kinderuebersicht.gif) no-repeat -1px -165px;
    width: 18px;
    height: 18px;
    margin: 0 2px 0 0;
}

ul.entity-list li span.info {
    display: inline-block;
    background: url(../img/sprite-kinderuebersicht.gif) no-repeat -1px -195px;
    width: 19px;
    height: 20px;
}

ul.entity-list ul.phonenumbers {
    width: auto;
    position: relative;
    border: 0;
    list-style-type: none;
    padding: 0;
    margin: 15px 0;
}

ul.entity-list ul.phonenumbers li {
    float: none;
    background-image: url(../img/sprite-kinderuebersicht.gif);
    background-repeat: no-repeat;
    background-position: 0 -50px;
    line-height: 10px;
    height: 10px;
    font-size: 10px;
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    border: 0;
    width: auto;
}

ul.entity-list ul.phonenumbers li.mobile {
    background-position: 0 -80px;
}

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

.bottom_box {
    background: #fff;
    float: left;
    margin: 0 20px 30px 0;
    position: relative;
    width: 300px;
}

.vertical .bottom_box {
    border: 1px solid #d6d6d6;
    -webkit-box-shadow: 0 0 3px #a6a6a6;
    -moz-box-shadow: 0 0 3px #a6a6a6;
    box-shadow: 0 0 3px #a6a6a6;
}

.bottom_box .bcontent {
    padding: 0 15px 0 15px;
    min-height: 150px;
}

.photoInner {
    padding: 15px 0 0 0;
}

.bottom_box .bot_link {
    display: block;
    background: #f1f1f1;
    padding: 9px 0 9px 15px;
}

.bot_link {
    display: block;
    padding: 9px 0 0 0;
}

.bottom_box h2 {
    background: #f1f1f1;
    padding: 9px 0 9px 15px;

}

#sidebar_right .bottom_box {
    margin: 0 0 20px 0;
}

.vertical #sidebar_right .bottom_box {
    width: 250px;
}


.footerLogo {
    width: 114px;
    height: 47px;
    position: relative;
    left: 7px;
    top: 47px;
}

.footerLogoVert {
    width: 114px;
    height: 47px;
    position: relative;
    left: 27px;
    top: 47px;
}

.newsCnt {
    margin-top: 40px;
}

.newsCnt ul {
    margin-left: 0;
}

.eventList .text {
    margin: 0 0 20px 140px;
}

.eventList .date {
    margin: 0 0 10px 0;
    padding: 5px 0;
}

.dietList {
    padding-top: 10px;
}

.dietList div.clearfix {
    margin-bottom: 15px;
}

.dietList .food {
    padding-top: 2px;
    margin-left: 150px;
}

.but_parent_login {
    position: relative;
    background-image: url('../img/button_parents_login.png');
}

.but_parent_login_horizontal {
    width: 268px;
    height: 80px;
    background-size: 268px 80px;
}

.but_parent_login_vertical {
    width: 218px;
    height: 60px;
    background-size: 218px 60px;
}

.but_parent_login div {
    position: absolute;
    text-align: center;
    font-weight: bold;
    color: white;
}

.but_parent_login_horizontal div {
    top: 38px;
    right: 0;
    height: 33px;
    width: 170px;
    line-height: 35px;
    font-size: 17px;
}

.but_parent_login_vertical div {
    top: 28px;
    right: 0;
    height: 25px;
    width: 140px;
    line-height: 26px;
    font-size: 14px;
}

/* youtube iframe */
.text iframe {
    margin: auto;
    display: block;
}

.form-field-example {
    display: block;
}

.titleWarning {
    position: absolute;
    left: 0;
    top: 0;
    color: #b70007;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #b70007;
    background-color: white;
    padding: 10px;
    margin: 75px 50px 0 150px;
}

#dateRange .dateRange {
}

#dateRange .dateRangeFromDate,
#dateRange .dateRangeFromTime,
#dateRange .dateRangeTill,
#dateRange .dateRangeToDate,
#dateRange .dateRangeToTime {
    margin-left: 5px;
}

#dateRange .dateRangeTill::before, #dateRange .dateRangeTill::after {
    content: "\A";
    white-space: pre;
}

.btn_parent_login_blue {
    height: 30px;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    -webkit-box-shadow: 0 0 3px 0 #d9d9d9;
    -moz-box-shadow: 0 0 3px 0 #d9d9d9;
    box-shadow: 0 0 3px 0 #d9d9d9;
    font-size: 14px;
    cursor: pointer;

    line-height: 30px;
    text-align: center;

    text-shadow: 1px 1px 1px #269bcf;
    border: 1px solid #18afad;
    color: #fff;
    background: #37c6ff;
    background: -moz-linear-gradient(top, #37c6ff 0%, #2093cf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c6ff), color-stop(100%, #2093cf));
    background: -webkit-linear-gradient(top, #37c6ff 0%, #2093cf 100%);
    background: -o-linear-gradient(top, #37c6ff 0%, #2093cf 100%);
    background: -ms-linear-gradient(top, #37c6ff 0%, #2093cf 100%);
    background: linear-gradient(top, #37c6ff 0%, #2093cf 100%);
}

.btn_parent_login_blue a {
    color: white;
    text-decoration: none;
}