* { 
  padding:0; 
  margin:0;
}
html, body { 
  font-family: "Arial Narrow", Arial, sans-serif; 
  font-size:14px; 
  background:#fff; 
  color:#2d2c2b;
  height:100%;
  letter-spacing: 0.3em
}
/* ist besser als display:none; weil display:none von einigen Screenreadern wirklich nicht gesprochen wird */
.invisible { 
  position:absolute; 
  left:-1000px; 
  top:-1000px; 
  width:1px; 
  height: 1px; 
  overflow:hidden; 
  display:inline;
}
/* .invisible { color:#ff0000; font-size:50% } */
.clear { 
  clear: both;
}
table, td, div, img { 
  border:0; 
  border-collapse:collapse;
}
td {
  vertical-align:top;
}
ul { 
  padding: 0px 0px 10px 30px;
}
h1 {
  padding: 0 0 16px 1px;
}
h2 {
  padding: 0 0 16px 1px;
}
h3 {
  padding: 0 0 10px 1px;
}
h4 {
  padding: 0 0 5px 1px;
}

p { 
  padding:0px 0px 18px 0px;
}
a {
  text-decoration: none; 
  color:#2d2c2b;
}
a:hover {
  text-decoration: underline;
}
/* Dropdown Styles */
nav { background: #FFF; }
nav ul {
  margin: 0;
  padding: 0;
}
nav ul li {
  display: inline-block;
  position: relative;
}
nav ul li a {
  color: #2d2c2b;
  display: block;
  padding: 15px 14px;
  transition: 0.3s linear;
}
nav ul li:hover { 
    background: #FFF; 
    cursor: pointer;
}
nav ul li ul {
  display: none;
  position: absolute;
  width: 190px;
}
nav ul li ul li {
  display: block;
}
nav ul li ul li:first-child {   
  background-image: url("/bilder/uploaded/190522-arrowTopNav.png");
  padding-top:9px;
}
nav ul li ul li a {
  background: #484646;
  display: block;
  padding: 10px 14px;
  font-size: 0.7em;
  color: #FFF;
}
nav ul li ul li a:hover { 
  background: #484646; 
  color: #FFF;
}
nav .fa.fa-angle-down { margin-left: 6px; }

.main { 
}
.top { 
  width:1100px; 
  margin:0 auto; 
  height:80px; 
  padding:20px 0px 10px 0px;
}
.topLeft {
    float:left;
    font-size: 1.3em;
    margin-top: 15px;
}
.topRight {
    float:right;
    font-size: 1.3em;
}
a.TopHomeLink {
    text-decoration: none;
}

  
.content { 
  width:1000px; 
  margin:0 auto;
  min-height: 600px; 
  padding:20px 50px 10px 50px;
}

/* ART Show  Styles*/
.ArtShowContainer {
  float:left;
  width: 900px;
  height: 550px;
}
.ArtFrame {
  float:left;
  width: 295px;
  height: 270px;
  text-align: center;
}
.ArtFrameBig {
  float:left;
  width: 900px;
  height: 500px;
  text-align: center;
}
.ArtFrameBigTextBlock {
  float:left;
  width: 900px;
  height: 45px;
  padding-top: 20px;
}
.ArtFrameBigText {
  float:left;
  width: 50%;
  height: 22px;
}
.ArtFrameBigTextRight {
  float:left;
  width: 50%;
  height: 22px;
  text-align: right;
}



.ArtShowBackLink{
  float:left;
  width: 20px;
  height: 288px;
  padding-top: 260px;
}
.ArtShowNextLink{
  float:left;
  width: 20px;
  height: 288px;
  padding-top: 260px;
}

.footer { 
  width:1100px; 
  margin:0 auto;
  min-height: 30px; 
  padding:20px 20px 10px 20px;
  text-align: center;
  font-size: 0.9em;
}
.footerLeft { 
    float:left;
}
.footerRight { 
    float:right;
}










.logo { 
  float: left;
  font-size: 0.5em;
  width:94px; 
  margin: 20px 0 0 -60px; 
  height:120px; 
  border: none;
  padding: 0px 0px 0px 0px;
}