#gedichtegalerie{
 
}
#poetry{
    
    padding:3em 1em 1em;
    margin-top:1eM;
    border:0.8em solid #2e5c03;
    border-left:0;
    border-right:0;
    font-size:1.1em}

#poetrytext{
    border-top:.1em solid #A8A8A8;
    margin-top:1em;color:#ededed;
    padding-left:1%;clear:both}

#poetrytitel{
    padding:1em 0 0 0.5em;
    height:16em;
    margin-right:.5em;
    overflow:auto;
    color:#000}

.poetryt{
    font-size:1.5em;
    color:#2b2b2b;
    padding-left:.4em;
    margin-top:0.2em;}

.active{
    background-color:#ff9600;
    font-weight:700;
    text-align:center;
    color:#000}

.poetrya{
    padding:2em 1em 1em;
    color:#000;
    margin-bottom:.1em;background-color:#ccc}

#hide{
    font-size:1em;
    padding-top:3em;
    padding-bottom:3em;
    width:100%;
    text-align:center;
    color:#1d1d1d}

#schliessen{
    float:right;
    border:1px outset #2b2b2b;
    background-color:#939393;
    color:#000;
     margin-top:2%;
    padding:0 .2em 0.2em;
    width:1.5em;
    font-weight:700;
    border-radius:3px;
    box-shadow:0 0 8px #000;
    margin-right:.3em;
    text-align:center;color:#000}

#schliessen:active{
    background-color:#2e5c03}
   .active1{
    background-color:#ff9600;
    font-weight:700;
    text-align:center;
    color:#000}

 /*neuer Code*/
 #hide2{
       padding-top:1em; color:white;font-size:0.8em;margin-top:25%;margin-left:25%;width:50%;
}
   #dichter{  position:relative;
      width:100%;padding-left:20%;
  }
  .dichtermenu{
      float:left;width:2em; color:#FFF;
  }
   .dichterlinks{
       margin-top:0.1em;color:#ededed;
   }

   .dichtertext{
       width:98%;color:white;margin:0.5em;padding-top:1em;
   }
  .gedichttext{
         width:100%; margin-top:1em;
  }
  .rechtetext{
      font-size:0.6em;text-align:center;clear:both;color:#ededed;padding-bottom:0.5em;
  }
    #teilentext{
      color:#000; margin:1em 5% 0 5%;
  }
 .empfehlen{
      font-weight:bold;margin-top:5%;margin-left:1em;margin-bottom:0.5em;padding-top:0.5em;border-top:1px solid #b8b8b8;font-size:1.2em;
  }
  .empfehllink{

        display:list-item;
    list-style-type:disc;
    text-decoration:none;
    margin-right:1em;clear:both;

  }
    .empfehllink:visited{
      color:#000;
  }
    .empfehllink:hover{
    color:#FF6E00;

    text-decoration:underline;
    margin-right:1em;clear:both;

  }

    #links{
      clear:both;  border-bottom:1px solid #b8b8b8;padding:4% 0% 4% 1%;
  }
  .nexty, .prevy{
    float:right;padding-left:0.5em;padding-right:0.5em;background-color:#EFEFFF;box-shadow:-0.1em 0.1em 0.2em #595959;
  }
  .prevy{
      float:left;box-shadow:0.1em 0.1em 0.2em #595959;
  }

    .nexty:active, .prevy:active{
    border:1px outset white;

  }
  


  
  .button3{
  padding: .2857em 1em;
      float:none;
      width:80%;
      min-width:12em;
  }
  .button4{
  float:left;width:1.5em;margin-left:0.2em;padding-left:0.3em;padding-right:0.3em;
    margin-top:2%;
    padding-top:.2857em;
    padding-bottom:.2857em;
    border-radius:3px;
    box-shadow:0 0 4px #000;
    cursor:pointer;
    color:black;
    font-size:1.2em;
    font-weight:700;
    border:1px outset #2b2b2b;
    background-color:#939393;
    line-height:1em;
  
    -webkit-transition:all .3s linear;
    -khtml-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear}

 .button4 a{
 
 text-decoration:none;  }
 
.button4:active{
    position:relative;
    top:3px;
    border:1px outset #000;
    color:#e39e2f ;
      text-decoration:underline;}

   #seitenzahl{
       width:10%;margin-left:45%;margin-top:5%;margin-right:45%;
   }