body {
background-color: rgb(240,240,240);
margin: 0;
padding: 0;
min-width: 480px;
}

.bild {
  border: none;
  max-width: 100%;
}

#container {
width: 90%;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
--border: 1px solid black;
background-color: #ffffff;
--opacity: 0.95;
}

#container_navi {
padding-top: 10px;
padding-bottom: 10px;
--border: 1px solid black;
width: 100%;
clear: both;
}

#container_haupt {
padding: 1em;
overflow: hidden;
clear: both;
}

#container_kopf, #container_fuss {
background-color: rgb(235,235,235);
}

#container_kopf {
text-align: center;
font-size: 5.0em;
font-weight: bold;
color: #097eb8;
font-family: 'Open Sans', sans-serif;
--background-image: url("./../images/logo_rot_korr_200_200_40J.jpg");
--background-repeat: no-repeat;
--background-position: left;
--height: 149px;
height: 154px;
text-shadow: 3px 3px 2px rgba(210,210,210,2.5);
padding-top: 10px;
padding-bottom: 10px;
}

#container_kopf_logo {
float: left;
}

#container_fuss {
font-family: 'Open Sans', sans-serif;
margin: auto;
width: 100%;
--border-top: 1px solid black;
--border: 1px solid black;
font-size: 0.9em;
text-align: center;
clear: both;
}

#navigation {
text-align: center;
margin: 0em 0em 0em -1em;
list-style: none;
height:     28px;
}

#navigation li > ul {
display: none;
}

#navigation li:hover {
position: relative;
}

#navigation li:hover > ul { 
  display:    block;
  position:   absolute;

  top:        27px;
  left:       -1px;
  width:      140px;
  list-style: none;
}

#navigation li li:hover > ul{ 
  top:        0.4em;
  right:       8em;
}

#navigation li {
--  display:     inline;
  display:     block;
  float:       left;
  line-height: 20px;
}

#navigation li {
  background: rgb(230,230,230) ;
  border:     1px solid black; 
}

#navigation > li {
  border-left: none;
}

#navigation > 
li:first-child {
  border-left: 1px solid black;
}

#navigation li li {
  border-top: none;
}

#navigation li li li:first-child {
  border-top: 1px solid black;
}

#navigation li:hover,
#navigation li:hover li:hover {
  background: orange;
}

#navigation li a:link, 
#navigation li a:visited {
  display: inline-block;
 
  width:   160px;
  padding: 3px;

  font-family:     Helvetica, Arial, sans-serif;
  color:           rgb(100,100,100); 
--  color:           rgb(10,10,10); 
  text-decoration: none;
}

#navigation > li, #navigation ul {
  -moz-box-shadow:    3px 3px 5px rgba(10,10,10,0.4);  
  -webkit-box-shadow: 3px 3px 5px rgba(10,10,10,0.4);
  box-shadow:         3px 3px 5px rgba(10,10,10,0.4);
}

#navigation li {
  text-shadow: 1px 1px 3px rgba(100,100,100,0.5);
  
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}

#navigation li:hover {  
  -moz-box-shadow:    1px 1px 1px rgba(10,10,10,0.2) inset;
  -webkit-box-shadow: 1px 1px 1px rgba(10,10,10,0.2) inset;
  box-shadow:         1px 1px 1px rgba(10,10,10,0.2) inset;
}

#navigation a:hover {
  position: relative;
  top:  1px;
  left: 1px;  
}

#navigation > li:first-child {
  -webkit-border-top-left-radius:    7px;
  -webkit-border-bottom-left-radius: 7px;
     -moz-border-radius-topleft:     7px;
     -moz-border-radius-bottomleft:  7px;
          border-top-left-radius:    7px;
          border-bottom-left-radius: 7px;
z-index: 600;
}

#navigation > li:last-child  {
  -webkit-border-top-right-radius:    7px;
  -webkit-border-bottom-right-radius: 7px;
     -moz-border-radius-topright:     7px;
     -moz-border-radius-bottomright:  7px;
          border-top-right-radius:    7px;
          border-bottom-right-radius: 7px;
z-index: 600;
}

#navigation > li > ul,
#navigation > li > ul > li:last-child,
#navigation > li > ul > li > ul,
#navigation > li > ul > li > ul > li:last-child {
  -webkit-border-bottom-left-radius:  7px;
  -webkit-border-bottom-right-radius: 7px;
     -moz-border-radius-bottomleft:   7px;
     -moz-border-radius-bottomright:  7px;
          border-bottom-left-radius:  7px;
  border-bottom-right-radius:         7px;  
z-index: 600;
}

#navigation > li > ul > li > ul,
#navigation > li > ul > li > ul > li:first-child {
  -webkit-border-top-left-radius:  7px;
  -webkit-border-top-right-radius: 7px;
     -moz-border-radius-topleft:   7px
     -moz-border-radius-topright:  7px; 
          border-top-left-radius:  7px;
          border-top-right-radius: 7px;
z-index: 600;
}


.nb {
    display: none;
    padding: 5px;
    background-color: #C2F9FF;
    border: 1px solid #000;
}

#unterseite {

}

#unterseite_kopf {
font-size: 2em;
font-weight: bold;
color: #057eb8;
text-align: center;
font-family: Helvetica,Arial,sans-serif;
}

#unterseite_kopf_2 {
font-size: 2em;
font-weight: bold;
color: #057eb8;
--color: #6666FF;
text-align: center;
font-family: 'Open Sans', sans-serif;
}

#unterseite_haupt {
--height; 90%;
font-family: 'Open Sans', sans-serif;
--font-size: 1em;
--font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
}

#unterseite_fuss {
clear: both;
font-size: 0.6em;
text-align: right;
color: #6666FF;
padding-right: 1em;
font-family: "Comic Sans MS";
}

p.italic {
    font-style: italic;
}

#kontakte {
width: 100%;
margin: auto;
margin-top: 1em;
background-color: #ffffff;
--opacity: 0.95;
}

#kontakt {
--width: 95%;
margin-left: 10px;
padding-top: 1em;
padding-bottom: 1em;
}

#tab {
float: left;
width: 100%;
}

#tab_termine {
text-align: center;
float: left;
width: 48%;
}

#tab_galerie {
width: 325px;
}

#tab_verein {
text-align: left;
float: none;
width: 100%;
}

#tab_protokolle {
text-align: center;
float: none;
width: 100%;
}

#tr,#th {
clear: both;
}

#td_galerie {
text-align: center;
float: left;
width: 160px;
}

#tr_galerie {
padding-top: 1em;
padding-bottom: 1em;
clear: both;
}

#td_1 {
width: 90px;
margin-left: 2em;
}

#td_2 {
width: 82%;
}

#geb_tab {
width: 100%;
}

#geb_tr,
#geb_th {
  clear: both;
--  margin-bottom: 2em;
}

#geb_td_1 {
width: 70%;
margin-left: 2em;
}

#geb_td_2,#geb_td_2_1 {
width: 10%;
}

#geb_td_3,#geb_td_3_1 {
width: 15%;
}

#sonstiges {
margin-left: 2em;
clear: both;
}

.spalte {
float: left;
}

@media (max-width: 767px){
  #container_kopf {
    font-size: 2.5em;
  }

  #th{
    display: none;
  }
  
  #td_1 {
    width: 95%;
    margin-left: 0em;
  }

  #td_2 {
    width: 95%;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
 }
  #td_1:before {
    content: "Datum : ";
  }
  #td_2:before {
    content: "Veränderung : ";
  }

  #geb_th {
    display: none;
  }
  
  #geb_td_1,
  #geb_td_2,
  #geb_td_2_1{
    width: 95%;
    margin-left: 0em;
  }

  #geb_td_3,
  #geb_td_3_1{
    width: 95%;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
  }

  #geb_td_1:before {
    content: "** ";
  }
  #geb_td_2:before {
    content: "Betrag : ";
  }

  #geb_td_3:before {
    content: "Zahlweise : ";
  }

  #container_navi {
    height: 196px;
  }

  #navigation li:hover > ul { 
    width:      200px;
  }

  #navigation li a:link, 
  #navigation li a:visited {
    width:   213px;
  }
  
  #navigation > li,
  #navigation > li > ul > li,
  #navigation > li > ul > li > ul > li{
    width:   220px;
  }

  #navigation li {
    float:       none;
  }

  #navigation > li{
    -webkit-border-top-left-radius:    7px;
    -webkit-border-bottom-left-radius: 7px;
     -moz-border-radius-topleft:     7px;
     -moz-border-radius-bottomleft:  7px;
          border-top-left-radius:    7px;
          border-bottom-left-radius: 7px;
    -webkit-border-top-right-radius:    7px;
    -webkit-border-bottom-right-radius: 7px;
     -moz-border-radius-topright:     7px;
     -moz-border-radius-bottomright:  7px;
          border-top-right-radius:    7px;
          border-bottom-right-radius: 7px;
    border-left: 1px solid black;
    z-index: 600;
  }

  #kontakt {
    clear: both;
  }
  #kontakt_daten_1,#kontakt_bild_1,#kontakt_daten_2,#kontakt_bild_2 {
    float: none;
    padding-top: 1em;
    padding-bottom: 1em;
    z-index: 100;
  }

  #kontakt_daten_1,#kontakt_daten_2 {
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
--    border: 1px solid black;
  }

  #kontakt_bild_1,#kontakt_bild_2 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  #container_kopf {
    font-size: 1.5em;
  }

  #th{
    display: none;
  }
  
  #td_1 {
    width: 95%;
    margin-left: 0em;
  }

  #td_2 {
    width: 95%;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
  }
  #td_1:before {
    content: "Datum : ";
  }
  #td_2:before {
    content: "Veränderung : ";
  }

  #container_navi {
    height: 196px;
  }

  #kontakt {
    clear: both;
  }
  #kontakt_daten_1,#kontakt_bild_1,#kontakt_daten_2,#kontakt_bild_2 {
    float: none;
    padding-top: 0em;
    padding-bottom: 0em;
    z-index: 100;
  }

  #kontakt_daten_1,#kontakt_daten_2 {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
--    border: 1px solid blue;
  }

  #kontakt_bild_1,#kontakt_bild_2 {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 979px){
  #container_kopf {
    font-size: 2.5em;
  }

  #navigation li {
    display:     inline;
    float:       left;
  }

  #navigation li:hover > ul { 
    width:      100px;
  }

  #navigation li a:link, 
  #navigation li a:visited {
    width:   113px;
  }
  
  #navigation > li,
  #navigation > li > ul > li,
  #navigation > li > ul > li > ul > li{
    width:   120px;
  }

  #kontakt_daten_1,#kontakt_bild_1,#kontakt_daten_2,#kontakt_bild_2 {
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
    z-index: 100;
  }

  #kontakt_daten_1,#kontakt_daten_2 {
    width: 45%;
    margin-right: 10px;
    margin-left: 10px;
  }

  #kontakt_bild_1,#kontakt_bild_2 {
    width: 40%;
  }

  #tab_verein {
    float: left;
    width: 32%;
  }
  #tab_protokolle {
    float: left;
    width: 48%;
  }
}

@media (min-width: 980px) {
  #container_kopf {
    font-size: 4.0em;
  }

  #navigation li {
    display:     inline;
    float:       left;
  }

  #navigation li a:link, 
  #navigation li a:visited {
    width:   160px;
  }
  #kontakt_daten_1,#kontakt_bild_1,#kontakt_daten_2,#kontakt_bild_2 {
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
    z-index: 100;
  }

  #kontakt_daten_1,#kontakt_daten_2 {
    width: 25%;
    margin-right: 10px;
    margin-left: 10px;
  }

  #kontakt_bild_1,#kontakt_bild_2 {
    width: 22%;
  }

  #tab_verein {
    float: left;
    width: 32%;
  }

  #tab_protokolle {
    float: left;
    width: 48%;
  }
}


.link_only {
text-decoration: none;
font-weight: 700;
}

.text_strike {
text-decoration:line-through;
}