/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @file          ceres.css
 * @-yaml-minver  4.0
 *
 * This is only intended for elements which do not exist in the 
 * original RUB CD. Everything else should be modified in  
 * CSS files in the ceres/ folder which correspond to files
 * in the rub/ folder.
 */

/* Setting box-sizing to border-box would be nice, but it breakes menu.

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}
*/

#ueberschrift.large-header {
    overflow: hidden;
    padding-bottom: 0;
}

/* vertically align the heading text */
#ueberschrift > div > div {
    display: table-cell;
    vertical-align: middle;
}

#ueberschrift h1 {
    margin: 0;
    padding: 0;
    border: 0;
}

/* right-align the header image */
#ueberschrift .ym-col3 .ym-cbox {
    text-align: right;
}

#inhalt article h1,
#inhalt article h2 {
    border-top: none;
}

#inhalt article.single-narrow h1,
#inhalt article.single-wide h1 {
    font-size: 120%;
}

#inhalt article.single-narrow h2,
#inhalt article.single-wide h2 {
    font-size: 120%;
}

#inhalt article.double-narrow h1,
#inhalt article.double-wide h1,
#inhalt article.double-wide h2,
#inhalt article.double-narrow h2 {
    font-size: 120%;
}

#inhalt .ym-gbox {
    padding: 0;
}

#inhalt article.ym-gbox p {
    color: #003560;
}

#inhalt article.ym-gbox a {
    color: #003560;
}

#inhalt .card.single-wide {
    margin-right: 8px;
}

#inhalt .card.single-narrow {
    margin-right: 8px;
}

nav#main-navigation {
    width: 100%;
}

#inhalt .card p.meta,
#inhalt article p.meta {
    font-style: italic;
    color: #6B6B6B;
}

#inhalt .card header img {
    margin-bottom: 0;
    max-width: 100%;
}

/* Type specific */
#inhalt .card .logo-container {
    background-color: white;
}

#inhalt .card img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#inhalt .detail img.logo {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

/* Pagination */
#inhalt .pagination .ym-gbox {
    padding: 5px;
}

#inhalt .pagination .previous a,
#inhalt .pagination .next a,
#inhalt nav.index ul li a,
#inhalt a.more {
    background-repeat: no-repeat;
    background-size: .5em;
    color: #003560;
    padding: 2px;
    font-weight: bold;
    letter-spacing: 1px;
}

#inhalt .pagination .previous {
    text-align: left;
}

#inhalt .pagination .next {
    text-align: right;
}

#inhalt .pagination .current {
    text-align: center;
}

#inhalt .pagination .previous a {
    background-image: url(../../images/navigation/chevron-left.svg);
    padding-left: 1em;
    background-position: .25em center;
}

#inhalt .pagination .next a {
    background-image: url(../../images/navigation/chevron-right.svg);
    padding-right: 1em;
    background-position: right .25em center;
}

#inhalt a.more {
    background-image: url(../../images/navigation/chevron-right.svg);
    padding-left: 1em;
    background-position: .25em center;
}

/* Social media */
#widgets {
    /*	margin: 0 0;*/
}

a.social {
    color: #003560;
    padding: 2px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Navigation */
#inhalt nav.index ul {
    margin: 1em 0;
}

#inhalt nav.index ul li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0 .4em;
    border-left: 1px solid #709708;
}

#inhalt nav.index ul li:first-child {
    padding-left: 0;
    border-left: none;
}

#inhalt h3.index a {
    float: right;
}

#inhalt h3.index a img {
    height: .5em;
    margin: 0;
}

h2.occurrence span.location {
    font-size: 90%;
    margin-top: .5em;
    display: block;
}

/**
 * Intern section
 */
/* Dashboard */
article.tocblock {
    height: 130px;
    background-repeat: no-repeat;
    background-position: center top;
}