body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px; /*14px*/
  line-height: 1.42857143;
  color: #C8C8C8;
  background-color: #4c5252; /*545a5a,#646a6a*/
  float1: center;
  margin: 0;
  text-align: center;
}

br {
  border-spacing: 0;
  margin: 0;
}

div {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.main-center {
  float1: center;
  text-align: center;
  width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
@media (min-width: 0px) {
  div.main-center {
    width: 330px;
  }
}
@media (min-width: 700px) {
  div.main-center {
    width: 680px;
  }
}
@media (min-width: 1070px) {
  div.main-center {
    width: 1050px;
  }
}

div.main-center2 {
  float1: center;
  text-align: center;
  width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
@media (min-width: 0px) {
  div.main-center2 {
    width: 350px;
  }
}
@media (min-width: 545px) {
  div.main-center2 {
    width: 525px;
  }
}
@media (min-width: 720px) {
  div.main-center2 {
    width: 700px;
  }
}
@media (min-width: 895px) {
  div.main-center2 {
    width: 875px;
  }
}
@media (min-width: 1070px) {
  div.main-center2 {
    width: 1050px;
  }
}

div.header {
  float1: left;
  width: 1030px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin-left: auto;
  margin-right: auto;
  margin: 40px 10px 30px 10px;  /* oben, rechts, unten, links */
  /*padding: 5px 6px 5px 6px;  /* oben, rechts, unten, links */
  text-align: center;
  border-radius: 10px;
}
@media (min-width: 0px) {
  div.header {
    margin: 20px 10px 10px 10px;  /* oben, rechts, unten, links */
    width: 330px;
  }
}
@media (min-width: 700px) {
  div.header {
    margin: 30px 10px 20px 10px;  /* oben, rechts, unten, links */
    width: 680px;
  }
}
@media (min-width: 1050px) {
  div.header {
    width: 1030px;
  }
}

table.header {
  margin: 10px 10px 10px 10px;  /* oben, rechts, unten, links */
  width: 1010px;
}
@media (min-width: 0px) {
  table.header {
    width: 310px;
  }
}
@media (min-width: 700px) {
  table.header {
    width: 660px;
  }
}
@media (min-width: 1050px) {
  table.header {
    width: 1010px;
  }
}

div.header2 {
  float1: left;
  width: 1035px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin-left: auto;
  margin-right: auto;
  /*padding: 5px 5px 5px 5px;  /* oben, rechts, unten, links */
  text-align: center;
  border-radius: 6px;
}
@media (min-width: 0px) {
  div.header2 {
    width: 338px;
  }
}
@media (min-width: 545px) {
  div.header2 {
    width: 512px;
  }
}
@media (min-width: 720px) {
  div.header2 {
    width: 686px;
  }
}
@media (min-width: 895px) {
  div.header2 {
    width: 860px;
  }
}
@media (min-width: 1070px) {
  div.header2 {
    width: 1035px;
  }
}

div.margin2a {
  margin: 40px 5px 35px 5px;  /* oben, rechts, unten, links */
}
@media (max-width: 544px) {
  div.margin2a {
    margin: 15px 5px 15px 5px;  /* oben, rechts, unten, links */
  }
}
@media (min-width: 545px) and (max-width: 719px) {
  div.margin2a {
    margin: 25px 5px 25px 5px;  /* oben, rechts, unten, links */
  }
}

div.margin2b {
  margin: 15px 5px 5px 5px;  /* oben, rechts, unten, links */
}
@media (max-width: 544px) {
  div.margin2b {
    margin: 5px 5px 5px 5px;  /* oben, rechts, unten, links */
  }
}
@media (min-width: 545px) and (max-width: 719px) {
  div.margin2b {
    margin: 10px 5px 5px 5px;  /* oben, rechts, unten, links */
  }
}

div.margin2c {
  margin: 5px 5px 5px 5px;  /* oben, rechts, unten, links */
}

table.header2 {
  margin: 10px 10px 10px 10px;  /* oben, rechts, unten, links */
  width: 1015px;
}
@media (min-width: 0px) {
  table.header2 {
    width: 318px;
  }
}
@media (min-width: 545px) {
  table.header2 {
    width: 492px;
  }
}
@media (min-width: 720px) {
  table.header2 {
    width: 666px;
  }
}
@media (min-width: 895px) {
  table.header2 {
    width: 840px;
  }
}
@media (min-width: 1070px) {
  table.header2 {
    width: 1015px;
  }
}

div.main {
  background-color1: #101010;
  border1: 1px solid #ffffff;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1050px;
}
@media (min-width: 0px) {
  div.main {
    width: 350px; /*330px;*/
  }
}
@media (min-width: 700px) {
  div.main {
    width: 700px; /*680px;*/
  }
}
@media (min-width: 1050px) {
  div.main {
    width: 1070px; /*1050px;*/
  }
}

div.main2 
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1050px;
}
@media (min-width: 0px) {
  div.main2 {
    width: 350px;
  }
}
@media (min-width: 545px) {
  div.main2 {
    width: 525px;
  }
}
@media (min-width: 720px) {
  div.main2 {
    width: 700px;
  }
}
@media (min-width: 895px) {
  div.main2 {
    width: 875px;
  }
}
@media (min-width: 1070px) {
  div.main2 {
    width: 1050px;
  }
}

div.left-big {
  float: left;
  width: 700px;
}
@media (min-width: 0px) {
  div.left-big {
    width: 350px;
  }
}
@media (min-width: 700px) {
  div.left-big {
    width: 700px;
  }
}

div.right {
  float: left; /*right;*/
  width: 330px;
}

div.block {
  float: left;
  width: 330px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 10px;
  padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  border-radius: 10px;
  box-shadow1: 3px 3px 3px #222;
}

* {
  transition: all 0.3s ease; /* ease-in; */
}

div.block:hover {
  background-color: #242a2a; /*2c3232,303636*/
}

div.block-foto 
{
  height: 207px; /*212px;*/
  width: 310px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 310px 207px;
  border-radius: 5px;
  margin: 5px 10px 5px 10px;  /* oben, rechts, unten, links */
}

div.block-hoch {
  float: left;
  width: 330px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 10px;
  padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  border-radius: 10px;
}

div.block-hoch:hover {
  background-color: #242a2a; /*2c3232,303636*/
}

div.foto-big {
  float: left;
  height: 715px;
  width: 834px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px;
  padding: 10px;
  /*padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  border-radius: 6px;
  box-shadow1: 3px 3px 3px #222;
}

div.foto-mobile {
  float: left;
  /*height: 715px;
  width: 834px;*/
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px 9px 5px 5px;  /* oben, rechts, unten, links */
  padding: 0px 10px 9px 10px;  /* oben, rechts, unten, links */
  /*padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  border-radius: 6px;
  box-shadow1: 3px 3px 3px #222;
}

div.foto-big1 {
  float: left;
  height: 735px;
  width: 857px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px;
  padding: 10px;
  /*padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  border-radius: 6px;
  box-shadow1: 3px 3px 3px #222;
}
@media (min-width: 0px) {
  div.foto-big1 {
    width: 328px;
  }
}
@media (min-width: 545px) {
  div.foto-big1 {
    width: 502px;
  }
}
@media (min-width: 720px) {
  div.foto-big1 {
    width: 676px;
  }
}
@media (min-width: 895px) {
  div.foto-big1 {
    width: 840px;
  }
}
@media (min-width: 1070px) {
  div.foto-big1 {
    width: 857px;
  }
}

div.foto-container {
  position: relative;
  text-align: center;
  color: white;
  margin: 0;
  padding: 0;
}

div.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

table.article {
  margin: 0px 10px 0px 10px;  /* oben, rechts, unten, links */
}

table.foto-big {
  border-spacing: 0px;
  height1: 695px;
  width: 857px;
  margin: 0;
  margin-left1: auto;
  margin-right1: auto;
  padding: 0;
}
@media (min-width: 0px) {
  table.foto-big {
    width: 328px;
  }
}
@media (min-width: 545px) {
  table.foto-big {
    width: 502px;
  }
}
@media (min-width: 720px) {
  table.foto-big {
    width: 676px;
  }
}
@media (min-width: 895px) {
  table.foto-big {
    width: 840px;
  }
}
@media (min-width: 1070px) {
  table.foto-big {
    width: 857px;
  }
}

table.foto-big-hoch {
  height: 735px;
}
@media (min-width: 0px) {
  table.foto-big {
    height: 729px;
  }
}
@media (min-width: 545px) {
  table.foto-big {
    height: 729px;
  }
}
@media (min-width: 720px) {
  table.foto-big {
    height: 729px;
  }
}
@media (min-width: 895px) {
  table.foto-big {
    height: 735px;
  }
}
@media (min-width: 1070px) {
  table.foto-big {
    height: 735px;
  }
}

div.foto-big2 {
  float: left;
  height: 715px;
  width: 878px; /*836px;852px;878px;*/
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px;
  padding: 10px;
  /*padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  border-radius: 6px;
  box-shadow1: 3px 3px 3px #222;
}

div.foto-list {
  float: left;
  height: 735px;
  width: 171px; /*153px*/
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px;
  padding: 0px;
  /*padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  overflow: auto; /*scroll*/
  border-radius: 6px;
  box-shadow1: 3px 3px 3px #222;
}

div.foto-list1 {
  float: left;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  height: 755px;
  width: 148px;  /*147 = image-width(99) + 2*5 + scrollbar(17) */
  margin: 5px;
  padding: 0px;
  /*padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  overflow: auto; /*scroll*/
  border-radius: 6px;
  box-shadow1: 3px 3px 3px #222;
}
@media (min-width: 0px) {
  div.foto-list1 {
    height: 0px;
    width: 0px;
  }
}
@media (min-width: 1070px) {
  div.foto-list1 {
    height: 755px;
    width: 148px;
  }
}

div.foto-list2 {
  float: left;
  height: 735px;
  width: 127px;  /* = image-width(99) + 2*5 + scrollbar(17) */
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px;
  padding: 0px;
  /*padding: 0px 0px 5px 0px;  /* oben, rechts, unten, links */
  overflow: auto; /*scroll*/
  border-radius: 6px;
  box-shadow1: 3px 3px 3px #222;
}

div.thumbnail {
  float: left;
  height: 150px;
  width: 150px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px;
  padding: 7px 7px 7px 7px;  /* oben, rechts, unten, links */
  display1: table-cell;
  text-align1: center;
  vertical-align1: middle;
  border-radius: 5px;
  box-shadow1: 3px 3px 3px #222;
  margin-left1: auto;
  margin-right1: auto;
}

div.thumbnail:hover {
  background-color: #242a2a; /*2c3232,303636*/
}

div.foto-list-item {
  float: left;
  height: 141px;
  width: 141px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 5px;
  padding: 5px 5px 5px 5px;  /* oben, rechts, unten, links */
  display1: table-cell;
  text-align1: center;
  vertical-align1: middle;
  border-radius: 5px;
}

div.foto-list-item:hover {
  background-color: #242a2a; /*2c3232,303636*/
}

div.footer {
  clear: both;
  float: left;
  width: 1030px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  margin: 30px 10px 20px 10px;  /* oben, rechts, unten, links */
  /*padding: 5px 6px 5px 6px;  /* oben, rechts, unten, links */
  text-align: center;
  white-space: nowrap;
  border-radius: 10px;
}
@media (min-width: 0px) {
  div.footer {
    margin: 10px 10px 10px 10px;  /* oben, rechts, unten, links */
    width: 330px;
  }
}
@media (min-width: 700px) {
  div.footer {
    margin: 20px 10px 15px 10px;  /* oben, rechts, unten, links */
    width: 680px;
  }
}
@media (min-width: 1050px) {
  div.footer {
    margin: 30px 10px 20px 10px;  /* oben, rechts, unten, links */
    width: 1030px;
  }
}

div.footer-left 
{
  text-align: left;
  float: left;
  margin: 15px 20px 15px 20px;  /* oben, rechts, unten, links */
}

div.footer-center {
  text-align: center;
  float: center;
  margin: 15px 20px 15px 20px;  /* oben, rechts, unten, links */
}

div.footer-right {
  text-align: right;
  float: right;
  margin: 15px 20px 15px 20px;  /* oben, rechts, unten, links */
}

div.margin1 {
  margin: 40px 5px 30px 5px;  /* oben, rechts, unten, links */
}
@media (max-width: 699px) {
  div.margin1 {
    margin: 20px 10px 20px 10px;  /* oben, rechts, unten, links */
  }
}
@media (min-width: 700px) and (max-width: 1049px) {
  div.margin1 {
    margin: 30px 10px 25px 10px;  /* oben, rechts, unten, links */
  }
}

div.margin2 {
  margin: 10px 5px 10px 5px;  /* oben, rechts, unten, links */
}

div.footer2 {
  clear: both;
  float: left;
  width: 1035px;
  background-color: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  /*margin: 40px 5px 30px 5px;  /* oben, rechts, unten, links */
  /*padding: 5px 6px 5px 6px;  /* oben, rechts, unten, links */
  text-align: center;
  white-space: nowrap;
  border-radius: 6px;
}
@media (min-width: 0px) {
  div.footer2 {
    width: 335px;
  }
}
@media (min-width: 545px) {
  div.footer2 {
    width: 510px;
  }
}
@media (min-width: 720px) {
  div.footer2 {
    width: 685px;
  }
}
@media (min-width: 895px) {
  div.footer2 {
    width: 860px;
  }
}
@media (min-width: 1070px) {
  div.footer2 {
    width: 1035px;
  }
}

table {
  border-spacing: 0px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

table.thumbnail {
  border-spacing: 0px;
  height: 150px;
  width: 150px;
  margin: 0;
  margin-left1: auto;
  margin-right1: auto;
  padding: 0;
}

table.foto-list-item {
  border-spacing: 0px;
  height1: 141px;
  width: 153px;
  margin: 0;
  margin-left1: auto;
  margin-right1: auto;
  padding: 0;
}

table.foto-list-item1 {
  border-spacing: 0px;
  height1: 120px;
  width: 130px;
  margin: 0;
  margin-left1: auto;
  margin-right1: auto;
  padding: 0;
}

table.foto-list-item2 {
  border-spacing: 0px;
  height1: 99px;
  width: 109px;  /* = height + 2*5 */
  margin: 0;
  margin-left1: auto;
  margin-right1: auto;
  padding: 0;
}

table.footer {
  margin: 10px 20px 10px 20px;  /* oben, rechts, unten, links */
  width: 990px;
}
@media (min-width: 0px) {
  table.footer {
    width: 290px;
  }
}
@media (min-width: 700px) {
  table.footer {
    width: 640px;
  }
}
@media (min-width: 1050px) {
  table.footer {
    width: 990px;
  }
}

table.footer2 {
  margin: 10px 20px 10px 20px;  /* oben, rechts, unten, links */
  width: 995px;
}
@media (min-width: 0px) {
  table.footer2 {
    width: 295px;
  }
}
@media (min-width: 545px) {
  table.footer2 {
    width: 470px;
  }
}
@media (min-width: 720px) {
  table.footer2 {
    width: 645px;
  }
}
@media (min-width: 895px) {
  table.footer2 {
    width: 820px;
  }
}
@media (min-width: 1070px) {
  table.footer2 {
    width: 995px;
  }
}

table.weatherdata {
  border1: 1;
  border-spacing: 0px;
  border-style: solid;
  width: 857px;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 0px) {
  table.foto-big {
    width: 328px;
  }
}
@media (min-width: 545px) {
  table.foto-big {
    width: 502px;
  }
}
@media (min-width: 720px) {
  table.foto-big {
    width: 676px;
  }
}
@media (min-width: 895px) {
  table.foto-big {
    width: 840px;
  }
}
@media (min-width: 1070px) {
  table.foto-big {
    width: 857px;
  }
}

div.weather_chart_1 {
  margin: 20px 5px 30px 5px;  /* oben, rechts, unten, links */
  position: relative;
}
@media (min-width: 0px) {
  div.weather_chart_1 {
    height: 350px;
  }
}
@media (min-width: 545px) {
  div.weather_chart_1 {
    height: 310px;
  }
}
@media (min-width: 720px) {
  div.weather_chart_1 {
    height: 290px;
  }
}
@media (min-width: 895px) {
  div.weather_chart_1 {
    height: 270px;
  }
}
@media (min-width: 1070px) {
  div.weather_chart_1 {
    height: 250px;
  }
}

div.weather_chart_2 {
  margin: 20px 5px 30px 5px;  /* oben, rechts, unten, links */
  position: relative;
}
@media (min-width: 0px) {
  div.weather_chart_2 {
    height: 400px;
  }
}
@media (min-width: 545px) {
  div.weather_chart_2 {
    height: 360px;
  }
}
@media (min-width: 720px) {
  div.weather_chart_2 {
    height: 340px;
  }
}
@media (min-width: 895px) {
  div.weather_chart_2 {
    height: 320px;
  }
}
@media (min-width: 1070px) {
  div.weather_chart_2 {
    height: 300px;
  }
}

tr.thumbnail {
  line-height1: 150px;
}

tr.foto-big {
  height: 729px;
}

tr.foto-list-item {
  height: 141px;
}

tr.foto-list-item1 {
  height: 120px;
}

tr.foto-list-item2 {
  height: 99px;
}

tr.foto-list-break {
  height: 1px;
  background-color: #4c5252;
}

td {
  border-spacing: 0;
  height: 1px;
  margin: 0;
  min-height: 1px;
  padding: 0;
}

td.article {
  padding: 10px 15px 10px 20px; /* oben, rechts, unten, links */
  vertical-align: top; /*middle;*/
  background-color: #343a3a;
  text-align: left;
  border-radius: 10px;
}

td.empty {
  border-spacing: 0;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  max-height: 1px;
  margin: 0;
  padding: 0;
}

td.footer-left {
  text-align: left;
}
@media (max-width: 699px) {
  td.footer-left {
    font-size: 12px;
  }
}

td.footer-center {
  text-align: center;
  width: 90%;
}
@media (max-width: 699px) {
  td.footer-center {
    font-size: 12px;
  }
}

td.footer-right {
  text-align: right;
}
@media (max-width: 699px) {
  td.footer-right {
    font-size: 12px;
  }
}

td.header {
  color: #ef8225; /*#48b040;*/
  font-size: 28px;
  font-weight: bold;
  padding: 8px;
  vertical-align: middle;
  white-space: nowrap;
}
@media (max-width: 894px) {
  td.header {
    font-size: 20px;
  }
}

td.header2 {
  color: #ef8225; /*#48b040;*/
  font-size: 24px;
  font-weight: normal; /*bold;*/
  padding: 6px;
  white-space: nowrap;
}
@media (max-width: 544px) {
  td.header2 {
    font-size: 16px;
  }
}
@media (min-width: 545px) and (max-width: 719px) {
  td.header2 {
    font-size: 20px;
  }
}

td.header2-small {
  color: #ef8225; /*#48b040;*/
  font-size: 20px; /*16px;*/
  font-weight: normal; /*bold;*/
  padding: 6px;
  white-space: wrap;
}

td.header-logo {
  color: #ef8225; /*#48b040;*/
  font-size: 0px;
  line-height: 0px;
  padding: 6px 4px 4px 0px; /* oben, rechts, unten, links */
  /*padding: 9px 4px 0px 0px; /* oben, rechts, unten, links */
  vertical-align: middle; /*top;*/
}

td.thumbnail {
  padding: 0;
  font-size: 1px;
  line-height: 1px;
  text-align: center;
  vertical-align: middle;
}

td.foto-big {
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

td.foto-big-left {
  padding: 0;
  text-align: center;
  vertical-align: top;
  font-size1: 10px;
}

td.foto-big-right {
  padding: 0;
  text-align: center;
  vertical-align: top;
}

td.foto-big-hoch {
  padding: 0;
  line-height: 0px;
  vertical-align: middle;
}

td.foto-big-quer {
  padding: 0;
  line-height: 0px;
}

td.foto-big-square {
  padding: 0;
  height: 600px;
  line-height: 0px;
}

td.foto-nr-hoch {
  color: #545a5a; /*4c5252,545a5a,#646a6a*/
  font-size: 56px;
  padding: 0;
  text-align: right;
  vertical-align: top; /*middle*/
}

td.foto-nr-quer {
  color: #545a5a; /*4c5252,545a5a,#646a6a*/
  font-size: 56px;
  padding: 0;
  text-align: left;
  vertical-align: bottom; /*middle*/
}

td.foto-nr-square {
  /*color: #646a6a; /*545a5a,5c6262,646a6a*/
  /*font-size: 48px; /*48px*/
  /*line-height: 50px;*/
  padding: 0px 0px 0px 4px; /* oben, rechts, unten, links */
  text-align: left;
  vertical-align: top; /*middle*/
}

span.foto-nr-square {
  color: #646a6a; /*545a5a,5c6262,646a6a*/
  font-size: 48px; /*48px*/
  line-height: 50px;
}

td.foto-nr-mobile {
  /*color: #646a6a; /*545a5a,5c6262,646a6a*/
  /*font-size: 36px; /*48px*/
  /*line-height: 50px;*/
  padding: 0px 0px 0px 4px; /* oben, rechts, unten, links */
  text-align: left;
  vertical-align: middle;
}

span.foto-nr-mobile {
  color: #646a6a; /*545a5a,5c6262,646a6a*/
  font-size: 36px; /*48px*/
  line-height: 50px;
}

td.foto-attributes-hoch {
  color: #b0b4b4;
  padding: 0;
  text-align: right;
  vertical-align: bottom;
  font-size: 10px;
}

td.foto-attributes-quer {
  color: #b0b4b4;
  padding: 0;
  text-align: left;
  vertical-align: top;
  font-size: 10px;
}

td.foto-attributes-square {
  color: #b0b4b4;
  padding: 0px 0px 0px 2px; /* oben, rechts, unten, links */
  text-align: left;
  vertical-align: bottom;
  font-size: 10px;
  line-height: 12px;
}

td.foto-attributes-mobile {
  color: #b0b4b4;
  padding: 0px 0px 0px 2px; /* oben, rechts, unten, links */
  text-align: left;
  vertical-align: bottom;
  font-size: 10px;
  line-height: 12px;
}

td.foto-tags-hoch {
  padding: 0;
  text-align: left;
  vertical-align: top;
  font-size: 10px;
}

td.foto-tags-quer {
  padding: 0px 0px 4px 0px; /* oben, rechts, unten, links */
  text-align: right;
  vertical-align: bottom;
  font-size: 10px;
}

td.foto-tags-square {
  padding: 0px 3px 0px 0px; /* oben, rechts, unten, links */
  text-align: right;
  vertical-align: top;
  font-size: 10px;
}

td.foto-tags-mobile {
  padding: 0px 0px 0px 0px; /* oben, rechts, unten, links */
  text-align: right;
  vertical-align: bottom;
  font-size: 10px;
}

td.prev-next-foto {
  text-align: right; /*center;*/
  vertical-align: bottom;
  padding-bottom1: 8px;
  line-height: 0px;
}

td.prev-next-foto-mobile {
  text-align: right; /*center;*/
  vertical-align: middle;
  padding: 2px 0px 2px 0px; /* oben, rechts, unten, links */
  line-height: 0px;
}

td.foto-list-item {
  padding: 6px 6px 0px 6px; /* oben, rechts, unten, links */
  text-align: center;
  vertical-align: middle;
}

td.foto-list-item1 {
  padding: 5px 5px 0px 5px; /* oben, rechts, unten, links */
  text-align: center;
  vertical-align: middle;
}

td.foto-list-item1-selected {
  padding: 5px 5px 0px 5px; /* oben, rechts, unten, links */
  text-align: center;
  vertical-align: middle;
  background-color: #242a2a; /*2c3232,303636*/
}

td.foto-list-item2 {
  padding: 4px 4px 0px 4px; /* oben, rechts, unten, links */
  text-align: center;
  vertical-align: middle;
}

td.foto-list-item:hover {
  background-color: #242a2a; /*2c3232,303636*/
}

td.foto-list-item1:hover {
  background-color: #242a2a; /*2c3232,303636*/
}

td.foto-list-item2:hover {
  background-color: #242a2a; /*2c3232,303636*/
}

td.foto-list-break {
  height: 1px;
  padding: 0;
}

table.overlay 
{
  border-spacing: 0px;
  height: 100%;
  width: 100%;
  /* margin: 5px 10px 10px 10px;  /* oben, rechts, unten, links */
  /* padding: 0; */
}

td.foto-top-left {
  cursor: url('images/info.png'), auto;
  text-align: left;
  vertical-align: top;
}

td.random-foto-top-left {
  text-align: left;
  vertical-align: top;
}

td.foto-top-left div.foto-top-left {
  visibility: hidden;
}

td.foto-top-left:hover div.foto-top-left {
  visibility: visible;
}

div.foto-top-left {
  text-align: left;
  vertical-align: top;
}

td.foto-top-center {
  cursor: pointer;
  text-align: center;
  /*vertical-align: top;*/
}

td.foto-top-center div.foto-top-center {
  visibility: hidden;
}

td.foto-top-center:hover div.foto-top-center {
  visibility: visible;
}

div.foto-top-center {
  text-align: center;
  /*vertical-align: top;*/
}

td.foto-top-right {
  cursor: url('images/info.png'), auto;
  text-align: right;
  vertical-align: top;
}

td.random-foto-top-right {
  text-align: right;
  vertical-align: top;
}

td.foto-top-right div.foto-top-right {
  visibility: hidden;
}

td.foto-top-right:hover div.foto-top-right {
  visibility: visible;
}

div.foto-top-right {
  text-align: right;
  vertical-align: top;
}

td.foto-mid-left {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

td.foto-mid-left div.foto-mid-left {
  visibility: hidden;
}

td.foto-mid-left:hover div.foto-mid-left {
  visibility: visible;
}

div.foto-mid-left {
  text-align: center;
  vertical-align: middle;
}

td.foto-mid-right {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

td.foto-mid-right div.foto-mid-right {
  visibility: hidden;
}

td.foto-mid-right:hover div.foto-mid-right {
  visibility: visible;
}

div.foto-mid-right {
  text-align: center;
  vertical-align: middle;
}

td.foto-bottom-left {
  cursor: url('images/info.png'), auto;
  text-align: left;
  vertical-align: bottom;
}

td.random-foto-bottom-left {
  text-align: left;
  vertical-align: bottom;
}

td.foto-bottom-left div.foto-bottom-left {
  visibility: hidden;
}

td.foto-bottom-left:hover div.foto-bottom-left {
  visibility: visible;
}

div.foto-bottom-left {
  text-align: left;
  vertical-align: bottom;
}

td.foto-bottom-center {
  cursor: pointer;
  text-align: center;
}

td.foto-bottom-center div.foto-bottom-center {
  visibility: hidden;
}

td.foto-bottom-center:hover div.foto-bottom-center {
  visibility: visible;
}

div.foto-bottom-center {
  text-align: center;
}

td.foto-overlay-nr {
  color: #646a6a; /*545a5a,5c6262,646a6a*/
  font-size: 48px; /*48px*/
  line-height: 50px;
  padding: 0px 2px 0px 0px; /* oben, rechts, unten, links */
  text-align: right;
  vertical-align: bottom;
}

td.foto-bottom-line {
  padding: 2px 2px 2px 2px; /* oben, rechts, unten, links */
  text-align: left;
  vertical-align: bottom;
  font-size: 16px;
  line-height: 18px;
}

td.weatherdata {
  padding: 2px 8px 2px 8px; /* oben, rechts, unten, links */
  text-align: left;
  vertical-align: middle;
}

h1 {
  color: #ef8225; /*#48b040;*/
  font-size: 28px;
  mar-gin: 40px;
  padding: 10px;
}

h2.block {
  color1: #48B040;
  line-height: 1.3; /*1.42857143;*/
  margin: 6px 8px 4px 8px;  /* oben, rechts, unten, links */
  padding1: 10px;
  text-align: center;
}

h2.weathercharts {
  background-color1: #343a3a; /*343a3a,383e3e,3c4242,#444a4a*/
  color: #949a9a; /*646a6a*/
  line-height1: 1.5; /*1.42857143;*/
  margin1: 12px 12px 8px 12px;  /* oben, rechts, unten, links */
  padding: 8px 12px 7px 12px;  /* oben, rechts, unten, links */
}

hr.block {
  background-color: #4c5252; /*545a5a,#646a6a*/
  border-width: 0px;
  border1: 0px solid #C8C8C8;
  border2: solid #C8C8C8 0px;
  border-style1: inset;
  border-width1: 1px;
  height: 1px;
}

hr.style-one {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

p.block {
  margin: 6px 8px 6px 8px;  /* oben, rechts, unten, links */
}

p.header-album {
  margin: 5px 5px 5px 5px;  /* oben, rechts, unten, links */
  padding: 7px;
}

a.header {
  color: #ef8225; /*#48b040;*/
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
}
@media (max-width: 894px) {
  a.header {
    font-size: 20px;
  }
}

a.header:hover, a.header:focus {
  color: #c8c8c8; /*#f18529,#ef8225;*/
}

a.header2 {
  color: #ef8225; /*#48b040;*/
  font-size: 24px;
  font-weight: normal; /*bold;*/
  text-decoration: none;
}
@media (max-width: 544px) {
  a.header2 {
    font-size: 16px;
  }
}
@media (min-width: 545px) and (max-width: 719px) {
  a.header2 {
    font-size: 20px;
  }
}

a.header2:hover, a.header2:focus {
  color: #c8c8c8; /*#f18529,#ef8225;*/
}

a.header-small {
  color: #747a7a; /*c8c8c8*/
  font-size: 12px;
  font-weight: bold; /*normal*/
  line-height: 0px;
  line-height1: 8px; /*12px*/
  text-decoration: none;
}

a.header-small:hover, a.header-small:focus {
  color: #ef8225; /*#48b040;*/
}

a.header2-small {
  color: #ef8225; /*#48b040;*/
  font-size: 20px; /*16px;*/
  font-weight: normal; /*bold;*/
  text-decoration: none;
  white-space: nowrap;
}

a.header2-small:hover, a.header2-small:focus {
  color: #c8c8c8; /*#f18529,#ef8225;*/
}

a.header-logo {
  font-size: 0px;
  line-height: 0px;
  text-decoration: none;
}

a.language {
  background-color1: #747a7a; /*4c5252,545a5a,646a6a*/
  color: #747a7a; /*#ffffff;*/
  font-size: 16pt;
  height1: 25px;
  line-height1: 20px; /*22px*/
  margin: 0;
  text-decoration: none;
  padding: 2px 4px 1px 4px;  /* oben, rechts, unten, links */
  /*padding: 2px 9px 1px 6px;  /* oben, rechts, unten, links */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

a.language-small {
  background-color: #747a7a; /*4c5252,545a5a,646a6a*/
  color: #101414; /*#ffffff;*/
  font-size: 9pt;
  height1: 25px;
  line-height1: 20px; /*22px*/
  margin: 0;
  text-decoration: none;
  padding: 2px 4px 1px 4px;  /* oben, rechts, unten, links */
  /*padding: 2px 9px 1px 6px;  /* oben, rechts, unten, links */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

a.language:hover, a.language:focus {
  background-color: #949a9a; /*747a7a*/
}

a.block {
  margin1: 2px 10px 20px 10px;  /* oben, rechts, unten, links */
  text-decoration: none;
}

a.prev-next-foto {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a.tag {
  /*border-style: solid;
  border-width: 1px;
  border-color: #808080;*/
  background-color: #747a7a; /*4c5252,545a5a,646a6a*/
  color: #101010; /*#ffffff;*/
  font-size: 9pt; /*10pt*/
  height1: 25px;
  line-height: 20px; /*22px*/
  margin: 0;
  text-decoration: none;
  padding: 2px 10px 1px 10px;  /* oben, rechts, unten, links */
  /*padding: 2px 9px 1px 6px;  /* oben, rechts, unten, links */

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

a.tag:hover, a.tag:focus {
  background-color: #949a9a; /*747a7a*/
}

a.thumbnail {
  margin1: 2px 10px 20px 10px;  /* oben, rechts, unten, links */
  text-decoration: none;
}

a.bottom {
  font-size: 18px;
  font-weight1: bold;
  line-height1: 1.42857143;
  color: #c8c8c8;
  margin1: 15px 20px 15px 20px;  /* oben, rechts, unten, links */
  text-decoration: none;
}
@media (max-width: 699px) {
  a.bottom {
    font-size: 16px;
  }
}

a.bottom:hover, a.bottom:focus {
  color: #df7010; /*df7215,ef8225*/
}

a.button {
  border-style: solid;
  border-width: 1px;
  border-color: #808080;

  height: 25px;
  line-height: 30px;
  text-decoration: none;
  white-space: nowrap;
  padding: 3px 12px 3px 12px;  /* oben, rechts, unten, links */
  color: #000000;

  background-color: #EDEDED;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #C0C0C0) );
  background: -moz-linear-gradient( center top, #ededed 5%, #C0C0C0 100% );
  background: linear-gradient(to bottom, #EDEDED, #C0C0C0);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#C0C0C0');

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a.button:hover, A.button:focus {
  bor-der-color: #000080;
  bor-der-color: #303030;
  co-lor: #000000;
  background: linear-gradient(to top, #EDEDED, #C0C0C0);
  outline-style: none;
  te-xt-shadow: 0px 0px 1px #808080;
}

a.smallbutton {
  border-style: solid;
  border-width: 1px;
  border-color: #808080;

  height: 21px;
  text-decoration: none;
  padding: 1px 8px 1px 8px;  /* oben, rechts, unten, links */
  color: #000000;

  background-color: #EDEDED;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #C0C0C0) );
  background: -moz-linear-gradient( center top, #ededed 5%, #C0C0C0 100% );
  background: linear-gradient(to bottom, #EDEDED, #C0C0C0);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#C0C0C0');

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

a.smallbutton:hover, A.smallbutton:focus {
  bor-der-color: #000080;
  bor-der-color: #303030;
  co-lor: #000000;
  background: linear-gradient(to top, #EDEDED, #C0C0C0);
  outline-style: none;
  te-xt-shadow: 0px 0px 1px #808080;
}

span.tag1 {
  background-color: rgba(0,0,0,0.55); /*#000000;747a7a,4c5252,545a5a,646a6a*/
  color: rgba(255,255,255,0.55); /*#C0C0C0;#808080;#101010;#ffffff;*/
  font-size: 9pt;  /* 9pt; 10pt; */
  line-height: 22px; /* 22px; */
  margin: 0;
  text-decoration: none;
  padding: 3px 10px 2px 10px;  /* oben, rechts, unten, links */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

span.tag2 {
  background-color: rgba(0,0,0,0.55); /*#000000;747a7a,4c5252,545a5a,646a6a*/
  color: rgba(255,255,255,0.55); /*#C0C0C0;#808080;#101010;#ffffff;*/
  font-size: 10pt;  /* 9pt; 10pt; */
  line-height: 24px; /* 22px; */
  margin: 0;
  text-decoration: none;
  padding: 4px 11px 3px 11px;  /* oben, rechts, unten, links */
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}

span.tag3 {
  background-color: rgba(0,0,0,0.55); /*#000000;747a7a,4c5252,545a5a,646a6a*/
  color: rgba(255,255,255,0.55); /*#C0C0C0;#808080;#101010;#ffffff;*/
  font-size: 11pt;  /* 10pt; */
  line-height: 28px; /* 26px; */
  margin: 0;
  text-decoration: none;
  padding: 4px 12px 3px 12px;  /* oben, rechts, unten, links */
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

span.tag4 {
  background-color: rgba(0,0,0,0.55); /*#000000;747a7a,4c5252,545a5a,646a6a*/
  color: rgba(255,255,255,0.55); /*#C0C0C0;#808080;#101010;#ffffff;*/
  font-size: 12pt;  /* 12pt; */
  line-height: 32px; /* 32px; */
  margin: 0;
  text-decoration: none;
  padding: 5px 14px 4px 14px;  /* oben, rechts, unten, links */
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

span.foto-info-text {
  color: #747a7a; /*#b0b4b4*/
  padding: 0px 0px 0px 2px; /* oben, rechts, unten, links */
  text-align: left;
  /*vertical-align: bottom;*/
  font-size: 13px; /*12px*/
  line-height: 15px; /*14px*/
}

img {
  border: 0;
  /*border: 1px solid #000;*/
  border-radius: 5px;
  /*opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
  /*transition: all 0.5s ease; /* ease-in; */
  /*-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;*/
  transition: opacity 0.6s ease-in-out;
}

/*img:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier * /
}*/

img.empty {
  border-radius: 0;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

img.logo-gray {
  border: 0;
  border-radius: 0px;
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

img.logo-link {
  border: 0;
  border-radius: 0px;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

img.logo-link-old {
  border: 0;
  border-radius: 0px;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

img:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

img.thumbnail {
  border-radius: 4px;
  margin: 0;
}

img.thumbnail-selected {
  border-radius: 4px;
  margin: 0;
}

img.thumbnail-selected:hover {
  opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}

img.foto-big-quer {
  border: 0;
  /*border: 1px solid #000;*/
  border-radius: 5px;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  width: 729px;
}
@media (min-width: 0px) {
  img.foto-big-quer {
    width: 360px;
  }
}
@media (min-width: 720px) {
  img.foto-big-quer {
    width: 535px;
  }
}
@media (min-width: 895px) {
  img.foto-big-quer {
    width: 710px;
  }
}
@media (min-width: 1070px) {
  img.foto-big-quer {
    width: 729px;
  }
}

img.foto-big-hoch {
  border: 0;
  /*border: 1px solid #000;*/
  border-radius: 5px;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  height: 729px;
}

img.foto-big-square {
  border: 0;
  /*border: 1px solid #000;*/
  border-radius: 5px;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  width: 729px;
}
@media (min-width: 0px) {
  img.foto-big-square {
    width: 250px;
  }
}
@media (min-width: 720px) {
  img.foto-big-square {
    width: 425px;
  }
}
@media (min-width: 895px) {
  img.foto-big-square {
    width: 600px;
  }
}
@media (min-width: 1070px) {
  img.foto-big-square {
    width: 600px;
  }
}

img.foto-mobile {
  border: 0;
  /*border: 1px solid #000;*/
  border-radius: 5px;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  width: 100%;
  height: auto;
}

img.foto-big-spacer-1q {
  height: 1px;
  width: 64px;  /*foto-width: 729*/
}

img.foto-big-spacer-2q {
  height: 1px;
  width: 510px;  /*foto-width: 729*/
}
@media (min-width: 0px) {
  img.foto-big-spacer-2q {
    width: 145px;
  }
}
@media (min-width: 720px) {
  img.foto-big-spacer-2q {
    width: 320px;
  }
}
@media (min-width: 895px) {
  img.foto-big-spacer-2q {
    width: 495px;
  }
}
@media (min-width: 1070px) {
  img.foto-big-spacer-2q {
    width: 510px;
  }
}

img.foto-big-spacer-3q {
  height: 1px;
  width: 155px;  /*foto-width: 729*/
}

img.foto-big-spacer-4q {
  height: 1px;
  width: 64px;  /*foto-width: 729*/
}

img.foto-big-spacer-5q {
  height: 1px;
  width: 64px;  /*foto-width: 729*/
}


img.foto-big-spacer-1s {
  height: 1px;
  width: 129px;  /*foto-width: 600*/
}

img.foto-big-spacer-2s {
  height: 1px;
  width: 171px;  /*foto-width: 729*/
}

img.foto-big-spacer-3s {
  height: 1px;
  width: 429px;  /*foto-width: 729*/
}

img.foto-big-spacer-4s {
  height: 1px;
  width: 0px;  /*foto-width: 729*/
}

img.foto-big-spacer-5s {
  height: 1px;
  width: 128px;  /*foto-width: 729*/
}


img.prev-next-foto {
  border: 0;
  opacity: 0.35;
  filter: alpha(opacity=35); /* For IE8 and earlier */
}

img.prev-next-foto:hover {
  opacity: 0.55;
  filter: alpha(opacity=55); /* For IE8 and earlier */
}

img.prev-next-dummy {
  border: 0;
  opacity: 0.10;
  filter: alpha(opacity=10); /* For IE8 and earlier */
}

img.foto-arrow {
  mix-blend-mode: normal;  /* overlay; difference; color-dodge; luminosity; darken; multiply; normal; */
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* Scrollbar styles: http://codemug.com/html/custom-scrollbars-using-css/ */
/* Scrollbar styles for Chrome: */
/*
::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}
*/
/*
::-webkit-scrollbar-button { background-color: #666; }
::-webkit-scrollbar-track { background-color: #444; }
::-webkit-scrollbar-track-piece { background-color: #222; }
*/

::-webkit-scrollbar {
  width: 18px;
}
 
::-webkit-scrollbar-track {
  background-color: #282e2e; /*242a2a,282e2e,383e3e*/
  border: 1px solid #687070; /*#606868,#707878*/
  border-radius: 5px;
  /*-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.9);*/
}
 
::-webkit-scrollbar-thumb {
  background-color: #5c6262; /*#383e3e,#444a4a,4c5252*/
  border: 1px solid #687070; /*#606868,#707878*/
  border-radius: 5px;
  /*-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.6);*/
}

::-webkit-scrollbar-thumb:hover {
  background-color: #6c7272; /*#4c5252,5c6262*/
}

/* Scrollbar styles for IE: */
body {
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}