body {
    margin: 0;
    padding: 0;
    background-color: white;
    font: 100%/1.3 sans-serif;
}
.container {
    color: #634C5C;
    width: 98%;
    margin: auto;
}
.kopf {
    background-color: #5D9E65; /* grüner Hintergrund: hier Fallback wenn kein Verlauf möglich */
    background-image: -webkit-linear-gradient(left, #5D9E65, #ffffff 98%);
    background-image: linear-gradient(to right, #5D9E65, #ffffff 98%);
}
#contain {
    margin: 0;
    width: 350px;
    height: 50px;
    background-image: url(../pics/verein_online77.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    }
/*
    .kopf h1 {
      margin: 0;
      padding: 20px;
      font-weight: normal;
    }
*/
.inhalt {
    background-color: #fff;
    padding: 2%;
}
.navigation ul {
    margin: 0;
    padding: 0;
    background: #EDECEC ; /* #EDECEC */
    padding-bottom: 200px;
}
.navigation li {
    list-style: none;
    border-bottom: 1px solid #010101;
    box-shadow: 0 0px 2px #010101;
    padding: 10px;
}
.navigation a {
    display: block;
}
a:link, a:visited {
    color: #CE6634;
    text-decoration: none;
}
a.navisprung  {
    display: block;
    padding: 10px;
    background:  #EDECEC;
}
p {
    margin-top: 0;
}
   /* eigene Ergänzungen ***************************************************************************************************/
img {
    max-width: 100%;
    height: auto;
}

#loginbox {
/* Block zentrieren */
  background: #CCC;
  border: 2px solid #009C00;
  border-radius: 8px;
  padding: 10px 15px;
  position: absolute;
  width: 260px;
  height: 190px;
  top: 50%;
  left: 47%;
  /* damit der Wert wirklich in die Mitte kommt muss noch die Hälfte jeweils abgezogen werden */
  margin-top: -50px;
  margin-left: -138px;
}

label {
    width: 60px;
    padding: 4px;
    display: block;
    float: left;
}
input.standard {
    width: 200px;
}
textarea {
    width: 200px;
}
/* Tabellen +++++++++++++++++++++++++++++++++++++++++++++++++ */
td {
    vertical-align: top;
    }
#namenszug { /* Anzeige bei Full screen */
     background-image: url(../verein_online77.png);
     background-repeat: no-repeat;
     float: right;
     margin-right: 20px;
     margin-top: 20px;
    }
/* Ansicht fullscreen  ****************************************************************** Ansicht fullscreen ***************/
@media screen and (min-width: 40em) {

#loginbox {
/* Block zentrieren */
  background: #CCC;
  border: 2px solid #009C00;
  border-radius: 8px;
  padding: 10px 15px;
  position: absolute;
  width: 260px;
  height: 175px;
  top: 50%;
  left: 47%;
  /* damit der Wert wirklich in die Mitte kommt muss noch die Hälfte jeweils abgezogen werden */
  margin-top: -80px;
  margin-left: -80px;
}

     a.navisprung {
       display:none;
     }
     .container {
       max-width: 1500px; /* Anzeige bei Desktop und Labtop: volle Breite  */
       overflow: hidden;
       background:  white; /*#EDECEC */
       font-size: 90%; /* in Verhältnis zu body und damit Browsereinstellung */
     }
     .navigation {
       width: 17.5%;
       float: left;
     }
     .navigation ul {
        padding-top: 30px;
     }
.navigation li {
       list-style-type: square;
       margin-left: 30px;
       padding: 5px;
       box-shadow: none;
       border: none;
     }
.inhalt {
    background-color: #fff;
    float: right;
    width: 78%;
    }
input.standard {
    width: 470px;
}
textarea {
    width: 470px;
}
table {
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 0.9em;
    width: 100%;
    BORDER: #A6A6A6 1px solid;
   }
tr:nth-child(even) {
    background-color: FFEAAD;
}
th {
    padding: 8px 0.2em 8px 0;
    color: white;
    text-align:left;
    background-color: #adddd2;
    background-image: -webkit-linear-gradient(#adddd2, #040707);
    background-image: linear-gradient(#adddd2, #040707);
}
    }  /* ENDE @media screen and (min-width: 40em) */
.rwd-table {
  margin: 1em 0;
  min-width: 300px;
  background-color: #F9F9F9;
}
.rwd-table tr:nth-child(even) {
  background-color: #FFE9A3;
    /* background-color: #ffe37f; */
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  text-align: center;
}
/*
.rwd-table td:last-child {
  padding-bottom: .5em;
}
*/
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 480px) {
  .rwd-table th{
    display: table-cell;
    padding: 8px 0 8px 0;
  }
  .rwd-table td {
    display: table-cell;
    padding: .2em .2em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}