/* START Formatierung der einzelnen Blocks (allgemein: sgditem) */
.ueberschrift {
  padding: 10px 2.5%;
  background: rgba(0,0,0, 0.4);
  font-family: 'bitstream_vera_sans', Verdana, sans-serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 1.0em;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0.1em 0.1em 0.2em #000000;
}
.sgditem_block {
   position: relative;
   width: 100%;
}
@media all and (max-width: 820px) {
  .sgditem_block {
    width: 98%;
  }
}
.sgditem_trenn_ueb {
   width: 100%;
   height: 10px;
   margin: 0px;
   background: -webkit-linear-gradient(180deg, rgba(0,0,0, 0.4) 30%, rgba(255,255,255, 0.9) 80%);
   background: -o-linear-gradient(180deg, rgba(0,0,0, 0.4) 30%, rgba(255,255,255, 0.9) 80%);
   background: -moz-linear-gradient(180deg, rgba(0,0,0, 0.4) 30%, rgba(255,255,255, 0.9) 80%);
   background: linear-gradient(180deg, rgba(0,0,0, 0.4), rgba(255,255,255, 0.9) 60%);
}
.sgditem_trenn_unten {
   width: 100%;
   height: 10px;
   margin: 0px;
   //background-color: transparent;
   background: -webkit-linear-gradient(180deg, rgba(255,255,255, 0.9) 80%, transparent);
   background: -o-linear-gradient(180deg, rgba(255,255,255, 0.9) 80%, transparent);
   background: -moz-linear-gradient(180deg, rgba(255,255,255, 0.9) 80%, transparent);
   background: linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
}
.sgditem_menue {
   position: relative;
   background-color: rgba(255,255,255, 0.9);
   left: 0px;
   top: 0px;
   width: 100%;
   margin: 0px;
   overflow: hidden;
}
/*.sgditem_menue:first-child {
   background-color: rgba(255,255,255, 0.9);
}*/
.sgditem_menue p {
   font-family: 'bitstream_vera_sans', Verdana, sans-serif;
   font-style: normal;
   text-align: left;
   font-weight: normal;
   font-size: 0.78em;
   line-height: normal;
   color: #000000;
   padding: 0px;
}
.sgditem_menue p a {
   display: block;
   padding: 10px 22px;
   transition: all 100ms ease; /* explorer 10 */
     -webkit-transition: all 100ms ease; /* chrome & safari */
     -moz-transition: all 100ms ease; /* firefox */
     -o-transition: all 100ms ease; /* opera */
     -ms-transition: all 100ms ease; /* Internet Explorer */
   text-decoration:none;
}
.sgditem_menue p a:link, .sgditem_menue p a:visited { color:#00009F; }
.sgditem_menue p a:hover, .sgditem_menue p a:active { color:#F0F0F1; background-color:rgba(0,0,159, 0.9); }

@media all and (max-width: 450px) {
  .sgditem_menue p {
     //font-size: 0.8em;
  }
  .sgditem_menue p a {
     padding: 10px 12px;
  }
}

/* alt */
.randoben {
  padding: 0px;
  background: url(../images/skide_randoben.png) repeat-x top left;
}
.randunten {
  padding: 0px;
  background: url(../images/skide_randunten.png) repeat-x bottom left;
}
.hintergrundwebpp {
  padding:0px 10px;
  background:rgba(255,255,255, 0.9);
  font-size:0.72em;
}
.hintergrundblocks {
  padding: 10px 25px;
  background:rgba(255,255,255, 0.9);
}
/* ENDE Formatierung der einzelnen Blocks */


/* START Formatierung Top-Links */
.toplink_menue {
   position: relative;
   left: 0px;
   top: 0px;
   width: 100%;
   margin: 0px;
   overflow: hidden;
}
.toplink_menue p {
   font-family: 'bitstream_vera_sans', Verdana, sans-serif;
   font-style: normal;
   text-align: left;
   font-weight: normal;
   font-size: 0.9em;
   line-height: 1.8em;
   color: #000000;
   background-color: rgba(255,255,255, 0.9);
   padding:0px 10px;
}
.toplink_menue p span {
   display: inline-block;
   padding: 8px 12px;
}
.toplink_menue p a {
   display: inline-block;
   padding: 8px 12px;
   transition: all 100ms ease; /* explorer 10 */
     -webkit-transition: all 100ms ease; /* chrome & safari */
     -moz-transition: all 100ms ease; /* firefox */
     -o-transition: all 100ms ease; /* opera */
     -ms-transition: all 100ms ease; /* Internet Explorer */
}
.toplink_menue p a:link { text-decoration:none; color:#00009F; }
.toplink_menue p a:visited { text-decoration:none; color:#00009F; }
.toplink_menue p a:hover { text-decoration:none; background-color:rgba(0,0,159, 0.9); color:#F0F0F1; }
.toplink_menue p a:active { text-decoration:none; background-color:rgba(0,0,159, 0.9); color:#F0F0F1; }

@media all and (max-width: 450px) {
  .toplink_menue p {
     line-height: normal;
     min-height: 50px;
     padding: 0px;
  }
  .toplink_menue p span {
     display: block;
  }
  .toplink_menue p a {
     display: block;
  }
}

/* alt */
.top_link a {
   display:block;
   padding: 8px 12px;
   line-height: 1.5em;
   font-weight:normal;
   text-decoration:none;
}
.top_link a:link {
   color:#00009F;
}
.top_link a:visited {
   color:#00009F;
}
.top_link a:hover {
   color:#F0F0F1;
   background-color:#00009F;
   font-weight:bold;
}
.top_link a:active {
   color:#F0F0F1;
   background-color:#00009F;
   font-weight:bold;
}
/* ENDE Formatierung Top-Links */


/* START Formatierung Lifte und Pisten */
#plifteundpisten {
   position: relative;
   overflow: auto;
   top: 0px;
   left: 0px;
   width: 100%;
   height: auto;
   margin-top: 8px;
   color: #000000;
}
.lup_liftliste {
   //background-color: rgba(255,0,255, 0.6);
   margin: 0 calc(2.5% - 3px);
   width: calc(95% + 3px);
   display: flex;
   flex-wrap: wrap;
}
.lup_liftsymblock {
   //background-color: rgba(0,255,255, 0.6);
   //flex: 0 0 70px;
   //height: 46px;
   flex: 0 0 90px;
   height: 54px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lup_anzlifttyp {
   //background-color: rgba(255,0,0, 0.6);
   //flex: 0 0 30px;
   //height: 30px;
   //flex: 0 0 38px;
   //height: 38px;
   //border: 1px solid #000000;
   background-color: rgba(218,218,218, 0.6);
   flex: 0 0 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.lup_liftsym {
   //background-color: rgba(0,255,0, 0.6);
   //flex: 0 0 32px;
   //height: 32px;
   flex: 0 0 40px;
   height: 40px;
}
.lup_anzliftgrup {
   //background-color: rgba(0,0,255, 0.6);
   margin: 2px 2.5%;
   width: 95%;
   text-align: left;
   font-variant: small-caps;
   font-size: 1.0em;
}
.lup_anzlifttyp p, .lup_anzliftgrup p {
   font-weight: bold;
}

.lup_gesanzlifte {
   margin: 2px 2.5%;
}
.lup_gesanzlifte span:nth-of-type(1) {
   font-style: italic;
}
.lup_gesanzlifte span:nth-of-type(2) {
   font-size: 1.1em;
   font-weight: bold;
}
.lup_gesanzlifte span:nth-of-type(3) {
   font-size:0.8em;
}

.lup_lifteextra {
   display: flex;
   margin: 6px 2.5%;
   width: 95%;
}
.lup_lifteextra_ueb {
   flex: 0 0 170px;
}
.lup_lifteextra_ueb p {
   //font-size: 0.76em;
   //font-weight: bold;
   font-size: 0.82em;
   margin: 3px 0;
}
.lup_lifteextra_text {
   flex: 1 1 auto;
}
.lup_lifteextra_text p {
   //font-size: 0.76em;
   margin: 3px 0;
}
.lup_lifteextra_text p i {
   font-style: italic;
   font-weight: bold;
}

@media all and (max-width: 600px) {
   .lup_lifteextra {
      flex-direction: column;
   }
   .lup_lifteextra_ueb {
      flex: auto;
      background-color: rgba(218,218,218, 0.6);
   }
   .lup_lifteextra_ueb p {
      padding: 2px 2%;
   }
   .lup_lifteextra_text p {
      padding: 0 2%;
   }
}

.sgditem_menue p.liftworld_dym {
   font-size: 0.9em;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
}
.sgditem_menue p.liftworld_dym a {
   padding: 10px calc(2.5% + 3px);
}

.lup_pistfarb {
   display: flex;
   margin: 0px calc(2.5% - 1px) 15px;
   width: calc(95% + 1px);
}
.lup_pistfarb div {
   flex: 1 1 100px;
   display: flex;
   flex-direction: column;
}
.lup_pistfarb div div {
   flex: 1 1 auto;
   margin: 2px 0;
}
.lup_pistfarb div div#lup_pistfarb_ueb {
   margin-bottom: 2px;
}
.lup_pistfarb div div p {
   margin: 0 1px;
}
.lup_pistfarb div div#lup_pistfarb_ueb p {
   padding: 2px;
}
.lup_pistfarb div div#lup_pistfarb_km p {
   text-align: center;
   padding: 3px 0;
   font-size: 0.9em;
}

@media all and (max-width: 800px) {
   .lup_pistfarb {
      flex-direction: column;
   }
   .lup_pistfarb div {
      flex: 1 1 auto;
      flex-direction: row;
   }
   .lup_pistfarb div div#lup_pistfarb_ueb {
      flex: 0 0 150px;
      display: flex;
      align-items: center;
      margin-bottom: 0px;
   }
   .lup_pistfarb div div#lup_pistfarb_km {
      flex: 1 1 auto;
   }
   .lup_pistfarb div div#lup_pistfarb_ueb p {
      padding: 3px 2px;
   }
   .lup_pistfarb div div#lup_pistfarb_km p {
      width: 100%;
   }
}
/* ENDE Formatierung Lifte und Pisten */


/* START Formatierung neueLifte */
#pneuelifte {
   position: relative;
   overflow: auto;
   //display: block;
   top: 0px;
   left: 0px;
   width: 100%;
   height: auto;
   margin-top: 12px;
   color: #000000;
   //font-variant: small-caps;
   //font-size: 1.1em;
   //font-weight: bold;
}
#pneuelifte p {
   //padding: 15px 0px;
   line-height: 1.4em;
   //font-size: 1.0em;
}
/* div-Box: Ein Saisonblock */
.nlsaisonblock {
   position: relative;
   overflow: auto;
   top: 0px;
   left: 0px;
   margin: 0px 3%;
   margin-bottom: 5px;
   width: 94%;
   text-align: left;
   //background-color: rgba(0,255,0, 0.8);
}
/* div-Box: Saisondatum */
.nlsaisondate {
   position: relative;
   float: left;
   top: 0px;
   left: 0px;
   width: 58px;
   //background-color: rgba(0,0,255, 0.8);
}
/* p: Saisondatum */
.nlsaisondate p {
   font-weight: bold;
   padding-right: 10px;
   text-align: right;
   //background-color: rgba(0,0,255, 0.8);
}
/* div-Box: Alle dot-Eintrage einer Saison */
.nlsaisonitems {
   position: relative;
   float: left;
   top: 0px;
   left: 0px;
   width: calc(100% - 70px);
   //background-color: rgba(255,0,0, 0.8);
}
/* div-Box: Ein dot-Eintrag mit dotdiv, neuerliftdiv und datendivs */
.nlitemblock {
   position: relative;
   overflow: auto;
   top: 0px;
   left: 0px;
   margin-bottom: 5px;
   width: 100%;
   //background-color: rgba(255,0,255, 0.8);
}
/* div-Box: dot (Punkt) - einmal pro itemblock */
.nldotdiv {
   position: absolute;
   top: 0px;
   left: 0px;
}
/* div-Box: Hauptbeschreibung neuer Lift - einmal pro itemblock */
.nlneuerliftdiv {
   margin-left: 12px;
   //background-color: rgba(0,85,85, 0.8);
}
/* div-Box: Dateneinträge neuer Lift - nullmal, einmal oder mehrmals pro itemblock */
.nldatendiv {
   margin-left: 12px;
   //background-color: rgba(0,85,85, 0.8);
}
/* div-Box: Trennstrich vor geplante Liftanlagen */
.nlline {
   margin: 0px 3%;
   width: 94%;
   height: 1px;
   background-color: #3F3F3F;
}
/* div-Box: Ueberschrift Geplante/Projektierte Liftanlagen */
.nlgeplanteueb {
   margin: 0px 3%;
   margin-top: 10px;
   margin-bottom: 12px;
   width: 94%;
   //background-color: rgba(187,185,185, 0.8);
}
/* p: Ueberschrift Geplante/Projektierte Liftanlagen  */
.nlgeplanteueb p {
   font-size: 0.95em;
   font-style: italic;
   font-weight: bold;
   text-align: center;
   //color: #3F3F3F;
}
/* p: Fussnote Sternchen */
p.nlsternchen {
   margin: 0px 3%;
   margin-top: 2px;
   margin-bottom: 5px;
   width: 94%;
   font-size: 0.75em;
   text-align: center;
}
/* ENDE Formatierung neueLifte */


/* START Formatierung Linklisten */
.sgditem_menue p span.link_ueb {
   display: block;
   padding: 15px 0px 5px 18px;
   font-variant: small-caps;
   font-size: 1.1em;
   font-weight: bold;
}
.sgditem_menue p span.link_alpueb {
   display: block;
   padding: 12px 0px 5px 18px;
   font-style:italic;
   text-decoration:underline;
}
.sgditem_menue p span.link_alpueb_first {
   padding: 4px 0px 5px 18px;
}
.sgditem_menue p span.aktsaison {
   display: block;
   padding: 0px;
}
.sgditem_menue p span.span_aktsaison {
   display: inline-block;
   width: 95px;
   padding: 10px 0px;
   margin-left: 22px;
   vertical-align: top;
   //overflow: hidden;
}
.sgditem_menue p span.span_aktsaison_leer {
   display: inline-block;
   width: 95px;
   padding: 10px 0px;
   margin-left: 22px;
}
.sgditem_menue p a.link_aktsaison {
   display: inline-block;
   width: calc(100% - (95px + 20px + 27px));
   padding: 10px 10px;
}
.link_div_space {
   height: 10px;
}

@media all and (max-width: 450px) {
  .sgditem_menue p span.link_ueb {
     display: block;
     padding: 15px 0px 5px 8px;
  }
  .sgditem_menue p span.link_alpueb {
     display: block;
     padding: 12px 0px 5px 8px;
  }
  .sgditem_menue p span.span_aktsaison {
     display: block;
     width: auto;
     margin-left: 0px;
     margin-top: 7px;
     padding: 2px 0px 2px 12px;
  }
  .sgditem_menue p span.span_aktsaison_leer {
     display: block;
     width: auto;
     padding: 0px;
  }
  .sgditem_menue p a.link_aktsaison {
     display: block;
     padding-left: 12px;
     width: auto;
  }
}
/* ENDE Formatierung Linklisten */


/* START Formatierung Liftworld-Links */
ul.liftworld {
   margin:0px;
   padding:0px;
}
ul.liftworld li {
   list-style: none;
   margin:0px;
   padding:0px;
   cursor:pointer;
   width:500px;
   border:1px solid #000000;
   font-family: 'bitstream_vera_sans', Verdana, sans-serif;
   font-style:normal;
   font-size:0.9em;
}
ul.liftworld li a {
   display:block;
   padding: 4px;
   text-decoration:none;
}
ul.liftworld li  a:link { font-weight:normal; color:#00009F; }
ul.liftworld li  a:visited { font-weight:normal; color:#00009F; }
ul.liftworld li  a:hover { font-weight:bold; color:#F0F0F1; background-color:#00009F; }
ul.liftworld li  a:active { font-weight:bold; color:#F0F0F1; background-color:#00009F; }
/* ENDE Formatierung Liftworld-Links */


/* Bilder in Tabelle ohne Aussenrand unten - Liftuebersicht */
.tabbilder img {
   display:block;
}