h1{color: #ffffff; font-size: 2em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h2{color: #ffffff; font-size: 1em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h3{color: #000000; font-size: 1.8em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h4{color: #000000; font-size: 1em; font-weight: bold; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h5{color: #adbde3; font-size: 1.8em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h6{color: #adbde3; font-size: 1em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h7{color: #000000; font-size: 1.4em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h8{color: #000000; font-size: 0.8em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}
h9{color: #bdbdbd; font-size: 1.4em; font-weight: normal; display:inline; font-family: Calibri, Verdana, Arial, sans-serif;}

body {
font-family: Calibri, Verdana, Arial, sans-serif;
}

td, table, tr {
font-family: Calibri, Verdana, Arial, sans-serif;
}

a:link {
text-decoration:none; color:#000000;
}

a:visited {
text-decoration:none; color:#000000;
}

a.navi:link {
text-decoration:none; color:#000000;
}

a.navi:visited {
text-decoration:none; color:#000000;
}

a.intext:link {
text-decoration:none; color:#000000;
border-bottom:1px dotted #000000;
}

a.intext:visited {
text-decoration:none; color:#000000;
border-bottom:1px dotted #000000;
}

.wrap {
  width: 100%;
  max-width: 900px;
  margin: 4em auto;
  font-family: Calibri, Verdana, Arial, sans-serif;
  padding: 1em 2em;
}

/* Buttons styles */
input::-moz-focus-inner,
button::-moz-focus-inner {
        border: 0;
        padding: 0;
}

input[type="submit"].btn,
button.btn {
        cursor: pointer;
}

a.btn,.btn {
        display: inline-block;
        outline: none;
        *zoom: 1;
        text-align: center;
        text-decoration: none;
        font-family: inherit;
        font-weight: 300;
        letter-spacing: 1px;
        vertical-align: middle;
        border: 1px solid;
        transition: all 0.2s ease;
        box-sizing: border-box;
        text-shadow: 0 1px 0 rgba(0,0,0,0.01);
        color: #ffffff;
        border-color: #ffffff;
        font-size: 1.2em;
        padding: 12px 20px;
}
/* end... */

hr {
color: #164B68; border: 0; background-color: silver; height: 1px;
}

.mehrspaltig {
        width: 100%;


}

.mehrspaltig ul {
        padding-left: 2em;
}

.mehrspaltig img {
        float: left;
}

.mehrspaltig {
        -moz-column-width: 20em;
        -webkit-column-width: 20em;
        column-width: 20em;
        -moz-column-gap:      2em;
        -webkit-column-gap:   2em;
        column-gap:           2em;
}

.shadow {background: url(./shadow.png) left 100%;
        margin-top:40px;
        background-repeat: no-repeat;
        background-size:100%;
        width:100%; height:100%;
        z-index:-1;
        }

#pagecontent {
margin-left: 0;
/*background-color: #cdcdc1;*/
overflow: scroll;
 }


* {
    box-sizing: border-box;
}

.col-3 {width: 3.33%;}
.col-5 {width: 5%;}
.col-10 {width: 10%;}
.col-15 {width: 15%;}
.col-19 {width: 19%;}
.col-20 {width: 20%;}
.col-21 {width: 21%;}
.col-25 {width: 25%; padding: 2em;}
.col-30 {width: 30%; padding: 2em;}
.col-33 {width: 33.33%; padding: 2em;}
.col-40 {width: 40%;}
.col-45 {width: 45%;}
.col-50 {width: 50%;}
.col-60 {width: 60%;}
.col-70 {width: 70%;}
.col-80 {width: 80%;}
.col-90 {width: 90%;}
.col-95 {width: 95%;}
.col-100 {width: 100%;}
.row::after {
    content: "";
    clear: both;
    display: table;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: fixed;
    min-width: 19%;
}
.menu li {
    border-bottom: 1px solid grey;
    background-color: #ffffff;
    color: #004176;
    font-size: 1.2em;
    padding: 0.8em 1em;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  */

}


[class*="col-"] {
    float: left;
    margin-top: 0px;
        /*border: 1px solid grey;*/
}





tr.colour1{background-color: #ffffff;
 border: none; }
tr.colour2{background-color: #f2f2f2;
 border: none; }





@media only screen and (max-width: 1000px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
        padding: 1%;
        position: static;
        }

  img { max-width: 600px; }

        .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: static;
}