body {
    margin:0 0 0 3px;
    font-size:90%;
    font-family:"Trebuchet MS", Arial, Lucida Sans Unicode, Lucida Console, sans-serif;
}

.grid-container {
  display: grid;
  grid-template-columns: 167px auto 362px 0px;
  grid-template-rows: 95px 24px auto;
  grid-row-gap:3px;
  grid-column-gap:3px;
}

.header {
    grid-column: 1 / span 3;
    grid-row: 1;
    /*overflow:hidden;*/
}

.nav-main {
    grid-column: 1;
    grid-row: 2 / span 3;
    background-color:rgb(205, 220, 222);
}

.nav-sub {
    grid-column: 2 / span 3;
    grid-row: 2;
    background-color:rgb(205, 220, 222);
}

.main {
    grid-column: 2;
    grid-row: 3;
    padding-top:20px;
    padding-left:29px;
    padding-right:20px;
}

.aside {
    grid-column: 3;
    grid-row: 3;
    background-color:rgb(205, 220, 222);
    margin-right:-3px; /* Ist notwendig, weil aus irgendeinem Grund eine vierte, leere Spalte vorhanden ist. */
    padding-bottom:10px;
}

h1 {
    color:rgb(154, 19, 35);
    text-transform:uppercase;
    font-size:155%;
}

h2 {
    font-size:120%;
}

section, p, figcaption {
    line-height:150%;
}

p.totop {
    margin-top:3em;
}

.totop a {
    background:url(../icons/totop.gif) no-repeat 0 3px;
    padding: 0 0 0 20px;
}

section {
    margin-bottom:2em;
}

a {
    color:rgb(154, 19, 35);
}

a:hover {
    text-decoration:none;
}

header figure {
    margin:0;
}

header figure#logo-left {
    position:absolute;
    top:0;
    left:0;
}

header figure#logo-right {
    position:absolute;
    top:0;
    right:0;
}

aside figure {
    margin:0;
}

aside figcaption {
    font-size:90%;
    margin:0 0 10px 70px;
}

nav a {
    font-size:90%;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    color:rgb(0, 0, 0);
}

nav p {
    padding-left:40px;
    border-bottom:3px solid white;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1.6em;
}

nav p.active {
    background: url(../icons/bullet.gif) no-repeat left center;
}

nav p.active a, nav p a:hover {
    color:rgb(154, 19, 35);
}

nav.nav-main p a:hover, nav.nav-main p a#ausstellung:hover {
    background: url(../icons/bullet.gif) no-repeat left center;
    padding-left:40px;
    margin-left:-40px;
}

nav p a#ausstellung {
    background: url(../icons/6-punkte.gif) no-repeat left center;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:40px;
    margin-left:-40px;
    }

div#nav-settings a {
    text-transform:none;
    background:none;
}

div#nav-settings p {
    border-bottom:none;
    padding-left:0;
    padding-right:5px;
    padding-top:5px;
    text-align:right;
}

div#nav-settings img {
    vertical-align:middle;
}

.nav-sub p {
    line-height:1.8em;
    vertical-align:middle;
    border-bottom:none;
    padding-left:20px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:85%;
}

.nav-sub a {
    font-size:100%;
}

.nav-sub a:hover {
    background:none;
}

span.sep-nav-sub {
    font-weight:normal;
}

span.kapitel {
    padding-right:25px;
}

nav.nav-sub a {
    margin-left:5px;
    margin-right:5px;
}



main li {
    padding: 0 0 5px 0;
    margin-left:30px;
}


a.pdf {
    padding-left: 23px;
    background: url(../icons/pdf.gif) no-repeat center left;
}

a.doc {
    padding-left: 23px;
    background: url(../icons/doc.gif) no-repeat center left;
}

a.ext, a.external-link {
    padding-left: 15px;
    background: url(../icons/extlink.gif) no-repeat center left;
}

dl.zeitleiste dt {
    color:#9a1323;
    font-size:140%;
}

dl.zeitleiste dd {
    line-height:150%;
    margin:0 0 10px 70px;
}

h2.red {
    font-size: 140%;
    color:#9a1323;
    font-weight:bold;
    margin: 0 0 10px 69px;
    padding: 20px 0 0 0;
}

@media only screen and (max-width: 33em) {
    .grid-container {
      display: grid;
      grid-template-columns: 167px auto auto 0px;
      grid-template-rows: 95px auto auto auto auto;
      grid-row-gap:3px;
      grid-column-gap:3px;
    }
    .nav-main {
        grid-column: 1 / span 2;
        grid-row: 2;
    }
    .nav-sub {
        grid-column: 1;
        grid-row: 3;
    }    
    .main {
        grid-column: 1 / span 2;
        grid-row: 4;
        padding-top:3px;
        padding-left:3px;
        padding-right:3px;
    }    
    .aside {
        grid-column: 1 / span 2;
        grid-row: 5;
        background-color:"green";
    }
    div#nav-settings p {
        text-align:left;
        padding-left:20px;
    }
    header figure#logo-right {
        display:none;
    }
}

@supports not (display:grid) {

    .header {
	    height:95px;
    }

    .nav-main {
        background-color:rgb(205, 220, 222);
	    width:167px;
	    position:absolute;
	    top:98px;
	    left:0px;
	    height:100%;
    }

    .nav-sub {
	    height:24px;
        background-color:rgb(205, 220, 222);
	    margin-top:3px;
	    margin-left: 168px;
    }

    .main {
	    position:absolute;
	    right:367px;
	    left:190px;
    }

    .aside {
        background-color:rgb(205, 220, 222);
	    width:362px;
	    position:absolute;
	    right:0px;
    }

}