.bilderblock_top {
   background: -webkit-linear-gradient(transparent, rgba(255,255,255, 1));
   background: -o-linear-gradient(transparent, rgba(255,255,255, 1));
   background: -moz-linear-gradient(transparent, rgba(255,255,255, 1));
   background: linear-gradient(transparent, rgba(255,255,255, 1));
}


/* START - Formatierung Bilderseiten Top */

.bst_kopf {
   position: relative;
   top: 0px;
   left: 0px;
   width: 90%;
   margin: 0 auto;
   padding: 0px;
}
.bst_region {
   position: relative;
   //background-color: rgba(41,53,165, 0.9);
   top: 0px;
   left: 0px;
   width: 100%;
   margin: 0 auto;
   padding: 8px 0px;
   font-family: Verdana,sans-serif;
   font-style: normal;
   color: #FFFFFF;
   text-shadow: 0.1em 0.1em 0.2em #000000;
   text-align: center;
}
.bst_region_weiss {
   background-color: rgba(41,53,165, 0.9);
}
.bst_region_gruen {
   background-color: rgba(41,165,53, 0.9);
}
.bst_region_seilbahnen {
   background-color: rgba(255,140,30, 0.9);
}
.bst_region span.bst_region_ueb {
   font-weight: bold;
   font-size: 1.5em;
}
.bst_region span.bst_region_datum {
   font-weight: normal;
   font-size: 0.9em;
}
.bst_region_rand {
   position: relative;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 5px;
   margin: 0 auto;
   padding: 0px;
}
.bst_region_top_weiss {
   background: -webkit-linear-gradient(rgba(41,53,165, 0), rgba(41,53,165, 0.9));
   background: -o-linear-gradient(rgba(41,53,165, 0), rgba(41,53,165, 0.9));
   background: -moz-linear-gradient(rgba(41,53,165, 0), rgba(41,53,165, 0.9));
   background: linear-gradient(rgba(41,53,165, 0), rgba(41,53,165, 0.9));
}
.bst_region_bottom_weiss {
   background: -webkit-linear-gradient(rgba(41,53,165, 0.9), rgba(41,53,165, 0));
   background: -o-linear-gradient(rgba(41,53,165, 0.9), rgba(41,53,165, 0));
   background: -moz-linear-gradient(rgba(41,53,165, 0.9), rgba(41,53,165, 0));
   background: linear-gradient(rgba(41,53,165, 0.9), rgba(41,53,165, 0));
}
.bst_region_top_gruen {
   background: -webkit-linear-gradient(transparent, rgba(41,165,53, 0.9));
   background: -o-linear-gradient(transparent, rgba(41,165,53, 0.9));
   background: -moz-linear-gradient(transparent, rgba(41,165,53, 0.9));
   background: linear-gradient(transparent, rgba(41,165,53, 0.9));
}
.bst_region_bottom_gruen {
   background: -webkit-linear-gradient(rgba(41,165,53, 0.9), transparent);
   background: -o-linear-gradient(rgba(41,165,53, 0.9), transparent);
   background: -moz-linear-gradient(rgba(41,165,53, 0.9), transparent);
   background: linear-gradient(rgba(41,165,53, 0.9), transparent);
}
.bst_region_top_seilbahnen {
   background: -webkit-linear-gradient(transparent, rgba(255,140,30, 0.9));
   background: -o-linear-gradient(transparent, rgba(255,140,30, 0.9));
   background: -moz-linear-gradient(transparent, rgba(255,140,30, 0.9));
   background: linear-gradient(transparent, rgba(255,140,30, 0.9));
}
.bst_region_bottom_seilbahnen {
   background: -webkit-linear-gradient(rgba(255,140,30, 0.9), transparent);
   background: -o-linear-gradient(rgba(255,140,30, 0.9), transparent);
   background: -moz-linear-gradient(rgba(255,140,30, 0.9), transparent);
   background: linear-gradient(rgba(255,140,30, 0.9), transparent);
}

.bst_menue {
   position: relative;
   //clear: left;
   //display: inline-block;
   //float: left;
   //top: 0px;
   //left: 0px;
   width: 100%;
   //height: 60px;
   //height: auto;
   //background-color: rgba(250,0,0, 0.9);
}
.bst_menue_item {
   position: relative;
   //display: inline-block;
   //clear: left;
   float: left;
   left:0px;
   top:0px;
   width:50px;
   height:50px;
   margin: 0px;
   margin-right: 10px;
   margin-bottom: 10px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: rgba(0,0,0, 0.9);
   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);
}
.bst_menue_item:hover {
   background-color:rgba(0,0,159, 0.9);
}
.bst_anzbilder {
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: center;
   font-weight: bold;
   font-size: 1.2em;
   line-height: 48px;
   color: #FFFFFF;
}
/*.bst_anzbilder:hover {
   background-color: rgba(0,0,0, 0.9);
}*/
.bst_skitaginfo {
   background-image: url(../images/pisten.png);
   background-repeat: no-repeat;
}
.bst_allegross {
   background-image: url(../images/allebildergross.png);
   background-repeat: no-repeat;
}
.bst_uebersicht {
   background-image: url(../images/uebersichtbilder.png);
   background-repeat: no-repeat;
}
.bst_video {
   background-image: url(../images/video.png);
   background-repeat: no-repeat;
}
.bst_zurueck {
   background-image: url(../images/zurueck.png);
   background-repeat: no-repeat;
}
.bst_infos {
   background-image: url(../images/infos.png);
   background-repeat: no-repeat;
}

.bst_itemauswahl {
   position: relative;
   float: left;
   left: 0px;
   top: 0px;
   width: auto;
   height: 50px;
   margin: 0px;
   overflow: hidden;
   margin-right: 10px;
   margin-bottom: 10px;
}
@media all and (max-width: 700px) {
  .bst_itemauswahl {
     width: 50px;
     height: 50px;
  }
}
.bst_itemauswahl p {
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: left;
   font-weight: normal;
   font-size: 1.0em;
   line-height: 50px;
   color: #000000;
   background-color: rgba(255,255,255, 0.9);
   padding-left: 65px;
   padding-right: 15px;
}

.bst_icon {
   position: absolute;
   left:0px;
   top:0px;
   width:50px;
   height:50px;
   margin: 0px;
   background-color: rgba(0,0,0, 1);
}
.bst_trenn {
   position: absolute;
   left:50px;
   top:0px;
   width:5px;
   height:50px;
   margin: 0px;
   //background-color: rgba(0,0,159, 0.9);
   background: -webkit-linear-gradient(90deg, rgba(0,0,0, 1), transparent);
   background: -o-linear-gradient(90deg, rgba(0,0,0, 1), transparent);
   background: -moz-linear-gradient(90deg, rgba(0,0,0, 1), transparent);
   background: linear-gradient(90deg, rgba(0,0,0, 1), transparent);
}

.bst_itemlink p, .bst_itemlink .bst_icon {
   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 */
  /*-o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
}
/*.bst_itemlink .bst_trenn {
  -o-transition: background 1s ease-in-out 0s;
  -moz-transition: background 1s ease-in-out 0s;
  -webkit-transition: background 1s ease-in-out 0s;
  transition: background 1s ease-in-out 0s;
}*/

.bst_itemlink p {
   color: #00009F;
}
.bst_itemlink:hover .bst_icon {
   background-color: transparent;
}
.bst_itemlink:hover .bst_trenn {
   //background-color: transparent;
   /*background: -webkit-linear-gradient(90deg, rgba(0,0,0, 1), transparent);
   background: -o-linear-gradient(90deg, rgba(0,0,0, 1), transparent);
   background: -moz-linear-gradient(90deg, rgba(0,0,0, 1), transparent);
   background: linear-gradient(90deg, rgba(0,0,0, 1), transparent);*/
}
.bst_itemlink:hover p {
   background-color: rgba(0,0,159, 0.9);
   color: #F0F0F1;
}

.bst_auswahl {
   position: relative;
   left: 0px;
   top: 0px;
   width: 100%;
   margin: 0px;
   overflow: hidden;
   margin-bottom: 10px;
}
.bst_auswahl p {
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: left;
   font-weight: normal;
   font-size: 1.0em;
   line-height: 50px;
   color: #000000;
   background-color: rgba(255,255,255, 0.9);
   padding-left: 60px;
}
.bst_auswahl p a {
   display: inline-block;
   padding: 0px 12px;
   //padding: 8px 12px;
   //white-space: nowrap;
   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 */
   /*-o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;*/
}
.bst_auswahl p a:link { text-decoration:none; color:#00009F; }
.bst_auswahl p a:visited { text-decoration:none; color:#00009F; }
.bst_auswahl p a:hover { text-decoration:none; background-color:rgba(0,0,159, 0.9); color:#F0F0F1; }
.bst_auswahl p a:active { text-decoration:none; background-color:rgba(0,0,159, 0.9); color:#F0F0F1; }

@media all and (max-width: 700px) {
  .bst_auswahl p {
     font-size: 0.9em;
  }
}
@media all and (max-width: 500px) {
  .bst_auswahl p {
     //font-size: 0.8em;
     line-height: normal;
     min-height: 50px;
  }
  .bst_auswahl p a {
     display: block;
     padding: 10px 12px;
     //white-space: normal;
  }
  .bst_kopf {
     width: 95%;
  }
}
@media all and (max-width: 400px) {
  .bst_auswahl p {
     //font-size: 0.7em;
  }
  .bst_kopf {
     width: 98%;
  }
}

/* ENDE - Formatierung Bilderseiten Top */


/* Start - Skitag Top */

.bst_skigebiet {
   width: 98%;
   margin: 0 auto;
   padding: 15px 0px 20px 0px;
   font-family: Verdana,sans-serif;
   font-style: normal;
   color: #000000;
   text-align: center;
}
.bst_skigebiet_ueb {
   font-weight: bold;
   font-size: 1.4em;
   padding: 10px 15px;
   margin: 0px 5px;
   display: inline-block;
   text-decoration: none;
   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 */
   /*-o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;*/
}
.bst_skigebiet_datum {
   font-weight: normal;
   font-size: 0.9em;
}

.bst_skigebiet a:link { color:#8F8F8F;}
.bst_skigebiet a:visited { color:#8F8F8F;}
.bst_skigebiet a:hover { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}
.bst_skigebiet a:active { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}

/* ENDE - Skitag Top */


/* START - Formatierung Tage- und Seitenmenue: bskm "B"ilder-"S"eiten "K"lick"m"enue */

.bskm {
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: center;
   font-weight: normal;
   font-size: 1.0em;
   margin: 0px auto;
   padding: 0px;
   //background-color: rgba(0,0,250, 0.9);
   //margin-bottom: 0px;
}
.bskm a {
   padding: 10px 15px;
   margin: 0px 5px;
   display: inline-block;
   text-decoration: none;
   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 */
   /*-o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;*/
}
.bskm_toggle_start {
   display: none;
   margin: 0px;
   padding: 10px 15px;
   background-color: rgba(0,0,0, 0.9);
   color: #F0F0F1;
   cursor: pointer;
}
.bskm_toggle_check {
   display: none;
}
.bskm_akttag {
   display: inline-block;
   margin: 0px 5px;
   padding: 10px 15px;
   color: #F0F0F1;
   background-color: rgba(0,0,0, 0.9);
}
.bskm_vorzu {
   display: inline;
   text-align: center;
}
.bskm_vorzu a {
   width: 180px;
}
.bskm_vorzu_leer {
   display: inline-block;
   margin: 0px 5px;
   padding: 10px 15px;
   width: 180px;
}
@media all and (max-width: 900px) {
  .bskm_vorzu {
     display: none;
  }
}

.bskm a.bskm_gleich:link { color:#00009F;}
.bskm a.bskm_gleich:visited { color:#00009F;}
.bskm a.bskm_gleich:hover { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}
.bskm a.bskm_gleich:active { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}

.bskm a.bskm_ungleich:link { color:#8F8F8F;}
.bskm a.bskm_ungleich:visited { color:#8F8F8F;}
.bskm a.bskm_ungleich:hover { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}
.bskm a.bskm_ungleich:active { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}

@media all and (max-width: 600px) {
  .bskm {
     padding: 0px;
     width: 95%;
     max-width: 400px;
     border: 1px solid #000000;
  }
  .bskm a {
     margin: 0px;
     display: block;
  }
  .bskm_toggle_start {
     display: block;
  }
  .bskm_toggle_check:checked + .bskm_toggle_items {
     display: block;
  }
  .bskm_toggle_items {
     display: none;
  }
  .bskm_akttag {
     display: block;
     margin: 0px;
     color: #000000;
     background-color: transparent;
  }
  .bskm_vorzu {
     display: none;
  }
}

/*.bskm {
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: center;
   font-weight: normal;
   font-size: 1.0em;
   //line-height: 1.5em;
   margin: 0 auto;
   padding: 10px 0px;
   //color: #000000;
   //background-color: rgba(255,255,255, 0.9);
   //padding-left: 60px;
}
.bskm span {
   //margin: 0;
   //color: #000000;
   //background-color: rgba(255,255,255, 0.9);
   //padding-left: 60px;
}
.bskm a, .bskm span.bskm_akttag {
   padding: 10px 15px;
   margin: 5px 5px;
   display: inline-block;
   text-decoration: none;
   -o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.bskm_akttag {
   background-color: rgba(0,0,0, 0.9);
   color: #F0F0F1;
}

.bskm a.bskm_gleich:link { color:#00009F;}
.bskm a.bskm_gleich:visited { color:#00009F;}
.bskm a.bskm_gleich:hover { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}
.bskm a.bskm_gleich:active { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}

.bskm a.bskm_ungleich:link { color:#8F8F8F;}
.bskm a.bskm_ungleich:visited { color:#8F8F8F;}
.bskm a.bskm_ungleich:hover { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}
.bskm a.bskm_ungleich:active { background-color:rgba(0,0,159, 0.9); color:#F0F0F1;}*/

/*@media all and (max-width: 500px) {
  .bskm_vorzu {
     display: none;
  }
}*/

/* ENDE - Formatierung Tage- und Seitenmenue: bskm "B"ilder-"S"eiten "K"lick"m"enue */


/* START - Formatierung Uebersicht Bilder: bilder_flex */

.bilder_flex_feld {
   margin: 5px auto;
   width: 98%;
   max-width: 1272px;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-content: flex-start;
   align-items: flex-start;
}

.bilder_flex_item {
   position: relative;
   display: inline-block;
   //float: left;
   width: 180px;
   margin: 0px;
   margin-right: 2px;
   margin-bottom: 2px;
   //bottom-margin: 2px;
   overflow: hidden;
   text-align:center;
   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 */
   /*-o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;*/
}
div.bilder_flex_item:nth-of-type(7n) {
   margin-right: 0px;
}

@media all and (max-width: 1318px) {
  .bilder_flex_item {
     width: 14.05%;
     margin-right: 0.275%;
  }
}
@media all and (max-width: 1132px) {
  .bilder_flex_item {
     width: 16.35%;
  }
  div.bilder_flex_item:nth-of-type(n) {
   margin-right: 0.38%;
  }
  div.bilder_flex_item:nth-of-type(6n) {
   margin-right: 0px;
  }
}
@media all and (max-width: 946px) {
  .bilder_flex_item {
     width: 19.68%;
  }
  div.bilder_flex_item:nth-of-type(n) {
   margin-right: 0.4%;
  }
  div.bilder_flex_item:nth-of-type(5n) {
   margin-right: 0px;
  }
}
@media all and (max-width: 760px) {
  .bilder_flex_item {
     width: 24.64%;
  }
  div.bilder_flex_item:nth-of-type(n) {
   margin-right: 0.48%;
  }
  div.bilder_flex_item:nth-of-type(4n) {
   margin-right: 0px;
  }
}
@media all and (max-width: 575px) {
  .bilder_flex_item {
     width: 32.9%;
  }
  div.bilder_flex_item:nth-of-type(n) {
   margin-right: 0.65%;
  }
  div.bilder_flex_item:nth-of-type(3n) {
   margin-right: 0px;
  }
}
@media all and (max-width: 374px) {
  .bilder_flex_item {
     width: 49.5%;
  }
  div.bilder_flex_item:nth-of-type(n) {
   margin-right: 1%;
  }
  div.bilder_flex_item:nth-of-type(2n) {
   margin-right: 0px;
  }
}

.bilder_flex_space {
   position: relative;
   display: block;
}

.bilder_flex_imgbox {
   position: absolute;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   overflow: hidden;
}

.bilder_flex_imgbox img {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.bilder_flex_linkhi {
   position: absolute;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   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 */
   /*-o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;*/
   overflow: hidden;
}
.bilder_flex_item a:hover .bilder_flex_linkhi {
   background-color:rgba(255,255,255, 0.3);
}

/* ENDE - Formatierung Uebersicht Bilder: bilder_flex */


/* START - Formatierung Alle Bilder groß (abg) */

.abg_bilderblock {
   position: relative;
   display: block;
   margin: 0 auto;
   width: 98%;
   text-align: left;
   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 */
   /*-o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;*/
   //background-color:rgba(0,255,255, 0.5);
}
.abg_bilderblock > div {
   position: relative;
   top: 0px;
   left: 0px;
   //background-color:rgba(255,0,255, 0.5);
   //display: inline-block;
   margin: 0 auto;
   width: 100%;
   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 */
   /*-o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;*/
}
.abg_space  {
   height: 20px;
}
.abg_bilderblock img {
   position: relative;
   display: block;
   width: 100%;
   -o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.abg_text {
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: left;
   font-weight: normal;
   font-size: 1.0em;
   line-height: 1.5em;
   color: #000000;
   padding: 5px 0px;
}


div.abg_bigimglink {
   position: absolute;
   display: block;
   width: 40px;
   height: 40px;
   bottom: 0px;
   left: 0px;
   padding: 0px;
   margin: 0px;
   //background-color: rgba(0,255,0, 0.7);
}
div.abg_window {
   position: absolute;
   display: block;
   width: 40px;
   height: 40px;
   bottom: 0px;
   left: 0px;
   padding: 0px;
   margin: 0px;
   background-color: rgba(0,0,0, 0.7);
   background-image: url(../images/win.png);
   background-repeat: no-repeat;
   background-size: 100% auto;
   -o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.abg_bilderblock a:hover div.abg_window {
   background-color: rgba(0,0,159, 0.9);
}
@media all and (max-width: 600px) {
   div.abg_bigimglink {
      width: 100%;
      height: 100%;
   }
   div.abg_window {
      width: 30px;
      height: 30px;
   }
   .abg_text {
      font-size: 0.9em;
      line-height: 1.2em;
   }
}
@media all and (max-width: 400px) {
   div.abg_window {
      width: 25px;
      height: 25px;
   }
}

/* ENDE - Formatierung Alle Bilder groß (abg) */


/*.bilderkopf {
   position: absolute;
   margin:0px;
   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:Verdana,sans-serif;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
}

.bilderkopf a:link { text-decoration:none; color:#00009F; padding:2px;}
.bilderkopf a:visited { text-decoration:none; color:#00009F; padding:2px;}
.bilderkopf a:hover { text-decoration:underline; font-weight:bold; color:#000000; padding:2px;}
.bilderkopf a:active { text-decoration:underline; font-weight:bold; color:#000000; padding:2px;}
.bilderkopf a:focus { text-decoration:underline; font-weight:bold; color:#000000; padding:2px;}

.tage_gleich a:link { text-decoration:none; font-weight:normal; color:#00009F; padding:2px;}
.tage_gleich a:visited { text-decoration:none; font-weight:normal; color:#00009F; padding:2px;}
.tage_gleich a:hover { text-decoration:underline; font-weight:bolder; color:#000000; padding:2px;}
.tage_gleich a:active { text-decoration:underline; font-weight:bolder; color:#000000; padding:2px;}

.tage_ungleich a:link { text-decoration:none; font-weight:normal; color:#8F8F8F; padding:2px;}
.tage_ungleich a:visited { text-decoration:none; font-weight:normal; color:#8F8F8F; padding:2px;}
.tage_ungleich a:hover { text-decoration:underline; font-weight:bolder; color:#000000; padding:2px;}
.tage_ungleich a:active { text-decoration:underline; font-weight:bolder; color:#000000; padding:2px;}*/


/* START Formatierung Vergrößerung bildgross - Datei index.php */
#bildgross { position:absolute; left:0px; top:0px; visibility:hidden; z-index:8; }
#fixback {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(20,20,20, 0.95);
    visibility: hidden;
  }
div > div#fixback { position: fixed; }
div#picturearea {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    //border-radius: 5px;
    //background-color: #FFFFFF;
  }
#PicBeschreibung {
   position: relative;
   top: 0px;
   left: 0px;
   margin: 0;
   width: calc( 100% - (2 * 60px) );
   min-height: 40px;
   max-height: 210px;
   overflow: hidden;
   padding: 5px 60px;
   background-color: #FFFFFF;
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: left;
   font-weight: normal;
   font-size: 1.0em;
   line-height: 1.5em;
   color: #000000;
}
div#bildbe {
    position:absolute;
    top:0px;
    left:0px;
    padding:5px 15px;
    border: 0px solid #000000;
    background-color: #FFFFFF;
    text-align: left;
    font: normal normal normal 0.8em/1.5em verdana, sans-serif;
}


#ScrollMenueId {
   position: absolute;
   width: auto;
   height: 102px;
   margin: 0;
   top: 0px;
   left: 0px;
}
.ScrollItem {
   position: absolute;
   cursor: pointer;
   width: 50px;
   height: 50px;
   padding: 0px;
   background-color: rgba(200,200,200, 0.5);
}
#ScrollUp {
   top: calc(210px + 10px - 102px);
   right: 0px;
}
#ScrollDown {
   top: calc(210px + 10px - 50px);
   right: 0px;
}
.ScrollItem div {
   position: absolute;
   top: 0px;
   left: 0px;
}
#ScrollUp div {
   width: 0px;
   height: 0px;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
   border-bottom: 16px solid rgba(0,0,0, 0.95);
   margin: 15px 10px 19px 10px;
}
#ScrollUp:hover div {
   border-bottom: 16px solid rgba(0,0,159, 0.9);
}
#ScrollDown div {
   width: 0px;
   height: 0px;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
   border-top: 16px solid rgba(0,0,0, 0.95);
   margin: 19px 10px 15px 10px;
}
#ScrollDown:hover div {
   border-top: 16px solid rgba(0,0,159, 0.9);
}

#bigimg {
   position: absolute;
   top: 0px;
   left: 0px;
}

.closeimg {
    position:absolute;
    cursor:pointer;
    cursor:zoom-out;
    left:0px; top:0px;
    width: 100%; height:100%;
}
div#closeimg {
    position:absolute;
    cursor:pointer;
    cursor:zoom-out;
    left:0px; top:0px;
    width: 100%; height:100%;
  }
div#Navigation {
    position:absolute;
    left:0px; top:0px;
  }
div#Navigation div {
    position:absolute;
    width: 40%; height:100%;
    top:0px;
    text-align: center;
    cursor:pointer;
  }
div#Navigation div#previous {
    left:20px;
    background:url(../images/button_back_0.png) no-repeat left;
    cursor:pointer;
  }
div#Navigation div#next {
    right:20px;
    background:url(../images/button_next_0.png) no-repeat right;
  }
div#Navigation div#previous:hover {
    background:url(../images/button_back_1.png) no-repeat left;
  }
div#Navigation div#next:hover {
    background:url(../images/button_next_1.png) no-repeat right;
  }

.PicItem {
   position:absolute;
   cursor:pointer;
   width:50px;
   height:50px;
   padding:0px;
   color:#FFFFFF;
   background-color:rgba(0,0,0, 1.0);
}
.PicItem:hover {
   background-color:rgba(0,0,159, 0.9);
}
.PicSchliesse {
   top: 0px;
   right: 0px;
   background-image: url(../images/x.png);
   background-repeat: no-repeat;
}
.PicNewWindow {
   top: 0px;
   background-image: url(../images/win.png);
   background-repeat: no-repeat;
}



.PicFloat {
   position: absolute;
   cursor: pointer;
   height: 100%;
   width: 12%;
   min-width: 50px;
   bottom: 0px;
   padding: 0px;
   background-repeat: no-repeat;
   opacity: 0.4;
}
.PicFloat:hover {
   opacity: 1.0;
}
#PicPrevious {
   left: 0px;
   background-image:url(../images/pre.png);
   background-position: 20% center;
}
#PicNext {
   right: 0px;
   background-image:url(../images/next.png);
   background-position: 80% center;
}



#PicBigMenueViewId {
   position: relative;
   display: inline-block;
   float: left;
   width: auto;
   height: 50px;
   margin: 10px 10px;
   top: 0px;
   left: 0px;
   text-align: left;
   opacity: 0.5;
}

#PicBigMenueViewId:hover {
   opacity: 1.0;
}

#PicBigMenueId {
   width: auto;
   height: 50px;
   margin: 0;
   top: 0px;
   left: 0px;
   text-align: left;
}

.PicBigItem {
   float: left;
   display: inline-block;
   cursor:pointer;
   height: 50px;
   margin: 0;
   margin-left: 10px;
   padding: 0px;
   background-color: rgba(0,0,0, 0.9);
   background-repeat: no-repeat;
   box-shadow: 0px 0px 5px 0px rgba(155,155,155, 0.5);
   -moz-box-shadow: 0px 0px 5px 0px rgba(155,155,155, 0.5);
   -webkit-box-shadow: 0px 0px 5px 0px rgba(155,155,155, 0.5);
}

.PicBigItem:hover {
   background-color: rgba(0,0,159, 0.9);
}

#PicBigView {
   margin-left: 0px;
   width: 30px;
   font-family: Verdana,sans-serif;
   font-style: normal;
   text-align: center;
   font-weight: bold;
   font-size: 1.2em;
   line-height: 48px;
   color: #FFFFFF;
}
.picbig_minus {
   width: 50px;
   background-image: url(../images/minus.png);
}

.picbig_plus {
   width: 50px;
   background-image:url(../images/plus.png);
}

.picbig_fit {
   width: 50px;
   background-image:url(../images/fit.png);
}

.picbig_ori {
   width: 50px;
   background-image:url(../images/ori.png);
}

@media all and (max-width: 800px) {
   #PicBeschreibung {
      font-size: 0.9em;
      line-height: 1.2em;
   }
}
@media all and (min-width: 400px) {
   .PicNewWindow {
      left: 0px;
   }
}
@media all and (max-width: 400px) {
   .PicNewWindow {
      top: 52px;
      right: 0px;
   }
   #PicBeschreibung {
      width: calc( 100% - 60px - 10px );
      padding: 5px 60px 5px 10px;
      min-height: 92px;
      font-size: 0.9em;
      line-height: 1.2em;
   }
   .PicFloat {
      height: 50px;
      width: 48%;
      opacity: 1.0;
      background-color: rgba(0,0,0, 0.5);
   }
   .PicFloat:hover {
      background-color: rgba(0,0,159, 0.5);
   }
   #PicPrevious {
      left: 1%;
      background-position: 50% center;
   }
   #PicNext {
      right: 1%;
      background-position: 50% center;
   }
}
@media all and (max-width: 400px) {
   .PicBigItem {
      margin-left: 5px;
   }
}

.display_none {
   display: none;
}
.display_inline {
   display: inline;
}
.display_inline-block {
   display: inline-block;
}
.display_block {
   display: block;
}

/* ENDE Formatierung Vergrößerung bildgross - Datei index.php */