/*Bearbeitungsstand vom 07.06.2015*/
/*Normalisierungen*/
ul, ol, li, dl, dt, dd {
  display: block;
  padding: 0;
  margin: 0;
}
ul, ol{
    list-style: none;
}
li {
  display: list-item;
  margin-left: 2em;
}
/*Element-Selektoren*/
body{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        background: #FFFFFF;
        color: #000000;
        font-size: 1em;
        font-family: sans-serif;
}
header,
nav,
article,
section,
aside,
footer,
main {
          padding: 0.2em;
          -webkit-flex: 1 1 100%;
          flex: 1 1 100%;
}
header{
        text-align: center;
        background: #FFFFFF;
        color: #000000;
        border-radius: 10px 10px 0px 0px;
}
header img{
        border-radius: 10px;
        width: 100%;
}
nav{
        text-align: left;
        background: #FFFFFF;
        color: #000000;
        border-radius: 0px 0px 10px 10px;
}
nav ul{
        list-style:none;
        display:inline-block;
}
nav li{
        display:inline-block;
        width:10em;
          font-size:small;
        text-align: center;
          color:#000000;
          background-color:#FFFFFF;
          padding-top: 0.4em;
}
nav a:link, nav a:visited{
        display:inline-block;
        width:10em;
        border-style:solid;
        border-color:#000000;
        border-width:1px;
        border-radius: 10px 10px 0px 0px;
        padding-top: 0.4em;
        background-color:#F0F0F0;
        color:#000000;
        text-decoration:none;
}
nav a:hover, nav a:focus{
        display:inline-block;
        background-color: #C00000;
        color:#F0F0F0;
        text-decoration:none;
        text-align: center;
}
nav a:active{
        display:inline-block;
        background-color:#C00000;
        color:#F0F0F0;
        text-decoration:none;
        text-align: center;
}
main{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
     max-width: 80em;
     margin: 0 auto;
}
footer{
        border-top: 1em solid #0000A0;
        border-radius: 0px 0px 10px 10px;
        padding:0.5em;
        background: #CDD7FE;
        color: #000000;
        font-size: 0.9em;
        text-align: center;
}
footer ul{
        display: inline-block;
        vertical-align: text-top;
        list-style:none;
}
footer ul li{
        display: block;
        width:15em;
        text-align: left;
}
footer ul ul{
        display:block;
}
footer h2, footer h3, footer h4, footer h5, foh6{
       background-color: #CDD7FE;
       color: #00008B;
       font-size: 1em;
}
footer a{
        text-decoration: none;
}
section{
        padding:1em;
        background: #FFFFFF;
        color: #000000;
}
article{
    border-radius: 1em;
    border-color: #00008B;
    border: 0.2em solid;
    margin: 1em;
    padding: 1em;
    background-color: #F0FFFF;
    color:#00008B;
}
article figure{
    border-radius: 0.8em;
    background-color: #F0FFFF;
    color:#00008B;
}
article figcaption{
        padding: 0.5em;
        background-color: #F0FFFF;
        color:#00008B;
        font-size: 0.8em;
        text-align: center;
}
aside{
    border: 0.1em solid #00008B;
    border-radius: 0.8em;
    margin: 1em;
    padding: 1em;
}
figure{
        background-color: #FFFFFF;
        color: #000000;
}
figure img{
        border-radius: 1em;
        width: 100%;
}
figcaption{
        padding: 0.2em;
        font-size: 0.5em;
        text-align: center;
}
h1{
   padding-top: 0.3em;
   background-color: #CDD7FE;
   color: #00008B;
}
h2, h3, h4, h5, h6{
        padding: 0.2em;
        background-color: #00008B;
        color: #FFFFFF;
    }
    nav h2{
    padding: 0em;
    font-size: small;
    font-weight: normal;
    line-height: 0.1em;
        background: #FFFFFF;
        color: #000000;
        }
hr{
   height: 0.5em;
   border-radius: 10px;
   background-color: #00008B;
   color: #00008B;
          }
iframe{
    border: 0em solid #00008B;
    border-radius: 10px;
    background-color: #F0FFFF;
    color: #00008B;
}
/*Klassen-Selektoren*/
.fmc{
        -moz-column-width: 20em;
        -webkit-column-width: 20em;
        column-width: 20em;
    }
.zentriert{
text-align: center;
}
.rechts{
text-align: right;
}
.links{
text-align: left;
}
.mw200{
max-width:200px;
}

.mw300{
max-width:300px;
}

.mw600{
max-width:600px;
}
.bctransp{
          background-color: transparent;
          }
figure.text{
        max-width: 5em;
        float: left;
        }
figure.textr{
        max-width: 5em;
        float: right;
        }
figure.zent8{
        max-width: 8em;
        margin: 0 auto;
        }
figure.zent16{
        max-width: 16em;
        margin: 0 auto;
        }
figure.zent24{
        max-width:24em;
        margin: 0 auto;
        }
figure.zent32{
        max-width: 32em;
        margin: 0 auto;
        }
figure.links{
        max-width: 8em;
        float: left;
        }
figure.kopfr{
        max-width: 24em;
        float: right;
        }
figure.kopfl{
        max-width: 24em;
        float: left;
        }
figure.kopfm{
        max-width: 60em;
        margin: 0 auto;
        }
figure.rf8{
       display: inline-block;
       max-width: 8em;
        }
figure.rf16{
       display: inline-block;
       max-width: 16em;
        }
figure.rf24{
       display: inline-block;
       max-width: 24em;
        }

/*ID-Selektoren*/
#aktuell{
          border-style:solid;
          border-color:#000000;
          border-width:1px;
          border-radius: 10px 10px 0px 0px;
          border-bottom: 0px;
          background-color: #FFFFFF;
    }
/*Darstellung fuer Bildschirme mit einer Breite von mindestens 400 Pixeln*/
@media all and (min-width:400px){
/*Element-Selektoren*/
body{
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
    }
article{
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
aside{
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
    }

@media all and (min-width:600px){
/*Darstellung fuer Bildschirme mit einer Breite von mindestens 600 Pixeln*/
body{
         -ms-hyphens: auto;
         -moz-hyphens: auto;
         -webkit-hyphens: auto;
        hyphens: auto;
        font-size: 1.25em;
        }
article{
    -webkit-flex: 2 1 300px;
    flex: 2 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
aside{
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
    }

@media all and (min-width:900px){
/*Darstellung fuer Bildschirme mit einer Breite von mindestens 900 Pixeln*/
body{
         -ms-hyphens: auto;
         -moz-hyphens: auto;
         -webkit-hyphens: auto;
        hyphens: auto;
        font-size: 1.5em;
        }
article{
    -webkit-flex: 2 1 300px;
    flex: 2 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
aside{
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
    /*Klassen-Selektoren*/
.fmc{
        -moz-column-count:   3;
        -webkit-column-count: 3;
        column-count:        3;
}
}
@media all and (min-width:1900px){
/*Darstellung fuer Bildschirme mit einer Breite von mindestens 1900 Pixeln*/
body{
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
     font-size: 2em;
}
article{
    -webkit-flex: 2 1 300px;
    flex: 2 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
aside{
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    }
}