* {
  padding:0;
  margin:0;
}

body {
  background-color:#4b4b4b;
  font-family:Georgia, serif;
  font-size:16px;
  color:#4b4b4b;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  margin-bottom:15px;
  color:#4b4b4b;
}

h2, h3 {
  font-size:22px;
}

h2 a, h3 a{
  color:#4b4b4b !important;
  text-decoration:none !important;
}

h2 a:hover, h3 a:hover {
  text-decoration:none !important;
}

#seite {
  padding:0px 10px 0px 10px;
  margin:0px auto;
  max-width:1000px;
  background-color:#ffffff;
}

#kopf {
  height:170px;
  background-color:#ffffff;
  background-position:10px 5px;
  background-repeat:no-repeat;
  background-position:center;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}

#logo {
  float:left;
  height:145px;
  width:145px;
  margin:10px;
}

#logo img {
  max-width:100%;
  max-height:100%;
}

#ueberschrift {
  float:left;
  max-width:800px;
}

#ueberschrift h1 {
  float:left;
  padding-left:20px;
  padding-top:25px;
  color:#4b4b4b;
  font-size:24px;
}

#ueberschrift p {
  padding-left:20px;
  font-size:18px;
  font-style:italic;
  font-weight:bold;
  color:#898989;
  clear:left;
}

#menu_oben {
  text-align:right;
  padding:0;
  margin:0;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:5px;
}

#menu_oben ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
}

#menu_oben li {
  display: inline;
  color:#4b4b4b;
}

#menu_oben a {
  font-size: 14px;
  padding-right: 10px;
  padding-left: 5px;
  text-decoration: none;
  color:#4b4b4b;
}

#menu_oben a:hover {
  text-decoration:underline;
}

#menu, #submenu {
  background-color:#ffffff;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:2px;
}

#menu ul, #submenu ul {
  padding:0;
  margin:0;
  list-style:none;
  display:inline;
  padding-right:10px;
}

#menu li, #submenu li {
  display:inline-block;
  padding:3px;
  margin:2px 10px 2px 2px;
}

#menu a, #submenu a {
  text-decoration:none;
  color:#4b4b4b;
  font-size: 16px;
  padding: 5px 5px;
}

#menu li:hover, #submenu li:hover, #menu .active, #submenu .active {
  background-color:#898989;
  text-decoration:none;
}

#menu a:hover, #submenu a:hover, #menu .active a, #submenu .active a {
  color:#ffffff;
}

#submenu li {
  margin:2px 2px 2px 2px;
}

#submenu a {
  font-size:12px;
  padding: 5px 5px;
}

#submenu {
  padding-bottom:20px;
  border-bottom:1px dotted #878787;
}

#mitte {
  display:block;
  min-height:60%;
  background-color:#ffffff;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  padding-bottom:20px;
}

#inhalt {
  overflow:hidden;
  display:block;
  padding-left:20px;
  padding-right:20px;
}

#inhalt p {
  padding-bottom:10px;
}

#inhalt_mitte {
  background-color:transparent;
  overflow:hidden;
  padding-right:20px;
  border-right:1px solid #E6E6E6;
  min-height:700px;
}

#inhalt_mitte a, #inhalt_rechts a {
  color: #fc8f0f;
  text-decoration:none;
}

#inhalt_mitte a:hover, #inhalt_rechts a:hover {
  text-decoration:underline;
}

#inhalt_rechts {
  width:230px;
  background-color:transparent;
  overflow:hidden;
  float:right;
  margin-left:5px;
  font-size:11px;
}

#inhalt_rechts h2 {
  font-size:16px;
}

#rahmen_rechts {
  padding-bottom:10px;
  margin-bottom:20px;
  padding-left:10px;
}

#inhalt #rahmen_rechts .sidebar-block {
  border-bottom:1px solid #E6E6E6;
  padding-bottom:5px;
  margin-bottom:10px;
  text-align:center;
}

#inhalt .news-single-imgcaption {
  width:300px;
  font-size:12px;
  font-style:italic;
  padding-top:3px;
  padding-bottom:30px;
}

#inhalt .datum {
  font-size:12px;
  padding-bottom:3px;
}

#inhalt .news-item {
  padding-bottom:20px;
  clear:both;
}

#inhalt .content-block {
  padding-bottom:20px;
}

#inhalt img {
  max-width:100%;
  height:auto;
}

#fuss {
  clear:both;
  min-height:50px;
  background-color:#ffffff;
  padding-left:10px;
  padding-right:10px;
  border-top:1px dotted #878787;
}

#fuss p {
  padding-top:20px;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  font-size:11px;
}

/* Article image: float right like original TYPO3 layout */
.article-image {
  float:right;
  margin-left:15px;
  margin-bottom:10px;
  max-width:300px;
}

.article-image a {
  display:block;
  border:none;
  text-decoration:none;
}

.article-image img {
  max-width:300px;
  height:auto;
  display:block;
  border:none;
}

.image-caption {
  font-size:12px;
  font-style:italic;
  padding-top:3px;
  padding-bottom:5px;
  max-width:300px;
}

/* Clear float after each article section */
#inhalt_mitte h2 {
  clear:both;
}

#inhalt_mitte hr {
  clear:both;
}

/* Center images */
.csc-textpic-center .csc-textpic-imagewrap {
  text-align:center;
}

.csc-textpic-center .csc-textpic-center-outer {
  position:relative;
  float:right;
  right:50%;
}

.csc-textpic-center .csc-textpic-center-inner {
  position:relative;
  float:right;
  right:-50%;
}

/* Intext right images */
.csc-textpic-intext-right .csc-textpic-imagewrap {
  float:right;
  margin-left:10px;
}

/* Intext left images */
.csc-textpic-intext-left .csc-textpic-imagewrap {
  float:left;
  margin-right:10px;
}

/* Quote styles */
.quote-block {
  text-align:center;
  padding:10px 0;
}

.quote-block img {
  max-width:170px;
  margin-bottom:10px;
}

.quote-block cite {
  font-style:italic;
}

/* Audio player */
.audio-entry {
  padding-bottom:15px;
  margin-bottom:15px;
}

.audio-entry audio {
  width:100%;
  margin-top:5px;
}

/* Video entries */
.video-entry {
  padding-bottom:20px;
  margin-bottom:20px;
}

.video-entry iframe {
  max-width:100%;
}

/* Responsive */
@media (max-width: 768px) {
  #kopf {
    height:auto;
    padding-bottom:10px;
  }

  #logo {
    width:80px;
    height:80px;
  }

  #ueberschrift h1 {
    font-size:18px;
    padding-top:15px;
  }

  #ueberschrift p {
    font-size:14px;
  }

  #menu li, #submenu li {
    margin:2px 5px 2px 2px;
  }

  #menu a, #submenu a {
    font-size:14px;
  }

  #inhalt_rechts {
    width:100%;
    float:none;
    border-top:1px solid #E6E6E6;
    padding-top:20px;
    margin-top:20px;
  }

  #inhalt_mitte {
    border-right:none;
    padding-right:0;
  }

  #inhalt .news-item img {
    float:none;
    margin-left:0;
    max-width:100%;
  }

  .article-image {
    float:none;
    margin:0 0 10px 0;
    max-width:100%;
  }

  .article-image img {
    max-width:100%;
  }

  .image-caption {
    max-width:100%;
  }
}

/* Lightbox */
#lightbox-overlay {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.85);
  z-index:9999;
  justify-content:center;
  align-items:center;
  cursor:pointer;
}

#lightbox-wrap {
  position:relative;
  max-width:90%;
  max-height:90%;
  text-align:center;
}

#lightbox-img {
  max-width:100%;
  max-height:80vh;
  border:3px solid #fff;
  cursor:default;
}

#lightbox-caption {
  color:#fff;
  font-size:14px;
  font-style:italic;
  margin-top:10px;
  padding:0;
}

#lightbox-close {
  position:absolute;
  top:-15px;
  right:-15px;
  color:#fff;
  font-size:32px;
  font-weight:bold;
  cursor:pointer;
  line-height:1;
  background:rgba(0,0,0,0.5);
  width:32px;
  height:32px;
  border-radius:50%;
  text-align:center;
}

#lightbox-close:hover {
  background:rgba(255,255,255,0.3);
}