*{
    margin: 0;
    padding: 0;
}

body  {
    text-align: center;
    background-image: url(BilderLayout/Schriftwebschr.png);
    background-attachment: fixed;
}


header, nav, footer, aside, section {
    display: block;
}

header {
    background-color: white  opacity: 0.4 /*#30DA00*/;

    margin-top: 10px !important ;
    margin-bottom: 0px;
    /*background-image: url(Bilder/WappenUnterstedt.jpg);
    background-image: url(Bilder/KollageUnter.jpg);*/
    background-repeat: no-repeat;
    height: 120px;
    width: 1100px;
   /* margin: auto;*/

}

nav {

}

#kollage {
    margin: 0 !important;
    padding: 0;
    border: 0 ;
}

#inhalt {
    margin-bottom: 30px;
    text-align: center;
    color: #4F4F4F;
    font-family: PT Serif ,Bookman Old Style, serif, Arial, sans-serif;
}

#inhalt p {
    color: #4F4F4F;
    font-family: PT Serif ,Bookman Old Style, serif, Arial, sans-serif;
}

#inhalt a {
    text-decoration: underline;
}


#steuerung1 {
    background-color: orange;

}

#steuerung1 ul {
    list-style: none;
}

#steuerung2 {
    /*background-color: yellow;*/
    margin-top: 30px;
    width: 220px;
    float: left;
}

aside {
    /*background-color: #00FF00;*/
    margin-top: 30px;
    width: 175px;
    float: right;
}

section {
    /*background-color: #0000FF;*/
    margin-left: 250px;
    margin-right: 195px;
    margin-top: 30px;
}

footer {
    width: 1100px;
    padding-top: 20px;
    margin: auto;
    background-color: transparent;
    text-align: center;
    /*opacity: 0.0;*/

}

#wrapper {
      /*background-color: white*/ /* #808080;*/
      background-image: url(BilderLayout/bildhintergrund.png);
      background-repeat:repeat-y;
      width: 1100px;
      margin: auto;
      /*border: solid black;*/
      text-align: left;

}

#webmaster {
    padding-bottom: 15px;
}

#webmaster p {
    font-size: 10pt !important;
    color: #4F4F4F;
    text-decoration: none;
}

#actionen:hover {
    color: #329432;
    cursor: pointer; 
} 

#article {
    display: none;
    margin-bottom: 2.5em;
}

#article p {
    color: #4F4F4F;
}

#termine1H {
    display: none;
    font-weight: bolder;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
}

#termine1H table {
       /*width: 630px;*/
       border-collapse: collapse;
}


#termine1H tr,td,th {
    border: 1px solid black;
    /*margin-top: 20px;*/
    text-align: center;
    margin-bottom: 0px;
}

#termine1H p {
    color: #4F4F4F;
    font-weight: bolder;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 14pt;
    padding-top: 10px;
    /*margin-top: 15px;*/
    margin-bottom: 0;
    width: 653px;
    background-color: #C0C0C0;
    text-align: center;
    height: 30px;
    border: 1px solid black;

}

/*#article {
    display: none;
    color: #4F4F4F;
}

#article p {
    color: #4F4F4F;
    font-size: 12pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}

#article2 {
    display: none;
    color: #4F4F4F;
}

#article2 p {
    color: #4F4F4F;
    font-size: 12pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}  */

#ausklapp {

    width: 450px;
    margin-top: 80px;
    text-align: center;
    margin-left: 100px;
}

#ausklapp1 h1{
    font-size: 20pt;
    color: #4F4F4F;
}

#ausklapp h4 {
    text-decoration: underline;
    font-size: 23px;
    font-weight: bold;
    color: #4F4F4F;
    margin-bottom: 20px;
} 

#actionen2:hover {
    color: #329432;
    cursor: pointer;
}

#termine2H {
    display: none;
    font-weight: bolder;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
}

#termine2H table,tr,td,th {
    border: 1px solid black;
    /*margin-top: 20px;*/
    text-align: center;
    /*width: 630px;*/
    border-collapse: collapse;
    margin-bottom: 0px;
}

#termine2H p {
    color: #4F4F4F;
    font-weight: bolder;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 14pt;
    padding-top: 10px;
    margin-top: 15px;
    margin-bottom: 0;
    /*width: 630px; */
    background-color: #C0C0C0;
    text-align: center;
    height: 30px;
    border: 1px solid black;
}

#stand {
    margin-left: 485px;
    margin-top:  50px;
    margin-right: 20px;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
    font-size: 9pt;
    color: #4F4F4F;
}

#ueberschrift {
    background-color: #FFFFCD;
}

#formular {

    width: 635px;
    background-color: #C0C0C0;
    color: #4F4F4F ;
    text-align: left;
}

#formular td {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-left: 0;
    border-color: #C0C0C0;
}

#formular tr {
    margin: 20px;
}

#formular h2{
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
}

#sgu {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
    font-size: 16pt;
    color: #4F4F4F;
    padding: 80px;
}

#sgu a {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
    font-size: 16pt;
    color: #4F4F4F;
    text-decoration: underline;
}

#pflichtfeld {
    margin-left: 30px;
    color:#dd0000 ;
    font-size: 9pt;
}

#inhaltdisc {
    color: #4F4F4F;
}

#inhaltdisc h1,h3 {
      text-align: center;
}

#discvorl a {
     text-decoration: underline;
     color: #4F4F4F;
}

#hotel {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 11pt;
    color: #4F4F4F;
    text-decoration: none;
    display: block;
}

#hotel a {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 19pt;
    color: #4F4F4F;
    text-decoration: underline;
    display: block; 
}

#hotel1 {   
}

#hotel1 h1 {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 30pt;
    color: #4F4F4F;
}

#gewerbe a {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 14pt;
    color: #4F4F4F;
    text-decoration: none;
    display: block; 
}

#gewerbe1 h1{
     font-family: PT Serif, serif ,Arial, sans-serif;
     font-size: 18pt;
     color: #4F4F4F;
}


#gewerbe2 h2 {
     font-family: PT Serif, serif ,Arial, sans-serif;
     font-size: 14pt;
     color: #4F4F4F;
     text-decoration: none;
}

#gewerbe2 a {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 14pt;
    color: #4F4F4F;
    text-decoration: none;
    display: block;              
}      
       
#gewerbe2 a {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
    text-decoration: none;
    display: block;
}

#gewerbe2 p {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
}

#gewerbe3 p,a {
    font-family: PT Serif, serif ,Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
    text-decoration: none;
}

#lf10 p {
    color: #4F4F4F;
    font-size: 12pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ; 
}

#lf10 h1 {
    color: #4F4F4F;
    font-size: 16pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}

#webdesign h1 {
    color: #4F4F4F;
    font-size: 16pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}

#webdesign h2,h3 {
     color: #4F4F4F;
    font-size: 16pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
    text-align: center; 
}

#webdesign p {
    color: #4F4F4F;
    font-size: 12pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ; 
}

#anruf {
    font-weight: bolder;
}

#footer p {
     color: #4F4F4F;
     font-size: 14pt;
}

#footer {
    margin-bottom: 15px;
}

#archiv {
    color: #4F4F4F;
}

#archiv h1 {
    color: #4F4F4F;
}

#archiv1 {
    color: #4F4F4F;
    margin-top: 30px;
}

#archiv1 h2 {
    font-size: 15pt;
}

#ffarchiv {
    color: #4F4F4F;
    margin-top: 30px;
}

#ffarchiv1 {
    color: #4F4F4F;
    margin-top: 30px;
}

#ffarchiv1 h2 {
    font-size: 15pt;
}

#ortsrat {
    width: 900px;
    margin: auto;
    color: #4F4F4F;
}

#ortsrat h1 {
    font-size: 18pt;    
}

#ortsrat1 {
    text-align: center;
    color: #4F4F4F;
    font-size: 16pt;
    
}

#ausklapp2 {
    width: 600px;
    margin-top: 20px;
    text-align: left;
    margin-left:5px;
}

#ausklapp2 h1 {
    font-size: 20pt;
    color: #4F4F4F;
}

#actionen2:hover {
    color: #329432;
    cursor: pointer;
}

#actionen2:hover {
    color: #329432;
    cursor: pointer;
}

#article2{
    display: none;
}

#ausklapp3 h1 {
    font-size: 20pt;
    color: #4F4F4F;
}

#actionen3:hover {
    color: #329432;
    cursor: pointer;
}

#article3 {
    display: none;
}

#actionen5:hover {
    color: #329432;
    cursor: pointer;
}

#ausklapp5 {
    width: 600px;
    margin-top: 20px;
    text-align: left;
    margin-left:5px;
}

#ausklapp5 h1 {
    font-size: 20pt;
    color: #4F4F4F;
}

#article5 p {
    color: #4F4F4F;
    font-size: 14pt;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}

#article5 a {
    color: #4F4F4F;
    text-decoration: underline;
    font-size: 14pt;
}

#article5 {
    display: none;
}

#article6 {
    display: none;
}

#ausklapp6 h1 {
    font-size: 20pt;
    color: #4F4F4F;
}

#actionen6:hover {
    color: #329432;
    cursor: pointer;
}

#erntefest{
    color: #4F4F4F;
}

#steuerung3 {
    display: none;
}

#kollagerwd {
    display: none;
}

#bildseiterwd2 {
    display: none;
}

#alphae {
    width: 600px;
    color: #4F4F4F;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}

#alphae a, h2 {
    color: #4F4F4F;
    text-decoration: underline;
}

#sectionin {    
      width: 635px;
      font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
      color: #4F4F4F;
}

#sectionin h1 {
    color: #4F4F4F;
    text-align: center;
    font-size: 40px;
}

#wein h1 {
     color: #4F4F4F;
     text-align: center;
     font-size: 40px;
}

#wein p {
     color: #4F4F4F;
     font-size: 18px;
     font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}

#modellbahn h1 {
     color: #4F4F4F;
     text-align: center;
     font-size: 50px;
}

#modellbahn2 h1 {
     color: #4F4F4F;
     text-align: center;
     font-size: 35px;
}

#bvwp {
    width: 600px;
    color: #4F4F4F;
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
}

#bvwp h3 {
     color: #4F4F4F;
     font-size: 30px;
     text-decoration: underline;
     font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
     margin-bottom: 10px;
}

#bvwp1 p {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
    font-size: 25px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px; 
    color: #4F4F4F;  
}

#bvwp2 a {
     font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif ;
     text-decoration: underline;
     color: #4F4F4F;
}

#bvwp2 {
    margin-top: 10px;
}





.fuss1 {
     font-family: Arial;
     font-size: 10pt;
     color: #4F4F4F;
 }

.fuss2 a {
       color: #4F4F4F;
       text-decoration: none;
       font-size: 9pt;
 }

.table  {
    margin-top: 5px !important;
}

.table2 {
    margin-top: 5px !important;
}

.kollage {
    margin-left: 0px;
}

.date{
    width: 70px ;
    line-height: 35px !important;
}

.day {
    width: 50px ;
    line-height: 35px !important;
}

.time{
    width:70px ;
    line-height: 35px !important;
}

.event {
    width: 300px;
    line-height: 35px;

}

.location {
    width: 170px;
    line-height: 35px;
}

.spam1 {
    display: none;
}

.section p {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
}

.section h1{
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 20pt;
    color: #4F4F4F;
    margin-bottom: 10px;
}

.section h2 {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 15pt;
    color: #4F4F4F;
}

.section1 h1 {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
    text-decoration: none !important;
}

.sectionin h1, h2 {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 20pt;
    color: #4F4F4F;
    margin-bottom: 10px;
}

.sectionin p {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
}

.sectionbildmzl {
    /*float: left;*/
    margin-right: 8px;
    margin-bottom: 10px;
}

.sectionbildmzl p {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
    margin-top: -65px;
    margin-left: 60px;
    width: 500px;
}

.sectionbilddml {
    /*float: left;*/
    margin-right: 8px;
    margin-bottom: 10px;
}

.sectionbilddml p {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
    margin-top: -65px;
    margin-left: 60px;
    width: 500px;
}

.sectionbildwmzl {
    margin-right: 8px;
    margin-bottom: 10px;
}

.sectionbildwmzl p {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
    margin-top: -80px;
    margin-left: 60px;
    width: 500px;
}

.sectionbildwrl {
    margin-right: 8px;
    margin-bottom: 10px;
    margin-top: 50px;
}

.sectionbildwrl p {
    font-family: PT Serif, Bookman Old Style, serif, Arial, sans-serif;
    font-size: 12pt;
    color: #4F4F4F;
    margin-top: -95px;
    margin-left: 60px;
    width: 500px;
}

.sectionkult a {
    text-decoration: underline;
    color: #4F4F4F;
}

.nordpfade a {
    text-decoration: underline;
    color: #4F4F4F;
}

.warnung  {
    color: #4F4F4F;
}

.slicknav_menu {
    display: none;
}

 /*Für mittlere Bildschirme iPads von Aple usw.*/
 /* breites Browserfenster */
@media only screen and (min-width: 22.5em) and (max-width: 48em){
    
    *{
        margin: 0;
        padding: 0;
    }
    
    body {
        background-color: white;
        width: 100%;
    }
    
    section {
        margin: 0;
    } 
    
    footer {
        width: 100%;
    }
    
    aside {
        float: none;
        clear: both;
        width: 100%;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 30px;
    }
    
    nav {
        float: none;
        clear: both;
        display: none;
    }
    
    header {
        display: none;
    }

    header img {
        display: none;
    }
    
    #wrapper{
        width: 100%;
        background-image: none;
        background-color: white;
        background-color: hsla(0,0%,100%,0.7);
    }
    
    #wrapper h1, h2, p{
        color: #4F4F4F;
        margin-left: 5px;
        width: 95%;
    }
        
    #kollage {
        display: none;
    }
    
    #steuerung2 {
        float: none;
        clear: both;
        display: none;
    }
    
    #ausklapp h4 {
        width: 60%;
        text-align: left;
        margin-left: -70px;
    }

    #termine1H p {
        width: 100%;
        margin-left: 0;
    }

    #termine2H p {
        width: 100%;
        margin-left: 0;
    }

    #termine1H table, tr, td, th {
         width: 100% ;
    }

    #termine2H table,tr,td,th {
         width: 100%;
    }

    #stand {
        width: 100%;
        margin-left: 5px;
        margin-top: 10px;
    }

    #article {
        display: none;
    }

    #article6 {
        display: none;
    }

    #article6 img {
        width: 100%;
        height: auto;
    }

    #actionen6:hover {
    color: #329432;
    cursor: pointer;
    }

    #article3 {
        display: none;
    }

    #article3 h1 {
        color: #4F4F4F;
    }

    #article3 img {
        width: 100%;
        height: auto;
    }

    #actionen3:hover {
    color: #329432;
    cursor: pointer;
    }

    #ortsrat {
        width: 100%;
    }
    
    #rwdform {
        display: none;
    }
    
    #alphae {
        width: 100%;
        margin-left: 0;
    }
    
    #sectinin {
        width: 100%;
    }
    
    #sectionin h1 {
        font-size: 30px;
        width: 95%;
    }
    
    .nordpfade {
        width: 95%;
        text-align: left;
        margin-left: 5px;
    }

    .sectionbildwrl p {
        width: 90%;
        text-align: left;
        margin-top: -80px;
    }

    .sectionbildmzl p {
        width: 83%;
        text-align: left;
        margin-left: 70px;
        margin-top: -70px;
    }

    .sectionbildmzl a {
        margin-left: 5px;
    }

    .sectionbilddml p {
        width: 90%;
        text-align: left;
        margin-left: 65px;
        margin-top: -65px;
    }

    .sectionbilddml a {
        margin-left: 5px;
    }

    .sectionbildwmzl p {
        width: 80%;
        text-align: left;
        margin-left: 65px;
        margin-top: -80px;
    }

     .sectionbildwmzl a {
         margin-left: 5px;
     }
     
    .slicknav_menu {
        display: block;
    }

    .slicknav_menu a {
        text-align: left;
    }
   
}

/* Für kleine Bildschirme Samsung, Aple usw.*/
@media only screen and ( max-width: 22.5em) {
    
    body {
        background-color: white;
        width: 100%
        }
    
    #wrapper{
        width: 100%;
        background-image: none;
        background-color: white;
        background-color: hsla(0,0%,100%,0.7);
    }
    
    #wrapper h1, h2, p{
        color: #4F4F4F;
        margin-left: 5px;
        width: 95%;
    }
        
    #steuerung2 {
        float: none;
        clear: both;
        display: none;
    }
    
    #ausklapp h4 {
        width: 60%;
        text-align: left;
        margin-left: -70px;
    }
    
    #termine1H p {
        width: 100%;
        margin-left: 0;
    }
    
    #termine2H p {
        width: 100%;
        margin-left: 0;
    }
    
    #termine1H table, tr, td, th {
         width: 100% ;
    }

    #termine2H table,tr,td,th {
         width: 100%;
    }
    
    #stand {
        width: 100%;
        margin-left: 5px;
        margin-top: 10px;
    }
    
    #article {
        display: none;
    }
    
    #article6 {
        display: none;
    }
    
    #article6 img {
        width: 100%;
        height: auto;
    }
    
    #actionen6:hover {
    color: #329432;
    cursor: pointer;
    }
    
    #article3 {
        display: none;
    }
    
    #article3 h1 {
        color: #4F4F4F;
    }
    
    #article3 img {
        width: 100%;
        height: auto;
    }
    
    #actionen3:hover {
    color: #329432;
    cursor: pointer;
    }
    
    #ortsrat {
        width: 100%;
    }
    
    #bildseiterwd2 {
        display: block;
    } 

    #bildseiterwd {
        display: none;
    }
    
    #kollage {
        display: none;
    } 
    
    #rwdform {
        display: none;
    } 
    
    #formular {
        width: 95%;
        margin-left: 0;
    }
    
    #alphae {
        width: 100%;
        margin-left: 0;
    }
    
    #sectionin {
        width: 100%;
    }
    
    #sectionin h1 {
        font-size: 30px;
        width: 95%;
    }
   
           
    aside {
        float: none;
        clear: both;
        width: 100%;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 30px;
    }
    
    aside img {

    }
    
    header {
        display: none;
    }
    
    header img {
        display: none;
    }
    
    section {
        margin: 0;
    }
    
    footer {
        width: 100%;
    }

    .nordpfade {
        width: 95%;
        text-align: left;
        margin-left: 5px;
    }
    
    .sectionbildwrl p {
        width: 75%;
        text-align: left;
    }
    
    .sectionbildmzl p {
        width: 83%;
        text-align: left;
        margin-left: 65px;
        margin-top: -78px;
    }
    
    .sectionbildmzl a {
        margin-left: 5px;
    }
    
    .sectionbilddml p {
        width: 85%;
        text-align: left;
        margin-left: 65px;
        margin-top: -80px;
    }
    
    .sectionbilddml a {
        margin-left: 5px;
    }
    
    .sectionbildwmzl p {
        width: 80%;
        text-align: left;
        margin-left: 65px;
        margin-top: -100px;
    }
    
     .sectionbildwmzl a {
         margin-left: 5px;
     }
     
    .slicknav_menu {
        display: block;
    }
    
    .slicknav_menu a {
        text-align: left;
    }
}