/* http://www.http://buergerring-lipperode.de//style.css */

/*********************/

/* Allgemein         */

/*********************/

html {
    background-image: url(bilder/Frontansicht.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

body {
    background-color: yellow;
    font-family: Arial, Verdana, sans-serif;
    width: 1024px;
    margin: auto;
    font-size: 20px;
    color: black;
}

/* Kopfzeile         */

.header {
    background-color: yellow;
    background-repeat: no-repeat;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.header h1 {
    color: black;
    font-size: 48px;
    margin-left: 100px;
}

/* Menü         */

.nav {
    background-color: red;
/*    padding-left: 10px;    */
    padding-right: 40px;
}

.nav>ul {
/*    padding-inline-start: 30px;     */
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    text-align: center;
}

.nav li {
    position: relative;
    display: inline-block;
}

.nav a {
    position: relative;
    display: block;
    text-decoration: none;
    transition: 0.5s;
    color: black;
    width: 125px;
    background-color: whitesmoke;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
    z-index: 200;
}


/*Style 'show menu' label button and hide it by default*/

.show-menu {
    text-decoration: none;
    color: #fff;
    background: #19c589;
    text-align: center;
    padding: 10px 0;
    display: none;
}

/*Hide checkbox*/

input[type=checkbox] {
    display: none;
}

.border {
    border-radius: 8px;
    border-left: 2px solid lightgrey;
    border-right: 2px solid lightgrey;
}

#aktuell {
    background-color: lightgrey;
}

.aside {
    background-color: whitesmoke;
    margin: 10px;
}
.aside table{
    background-color: snow;
}

.aside table tbody{
    text-align: center;
    vertical-align: top;
    
}

#aktuelles {
    width: 300px;
    color: black;
    margin: 15px;
    text-align: center;
}

#aktuelles h3 {
    text-decoration: underline;
}

#kurzbeschreibung {
        color: black;
        margin: 15px;
        text-align: center;
}

.footer {
    background-color: red;
    color: black;
    text-align: right;
/*    margin-bottom: 60px;*/
}

.footer a {
    color: black;
    text-decoration: none;
}

.footer a:hover {
    color: grey;
    text-decoration: underline;
}


/********/

/*Chronik */

#geschichte {
    text-align: left;
    margin: 15px;
}

/* Vorstand */

#vorstand {
    text-align: left;
    margin: 15px;
}

#vorstand table{
    margin-left: auto; 
    margin-right: auto;
    padding: 20px;
    border-collapse: separate;
    border-spacing: 10px;
}

/* Bürgerhütte*/


#buergerhuette {
    text-align: left;
/*    margin: 15px;*/
}

#buergerhuette table{
    text-align: left;
    margin-left: auto; 
    margin-right: auto;
    padding: 20px;
    border-collapse: separate;
    border-spacing: 10px;
}

#buergerhuette table tbody{
    text-align: left;
    
}
#buergerhuette h4{
    text-decoration: underline;
}

.link {
    text-decoration: none;
    color: black;
    border-radius: 8px;
    background-color: whitesmoke;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid lightgrey;

}

.SlideshowElements {display: none;}
.SlideshowAnimation {
    position: relative; 
    animation: SlideshowAnimation 10s;
    width:600px;
}
@keyframes SlideshowAnimation {
    0% {opacity: 0;}
    20% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
}

/*Kontakt */

.kontakt {
    text-align: left;
    margin: 15px;
}

.email {
    text-align: left;
/*    margin: 15px;
*/
    color: black;
    text-decoration: none;
}

.emailblack {
    color: black;
    text-decoration: none;
}

/* Vereine */

#vereine h3{
    text-align: center;
    padding: 10px;
}

#vereine table{
    margin-left: auto; 
    margin-right: auto;
    padding: 20px;
    border-collapse: separate;
    border-spacing: 10px;
}
.impressum {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    background-color: snow;
    margin: 15px;
}
.impressum table{
    align-content: center;
    background-color: snow;
    margin: 15px;
}

.impressum table tbody{
    vertical-align: top;
    text-align: left;
}

.impressum table td{
    width: 1024px;
}
#impressum {
    text-align: left;
/*    box-sizing: border-box;
    width: 65%;
    display: block;*/
}

#webdesign {
    text-align: left;
    /*width: 30%;*/
}
#datenschutz{
    width: 600px;
    padding: 10px;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
}
#datenschutz table{
    width: 300px;
    margin-left: auto; 
    margin-right: auto;
    padding: 20px;
    border-collapse: separate;
    border-spacing: 10px;
}
.fehlermeldung{
    background-color: whitesmoke;
    padding: 20px;
    margin: 10px;
    text-align: center;
}