/*
1. Allgemein
    - Hauptmenue
    - Sidemenue
    - Footer
    - Vergrößerungen (bildmitte und videomitte)
    - allgemeine Linkformatierungen
2. verschiedene Bereiche
    - Textfelder
    - Linkfeld
    - Linkformatierung für Umsetzung mit Javascript
3. Bereich Skigebiete
4. Bereich News
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 - - 1. Allgemein - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

html,body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
}
body {
   color: #000000;
}

a {
   text-decoration: none;
}

.nz {
   white-space: nowrap;
}

.nz_span span {
   white-space: nowrap;
}

.centert {
   width: 100%;
   text-align: center;
}

@font-face {
    font-family: 'playtime_with_hot_toddiesRg';
    src: url('../webfonts/playtime/playtime-webfont.eot');
    src: url('../webfonts/playtime/playtime-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/playtime/playtime-webfont.woff') format('woff'),
         url('../webfonts/playtime/playtime-webfont.ttf') format('truetype'),
         url('../webfonts/playtime/playtime-webfont.svg#playtime_with_hot_toddiesRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'antonio';
    src: url('../webfonts/antonio/antonio-regular-webfont.eot');
    src: url('../webfonts/antonio/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/antonio/antonio-regular-webfont.woff2') format('woff2'),
         url('../webfonts/antonio/antonio-regular-webfont.woff') format('woff'),
         url('../webfonts/antonio/antonio-regular-webfont.ttf') format('truetype'),
         url('../webfonts/antonio/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'laconic';
    src: url('../webfonts/laconic/laconic_regular-webfont.eot');
    src: url('../webfonts/laconic/laconic_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/laconic/laconic_regular-webfont.woff2') format('woff2'),
         url('../webfonts/laconic/laconic_regular-webfont.woff') format('woff'),
         url('../webfonts/laconic/laconic_regular-webfont.ttf') format('truetype'),
         url('../webfonts/laconic/laconic_regular-webfont.svg#laconicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bitstream_vera_sans_monoroman';
    src: url('../webfonts/bitstreamverasansmono/VeraMono-webfont.eot');
    src: url('../webfonts/bitstreamverasansmono/VeraMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bitstreamverasansmono/VeraMono-webfont.woff') format('woff'),
         url('../webfonts/bitstreamverasansmono/VeraMono-webfont.ttf') format('truetype'),
         url('../webfonts/bitstreamverasansmono/VeraMono-webfont.svg#bitstream_vera_sans_monoroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitstream_vera_sans';
    src: url('../webfonts/bitstreamverasans/Vera-webfont.eot');
    src: url('../webfonts/bitstreamverasans/Vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bitstreamverasans/Vera-webfont.woff') format('woff'),
         url('../webfonts/bitstreamverasans/Vera-webfont.ttf') format('truetype'),
         url('../webfonts/bitstreamverasans/Vera-webfont.svg#bitstream_vera_sansroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bitstream_vera_sans';
    src: url('../webfonts/bitstreamverasans/Vera-Bold-webfont.eot');
    src: url('../webfonts/bitstreamverasans/Vera-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bitstreamverasans/Vera-Bold-webfont.woff') format('woff'),
         url('../webfonts/bitstreamverasans/Vera-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/bitstreamverasans/Vera-Bold-webfont.svg#bitstream_vera_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'bitstream_vera_sans';
    src: url('../webfonts/bitstreamverasans/Vera-Italic-webfont.eot');
    src: url('../webfonts/bitstreamverasans/Vera-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bitstreamverasans/Vera-Italic-webfont.woff') format('woff'),
         url('../webfonts/bitstreamverasans/Vera-Italic-webfont.ttf') format('truetype'),
         url('../webfonts/bitstreamverasans/Vera-Italic-webfont.svg#bitstream_vera_sansoblique') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'bitstream_vera_sans';
    src: url('../webfonts/bitstreamverasans/Vera-Bold-Italic-webfont.eot');
    src: url('../webfonts/bitstreamverasans/Vera-Bold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bitstreamverasans/Vera-Bold-Italic-webfont.woff') format('woff'),
         url('../webfonts/bitstreamverasans/Vera-Bold-Italic-webfont.ttf') format('truetype'),
         url('../webfonts/bitstreamverasans/Vera-Bold-Italic-webfont.svg#bitstream_vera_sansBdOb') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'whitehall';
    src: url('../webfonts/whitehall/whitehall-webfont.eot');
    src: url('../webfonts/whitehall/whitehall-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/whitehall/whitehall-webfont.woff') format('woff'),
         url('../webfonts/whitehall/whitehall-webfont.ttf') format('truetype'),
         url('../webfonts/whitehall/whitehall-webfont.svg#whitehallregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yataghan';
    src: url('../webfonts/yataghan/yataghan-webfont.eot');
    src: url('../webfonts/yataghan/yataghan-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/yataghan/yataghan-webfont.woff') format('woff'),
         url('../webfonts/yataghan/yataghan-webfont.ttf') format('truetype'),
         url('../webfonts/yataghan/yataghan-webfont.svg#yataghanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kingthings_calligraphica';
    src: url('../webfonts/kingthingscalligraphica/Kingthings_Calligraphica_2-webfont.eot');
    src: url('../webfonts/kingthingscalligraphica/Kingthings_Calligraphica_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/kingthingscalligraphica/Kingthings_Calligraphica_2-webfont.woff') format('woff'),
         url('../webfonts/kingthingscalligraphica/Kingthings_Calligraphica_2-webfont.ttf') format('truetype'),
         url('../webfonts/kingthingscalligraphica/Kingthings_Calligraphica_2-webfont.svg#kingthings_calligraphica_2Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}


#positionsblock { position:relative; margin: 0 auto; top:0px; left:0px; z-index:2; }



/* START Formatierung Hauptseite u.a. main */
main {
   display: inline-block;
   position: relative;
   left: 0px;
   width: 100%;
   padding-bottom: 60px;
}

#bereichsueberschrift {
   //display: inline-block;
   width: 100%;
   max-width: 850px;
   margin: 0 auto;
   margin-bottom: 30px;
   height: 80px;
   background-color: rgba(255,255,255, 0.0);
   line-height: 80px;
   font-family: 'kingthings_calligraphica', Verdana, sans-serif;
   font-style: normal;
   text-decoration: none;
   font-size: 2.0em;
   font-weight: bold;
   text-decoration: none;
   letter-spacing: 0.1em;
   color: rgba(0,0,0, 1.0);
   text-shadow: 0.05em 0.05em 0.15em rgba(255,255,255, 1.0);
   //color: rgba(255,255,255, 0.9);
   //text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0, 1.0);
}
@media all and (max-width: 850px) {
  #bereichsueberschrift {
     font-size: 1.8em;
  }
}
@media all and (max-width: 800px) {
  #bereichsueberschrift {
     font-size: 1.6em;
  }
}
@media all and (max-width: 700px) {
  #bereichsueberschrift {
     font-size: 1.4em;
  }
}
@media all and (max-width: 600px) {
  #bereichsueberschrift {
     height: auto;
     line-height: 1.2em;
     font-size: 1.2em;
	 padding: 10px 5px;
  }
}
/* ENDE Formatierung Hauptseite u.a. main */



/* START Formatierung des Hauptmenues SkiAktiv 4.0 - Datei includes/php_menue.php */

#menueicon {
   display: none;
   position: fixed;
   left: 0px;
   top: 0px;
   width: 32px;
   height: 43px;
   padding: 3.5px 9px;
   background-color: rgba(0,0,0, 1);
   z-index: 8;
}
#menueicon:hover {
   background-color:rgba(0,0,159, 0.9);
}

#menueicon div {
   width: 100%;
   height: 5px;
   background-color: #FFFFFF;
   margin: 7px 0;
}

#skiaktiv_touchmenue {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: space-around;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 60px;
   text-align: center;
   //line-height: 80px;
   //width: calc(100% - 50px);
   //text-align: left;
}
#menueicon_x {
   position: absolute;
   right: 0px;
   top: 0px;
   width: 32px;
   height: 32px;
   padding: 9px 9px;
   background-color: rgba(0,0,0, 1);
}
#menueicon_x:hover {
   background-color:rgba(0,0,159, 0.9);
}

#menueicon_x div  {
   position: absolute;
   width: 32px;
   height: 5px;
   margin: 13.5px 0px;
   background-color: #FFFFFF;
}
#menueicon_x div:first-child  {
   transform: rotate(-45deg) ; /* explorer 10 */
     -webkit-transform: rotate(-45deg) /* chrome & safari */
     -moz-transform: rotate(-45deg) /* firefox */
     -o-transform: rotate(-45deg) /* opera */
     -ms-transform: rotate(-45deg) /* Internet Explorer */
}
#menueicon_x div:last-child  {
   transform: rotate(45deg) ; /* explorer 10 */
     -webkit-transform: rotate(45deg) /* chrome & safari */
     -moz-transform: rotate(45deg) /* firefox */
     -o-transform: rotate(45deg) /* opera */
     -ms-transform: rotate(45deg) /* Internet Explorer */
}

#skiaktivlogo {
   position: fixed;
   width: 100%;
   max-width: 1200px;
   margin: 0px auto;
   left: 0px;
   z-index: 18; 
   background-color: #2200FF;
}

.linkstartseite {
   position: fixed;
   width: 250px;
   left: calc((100% - 1200px) / 2);
   text-align: center;
   z-index: 8;   
}
@media all and (max-width: 1199px) {
  .linkstartseite {
     left: 0px;
  }
}

.logo_image {
   width: 176px;
   background-image: url('../images/logo_hintergrund.jpg');
   background-size: 250px 110px;
   background-repeat: no-repeat;
   background-position: top center;
   color: #000000; 
}
#logo_image {
   width: 250px;
   margin-top: 0px;
   transition: all 500ms ease 0px; /* explorer 10 */
     -webkit-transition: all 500ms ease; /* chrome & safari */
     -moz-transition: all 500ms ease; /* firefox */
     -o-transition: all 500ms ease; /* opera */
     -ms-transition: all 500ms ease; /* Internet Explorer */
}

#mainmenue {
   position: fixed;
   margin: 0 auto;
   width: 100%;
   height: 60px;
   top: 0px;
   left: 0px;
   border-bottom: 3px solid rgba(0,0,159, 1.0);
   font-family: 'bitstream_vera_sans', Verdana, sans-serif;
   font-style:normal;
   text-decoration:none;
   background-color: rgba(242,242,242, 1.0);
   background-image: -webkit-linear-gradient(270deg, rgba(230,230,255, 1.0), rgba(245,245,245, 1.0));
   background-image: -moz-linear-gradient(270deg, rgba(230,230,255, 1.0), rgba(245,245,245, 1.0));
   background-image: -o-linear-gradient(270deg, rgba(230,230,255, 1.0), rgba(245,245,245, 1.0));
   background-image: linear-gradient(270deg, rgba(230,230,255, 1.0), rgba(245,245,245, 1.0));
   z-index: 7;
}

nav {
   width: 100%;
   max-width: 1200px;
   margin: 0px auto;
   text-align: left;
}

ul#mbalken {
   display:inline-block;
   margin-left: calc(250px + 2%);
   height: 60px;
   text-align: left;
   z-index:7;
}
ul#mbalken > li {
   display:inline-block;
   list-style: none;
   margin:0px auto;
   z-index:7;
}
ul#mbalken > li > a {
   display:block;
   cursor:pointer;
   padding:0px 30px;
   line-height: 60px;
   font-size: 1.0em;
   font-weight: normal;
   text-decoration:none;
   color: #00009F;
   transition: color 100ms ease ; /* explorer 10 */
     -webkit-transition: color 100ms ease; /* chrome & safari */
     -moz-transition: color 100ms ease; /* firefox */
     -o-transition: color 100ms ease; /* opera */
     -ms-transition: color 100ms ease; /* Internet Explorer */
}

ul#mbalken > li:hover > a {
   color: rgba(100,80,80, 1.0);
   //background-color:rgba(255,255,255, 0.9);
   //color:#00009F;
}

ul#mbalken li a:link { text-decoration:none; }
ul#mbalken li a:visited { text-decoration:none; }
ul#mbalken li a:hover { text-decoration:none; }
ul#mbalken li a:active { text-decoration:none; }

//ul#mbalken li a:link { font-weight:bold; text-decoration:none; }
//ul#mbalken li a:visited { font-weight:bold; text-decoration:none; }
//ul#mbalken li a:hover { font-weight:bold; text-decoration:none; }
//ul#mbalken li a:active { font-weight:bold; text-decoration:none; }

.menue_toggle_li {
   position: absolute;
   display: none;
   top: 0px;
   left: 0px;
   width: 50px;
   margin: 0px;
   padding: 0px;
   line-height: 50px;
   font-weight: bold;
   text-align: center;
   background-color: rgba(0,0,0, 0.9);
   color: #F0F0F1;
   cursor: pointer;
   transition: color 100ms ease, transform 500ms ease ; /* explorer 10 */
     -webkit-transition: color 100ms ease; /* chrome & safari */
     -moz-transition: color 100ms ease, transform 500ms ease; /* firefox */
     -o-transition: color 100ms ease; /* opera */
     -ms-transition: color 100ms ease; /* Internet Explorer */
}
.menue_toggle_li div {
   font-size: 0.5em;
   transition: transform 500ms ease ; /* explorer 10 */
     -webkit-transition: transform 500ms ease; /* chrome & safari */
     -moz-transition: transform 500ms ease; /* firefox */
     -o-transition: transform 500ms ease; /* opera */
     -ms-transition: transform 500ms ease; /* Internet Explorer */
}
.menue_toggle_li:hover {
   background-color:rgba(0,0,159, 0.95);
}
.menue_toggle_li_check {
   display: none;
}
.menue_toggle_li span.dropdown_pfeil {
   margin: 0px;
}


.dropdown_pfeil {
  border: 7px solid #F0F0F1;
  font-size: 0.1em;
  line-height: 0em;
  height: 0px;
  padding: 0px;
  margin: 0px 8px 0px 0px;
  border-right-color:  transparent;
  border-bottom-color: transparent;
  border-left-color:   transparent;
}

.droppfeil {
  font-size: 0em;
  line-height: 0em;
  border: 7px solid #F0F0F1;
  border-right-color:  transparent;
  border-bottom-color: transparent;
  border-left-color:   transparent;
  height: 0px;
  padding: 0px;
  margin: 0px;
}

.dropleft_pfeil {
  background-color:rgba(230,0,0, 0.8);
  border-style: solid;
  border-width: 3.5px 0 3.5px 7px;
  height: 0px;
  width: 0px;
  margin: 0px 8px 0px 0px;
  border-top-color:   transparent;
  border-right-color:  transparent;
  border-bottom-color: transparent;
  border-left-color: rgba(100,80,80, 1.0);
}


/*ul#mbalken li.menue_auswahl ul {*/
ul.topmenue {
   display: none;
   //width: 100%;
   position: absolute;
   //text-align: left;
    //left: 0px;
    //margin: 0 0;
   margin: 0px auto;
   padding: 3px 0 0 0;
   /*box-shadow: 0px 5px 10px rgba(0,0,0, 0.8);
   -moz-box-shadow: 0px 5px 10px rgba(0,0,0, 0.8);
   -webkit-box-shadow: 0px 5px 10px rgba(0,0,0, 0.8);*/
}


/*ul#mbalken li ul li {*/
ul.topmenue > li {
   display:inline;
   list-style: none;
   float: none;
   margin:0px;
   padding:0px;
   cursor:pointer;
}
/*ul#mbalken li ul li a {*/
ul.topmenue > li > a {
   display: block;
   padding: 15px 20px;
   line-height: 1.0em;
   font-size: 0.9em;
   text-align: left;
   transition: color 100ms ease ; /* explorer 10 */
     -webkit-transition: color 100ms ease; /* chrome & safari */
     -moz-transition: color 100ms ease; /* firefox */
     -o-transition: color 100ms ease; /* opera */
     -ms-transition: color 100ms ease; /* Internet Explorer */
}
ul#mbalken li ul li a:link { background-color:rgba(242,242,242, 0.95); color: #00009F; }
ul#mbalken li ul li a:visited { background-color:rgba(242,242,242, 0.95); color: #00009F; }
ul#mbalken li ul li a:hover { background-color:rgba(248,248,248, 1.0); color: rgba(100,80,80, 1.0); }
ul#mbalken li ul li a:active { background-color:rgba(248,248,248, 1.0); color: rgba(100,80,80, 1.0); }

@media all and (max-width: 870px) {
  ul#mbalken > li > a {
     padding: 0 15px;
  }
}
@media all and (max-width: 760px) {
  ul#mbalken > li > a {
     padding: 0 10px;
  }
}

@media all and (min-width: 720px) {
  ul#mbalken li.menue_auswahl:hover ul.topmenue {
     display: block;
  }
}
@media all and (max-width: 720px) {
  body {
  }

  #menueicon {
     display: block;
  }
  
  .linkstartseite {
	 position: absolute;
	 width: 176px;
	 left: calc((100% - 176px) / 2);
  }

  #mainmenue {
     //display: none;
     overflow-y: auto;
     width: 100%;
     height: 100%;
     top: 0px;
     left: -100%;
     /*box-shadow: none;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;*/
	 background-color: rgba(90,90,90, 1.0);
	 //background-image: none;
	 background-image: -webkit-linear-gradient(270deg, rgba(50,50,100, 1.0), rgba(40,40,40, 1.0));
     background-image: -moz-linear-gradient(270deg, rgba(230,230,255, 1.0), rgba(245,245,245, 1.0));
     background-image: -o-linear-gradient(270deg, rgba(230,230,255, 1.0), rgba(245,245,245, 1.0));
     background-image: linear-gradient(270deg, rgba(30,30,40, 1.0), rgba(40,40,40, 1.0));
     -webkit-transition: left 500ms ease; /* chrome & safari */
     -moz-transition: left 500ms ease; /* firefox */
     -o-transition: left 500ms ease; /* opera */
     -ms-transition: left 500ms ease; /* Internet Explorer */
     transition: left 500ms ease;
	 z-index: 12;
  }
  
  ul#mbalken {
     position: relative;
	 margin: 0 auto;
     top: 60px;
     left: 0px;
     //display: none;
     height: auto;
     width: 100%;
	 //max-width: 500px;
     text-align: center;
	 z-index: 12;
  }
  ul#mbalken > li {
     position: relative;
     display: block;
     width: 100%;
     text-align: left;
	 margin: 5px 0;
     /*box-shadow: 0px 5px 10px rgba(0,0,0, 0.8);
     -moz-box-shadow: 0px 5px 10px rgba(0,0,0, 0.8);
     -webkit-box-shadow: 0px 5px 10px rgba(0,0,0, 0.8);*/
  }
  ul#mbalken > li.menue_auswahl_lastli {
  }

  ul#mbalken > li > a {
     margin-left: 50px;
	 line-height: 50px;
     background-color:rgba(242,242,242, 0.95);
  }
  ul#mbalken li a:link { color: #00009F; }
  ul#mbalken li a:visited { color: #00009F; }
  ul#mbalken li a:hover { background-color:rgba(248,248,248, 1.0); color: rgba(100,80,80, 1.0); }
  ul#mbalken li a:active { background-color:rgba(248,248,248, 1.0); color: rgba(100,80,80, 1.0); }

  .menue_toggle_li {
     display: block;
  }
  .ul#mbalken li.menue_auswahl ul {
     display: none;
	 //text-align: left;
  }
  .menue_toggle_li_check:checked + label + ul.topmenue {
     display: block;
  }
  .menue_toggle_li_check:checked + label.menue_toggle_li div {
     transform: rotate(-90deg) ; /* explorer 10 */
       -webkit-transform: rotate(-90deg) /* chrome & safari */
       -moz-transform: rotate(-90deg) /* firefox */
       -o-transform: rotate(-90deg) /* opera */
       -ms-transform: rotate(-90deg) /* Internet Explorer */
  }

  ul.topmenue {
     position: relative;
     width: 100%;
	 //max-width: 500px;
	 padding: 0;
	 left: 0px;
     /*box-shadow: none;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;*/
  }
  ul.topmenue > li {
     display: block;
     width: 100%;
     //max-width: 500px;
  }
  ul.topmenue > li > ul li > a {
     //background-color:rgba(242,242,242, 0.95);
  }
  ul#mbalken li ul li a:link { color:#00009F; }
  ul#mbalken li ul li a:visited { color:#00009F; }
  ul#mbalken li ul li a:hover { background-color:rgba(248,248,248, 1.0); color: rgba(100,80,80, 1.0); }
  ul#mbalken li ul li a:active { background-color:rgba(248,248,248, 1.0); color: rgba(100,80,80, 1.0); }
}
@media all and (max-width: 400px) {
  ul.topmenue > li > a {
     font-size: 0.9em;
  }
}
/* ENDE Formatierung des Hauptmenues SkiAktiv 4.0 */



/* START Formatierung Sidemenue SkiAktiv 3.0 - Datei includes/php_sidemenue.php */
.sidelink {
   position: fixed;
   //left:0px;
   bottom: 2px;
   //margin-top: calc(100vh - 20px - 50px);
   width: 50px;
   height: 50px;
   background: rgba(0,0,0, 1);
   z-index: 8;
}
.sidelink:hover {
   background:rgba(0,0,159, 0.9);
}
#sidetoplink {
   right: 2px;
   //margin-left: calc(100% - 20px - 50px);
}
#sidetoplink div {
   width: 0px;
   height: 0px;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
   border-bottom: 16px solid rgba(255,255,255, 0.95);
   margin: 15px 10px 19px 10px;
}
#sidebacklink {
   right: 62px;
   //margin-left: calc(100vw - 20px - 50px - 60px);
}
#sidebacklink div {
   width: 0px;
   height: 0px;
   border-bottom: 15px solid transparent;
   border-top: 15px solid transparent;
   border-right: 16px solid rgba(255,255,255, 0.95);
   margin: 10px 19px 10px 15px;
}
/* ENDE Formatierung Sidemenue - SkiAktiv 3.0 */

/* START Formatierung Topspace SkiAktiv 4.0 - Datei index.php */
#topspace {
   position: relative;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: -1;
   transition: height 500ms ease; /* explorer 10 */
     -webkit-transition: height 500ms ease; /* chrome & safari */
     -moz-transition: height 500ms ease; /* firefox */
     -o-transition: height 500ms ease; /* opera */
     -ms-transition: height 500ms ease; /* Internet Explorer */
}

/* ENDE Formatierung Topspace SkiAktiv 4.0 */

 /* Footer-Links formatieren */
.footerlink {
   cursor:pointer;
   margin:0px;
   padding:0px;
}
.footerlink a {
   display:block;
   font-family:Verdana,sans-serif;
   font-style:normal;
   text-decoration:none;
}

 /* Footer-Links formatieren */
#unterbalken a:link { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#unterbalken a:visited { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#unterbalken a:hover { text-decoration:underline; font-weight:bold; color:#FFFFFF; }
#unterbalken a:active { text-decoration:underline; font-weight:bold; color:#FFFFFF; }

/* START Formatierung Vergrößerung bildmitte - Datei index.php */
#bildmitte { position:absolute; left:0px; top:0px; visibility:hidden; z-index:8; }
#fixback_main {
    position:absolute;
    left:0px; top:0px;
    width:100%; height:100%;
    background-color:rgba(0,0,0, 0.9);
    visibility:hidden;
  }
div > div#fixback_main { position: fixed; }
div#picturearea_main {
    position:absolute;
    cursor:pointer;
    cursor:zoom-out;
    top:0px; left:0px;
    padding:0px;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
#bigimg_main { position:absolute; top:0px; left:0px; }

div#closeimg_main {
    position:absolute;
    cursor:pointer;
    cursor:zoom-out;
    left:0px; top:0px;
    width: 100%; height:100%;
  }
/* Formatierung picmenue bei css_bilder_seiten */
/* ENDE Formatierung Vergrößerung bildmitte */

/* START Formatierung Vergrößerung videomitte inkl. videomenue - Datei index.php */
#videomitte { position:absolute; left:0px; top:0px; visibility:hidden; z-index:8; }
#fixback_video {
    position:absolute;
    left:0px; top:0px;
    width:100%; height:100%;
    background-color:rgba(0,0,0, 0.9);
    visibility:hidden;
  }
div > div#fixback_video { position: fixed; }
div#videoarea {
    position:absolute;
    cursor:pointer;
    cursor:zoom-out;
    top:0px; left:0px;
    padding:0px;
    background-color:rgba(255,255,255, 0.9);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
  }
#videogross { position:absolute; top:0px; left:0px; }

div#closevideo {
    position:absolute;
    cursor:pointer;
    cursor:zoom-out;
    left:0px; top:0px;
    width: 100%; height:100%;
  }

/* Videomenue */
.videomenue {
   position:absolute;
   width:295px;
   height:100px;
   top:0px;
   right:0px;
   font-family:Verdana,sans-serif;
   font-style:normal;
   font-size:1.5em;
   font-weight:bold;
   text-decoration:none;
   text-align:center;
   opacity:0.4;
   -moz-opacity:0.4;
   filter:alpha(opacity=40);
}
.videomenue:hover {
   opacity:1.0;
   -moz-opacity:1.0;
   filter:alpha(opacity=100);
}
.videomenue div {
   position:absolute;
   cursor:pointer;
   height:50px;
   top:20px;
   padding:0px;
   color:#FFFFFF;
   background:rgba(0,0,0, 0.9);
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   box-shadow: 0px 0px 8px 0px rgba(155,155,155, 0.8);
   -moz-box-shadow: 0px 0px 8px 0px rgba(155,155,155, 0.8);
   -webkit-box-shadow: 0px 0px 8px 0px rgba(155,155,155, 0.8);
}
.videomenue div:hover {
   background:rgba(0,0,159, 0.9);
}
.videomenue div.videominus {
   width:50px;
   right:215px;
}
.videomenue div.videoplus {
   width:50px;
   right:150px;
}
.videomenue div.videomax {
   width:50px;
   right:85px;
}
.videomenue div.videoschliesse {
   width:50px;
   right:20px;
}
/* ENDE Formatierung Vergrößerung videomitte */


/* Standard-Link*/
.std_link {
   font-family:Verdana,sans-serif;
   font-weight:normal;
   text-decoration:none;
}
.std_link a {
   font-family:Verdana,sans-serif;
   font-weight:normal;
   text-decoration:none;
}
.std_link a:link { color:#00009F; text-decoration:none; }
.std_link a:visited { color:#00009F; text-decoration:none; }
.std_link a:hover { color:#F0F0F1; background-color:#00009F; font-weight:bold; text-decoration:none; }
.std_link a:active { color:#F0F0F1; background-color:#00009F; font-weight:bold; text-decoration:none; }
/* für Bilder Skigebiete weiss */
.std_link a.bw:link { color:#2935A5; text-decoration:none; }
.std_link a.bw:visited { color:#2935A5; text-decoration:none; }
.std_link a.bw:hover { color:#F0F0F1; background-color:rgba(41,53,165, 0.9); font-weight:bold; text-decoration:none; }
.std_link a.bw:active { color:#F0F0F1; background-color:rgba(41,53,165, 0.9); font-weight:bold; text-decoration:none; }
/* für Bilder Skigebiete gruen */
.std_link a.bg:link { color:#29A535; text-decoration:none; }
.std_link a.bg:visited { color:#29A535; text-decoration:none; }
.std_link a.bg:hover { color:#F0F0F1; background-color:rgba(41,165,53, 0.9); font-weight:bold; text-decoration:none; }
.std_link a.bg:active { color:#F0F0F1; background-color:rgba(41,165,53, 0.9); font-weight:bold; text-decoration:none; }
/* für Bilder Seilbahnen */
.std_link a.bs:link { color:#FF8C1E; text-decoration:none; }
.std_link a.bs:visited { color:#FF8C1E; text-decoration:none; }
.std_link a.bs:hover { color:#F0F0F1; background-color:rgba(255,140,30, 0.9); font-weight:bold; text-decoration:none; }
.std_link a.bs:active { color:#F0F0F1; background-color:rgba(255,140,30, 0.9); font-weight:bold; text-decoration:none; }
/* für Skigebietstour Gargellen */
.std_link a.gar:link { color:#005A9C; text-decoration:none; }
.std_link a.gar:visited { color:#005A9C; text-decoration:none; }
.std_link a.gar:hover { color:#F0F0F1; background-color:rgba(0,90,156, 0.9); font-weight:bold; text-decoration:none; }
.std_link a.gar:active { color:#F0F0F1; background-color:rgba(0,90,156, 0.9); font-weight:bold; text-decoration:none; }
/* für Skigebietstour Flims Laax Falera */
.std_link a.flf:link { color:#B90531; text-decoration:none; }
.std_link a.flf:visited { color:#B90531; text-decoration:none; }
.std_link a.flf:hover { color:#F0F0F1; background-color:rgba(185,5,49, 0.9); font-weight:bold; text-decoration:none; }
.std_link a.flf:active { color:#F0F0F1; background-color:rgba(185,5,49, 0.9); font-weight:bold; text-decoration:none; }

.std_link2 a {
	display: block;
	padding: 6px 10px;
	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;
}
.std_link2 a:link, .std_link2 a:visited { color:#00009F; }
.std_link2 a:hover, .std_link2 a:active { color:#F0F0F1; background-color:rgba(0,0,159, 0.9); }

.skigebietstour {
	position: relative;
	overflow: visible;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	width: 98%;
	padding: 10px 1% 0px 1%;
	//padding-top: 10px;
	min-width: 980px;
	max-width: 1100px;
	min-height: calc(100% - 10px);
	//min-height: 620px;
	height: calc(100% - 10px);
}
.skigebietstour div {
	display: block;
	overflow: visible;
	position: relative;
	flex: 1 1 auto; 
	padding: 0px;
	text-align: left;
}
.skigebietstour div:nth-child(1){
   flex: 0 0 720px;
   //color: #00009F;
   //font-weight: bold;
   padding-right: 10px;
}
.skigebietstour div:nth-child(2){
	text-align: left;
}
#sgt_pistenplan {
	position: absolute;
	bottom: 5px;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}


@media all and (max-width: 1050px) {
  .skigebietstour {
     flex-direction: column;
	 align-items: center;
	 min-width: initial;
  }
  .skigebietstour div {
	flex: 0 0 auto; 
	max-width: 720px;
	width: 100%;
  }
  .skigebietstour div:nth-child(1){
     flex: 1 1 auto;
     padding-right: 0px;
	 padding-bottom: 15px; 
  }
  #sgt_pistenplan {
	display: block;
	position: relative;
	text-align: center;
	padding-top: 10px;
  }
}

/* Standard-Link alt - Benutzt z.B. in den Bereichen Symbole, Skigebietstouren */
.extern_link a {
   display:block;
   width:100%;
   height:100%;
   cursor:pointer;
}
.extern_link a:link {
   font-weight:normal;
   text-decoration:none;
   color:#00009F;
}
.extern_link a:visited {
   font-weight:normal;
   text-decoration:none;
   color:#00009F;
}
.extern_link a:hover {
   font-weight:bold;
   text-decoration:underline;
   color:#000000;
}
.extern_link a:active {
   font-weight:normal;
   text-decoration:underline;
   color:#000000;
}
.extern_link a:focus {
   font-weight:normal;
   text-decoration:underline;
   color:#000000;
}

/* allgemeine Linkformatierung (blauer Text) - Verwendung auf vielen Seiten */
#blaulink a:link { text-decoration:none; color: #00009F; }
#blaulink a:visited { text-decoration:none; color: #00009F; }
#blaulink a:hover { text-decoration:none; color: rgba(100,80,80, 1.0); }
#blaulink a:active { text-decoration:none; color: rgba(100,80,80, 1.0); }
.blaulink a:link { text-decoration:none; color: #00009F; }
.blaulink a:visited { text-decoration:none; color: #00009F; }
.blaulink a:hover { text-decoration:none; color: rgba(100,80,80, 1.0); }
.blaulink a:active { text-decoration:none; color: rgba(100,80,80, 1.0); }
/*#blaulink a:link { text-decoration:none; color:#00009F; }
#blaulink a:visited { text-decoration:none; color:#00009F; }
#blaulink a:hover { text-decoration:underline; color:#00009F; }
#blaulink a:active { text-decoration:underline; color:#00009F; }
.blaulink a:link { text-decoration:none; color:#00009F; }
.blaulink a:visited { text-decoration:none; color:#00009F; }
.blaulink a:hover { text-decoration:underline; color:#00009F; }
.blaulink a:active { text-decoration:underline; color:#00009F; }*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 - - 2. verschiedene Bereiche - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Überschriftenformatierung (roter Hintergrund) - Verwendung: im Bereich Skigebiete */
.textfeld_ueb {
  background-color:rgba(230,0,0, 0.8);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  font-family: 'bitstream_vera_sans', Verdana, sans-serif;
  font-style:normal;
  font-size:0.95em;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  color:#FFFFFF;
  text-shadow: 0.1em 0.1em 0.2em #000000;
}

/* Textfeldformatierung (weisser Hintergrund) - Verwendung: auf der Startseite, in den Uebersichtsseiten Skigebiete, Bilder, Skigebietstouren */
.textfeld_dym {
   position: relative;
   display: inline-block;
   top: 0px;
   left: 0px;
   height: auto;
   width: 100%;
   margin: 10px 0%;
   padding: 0px;
   z-index: 1;
   background-color:rgba(255,255,255, 0.9);
   font-family: 'bitstream_vera_sans', Verdana, sans-serif;
   font-style: normal;
   font-size: 0.9em;
   font-weight: normal;
   text-decoration: none;
   text-align: justify;
   color: #000000;
   line-height: 1.8;
}
.textfeld_dym:before {
   content: "";
   position: absolute;
   background-image: -webkit-linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   left: 0px;
   right: 0px;
   top: -10px;
   height: 10px;
}
.textfeld_dym:after {
   content: "";
   position: absolute;
   background-image: -webkit-linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   left: 0px;
   right: 0px;
   height: 10px;
}

.textfeld_ueberschrift {
   position: absolute;
   top: -35px;
   left: 5%;
   width: 250px;
   height: 45px;
   background-image: url(../images/skiaktiv_bereich_hintergrund.png);
   background-repeat: no-repeat;
   color:#FFFFFF;
   font-family: Arial, sans-serif;
   font-size: 1.25em;
   font-weight: bold;
   text-align: center;
   line-height: 45px;
   z-index:2;
}

/* Textfeldformatierung (weisser Hintergrund) - Verwendung: in den Bereichen Symbole, Links, Skigebietstouren */
.textfeld1 {
  background-color:rgba(255,255,255, 0.9);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  font-family: 'bitstream_vera_sans', Verdana, sans-serif;
  font-style:normal;
  font-size:0.9em;
  font-weight:normal;
  text-decoration:none;
  text-align:justify;
  color:#000000;
  line-height:1.8;
}

.textfeld1 > p, .textfeld_dym > p {
  padding: 8px 5%;
}
.textfeld1 > p.first_p, .textfeld_dym > p.first_p {
  padding-top: 25px;
}
.textfeld1 > p.last_p, .textfeld_dym > p.last_p {
  padding-bottom: 25px;
}
.textfeld1 table.first_table, .textfeld_dym table.first_table {
  padding-top: 25px;
}
.textfeld1 table.last_table, .textfeld_dym table.last_table {
  padding-bottom: 25px;
}

/*  - - Bereich News - -  */

.newsfeld {
   background-color: rgba(242,224,232, 0.9);
   font-size: 0.8em;
   line-height: 1.8;  
   padding: 10px 0;
   margin-top: 55px;
   //padding: 25px 5%;
}
.newsfeld:before {
   background-image: -webkit-linear-gradient(0deg, rgba(242,224,232, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(0deg, rgba(242,224,232, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(0deg, rgba(242,224,232, 0.9) 60%, transparent);
   background-image: linear-gradient(0deg, rgba(242,224,232, 0.9) 60%, transparent);
}
.newsfeld:after  {
   bottom: -10px;
   background-image: -webkit-linear-gradient(180deg, rgba(242,224,232, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(180deg, rgba(242,224,232, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(180deg, rgba(242,224,232, 0.9) 60%, transparent);
   background-image: linear-gradient(180deg, rgba(242,224,232, 0.9) 60%, transparent);
}
.newsfeld_ueberschrift {
   position: absolute;
   top: -40px;
   left: 60px;
   width: 150px;
   height: 50px;
   background-image: url(../images/news_datum_hintergrund.png);
   background-repeat: no-repeat;
   color:#FFFFFF;
   font-family: Arial, sans-serif;
   font-size: 1.25em;
   font-weight: bold;
   text-align: center;
   line-height: 50px;
   z-index:2;
}

/* Formatierung Block Infotext zu externen Links - Verwendung: Startseite */
.linkinfo {
   background-color:rgba(250,231,231, 0.9);
}
.linkinfo:before {
   background-image: -webkit-linear-gradient(0deg, rgba(250,231,231, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(0deg, rgba(250,231,231, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(0deg, rgba(250,231,231, 0.9) 60%, transparent);
   background-image: linear-gradient(0deg, rgba(250,231,231, 0.9) 60%, transparent);
}
.linkinfo:after  {
   background-image: -webkit-linear-gradient(180deg, rgba(250,231,231, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(180deg, rgba(250,231,231, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(180deg, rgba(250,231,231, 0.9) 60%, transparent);
   background-image: linear-gradient(180deg, rgba(250,231,231, 0.9) 60%, transparent);
}


/* Formatierung News-Items - Verwendung: im Bereich News */
.newsfeld div.news_item {
   display: flex;
   width: 100%;
   //background-color: rgba(0,224,0, 1.0);
}

.newsfeld a.news_bereichlink {
   flex: 0 0 210px;
   display: block;
   position: relative;
   padding: 5px 2%;
   color: #000000;
   //font-size: 1.0em;
   text-align: left;
   margin: 10px 0;
}
.newsfeld div.news_bereichtext {
   flex: 1 1 auto;
   padding: 5px 2%;
   text-align: left;
   margin: 10px 0;
}

@media all and (max-width: 720px) {
   .newsfeld div.news_item {
      flex-direction: column;
      margin: 10px 0;
   }
   .newsfeld a.news_bereichlink {
      flex: 1 1 auto;
      margin: 5px 0;
   }
   .newsfeld a.news_bereichtext {
      flex: 1 1 auto;
      margin: 0;
   }
}

.newsfeld a.news_bereichlink:link, .newsfeld a.news_bereichlink:visited {
   background-color:rgba(244,208,215, 0.9);
}
.newsfeld a.news_bereichlink:hover, .newsfeld a.news_bereichlink:active {
   background-color:rgba(255,200,205, 0.9); 
}
.newsfeld a.news_bereichlink:before {
   content: "";
   position: absolute;
   left: 0px;
   right: 0px;
   height: 5px;
   top: -5px;
   background-image: -webkit-linear-gradient(0deg, rgba(244,208,215, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(0deg, rgba(244,208,215, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(0deg, rgba(244,208,215, 0.9) 60%, transparent);
   background-image: linear-gradient(0deg, rgba(244,208,215, 0.9) 60%, transparent);
}
.newsfeld a.news_bereichlink:hover:before, .newsfeld a.news_bereichlink:active:before {  
   background-image: -webkit-linear-gradient(0deg, rgba(255,200,205, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(0deg, rgba(255,200,205, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(0deg, rgba(255,200,205, 0.9) 60%, transparent);
   background-image: linear-gradient(0deg, rgba(255,200,205, 0.9) 60%, transparent);
}
.newsfeld a.news_bereichlink:after  {
   content: "";
   position: absolute;
   left: 0px;
   right: 0px;
   height: 5px;
   bottom: -5px;
   background-image: -webkit-linear-gradient(180deg, rgba(244,208,215, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(180deg, rgba(244,208,215, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(180deg, rgba(244,208,215, 0.9) 60%, transparent);
   background-image: linear-gradient(180deg, rgba(244,208,215, 0.9) 60%, transparent);
}
.newsfeld a.news_bereichlink:hover:after , .newsfeld a.news_bereichlink:active:after  {  
   background-image: -webkit-linear-gradient(180deg, rgba(255,200,205, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(180deg, rgba(255,200,205, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(180deg, rgba(255,200,205, 0.9) 60%, transparent);
   background-image: linear-gradient(180deg, rgba(255,200,205, 0.9) 60%, transparent);
}


/* Link-Formatierung (rote Schrift) - Verwendung: im Bereich News */
#alteseite a:link { text-decoration:none; color:#EA0000; }
#alteseite a:visited { text-decoration:none; color:#EA0000; }
#alteseite a:hover { text-decoration:none; font-weight:bold; color:#EA0000; }
#alteseite a:active { text-decoration:none; font-weight:bold; color:#EA0000; }


/* Formatierung Unterbereich Symbole - Verwendung: im Bereich Symbole */
.symbolefeld:after  {
   bottom: -10px;
}
.symbole_eintrag {
   display: flex;
   align-items: center;
   width: 100%;
}
.symbole_eintrag div {
   padding: 15px 10px;
   text-align: left;
}
.symbole_eintrag div:nth-child(1){
   flex: 0 0 60px;
   //color: #00009F;
   //font-weight: bold;
   padding-left: 5%;
}
.symbole_eintrag div:nth-child(2) {
   flex: 1 1 auto; 
   //color: #000000;
   font-size: 0.9em;
   padding-right: 5%;
}
a.symbole_eintrag:link, a.symbole_eintrag:visited {
   color: #00009F;  
}
a.symbole_eintrag:hover, a.symbole_eintrag:active {
   background-color: rgba(0,0,159, 0.8);
   color: #F0F0F1;  
}



/* Formatierung Unterbereich Links - Verwendung: im Bereich Links */
.linksfeld:after  {
   bottom: -10px;
}
.linksfeld  a {
   display: flex;
   width: 100%;
}
.linksfeld  a div {
   padding: 15px 10px;
   text-align: left;
}
.linksfeld  a div:first-child {
   flex: 0 0 250px;
   color: #00009F;
   padding-left: 5%;
}
.linksfeld  a div:last-child {
   flex: 1 1 auto; 
   color: #000000;
   font-size: 0.85em;
   padding-right: 5%;
}
.linksfeld  a:hover, .linksfeld  a:active {
   background-color: rgba(0,0,159, 0.9); 
}
.linksfeld  a:hover div, .linksfeld  a:active div {
   color: #F0F0F1; 
}
.links_trennstrich {
   height: 1px;
   background-color:rgba(50,50,50, 0.9);
}

@media all and (max-width: 720px) {
   .linksfeld  a {
      flex-direction: column;
   }
   .linksfeld  a div:first-child {
      flex: 1 1 auto;
      padding: 3px 5%;
	  padding-top: 15px;
   }
   .linksfeld  a div:last-child {
      flex: 1 1 auto;
      padding: 3px 5%;
	  padding-bottom: 15px;
   }
}



 /* Linkformatierung - Verwendung: auf vielen Seiten (eventuell ändern und das div am Anfang weglassen) */
div.linkfeld {
   //cursor:pointer;
   margin:0px;
   padding:0px;
}
div.linkfeld a {
   display:block;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
   -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
   -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
   font-family:Verdana,sans-serif;
   font-style:normal;
   font-size:1.2em;
   text-decoration:none;
}
 /* linkfeld-Linkformatierung - normal: dunkelblau */
div.linkfeld a.nor:link { font-weight:normal; color:#00009F; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.nor:visited { font-weight:normal; color:#00009F; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.nor:hover { font-weight:bold; color:#F0F0F1; background-color:rgba(0,0,159, 0.9); }
div.linkfeld a.nor:active { font-weight:bold; color:#F0F0F1; background-color:rgba(0,0,159, 0.9); }
 /* linkfeld-Linkformatierung - Bilder Skigebiete weiss */
div.linkfeld a.bw:link { font-weight:normal; color:#2935A5; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.bw:visited { font-weight:normal; color:#2935A5; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.bw:hover { font-weight:bold; color:#F0F0F1; background-color:rgba(41,53,165, 0.9); }
div.linkfeld a.bw:active { font-weight:bold; color:#F0F0F1; background-color:rgba(41,53,165, 0.9); }
 /* linkfeld-Linkformatierung - Bilder Skigebiete gruen */
div.linkfeld a.bg:link { font-weight:normal; color:#29A535; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.bg:visited { font-weight:normal; color:#29A535; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.bg:hover { font-weight:bold; color:#F0F0F1; background-color:rgba(41,165,53, 0.9); }
div.linkfeld a.bg:active { font-weight:bold; color:#F0F0F1; background-color:rgba(41,165,53, 0.9); }
 /* linkfeld-Linkformatierung - Bilder Seilbahnen */
div.linkfeld a.bs:link { font-weight:normal; color:#FF8C1E; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.bs:visited { font-weight:normal; color:#FF8C1E; background-color:rgba(255,255,255, 0.9); }
div.linkfeld a.bs:hover { font-weight:bold; color:#F0F0F1; background-color:rgba(255,140,30, 0.9); }
div.linkfeld a.bs:active { font-weight:bold; color:#F0F0F1; background-color:rgba(255,140,30, 0.9); }

/* Bildlinkblock-Textformatierung (schwarze Schrift) - Verwendung: im Bereich Bilder */
.bildlinkblock a div {
  font-family:'bitstream_vera_sans', Verdana, sans-serif;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  line-height:1.5;
}
/* Bildlinkblock-Linkhintergrundformatierung - Verwendung: im Bereich Bilder */
.bildlinkblock a div.bl_back_bw:hover {
  background-color:rgba(41,53,165, 0.9);
}
.bildlinkblock a div.bl_back_bg:hover {
  background-color:rgba(41,165,53, 0.9);
}
.bildlinkblock a div.bl_back_bs:hover {
  background-color:rgba(255,140,30, 0.9);
}
 /* Bildlinkblock-Linkformatierung (schwarz) */
.bildlinkblock a:link { font-weight:normal; text-decoration:none; color:#000000; }
.bildlinkblock a:visited { font-weight:normal; text-decoration:none; color:#000000; }
.bildlinkblock a:hover { font-weight:normal; text-decoration:none; color:#F0F0F1; }
.bildlinkblock a:active { font-weight:normal; text-decoration:none; color:#F0F0F1; }
 /* Bildlinkblock-Linkformatierung (Bilder Skigebiete weiss) */
.bildlinkblock a:link span.bl_bw { font-weight:normal; text-decoration:none; color:#202980; }
.bildlinkblock a:visited span.bl_bw { font-weight:normal; text-decoration:none; color:#202980; }
.bildlinkblock a:hover span.bl_bw { font-weight:bold; text-decoration:none; color:#F0F0F1; }
.bildlinkblock a:active span.bl_bw { font-weight:bold; text-decoration:none; color:#F0F0F1; }
 /* Bildlinkblock-Linkformatierung (Bilder Skigebiete gruen) */
.bildlinkblock a:link span.bl_bg { font-weight:normal; text-decoration:none; color:#208029; }
.bildlinkblock a:visited span.bl_bg { font-weight:normal; text-decoration:none; color:#208029; }
.bildlinkblock a:hover span.bl_bg { font-weight:bold; text-decoration:none; color:#F0F0F1; }
.bildlinkblock a:active span.bl_bg { font-weight:bold; text-decoration:none; color:#F0F0F1; }
 /* Bildlinkblock-Linkformatierung (Bilder Seilbahnen) */
.bildlinkblock a:link span.bl_bs { font-weight:normal; text-decoration:none; color:#a04e00; }
.bildlinkblock a:visited span.bl_bs { font-weight:normal; text-decoration:none; color:#a04e00; }
.bildlinkblock a:hover span.bl_bs { font-weight:bold; text-decoration:none; color:#F0F0F1; }
.bildlinkblock a:active span.bl_bs { font-weight:bold; text-decoration:none; color:#F0F0F1; }

/* benuzt in den Bereichen Links und Bilder */
.link_unaktiv { font-weight:normal; text-decoration:none; color:#00009F; }
.link_aktiv { font-weight:bold; text-decoration:underline; color:#000000; }

/* benuzt im Bereich Symbole */
.blaulink_unaktiv { font-weight:normal; text-decoration:none; color:#00009F; }
.blaulink_aktiv { font-weight:normal; text-decoration:underline; color:#000000; }

/* START Formatierung quad_menue SkiAktiv 4.0 - Verwendung: auf den Übersichtsseiten Skigebiete, Bilder, Skigebietstouren  */
.quad_menue {
  position: relative;
  display: block;
  //display: table-row;
  float: left;
  width: 48%;
  //height: 100%;
  //min-width: 320px;
  padding-top: 48%;
  margin: 0px 1% 40px;
}

.quad_menue_box {
  //position:relative;
  position: absolute;
  overflow: hidden;
  margin: 0px auto;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
}
.quad_menue_box .quad_menue_linkcolor {
   position:absolute;
   width:100%;
   height:100%;
   top: 0px;
   left: 0px;
   background-color:rgba(255,255,255, 0.4);
   opacity: 0;
   transition: all 0.6s ; /* explorer 10 */
   -webkit-transition: all 0.6s; /* chrome & safari */
   -moz-transition: all 0.6s; /* firefox */
   -o-transition: all 0.6s; /* opera */
}
.quad_menue_box:hover .quad_menue_linkcolor {
   opacity: 1;
}

.quad_menue_box .quad_menue_text {
   position:absolute;
   width:100%;
   bottom: 10%;
   left: 0px;
   padding: 5px 0px;
   font-family: Verdana,sans-serif;
   font-weight: normal;
   //font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
   text-align: center;
   color: #00009F;
   transition: all 0.6s ; /* explorer 10 */
   -webkit-transition: all 0.6s; /* chrome & safari */
   -moz-transition: all 0.6s; /* firefox */
   -o-transition: all 0.6s; /* opera */
   background-color:rgba(255,255,255, 0.7);
}
.quad_menue_box:hover .quad_menue_text {
   color: #F0F0F1;
   background-color:rgba(0,0,159, 0.9);
}
.quad_menue_box:hover .quad_menue_bw {
   background-color:rgba(41,53,165, 0.9);
}
.quad_menue_box:hover .quad_menue_bg {
   background-color:rgba(41,165,53, 0.9);
}
.quad_menue_box:hover .quad_menue_bs {
   background-color:rgba(255,140,30, 0.9);
}
.quad_menue_box:hover .quad_menue_gar {
   background-color:rgba(0,90,156, 0.9);
}
.quad_menue_box:hover .quad_menue_flf {
   background-color:rgba(185,5,49, 0.9);
}

@media all and (max-width: 750px) {
  .quad_menue {
    width:80%;
    padding-top:80%;
    margin:0px 10% 40px;
  }
  .quad_menue_box .quad_menue_text {
    font-size: 1.4em;
  }
}
@media all and (max-width: 650px) {
  .quad_menue {
    width:90%;
    padding-top:90%;
    margin:0px 5% 40px;
  }
}
@media all and (max-width: 550px) {
  .quad_menue {
    width:100%;
    padding-top:100%;
    margin:0px 0% 40px;
    /*width:96%;
    padding-top:96%;
    margin:0px 2% 40px;*/
  }
  .quad_menue_box .quad_menue_text {
    font-size: 1.2em;
  }
}
@media all and (max-width: 320px) {
  .quad_menue_box .quad_menue_text {
    font-size: 1.0em;
  }
}
@media all and (min-width: 950px) {
  .quad_menue {
    width:45%;
    padding-top:45%;
    margin:0px 2.5% 40px;
  }
}
/* ENDE Formatierung quad_menue */


/* START Formatierung Überschrift Skigebietdetails und Skitaginfo */
.uebskigebiet {
  width: 100%;
  background-color:rgba(230,0,0, 0.8);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -moz-box-shadow: 0px 0px 3px 1px rgba(230,0,0, 0.8);
  -webkit-box-shadow: 0px 0px 3px 1px rgba(230,0,0, 0.8);
  text-align:center;
  z-index:-1;
}
@media all and (max-width: 820px) {
  .uebskigebiet {
    width: 98%;
  }
}
.uebskigebiet div {
   width: 100%;
   font-family:Verdana,sans-serif;
   font-style:normal;
   color:#FFFFFF;
   text-shadow: 0.1em 0.1em 0.2em #000000;
}
.uebskigebiet div.ueb_name {
   font-size:1.5em;
   font-weight:bold;
   padding:10px 0px 8px 0px;
}
.uebskigebiet div.ueb_orte {
   font-size:0.6em;
   font-weight:normal;
   padding:0px 0px 12px 0px;
}
/* ENDE Formatierung Überschrift Skigebietdetails und Skitaginfo */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 - - 3. Bereich Skigebiete - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Einzelne Bloecke Skigebiet - Gesamt: Droppfeil, Detail-Link und Media-Links - Verwendung: Bereich Skigebiete */
.skigebieteblock {
   position: relative;
   width: 100%;
   height: auto;
   overflow: auto;
   border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
   box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
    -ms-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
    -o-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
   z-index: 1;
}

/* Block Droppfeil und Detail-Link */
.skigebieteauswahl {
   display: flex;
   width: 100%;
}

/* Droppfeil - Verwendung: Bereich Skigebiete */
.skigebietedroppfeil {
   cursor: pointer;
   flex: 0 0 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   vertical-align: middle;
   background-color: rgba(0,0,0, 0.9);
}
.skigebietedroppfeil:hover {
   background-color:rgba(0,0,159, 0.95);
}
.skigebietedroppfeil div {
   transition: transform 500ms ease ; /* explorer 10 */
     -webkit-transition: transform 500ms ease; /* chrome & safari */
     -moz-transition: transform 500ms ease; /* firefox */
     -o-transition: transform 500ms ease; /* opera */
     -ms-transition: transform 500ms ease; /* Internet Explorer */
}
.sgdroppfeilrotate {
   transform: rotate(-90deg) ; /* explorer 10 */
     -webkit-transform: rotate(-90deg) /* chrome & safari */
     -moz-transform: rotate(-90deg) /* firefox */
     -o-transform: rotate(-90deg) /* opera */
     -ms-transform: rotate(-90deg) /* Internet Explorer */
}

 /* Detail-Link - Verwendung: Bereich Skigebiete */
.linkskigebiete {
   margin: 0px;
   flex: 1 1 auto;
   display: flex;
   align-items: center;
   align-content: center;
   font-family: 'bitstream_vera_sans', Verdana,sans-serif;
   font-weight: normal;
   text-decoration: none;
   background-color: rgba(245,245,245, 0.94);
}
.linksgpaddingx {
   flex: 0 0 3%;
}
.linksgschriften {
   padding: 10px 0;
   flex: 1 1 auto;
}
.linkskigebiete p.linktext {
   padding-bottom: 5px;
   font-style: normal;
   color: #00009F;
}
div.linkskigebiete p.linktext {
   color: #222222;
}
.linkskigebiete p.linkhinweis {
   font-size: 0.7em;
   font-style: italic;
   color: #000000;
}
a.linkskigebiete:hover {
   background-color: rgba(0,0,159, 0.9);
}
a.linkskigebiete:hover p.linktext {
   //font-weight: bold;
   color: #F0F0F1;
}
a.linkskigebiete:hover p.linkhinweis {
   color: #F0F0F1;
}

.sgmedienbild {
   margin: 0;
   flex: 0 0 22px;
}
.sgmedienspace {
   flex: 0 0 1%;
}

/* Menue Auswahlskigebiet im Bereich Skigebiete: Media-Links formatieren - Verwendung: Bereich Skigebiete */
.mediablock {
   height: 0px;
   overflow: hidden;
   transition: height 500ms ease ; /* explorer 10 */
     -webkit-transition: height 500ms ease; /* chrome & safari */
     -moz-transition: height 500ms ease; /* firefox */
     -o-transition: height 500ms ease; /* opera */
     -ms-transition: height 500ms ease; /* Internet Explorer */
}

.medienblock {
   margin: 0px;
   padding: 0px;
   height: auto;
   font-family: 'bitstream_vera_sans', Verdana,sans-serif;
   font-style: normal;
   font-size: 1.0em;
   font-weight: normal;
   text-decoration: none;
   text-align: left;
   color: #000000;
   line-height: 1.5;
}
.medienueb {
   margin: 0px;
   padding: 8px 3%;
   font-size: 0.95em;
   border: 0px solid #999999;
   border-top-width: 1.5px;
   border-bottom-width: 1.5px;
}
.mbweiss .medienueb {
   background-color: rgba(240,240,255, 0.98);
}
.mbgruen .medienueb {
   background-color: rgba(240,255,227, 0.98);
}
.mbvideos .medienueb {
   background-color: rgba(235,235,235, 0.98);
}

.medienlistend {
   margin: 0px;
   padding: 0px;
   height: 0px;
   background-color: rgba(255,255,255, 0.95);
}

.medienblock a {
   display: block;
   font-size: 0.9em;
   text-decoration: none;
   padding: 8px 3%;
   font-weight:normal;
}

.mbweiss a:link, .mbweiss a:visited {
   color:#2935A5;
   background-color:rgba(255,255,255, 0.95);
}
.mbweiss a:hover, .mbweiss a:active {
   color:#F0F0F1;
   background-color:rgba(41,53,165, 0.9);
}

.mbgruen a:link, .mbgruen a:visited {
   color:#0D9116;
   background-color:rgba(255,255,255, 0.95);
}
.mbgruen a:hover, .mbgruen a:active {
   color:#F0F0F1;
   background-color:rgba(41,165,53, 0.9);
}

.mbvideos a:link, .mbvideos a:visited {
   color:#121212;
   background-color:rgba(255,255,255, 0.95);
}
.mbvideos a:hover, .mbvideos a:active {
   color:#F0F0F1;
   background-color:rgba(18,18,18, 0.9);
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 - - 4. Bereich Bilder - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.bilder_saison {
  position: relative;
  display: inline-block;
  background: rgba(30,30,30, 0.9);
  width: 90%;
  //width: 85%;
  margin: 0px auto 5px;
  padding: 30px 5%;
  //padding:20px 5%;
  text-align:center;
  font:normal bold 1.4em Verdana;
  color:#FFFFFF;
  letter-spacing: 0.3em;
  text-shadow: 0.1em 0.1em 0.2em #7F7F7F;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  z-index: 2;
}

.bilder_block {
   position: relative;
   display: inline-block;
   top: 0px;
   left: 0px;
   width: 100%;
   height: auto;
   margin: 10px 0;
   text-align: center;
   //overflow: hidden;
   background: rgba(255,255,255, 0.9);
  //border-radius: 5px;
  //box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
}
.bilder_block:before {
   content: "";
   position: absolute;
   background-color: #45eh44;
   background-image: -webkit-linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: linear-gradient(0deg, rgba(255,255,255, 0.9) 60%, transparent);
   left: 0px;
   right: 0px;
   height: 10px;
   top: -10px;
}
.bilder_block:after {
   content: "";
   position: absolute;
   background-image: -webkit-linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -moz-linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: -o-linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   background-image: linear-gradient(180deg, rgba(255,255,255, 0.9) 60%, transparent);
   left: 0px;
   right: 0px;
   height: 10px;
   bottom: -10px;
}

.bilder_region {
  position: relative;
  display: inline-block;
  width: 100%;
  //width: auto;
  //padding: 10px 0%;
  padding: 7px 0%;
  //padding: 12px 10%;
  //margin: 0 auto 10px;
  margin: 0 auto 5px;
  top: 0px;
  left: 0px;
  font-family: Verdana,sans-serif;
  text-align: center;
  //text-shadow: 0.1em 0.1em 0.2em #7F7F7F;
  //box-shadow: 0px 2px 2px rgba(0,0,0, 0.8);
  //box-shadow: 5px 5px 5px #888888;
  //-moz-box-shadow: 5px 5px 5px #888888;
  //-webkit-box-shadow: 5px 5px 5px #888888;
}
.bilder_region span.bilder_span_reg {
  font-style: normal;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  //color: #FFFFFF;
  line-height: 1.5;
}
.bilder_region span.bilder_span_dat {
  font-style: normal;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  //color: #FFFFFF;
  line-height: 1;
}

/* START Formatierung bilder_skigebiete und bilder_menue SkiAktiv 4.0 */
.bilder_skigebiete {
  //background: rgba(240,240,0, 0.4);
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  top: 0px;
  left: 0px;
}
.bilder_menue_box {
  //background: rgba(240,0,0, 0.4);
  //background: rgba(240,240,240, 0.9);
  position: relative;
  display: inline-block;
  //display: table-row;
  float: left;
  //min-width: 200px;
  width: 100%;
  //min-height: 120px;
  //height: auto;
  //height: 100%;
  //padding: 5px 2.5%;
  //margin: 0px 1%;
  margin-bottom: 5px;
  box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);
  //border-radius: 10px;
  //-moz-border-radius: 10px;
  //-webkit-border-radius: 10px;
  //box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  //-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  //-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
   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 */
}

.bilder_menue_box:hover {
  color:#F0F0F1;
}
.bilder_menue_bw:hover  {
   background-color:rgba(41,53,165, 0.9);
}
.bilder_menue_bg:hover {
   background-color:rgba(41,165,53, 0.9);
}
.bilder_menue_bs:hover {
   background-color:rgba(255,140,30, 0.9);
}

.bilder_menue_text {
   //display: inline-block;
   height: 100%;
   margin: 0 auto;
   font-family:Verdana,sans-serif;
  //background: rgba(0,240,0, 0.4);
}
.bilder_menue_box .bilder_menue_geb {
   position:relative;
   top: 0px;
   left: 0px;
   //width: 92%;
   //padding: 0px 4%;
   width: calc(100% - (2 * 20px));
   padding: 0px 20px;
   margin: 10px 0;
   //padding-top: 15px;
   //margin-bottom: 2em;
   font-weight: normal;
   //font-weight: bold;
   font-size: 1.05em;
   line-height: 1.1em;
   text-decoration: none;
   text-align: left;
   color: #00009F;
}
.bilder_menue_box:hover .bilder_menue_geb {
   color: #F0F0F1;
}

.bilder_menue_box .bilder_menue_anz {
   position:relative;
   //position:absolute;
   //width: 90%;
   //padding: 0px 5%;
   width: calc(100% - (2 * 20px));
   padding: 0px 20px;
   margin: 0;
   margin-bottom: 10px;
   //height: 2em;
   line-height: 0.9em;
   top: 0px;
   left: 0px;
   font-weight: normal;
   font-size: 0.9em;
   text-decoration: none;
   text-align: left;
   color: #000000;
}
.bilder_menue_box:hover .bilder_menue_anz {
   color: #F0F0F1;
}
.bilder_menue_box .bilder_menue_dat {
   display: inline;
   padding-left: 10px;
   font-weight: normal;
   font-size: 0.9em;
   text-decoration: none;
   text-align: left;
}

.bilder_menue_box .bilder_menue_land {
   position:absolute;
   //width: 90%;
   //padding: 0px 5%;
   //line-height: 2em;
   //bottom: 0px;
   width: calc(50% - 20px);
   padding: 0px 20px;
   //margin: 0;
   //margin-bottom: 10px;
   right: 0px;
   font-weight: normal;
   font-size: 0.9em;
   text-decoration: none;
   text-align: right;
   color: #000000;
}
.bilder_menue_box:hover .bilder_menue_land {
   color: #F0F0F1;
}
.bilder_menue_box .bilder_menue_reg {
   display: inline;
   padding-right: 10px;
   font-weight: normal;
   //font-size: 0.9em;
   text-decoration: none;
   text-align: right;
}

.bilder_menue_box .bilder_menue_orte {
   position: absolute;
   //display: inline;
   width: calc(100% - 20px);
   padding: 0px 20px;
   margin: 0 0 10px 0;
   bottom: 0px;
   height: 0.9em;
   right: 0px;
   line-height: 0.9em;
   font-weight: normal;
   font-size: 0.81em;
   text-decoration: none;
   text-align: right;
   color: #000000;
}
.bilder_menue_box:hover .bilder_menue_orte {
   color: #F0F0F1;
}

@media all and (min-width: 500px) {
   .bilder_menue_box  .bilder_menue_land {
      margin: 10px 0;
      top: 0px;
      height: 1.1em;
      line-height: 1.1em;
   }
}
@media all and (max-width: 700px) {
   .bilder_menue_box  .bilder_menue_dat {
      display: none;
   }
   .bilder_menue_box .bilder_menue_reg {
      display: none;
   }
   .bilder_menue_box .bilder_menue_orte {
      display: none;
   }
}
@media all and (max-width: 500px) {
   .bilder_menue_box .bilder_menue_geb {
      font-size: 1.0em;
   }
   .bilder_menue_box .bilder_menue_land {
      margin: 0 0 10px 0;
      bottom: 0px;
      height: 0.9em;
      line-height: 0.9em;
   }
}
/* ENDE Formatierung bilder_skigebiete */