/* liste */

.showlegend {
  position:absolute;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-image:url(/public/20250101000311oe_/https://www.jetzt-mitmachen.de/_img/tab2.png);
  background-position: center center;
  background-repeat:no-repeat;
  display:inline-block;
  width:26px;
  height:26px;
  padding:5px;
  margin-left:-53px;
  margin-top:10px;
}

.showlegendaktiv, .showlegend:hover {
  background: #F0F0F0 none repeat scroll 0 0;
  background-image:url(/public/20250101000311oe_/https://www.jetzt-mitmachen.de/_img/tab2.png);
  background-position: center center;
  background-repeat:no-repeat;
}


.showsort {
  position:absolute;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-image:url(/public/20250101000311oe_/https://www.jetzt-mitmachen.de/_img/sort.png);
  background-position: center center;
  background-repeat:no-repeat;
  display:inline-block;
  width:26px;
  height:26px;
  padding:5px;
  margin-left:-95px;
  margin-top:10px;
}

.showsortaktiv, .showsort:hover {
  background: #F0F0F0 none repeat scroll 0 0;
  background-image:url(/public/20250101000311oe_/https://www.jetzt-mitmachen.de/_img/sort.png);
  background-position: center center;
  background-repeat:no-repeat;
}

.showbereich {
  position:absolute;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-image:url(/public/20250101000311oe_/https://www.jetzt-mitmachen.de/_img/location.png);
  background-position: center center;
  background-repeat:no-repeat;
  display:inline-block;
  width:26px;
  height:26px;
  padding:5px;
  margin-left:-138px;
  margin-top:10px;
}

.showbereichaktiv, .showbereich:hover  {
  background: #F0F0F0 none repeat scroll 0 0;
  background-image:url(/public/20250101000311oe_/https://www.jetzt-mitmachen.de/_img/location.png);
  background-position: center center;
  background-repeat:no-repeat;
}

/*
.showCustomMarker {
  position:absolute;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-image:url(/public/20250101000311oe_/https://www.jetzt-mitmachen.de/_img/marker-nolatlon.png);
  background-size:50%;
  background-position: center center;
  background-repeat:no-repeat;
  display:inline-block;
  cursor:pointer;
  width:26px;
  height:26px;
  padding:5px;
  margin-left:-138px;
  margin-top:10px;
}
*/

#listloader {
  position:absolute;
  border:0px solid red;
  left:0;
  z-index:200000;
  text-align:center;
  background:white;
  padding-top:10px;
  padding-bottom:15px;
  width:100%;
  margin:auto;
}


#listlegend {
  position:absolute;
  display:none;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  text-align:left;
  z-index:1000;
  padding:10px;
  margin-top:2px;
  min-width:180px;
}

#listsort {
  position:absolute;
  display:none;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  text-align:left;
  z-index:1000;
  padding:10px;
  margin-top:2px;
  min-width:80px;
}

#listbereich {
  position:absolute;
  display:none;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  text-align:left;
  z-index:1000;
  padding:10px;
  margin-top:2px;
  min-width:80px;
}


#listlegend .entry , #listsort .entry ,#listbereich .entry {
  padding:2px;
  font-size:0.8em;
  color:#666666;
  line-height:22px;
}
#listlegend h3, #listsort h3 ,#listbereich h3 {
  padding:0;
  margin:5px;

  font-size:12px;
  font-weight:bold;
}



#listlegend .iconBaseLayer {
  display:inline-block;
  height:10px;
  width:16px;
  margin-right:3px;
}
#listlegend .iconBaseLayer.img {
  display:inline-block;
  height:18px;
  width:16px;
  margin-bottom:-2px;
}


.listmain {
  margin-top:5px;
}

#list {
  display:none;
  /*height:500px;*/
  width:100%;
  border:0px solid silver;
  /*overflow:auto;*/
  z-index:0;
}


#list .nodata {
  padding:5px;
}


.listentry {
  border-bottom:1px solid #ECECEE;
  padding:3px;
}
.listentry:hover {
  background:#F5F5F5;
}

.listentry{
  padding-right:50px;
}

.listentry .listicon {
  float:left;
  width:8%;
  text-align:center;
}
.listentry .listtext {
  float:left;
  width:68%;
}
.listentry .listtext2 {
  float:left;
  font-size:0.9em;
  white-space:nowrap;
  width:22%;
}


.listentry .listtext h3 {
  margin:0;
  font-size:0.9em;
}
.listentry .listtext p {
  margin:0;
  font-size:0.9em;
}

.listentry .listend {
  clear:left;
}


.listentry.first {
  height:50px;
  background:#F5F5F5;
}

.listentry.first .listtext {
  padding-top:25px;
}

.listentry.first .listtext2 {
  padding-top:25px;
}

.listentry.first select {
  width:95px;
  font-size:0.9em;
}

.listicon, .listtext,.listtext2  {
   border:0px solid red;
}




/* themes neu */
#filter {
  padding:10px;
  background:#FBFBFB;
  border-radius: 3px;  
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4);
}

input[name=suche] {
   padding:9px;
   padding-bottom:11px;
   border:1px solid #C0C0C0 ;
   border-radius: 3px;  
} 

.listneu {
  margin-top:20px;
}

.listentry.neu {
   padding-right:0;
   border-bottom:1px solid #8A8A8A;
   opacity:0.8;
   cursor:pointer;
}

.listentry.neu:hover {
   opacity:1;
}
.listentry.neu.first {
   cursor:default;
   border-top-right-radius:5px;
   border-top-left-radius:5px;
   opacity:1;
   background:#FBFBFB;
   border-bottom:0;
   margin-bottom:10px;
   min-height:40px;
   /*box-shadow: 0 0px 3px rgba(0, 0, 0, 0.4);*/
   border-bottom:1px solid silver;
}

.listentry.neu.last {
   margin-top:-1px;
   border-top:0;
   border:1px solid #FBFBFB;
   border-bottom-right-radius:5px;
   border-bottom-left-radius:5px;
   background:#FBFBFB;
   padding:5px;
   text-align:right;
   font-size:11px;
   color:#666666;
   cursor:default;
}


.listentry .listicon.neu ,.listentry .listtext.neu,.listentry .listtext2.neu {
  float:left;
  min-height:30px;
  padding-top:4px;
  padding-bottom:4px;
  /*border:1px solid red;*/
}

.listentry .listicon.neu {
  text-align:left;
  font-weight: 600;
  color: #44546A;
  width:21%;
  padding-top: 8px;
  font-size: 1.1em;  
}

.listentry .listicon.neu .ohneverortungText{
  position:absolute;
  margin-top:35px;
  display:block;
  font-size: 0.8em;  
  font-weight:normal;
  color:silver;
}

.listentry .listtext.neu{
  text-align:left;
  width:54%;
}

.listentry .listtext2.neu{
  text-align:right;
  width:24%;
  padding-top:1px;
  padding-bottom:1px;
}


.listentry .listicon.neu div{
   position:absolute;
   border-radius:3px;
   padding-left:30px;
   padding-right:5px;
   font-size:11px;
   min-height:30px;
   min-width:50px;
   text-align:left;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}  

.listentry .listicon.neu div span{
  padding-top:8px;
  display:inline-block;
  text-align:left;
}  

.listentry .listtext.neu h3{ 
  padding-top:0px;
  font-size:1.1em;
}
.listentry .listtext2.neu h3 {
  padding-top:3px;
  margin-top:0px;
  font-size:1.2em;
  text-align:left;
  padding-left:20px;
}

.listentry .listtext.neu small{ 
  font-size:0.95em;
  color:#44546A;
}

.listentry .listtext2.neu small{ 
  font-size:1em;
}

.listentry .listtext.neu p { 
  padding-top:5px;
}


.listentry .listtext2.neu {
  padding-top:5px;
}

.listentry .listtext2.neu span.list-icon {
  background:#FBFBFB;
  border-radius: 20px;
  padding-left:8px;
  padding-right:8px;
  padding-top:10px;
  padding-bottom:5px;
  margin-right:5px;
  margin-left:5px;
  display:inline-block;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.listentry .listtext2.neu span.list-icon-empty {
  display:inline-block;
  width:50px;
}

@media screen and (max-width : 1050px){
   .listentry .listicon.neu {   
        width:22%;
   }
   .listentry .listtext.neu {   
        width:54%;
   }
   .listentry .listtext2.neu {   
        width:24%;
   }
   
}



@media screen and (max-width : 850px){
   .listentry .listtext {
       width:60%;
   }
   .listentry .listicon.neu {   
        width:100%;
        float:none;
   }
   .listentry .listtext.neu {   
        margin:0;
        width:68%;
   }
   .listentry .listtext2.neu {   
        margin:0;
        width:26%;
   }
   .listentry.neu.first .listicon.neu {
      display:none;
   }
}

@media screen and (max-width : 700px){

   .listentry .listicon.neu {   
        width:100%;
        float:none;
   }
   .listentry .listtext.neu {   
        margin:0;
        width:55%;
   }
   .listentry .listtext2.neu {   
        margin:0;
        width:26%;
   }
   .listentry.neu.first .listicon.neu {
      display:none;
   }
   
   .listentry.first select {
      right:65px;
      margin-top:-45px;
      position:absolute;
   }

   .listentry .listicon {
       width:10%;
   }
   .listentry .listtext {
       float:none;
       width:auto;
       margin-left:10%;
   }
   .listentry .listtext2 {
       margin-left:10%;
       width:80%;
       float:none;
       padding:0;
   }
   .Page {
     padding:0px;
     margin:0px;
   }
}




@media screen and (max-width : 500px){

   .listentry .listicon.neu {   
        width:99%;
        float:none;
   }
   .listentry .listtext.neu {   
        margin:0;
        width:45%;
   }
   .listentry .listtext2.neu {   
        margin:0;
        width:30%;
   }

   .listentry.first .listtext {
     padding-top:25px;
     margin-left:2%;
   }
   #list {
     margin-top:0px;
   }
   #showlegend {
   }
   .listentry{
   }
   .listentry .listicon {
     width:15%;
   }
   .listentry .listtext {
       margin-left:15%;
   }
   .listentry .listtext2 {
       margin-left:15%;
   }

   .listentry.first select {
     margin-left:-95px;
     width:95px;
     font-size:0.9em;
   }
}


