body {
     color: #000000;
     background: #FFFFFF;
     font-family: calibri, "Helvetica Neue", sans-serif;
     margin: auto;
     margin-top: 0px;
}

table {
     font-size: 1em;
     font-family: calibri, "Helvetica Neue", sans-serif;
}

table.spalte {
     border-left: 10px solid #FFFFFF;
     padding-left: 7px;
     padding-right: 3px;
     color: #000033;
     font-family: calibri, "Helvetica Neue", sans-serif;
     font-size: 0.9em;
     line-height: 1.3em;
}

td {
     vertical-align: top;
}

h1 {color:#ccc;}

h2 {
     color: #336699;
     font-family: optima, "Helvetica Neue", sans-serif;
     font-size: 1.8em;
     font-style: normal;
     font-weight: 300;
}

h3 {
     background: #336699;
     min-width: 380px;
     color: #FFF;
     font-family: optima, "Helvetica Neue", sans-serif;
     font-size: 1.3em;
     font-style: normal;
     font-weight: 300;
     text-align: center;
     line-height: 1.5em;
     padding: 2px 2px 0px 2px;
}

h4 {
     color: #000033;
     font-family: optima, "Helvetica Neue", sans-serif;
     font-size: 1.2em;
     font-weight: 300;
     margin-bottom: 0px;
}

p {
     margin-top: 3px;
     margin-bottom: 3px;
}

hr {
     color: #990033;
}

b {
     font-size: 1.05em;
     color: #003366;
}

ul {
     margin-top: 0px;
     margin-bottom: 0px;
}

li {list-style:square;list-style-image: url(images/rechts.gif);
     padding: 0 0 0 0; margin-top: 3px;
}

#ol {
     list-style: decimal outside;}

.leiste {
     text-decoration: none;
     color: #000033;
}

a {
     color: #000066;
     padding: 3px;
}

a:visited {
     color: #000033;
}

a:hover {
     background-color: #DDD;
     padding: 3px;
}

.space {padding:15px;}

//html5: columns & details & dropdown// 

div {}

#columns {
     column-count: 2;
     column-gap: 2em;
     column-rule: 0px black;
     -webkit-column-count: 2;
     -webkit-column-gap: 3em;
     -webkit-column-rule: 0px double #ccc;
     -moz-column-count: 2;
     -moz-column-gap: 2em;
     -moz-column-rule: 0px double blue;
}

details {
     padding: 0px;
     background: #CCC;
}

summary {
     font-size: 1.2em;
     color: #336699;
     font-family: optima, sans-serif;
     font-weight: 300;
     line-height: 1.4em;
     text-shadow: 3px 3px #DDD;
     margin: 0, 1, 1, 1;
     padding: 2px;
     background: #EEE;
}

.dropbtn {
     #background-color: #336699;
     #color: #336699;
     padding: 0px;
     font-size: 1em;
     border: none;
     font-family: optima, calibri, sans-serif;
     width: 380px;
}

.dropdown {
     position: relative;
     display: inline-block;
}

.dropdown-content {
     display: none;
     position: absolute;
     background-color: #F1F1F1;
     margin-left: 1em;
     padding-left: 1em;
     min-width: 350px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.5);
     z-index: 1;
}

.dropdown-content a {
     color: black;
     padding: 0.1em 0.1em 0 0;
     text-decoration: none;
     display: block;
}

.dropdown-content a:hover {
     background-color: #DDD;
}

.dropdown:hover .dropdown-content {
     display: block;
}

.dropdown:hover .dropbtn {
     background-color: #CCDDEE;
}

/* Sprungmarke nach oben */

#up {
  position: fixed;
  bottom: 200px;
  right: 40px;
  padding: 0.5em;
  #border: #eeeeee 1px groove;
  background-color: #eee;
  box-shadow: 2px 2px 1px 1px #cccccc;
  text-decoration: none;
  color: black;
  #text-align: center;
  display: none;
}
#up:hover, #up:focus {
  background-color: #ccddee;
  transition: all 0.2s ease-out;
}