/* CSS */

html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #FCD900;
    margin-bottom: 200px; /* height of the footer */
}

.header-top {
    color: #E9C225;
    text-align: center;
}
.logo {
    padding-top: 25px;
}

.main-content {
    background: url(../images/background.gif);
    background-position: bottom right;
    background-size: 42%;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.main-content.rafael {
    background: url(../images/rafael.gif);
    background-position: bottom right;
    background-size: 42%;
    background-repeat: no-repeat;
}

.main-content.antje {
    background: url(../images/antje.gif);
    background-position: bottom right;
    background-size: 42%;
    background-repeat: no-repeat;
}

.inner-content .body p,
.inner-content .body ul,
.inner-content .body ol {
    font-size: 18px;
}
.inner-content img {
    margin: 0 20px 20px 0;
}

.breadcrumb {
    background-color: #c7ab00;
    border-color: transparent;
    color: #ffe753;
}
.breadcrumb a,
.breadcrumb > .active {
    color: #ffe753;
}

.breadcrumb a:hover {
    color: #9b8500;
    text-decoration: overline;
}

.navbar-brand {
    display: none;
}
#navigation-tree {
    float: right;
    margin-top: 10px;
}
#navbar-view {
    background-color: #c7ab00;
    border-color: transparent;
}
#navbar-view .navbar-nav {
    padding: 10px;
    background-color: #c7ab00;
}
#navbar-view ul li {
    background-color: transparent;
    margin-bottom: 5px;
}
#navbar-view ul li.active > a,
#navbar-view ul li > a:hover {
    background-color: #fff;
}
#navbar-view ul > li > a {
    color: #C29356;
    font-weight: 600;
    font-size: 1.1em;
    background-color: #eee;
    margin-left: 0.5em;
    padding: 6px 20px;
    cursor: pointer;
    border-radius: 23px;
}
#navbar-view .dropdown-menu {
    background-color: transparent;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
#navbar-view .dropdown-menu a {
    color: #C29356;
}
#navbar-view .dropdown-top {
    z-index: 1003;
}
@media (max-width: 750px) {
    #navbar-view ul > li > ul > li {
        margin-left: 2em;
    }
}

.ft-portlet {
    background: rgba(255,220, 76, 0.9);
      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 1em;
    /* Firefox 1-3.6 */
    -moz-border-radius: 1em;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 1em;
    padding: 1em;
    margin: 0 0 2em 0;
  }
.ft-portlet h3 {
    margin: 5px 0 10px;
}


/* Frontpage carousel */
.carousel-frontpage {
    padding-left: 0;
    padding-right: 0;
}
.carousel {
    /*margin-left: 2em;*/
}
.carousel .item {
    background:#FFF;
    text-align: center;
    height: 181px;
    background-size: cover;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px 100px;
    height: 200px;
    width: 100%;
    background-color: #c7ab00;
    color: #ffe753;
    font-size: 1.1em;
}
footer a {
    color: #ffe753;
}
footer a:hover {
    color: #9b8500;
    text-decoration: overline;
}