/**
 *  FARBEN
 *
 *  hellblau:      #9BB9E1      rgb(155, 185, 225)
 *  blau:          #4F84CA      rgb(79, 132, 202)
 *  dunkelblau:    #3871BC      rgb(56, 113, 188)
 *  dunkelerblau:  #1C375C      rgb(28, 55, 92)
 *
 *  hellgrau:      #E6E6E7      rgb(230, 230, 231)
 *
 */

@import url('https://fonts.googleapis.com/css?family=Roboto');

body,
html {
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    color: rgb(79, 132, 202);
}

h1, h2 {
    text-transform: none;
}

h1 { font-size: 1.6rem }
h2 { font-size: 1.4rem }
h3 { font-size: 1.3rem }
h4 { font-size: 1.2rem }
h5 { font-size: 1.15rem }
h6 { font-size: 1.1rem }

a,
a:visited {
    color: rgb(56, 113, 188);
}

a:hover,
a:focus {
    color: rgb(123, 123, 123);
}

/* === .off-canvas === */

.off-canvas {
    background-color: rgb(56, 113, 188);
}

    #offCanvasLeft .close-button:hover,
    #offCanvasLeft .close-button:focus {
        color: rgb(155, 185, 225);
    }

    #offCanvasLeft .sideNav li:last-child,
    #offCanvasLeft ul.submenu {
        border-bottom: 1px solid rgb(155, 185, 225);
    }

    #offCanvasLeft .sideNav li > a {
        border-top: 1px solid rgb(155, 185, 225);
    }

    #offCanvasLeft .submenu li > a {
        border-top: 1px solid rgb(155, 185, 225);
    }

    #offCanvasLeft .menu > li > a:hover,
    #offCanvasLeft .menu > li > a:active,
    #offCanvasLeft .menu > li > a:focus {
        background-color: rgb(155, 185, 225);
    }

    #offCanvasLeft .is-drilldown-submenu {
        background-color: rgb(56, 113, 188);
    }

    #offCanvasLeft .js-drilldown-back > a::before {
        border-color: transparent rgb(155, 185, 225) transparent transparent;
    }

    .title-bar {
        background: rgb(56, 113, 188) none repeat scroll 0 0;
    }

    .title-bar-right a:hover,
    .title-bar-right a:active,
    .title-bar-right a:focus {
        color: rgb(155, 185, 225);
    }

/* --- #topRow --- */

#topRowRight a,
#topRowRight a:visited {
    color: rgb(56, 113, 188);
}

#topRowRight a:hover,
#topRowRight a:active,
#topRowRight a:focus {
    color: rgb(123, 123, 123);
}

/* --- #navRow --- */

#mainNav .first.is-active a {
    background-color: rgb(79, 132, 202);
    color: rgb(255, 255, 255);
}

    #mainNav .first a:hover,
    #mainNav .first a:active {
        background-color: rgb(79, 132, 202);
    }

    #mainNav ul.is-dropdown-submenu {
        background: transparent url("images/bg_submenu.png") no-repeat scroll left bottom / 100% auto;
    }

    #mainNav li.sec a:hover {
        background-color: rgb(155, 185, 225);
    }

    #mainNav li.cat {
        background-color: rgb(79, 132, 202);
    }

/* --- #headRow --- */

.headImage .captionInfo,
.headImage .captionInfo:visited {
    background-color: rgb(155, 185, 225);
}

    .headImage a.captionInfo:focus,
    .headImage a.captionInfo:active,
    .headImage a.captionInfo:hover {
        background-color: rgb(79, 132, 202);
    }

/* === main === */

main {
    background-color: transparent;
}

    main .contentBox .colorHeader {
        background-color: rgb(79, 132, 202);
    }

    main #mainRow {
        background-color: rgb(230, 230, 231);
    }

/* --- .specialBox --- */

    .specialBox .title {
        background-color: rgb(79, 132, 202);
    }

        .specialBox .footer {
            background: rgb(155, 185, 225);;s
        }

        .specialBox .footer:last-child {
            background: transparent url("images/bg_boxFooter.png") no-repeat scroll right bottom;
        }

        .specialBox .footer a:active,
        .specialBox .footer a:focus,
        .specialBox .footer a:hover {
            color: rgb(56, 113, 188);
        }

/* === footer === */

footer {
    background-color: rgb(230, 230, 231);
}

/* === #footHeadRow  === */

#footHeadRow {
    background: transparent url("images/bg_footer_small.png") no-repeat scroll center bottom / 100% auto;
}

/* === #footRow  === */

#footRow {
    background-color: rgb(79, 132, 202);
}

    #footRow a:hover,
    #footRow a:active,
    #footRow a:focus {
        color: rgb(155, 185, 225);
    }

/* === #copyRow  === */

#copyRow {
    background-color: rgb(56, 113, 188);
}

    #copyRow .institution {
        color: rgb(155, 185, 225);
    }

    #copyRow a:hover,
    #copyRow a:active,
    #copyRow a:focus {
        color: rgb(155, 185, 225);
    }

/* === ======================== === */

/* --- button --- */

.button {
    background-color: rgb(56, 113, 188);
}

.button:focus,
.button:hover {
    background-color: rgb(79, 132, 202);
}

/* === ======================== === */

table tfoot td, table tfoot th, table thead td, table thead th {
    padding: 0;
}

    table tbody td, table tbody th {
        padding: 0;
    }

    table tbody, table tfoot, table thead {
        background-color: #ffffff;
        border: 0;
    }

    table tbody tr:nth-child(2n), table tbody th:nth-child(2n) {
        background-color: #ffffff;
    }

    table td, table th {
        vertical-align: top;
    }

    table td.align-right, table th.align-right {
        text-align: right;
    }

/*----- MEDIAQUERIES BEGIN -----*/

/* Define mobile styles */
@media only screen {

}

/* min-width 640px, medium screens */
@media only screen and (min-width: 40em) {

    #footHeadRow { background: transparent url("images/bg_footer_medium.png") no-repeat scroll center bottom / 100% auto; }

}

/* min-width 1024px, large screens */
@media only screen and (min-width: 64em) {

}

/* min-width 1440px, xlarge screens */
@media only screen and (min-width: 90em) {

    body#p236 #page { background: #ffffff; }
    body#p236 #page.spring { background: transparent url("../../global/css/images/bg_body_fruehjahr.jpg") top center fixed; }
    body#p236 #page.summer { background: transparent url("../../global/css/images/bg_body_sommer.jpg") top center fixed; }
    body#p236 #page.autumn { background: transparent url("../../global/css/images/bg_body_herbst.jpg") top center fixed; }
    body#p236 #page.winter { background: transparent url("../../global/css/images/bg_body_winter.jpg") top center fixed; }

    #footHeadRow { background: transparent url("images/bg_footer_large.png") no-repeat scroll center bottom / 100% auto; }

}

/* min-width 1920px, xxlarge screens */
@media only screen and (min-width: 120em) {

}

/*----- MEDIAQUERIES END   -----*/