body {
  background-color: #ffffff;
  }
#seiten-wrapper {
  box-shadow: none;
  }
/* Header anpassen */
  header
  {
    height:  160px;  /* Da die Kopfgrafiken im Print ausgeblendet werden, muss die height angepasst werden. */
  }

  header .amt
  {
    width:    200px;  /* Wichtig, sonst hat die Amtskennung beim Print zu viel Platz. */
  }

  header .amt .amtsbezeichnung
  {
    font-size:  14px;
  }

  header .logos.flexbox  /* Stadtlogo einrücken, damit vollständig. */
  {
    display:    inline-block!important;
    float:      right;
  }

  header .logos.flexbox .muenster-de  /* muenster.de Schriftzug */
  {
    /* Bei Anpassung folgender Werte, muss die Druckansicht in ALLEN Browsern überprüft werden. */
    margin:      6px 25px 0 5px;
    float:      left;
    font-size:    30px;
  }

  header .logos.flexbox .stadt-ms  /* Stadt Münster Logo */
  {
    float:      left;
  }

  /* Headerelemente ausblenden, die beim Print nicht dargestellt werden sollen. */

  {
    display:  none;
  }




header .header-overlay {
  display: block;
  margin:0;
  padding:0;
  height: 70px;
  position: absolute;
  top: 75px;
  left: -50px;
  z-index:999;
  }
header .header-overlay-logo .flexbox {
  xdisplay: block!important;
  xwidth: 200px;
  }
header .header-overlay-logo.flexbox img {
    width: 100px;
    height: auto;
  xborder: 1px solid silver;
z-index:999;
}
.streifen
  {
    height:        1px;
    margin:        0.1em 0 0.1em 0;
  }

/* Veranstaltungen */
.news .article {
  padding-bottom: 0.5em;
  margin-bottom: 0;
  margin-top: 0.2em;  
  border-bottom: 3px dotted #85AAC7;
  /* border-top: 1px solid #005b79;*/
  }
.news .article:last-child {
  border-bottom: none;
  }

.news.news-single .article{
  border-bottom: none;
  }



.header .news-list-date {
   width: 300px !important;
   display: block;
   margin-top: 1em;
   /* padding: 1em 0 0 0;*/
   font-style: normal;
   font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.header h2.anreisser {
    font-size:  16px;
    font-size:  1.6rem;
  }

.header h2 a,
.header h3 a {
  text-decoration: none;
  color: #005b79;Simon Pearce
 }
.event-tags {
  color: #cc0000;
  font-weight: normal;
  font-style: normal;
  font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.news-single .footer .event-tags {
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid grey;
}
.news .article .news-img-wrap {
    float: right;
    margin: 1.1em 0 0.5em 0.5em;
    background: #fff;
}
.news .article .news-img-wrap a {
    padding: 0;
    border: none;
}
.news.news-single .news-img-wrap {
    float: right !important;
    margin: 6px 0 12px 15px;
    background: #fff;
}


.news-single .teaser-text {
    font-size: inherit;
    color: #000;
    overflow: visible;
}
.news-single .news-text-wrap {
  overflow: visible;
  }
.news .footer {
    clear: left;
    padding: 0;
    border-top: none;
    margin-top: 10px;
    color: #000000;
}
.news .footer span {
  font-weight: normal;
  font-style: normal;
  font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;   
  }
.news-single .footer {
margin-bottom: 1em;
}
.news-backlink-wrap {
margin-top: 1em;
}
.news-backlink-wrap a:before,
a.more:before {
    font-family:  'ms-icons', sans-serif !important;
    font-size:    1em;
    font-weight:  normal;
    font-style:    normal;
    font-variant:  normal;
    text-decoration:none;
    text-transform: none;
    color:      #495678;
    vertical-align:  baseline;
    /* Better Font Rendering */
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:grayscale;
    /*line-height: 0.9em;*/
    display: inline-block;
margin-right: 0.3em;
}
.news-backlink-wrap a:before {
    content: "\e913";
}
a.more:before {
    content: "\e914";
}


div#c107594 .article {
  border-bottom: 3px dotted #85AAC7;
  }
div#c107594 .article:last-child {
  border-bottom: 3px dotted #85AAC7;  
  }

div#c107594 .header .news-list-date:first-child {
  background-color: #ffffff;
  margin-top: 1em;
  border-top: none;
  padding: 0;
  }
.header h2,
.header h3
div#c107594 .header h3 {
  margin: 0;
  padding: 0;
  }

/* Ansicht S */
@media screen and (max-width: 500px) {

.news.news-single .news-img-wrap {
    display: block;
    overflow: hidden;
    float: none! important;
    margin: 6px 0 12px 0;
   }

}


/* Veranstaltungen ENDE */

  #info-spalte
  {
    background-color:  #fff!important; /* !important muss sein, da sonst background-color in tourismus.css greift. */
    border-color:    #fff!important; /* !important muss sein, da sonst background-color in tourismus.css greift. */
    width:        99%;
    page-break-before:  avoid;     
  }

  #info-spalte aside
  {
    width:    99%;
    overflow:  hidden;  /* wichtig, damit dieser Container die Kindelemente umschließt (die Höhe wächst auf die Höhe des größten Kind-Elements). */
  }

  #info-spalte aside > div  /* Verhalten/Aussehen von #rechts_1, #rechts_2, usw. */
  {
    float:  left;
    margin:  0;
    width:  auto;
  }

  #info-spalte aside > div > div  /* Verhalten/Aussehen der Inhaltselemente (äußerer, umschließender div-Container) */
  {
    float:      left;
    margin-top:    0.5em;
    margin-right:  6px;
    margin-bottom:  0;
    width:      195px;
  }

  /*
  Da die Browser beim Drucken häufig Hintergrundfarben-/bilder ausblenden, legen wir als
  Workaround Rahmen um die Kästen in der rechten Spalte. */
  #info-spalte aside > div > *  /* Rahmen links/rechts */
  {
    border-left:  1px solid grey;
    border-right:  1px solid grey;
  }

  #info-spalte aside > div > div  /* Rahmen oben/unten - oben ist wichtig, da es Elemente ohne Überschrift gibt! */
  {
    border-top:    1px solid grey;
    border-bottom:  1px solid grey;
  }

  /* "bugfixing" - nötig, da die HTML-Struktur der Kästen nicht einheitlich ist. */
  #info-spalte aside > div > div > .linklist,
  #info-spalte aside > div > div > .kasten
  {
    margin-top:    0;
    margin-bottom:  0;
  }