/* General Style */
body {
    background:#5a5958;
    font-size: 100%;
    margin: 0em;
    padding: 0em;
    /*background-image: url("bilder/fp4.jpg");*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;
}
h1 {
    font-size: 2.5em;
    line-height: 1em;
    font-family: 'promptextrabold', Tahoma;
    /*font-weight: 100;*/
    color: #000000;
    margin: 0em;
    padding: 1em;
    text-shadow: 1px 1px  #828282;
    text-align: left;
    
    
}
h2 {
    font-size: 2.1em;
    line-height: 1em;
    font-family: 'promptextrabold', Tahoma;
    /*font-weight: 100;*/
    color: #ccff00;
    margin: 0em;
    padding: 0.5em ;
    text-shadow: 2px 2px  #8e8e8e9a;
    background-color: #474844;
    text-align: center;
    border-bottom: 0.1em solid #ccff00;
}
p {
    font-size: 1.2em;
    line-height: 1em;
    font-family: 'promptextralight', Tahoma;
    /*font-weight: 100;*/
    color: #2f2d2c;
    margin: 0em;
    padding: 0.5em 1.8em 0.5em 1.8em;
    text-align:left;
}
.p1{
    font-size: 1.2em;
   
}
.p2{
    font-size: 1.563em;
    line-height: 1.8em;
}
.left_alignment { 
    text-align: left; 
    padding-left: 2em;
}

div{
    display: inline-block;
     }

.left{
    width: 30%;
}
.right{
    width: 68%;
}
table{
    border:"0";
    font-family:'promptextralight'; 
    font-size:1.6em; 
    font-weight:200; 
    width: 100%; 
    border-collapse: collapse; 
    text-align: left; 
    line-height: 60px;
}
ul {
    margin: 0px;
    padding: 0px;
}
li {
    list-style: square;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*font-weight: 100;*/
    color: #2f2d2c;
    padding: 0.5em 0em 0em 0em;
    margin: 0.313em 0em 0.313em 0em;
}
img {
    
    height: auto;
    max-width: 100%;
    
}
a {
    font-size: 1.2em;
    line-height: 1em;
    font-family: 'promptextralight', Tahoma;
    /*font-weight: 100;*/
    color: #2f2d2c;
    margin: 0em;
    padding: 0.5em 1.8em 0.5em 1.8em;
    text-align: justify;
    text-decoration: none;
}

/*On Top Bar*/
#menubar {
    padding: 1.0em 1.8em ;
    background:#5a5958 ;
    position: sticky;
    top: 0;  
    display: none;    
}

#menubar ul {
    display:  inline;
    width: 1em;
}
#menubar ul li {
    display: inline;
    padding:0.0em 1.5em;
}
#menubar ul li a.menubutton{
    display: none;
}
#menubar ul li a.bonka{
    display: none;
   
 }
 #menubar ul li a.zaehler{
    display: inline;
    padding-left: 40em;
    max-width: 5em;
    }
    #menubar img{
        max-width: 10em;
    }


header img{
    width: 100%;
}

/* Navigation*/
nav2 {
    position: fixed;
    top: 5;
    display: none;
    background:#5a5958 ;
    text-align: center;
    margin: auto;
    width:100%;
}

nav2 ul{
    display: block;
   
}
nav2 ul li {
display: inline;
margin: 0em 0.188em 0em 0.188em;
}

nav2 ul li img{
    max-height: 2.0em;
    max-width: 5em;
}

nav2 ul li a{
    color: #ffffff;
    font-size: 1.125em;
    line-height: 2.5em;
    padding: 0.563em 0.938em 0.375em 0.938em;
    transition:background 0.2s;
    -web-transition:background 0.2s;
}
nav2 ul li a:hover{
    background-color: #cbf81894;  
    border-bottom: 0.25em solid #caf818;
}

nav2 ul li a.active{
    border-bottom: 0.25em solid #caf818;
}

/* Navigation*/
nav {
    display: block;
    height: 2.5em;
    background:#5a5958 ;
    text-align: center;
    margin: auto;
}
nav ul{
    display: block;
   
}
nav ul li {
display: inline;
margin: 0em 0.188em 0em 0.188em;
}

nav ul li img{
    max-height: 2.0em;
    max-width: 5em;
}

nav ul li a{
    color: #ffffff;
    font-size: 1.125em;
    line-height: 2.5em;
    padding: 0.563em 0.938em 0.375em 0.938em;
    transition:background 0.2s;
    -web-transition:background 0.2s;
}
nav ul li a:hover{
    background-color: #cbf81894;  
    border-bottom: 0.25em solid #caf818;
    
}

nav ul li a.active{
    border-bottom: 0.25em solid #caf818;
}


/*Main*/
#main {
    max-width: 1080px;
    display: block;
    width: 96%;
    margin: auto;
    padding: 0.5em;
}

#main img{
    padding: 1.0em 1em 1em 1em ;
}

#main article{
    
    display: block;
    background-color: #cccbcb;   
 }

  .Mitglieder{
    padding-left: 2em;
   }
  
  .Vereinsdaten{
    padding-left: 2em;
   }

/* Footer */
footer {
    display: block;
    background: #5a5958;
    text-align: center;
    margin: auto;
}
footer ul{
    display: block;
    width: 100%;
    margin: 0px auto;
}
footer ul li{
    display: inline;
    font-size: 1em;
    line-height: 2.8em;
    color: #e2d8d8;
    padding: 0em 0.625em 0em 0.625em;
}
footer ul li a{
    color: #ffffff;
}

/* Media Style */
@media screen and (max-width:800px) {
    body{
        font-size: 90%;
    }
    
}
@media screen and (max-width:600px) {
    #main aside, #main article{
        width:100%;
        display: block;
        margin: 0.625em 0em 0.625em 0em;
    }
    
}

@media screen and (min-width:550px) {
    nav.nav{
        display: block !important;
    }
    header{
        display: block;
        background:#3f3e3d;
        text-align:center ;
    }
}
@media screen and (max-width:550px) {
    body{
        font-size: 80%;
    }
    #menubar {
    display: block;
    }
    #menubar ul li a.menubutton{
        display: inline;
    }
    
    #menubar ul li a.menubutton img{
        width: 2em;
    }
    #menubar ul li a.bonka{
        display: inline;
    }
    nav {
        display: none;
        position: fixed;
        top: 100;
        height: auto;
    }
    nav ul li {
        display: block;
        margin: 0.3em 0em 0.3em 0em;
    }
    nav2 {
        display: none;
        }
    header{
        display: none;
        background:#3f3e3d;
        text-align:center ;
    }
}