#login_icon {
positon: relative;
float:right;
overflow:auto;
padding-right:30px;
}

#vereinsmeldungen {
float:right;
width:45%;
}


  #werbung {
  position: fixed;
  margin-left:-300px;

  /*border: 3px solid #73AD21;  */
  /*top:300px;  */

}

  #werbungMobile {
  position: absolute;

}

  #werbung2 {
  position: fixed;
  margin-left:-300px;
  margin-top:90px


  /*border: 3px solid #73AD21;  */
  /*top:300px;  */

}

  #werbungMobile2 {
  position: absolute;

}

  /* Bildskalierung bei SucheBiete Start*/

 .bildsuchebiete {max-width: 100%;
    height: auto;}
   /* Bildskalierung bei SucheBiete Ende*/









.left    { text-align: left; }

/* das ist für den aut. Imageslider beim Banner ganz oben */


.grossabstand {letter-spacing: 0.5em;}



.formularfeld{
height: 25px;
padding-top: 5px;
padding-left: 10px;
color: #0314F8;
font-family: "Arial";
font-size: 15px;
border-bottom: 2px solid #DBA901;
border-left:2px solid #DBA901;
border-right:2px solid #DBA901;
border-top:0px;
background-color: #FFFFCC;
border-radius: 10px;
}

.formularfeldNachricht{
height: 100px;
padding-top: 5px;
padding-left: 10px;
color: #0314F8;
font-family: "Arial";
font-size: 15px;
border-bottom: 2px solid #DBA901;
border-left:2px solid #DBA901;
border-right:2px solid #DBA901;
border-top:0px;
background-color: #FFFFCC;
border-radius: 10px;
}

input[type="submit"] {
   font-size: 1.3em; padding: 5px 12px;
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: teal;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
}





 label1 {


     display: block;

    width: 45em;

   }




 .sliderElements,
.sliderElements figure,
.sliderControls {
    margin: 0;
}

.sliderElements:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
}

.cssSlider {
    overflow-x: hidden;
}

.sliderElements {
    list-style: none;
    position: relative;
    left: 0;
    /*width der Anzahl an Fotos anspassen (5 Fotos -> width=500%*/
    width:1000%;
    margin-bottom: .8em;
    padding: 0;
    -webkit-transition: left .8s ease-in-out;
    -moz-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;
}

.sliderElements > li {
    float: left;
    /*100% geteilt durch die Anzahl an Foto ergibt hier den richtigen Wert -> bei fünf Fotos ist das 100 / 5 = 20%*/
    width: 10%;
    position: relative;
}


#slide01:checked ~ .sliderElements {
    left: -100%;
}

#slide02:checked ~ .sliderElements {
    left: -200%;
}

#slide03:checked ~ .sliderElements {
    left: -300%;
}
#slide04:checked ~ .sliderElements {
    left: -400%;
}

#slide05:checked ~ .sliderElements {
    left: -500%;
}
#slide06:checked ~ .sliderElements {
    left: -600%;
}
#slide07:checked ~ .sliderElements {
    left: -700%;
}
#slide08:checked ~ .sliderElements {
    left: -800%;
}

#slide09:checked ~ .sliderElements {
    left: -900%;
}




/* Bildunterschrift auf dem Bild positionieren */
.sliderElements figcaption {
    font-size: 14px;
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0.0em;
    padding: .4em;
    background: rgba(0,0,0,.5);
    text-align: center
}

/* Bilder responsive */
.sliderElements img {
    width: 100%;
    height: auto;
}


/* inputs aus dem Blickfeld schieben */
.cssSlider input {
    position: absolute;
    left: -99999px;
}

/* mittige Ausrichtung der Controls - funktioniert im Zusammenspiel mit inline-block */
.sliderControls {
    text-align: center;
}

/* Controls nebeneinander bringen */
.sliderControls li {
    display: inline-block;
}

/* Controls auf einheitliche Maße bringen und die Ecken abrunden */
.sliderControls label {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    background: #68B022;
    color: #68B022;
}

/* Attributselektor und indirekter Nachfahrkombinator zum ansteuern der labels */
.sliderControls label:hover,
#slide00:checked ~ .sliderControls label[for="slide00"],
#slide01:checked ~ .sliderControls label[for="slide01"],
#slide02:checked ~ .sliderControls label[for="slide02"],
#slide03:checked ~ .sliderControls label[for="slide03"],
#slide04:checked ~ .sliderControls label[for="slide04"],
#slide05:checked ~ .sliderControls label[for="slide05"],
#slide06:checked ~ .sliderControls label[for="slide06"],
#slide07:checked ~ .sliderControls label[for="slide07"],
#slide08:checked ~ .sliderControls label[for="slide08"],
#slide09:checked ~ .sliderControls label[for="slide10"] {
    background: #ddd;
    color: #ddd;
}


















  #span2 {
        margin-left: 1cm;
margin-right: 1cm; text-align: justify;}

  #span3 {
        margin-left: 0.3cm;
margin-right: 1cm; text-align: justify;}

.ein {margin-left: 21px;}


.dropbtn {
        padding: 6px 11px;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  border-top: 3px solid #668BCC;    /* Rahmenlinie oben */
  border-bottom: 3px solid #668BCC; /* Rahmenlinie unten */
  margin: 0%;                        /* Keinen Außenabstand */
    cursor: pointer;

background-color: Transparent; border-left: none; border-right: none;
}
.dropbtn:active  { background-color: yellow;}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;


}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;

}

.dropdown-content a:hover {background-color: yellow}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: blue
    ;
}

.dropbtn:hover {
    background-color: blue
    ;
}






.flyout-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
top: -.4em;
  left: 7.5em;
}

.flyout-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;

}

.flyout-content a:hover {background-color: yellow}

.geschichte:hover .flyout-content {
    display: block;
}







#infobox {background-color: transparent; width: 6cm; float: right; margin-left: 20px; margin-right:10px;



  border-top: 3px solid #668BCC;    /* Rahmenlinie oben */
  border-bottom: 3px solid #668BCC; /* Rahmenlinie unten */


background-color: Transparent; border-left:3px solid #668BCC; border-right:3px solid #668BCC ;border-radius: 15px;






}



body {

 font family: "calibri";


 font-family: "calibri"; font-size: 0.45cm;



/* Hintergrundbild passt sich Fenstergröße an */

        background: url(Bilder/2.png)  no-repeat center center fixed;
        -webkit-background-size: cover;



}

#banner  {  float: left;

    width: 6cm;
    height: 4cm;


    margin-top: 0cm;
    margin-left: 0cm;
     padding-right: 1cm;
}

 #biene {    float: right;

    width: 8cm;
    height: 4cm;


    margin-top: -1cm;
    margin-right: -10%;    }




 #Logo {margin-left: 10cm; margin-right: 10cm; margin-top: -5cm; -webkit-box-shadow: 2px 3px 3px 3px #515151; }




#Inhalt {background: rgba(226,226,226,.93); width: 25cm; margin-left:auto; margin-right: auto;     /* transparzenz  F: 0.8;/* margin-right: auto; margin-left: auto;

/*        horizontale Zentrierung  */       no-repeat center center fixed;
        -webkit-background-size: cover ;


 margin-top: -1cm;  margin-bottom:-10%;

}








   #navibereich li {

 display: inline;         /* Listenelemente nebeneinander */
 list-style-type: none;      /* Aufzählungszeichen entfernen */

/*background-color: #F7FFC3;        /* Hintergrundfarbe für die Navigation */
  padding: 6px 30px;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  border-top: 3px solid #668BCC;    /* Rahmenlinie oben */
  border-bottom: 3px solid #668BCC; /* Rahmenlinie unten */
  margin: 0%;                        /* Keinen Außenabstand */
}

a{

color: black;                  /* Schriftfarbe schwarz */
  text-decoration: none;         /* Unterstreichung entfernen */
  padding: auto;              /* oben/unten 4px, re/li 8px */

}

a:hover {
  background-color: white  ;
  }


a:

  #navibereich {margin-left: 25%; margin-top: 0.5cm}













#box { height: 5cm; width: 5cm; background-color: #F5DEB3; border: 1px solid #AB9B7D; margin-left: 19.5cm;
         margin-top: 2cm; border-radius: 15px;
         -webkit-box-shadow: 2px 3px 3px 0px #515151; font-family: "comic sans ms"; font-size: 0.34cm; }

#bannerbox {height: 5cm; width: 17.5cm;    -webkit-box-shadow: 7px 7px 7px 0px #515151;
   background: url(../Bilder/inter_logo.png); overflow: hidden; border-radius: 15px;  margin-left: 13% ; padding-left: 1cm}

  /*die Box auf der Startseite*/
   #info {height: 23cm; width:130px ;    -webkit-box-shadow: 0px 0px 30px 0px #515151;
   ); overflow: hidden; border-radius: 5px;  margin-left: 1% ; padding-left: 0cm; float:right; background-color: 'yellow'; overflow-y: auto;overflow-x: auto; touch-action:none; box-sizing:border-box; }


     /*Info Slides im Banner*/
   #info_slides {height: 3.5cm; width:6cm ;
   border-radius: 5px;  margin-left: 60% ; padding-left: 0%; padding-right:0%; margin-top:6%; overflow:hidden}




       .linie { border :none; border-top: 1px solid #0090E0; background-color:#FFFFFF; height: 1px; margin: 0px 8px 0px 8px;
       }






        .Lobster{ position: absolute; opacity: 0.8; float: left; font-size: 15px;  font-family: Comic sans;
            margin-left: 0cm; margin-top: 1cm; padding-right:2.5cm; padding-left: 0.2cm;
             overflow: hidden;  z-index:100}

      /*für das 'intern' im Banner*/
        .Lobster2{opacity: 0.8; float: left; font-size: 35px;  font-family: Comic sans;
            margin-left: 0cm; margin-top: 1cm; margin-right:-1.6cm;

             overflow: hidden;
               }
        .Lobsterr{opacity: 0.8; padding-top: 0.55cm;font-size: 15px;}


            .fg {margin-top: 1cm; padding-left: 14cm;
  }

  /*Schrift um 90 ° drehen für intern*/
div.a {
  transform: rotate(90deg);

}




  #text{margin-left: 1cm; float: left; margin-right: 1cm;
  }
#fotos{margin-top: 0cm;width: 110px;
    height: 136px;}




hr {
    width: 20%;
    height: 1px;
    margin: 0 auto;
    color: blue;
    background: blue;
}

#span {
        margin-left: 5em;
margin-right: 5em; text-align: justify;}

i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}


/* Pfeil beim Captcha  */
.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

/*überschrift*/
h1 {
  color:'black';   /* Farbe orange */
  font-size:28pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
  margin-bottom: -0.1cm;
}

h2 {
   font-size:24pt;
   font-family:arial, "lucida console", sans-serif; /* Schriftart */
   }

/*fette Schrift bei SucheBiete bei Inserat erstellt am...*/
.w900 {font-weight: 900;}

#formular {

background:0.5;
border-color: green;
border-width: 1px;
border-style: solid;
border-radius: 10px;
float: inherit;
}

#externeMeldungenRahmen {

background-color: white;
border-color: red;
border-width: 1px;
border-style: solid;
border-radius: 10px;
width: 50%;
overflow:auto
}







         /*linker Abstand zum Rand 5em und rechter abstand zum Rand 2em und blocksatz (text align justify) hatn den Namen span/*


#zeilenab {line-height:0%} /*damit zeilenabstand bei den andressen des vorstandes und des webmasters geringer ist /*