/* Artikellisten */

.article_list {
  clear: both;
  color: #000000;
  font-size: .9em;
  margin: 0 auto;
  padding: 0;
  padding-top: 7px;
  text-align: left;
	width: 100%;
}
.article_list .header {
  clear: both;
	background: #ffffff url('/images/yellowdot.gif') 0 3px no-repeat;
	border-bottom: 1px solid #808080;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}
.article_list .teaser {
    clear: both;
    padding: 5px 0 5px 0;
}

.article_list p .teaser {
    padding-right: 2px;
}

.article_list .ressort {
	margin-top: 4px;
	color: grey;
}
.article_list .titel {
  margin: 3px 0;
  margin: 3px 0;
  font-size: 1.1em;
  font-weight:bold;
}
.article_list a{
  text-decoration: none;
  color: #366CB2;
}
.article_list a.link{
  color: #000000;
}
.article_list .trenner{
	border-bottom: 1px solid #909090;
	border-bottom: 1px solid #A0A0A0;
	margin: 5px;
	margin-bottom: 0px;
}
.article_list .trenner:last-child{
  border-bottom: 0;
}

.article_list .figure-caption{
    max-width: 135px;
}

.article_list img.img-fluid {
    max-width: 135px;
}


/* Artikeldetail */
.article {
    clear: both;
    color: #000000;
    font-size: .9em;
    margin: 0 auto;
    padding: 0;
    padding-top: 7px;
    text-align: left;
    width: 100%;
}
@media only screen and (min-width: 1025px) {
  .article {
   /*width: 675px; */
  }
}
.article a, .article a:hover, .article a:active, .article a:visited, .article a:focus, .article a:link {
    color: #069;
    outline: medium none;
    text-decoration: none;
}
.article a:active {
    color: #39c;
}
.article a:hover {
    text-decoration: underline;
}
.article p, .article p.Beschreibung, .article p.beschreibung, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    color: #000000;
    margin: 0 0 0 0;
    padding: 6px 0 3px;
}
@media only screen and (max-width: 1024px) {
  .article p, .article p.Beschreibung, .article p.beschreibung, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    margin: 0;
  }
}
.article p.Beschreibung {
    font-weight: bold;
}
.article p {
    line-height: 12pt;
    margin-bottom: 5px;
    padding-top: 6px;
}
.article h1 a[name] {
   display:block;
   height: 75px;
   margin-top: -75px;
}
.article h1 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}
.article h2, .article h3 {
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 6px;
}
.article blockquote {
    background: rgba(0, 0, 0, 0) url("/images/bg-quote.png") no-repeat scroll 0 0;
    margin: 15px 0 8px 0;
    padding: 10px 0 0 45px;
}
@media only screen and (max-width: 1024px) {
  .article blockquote{
  margin: 15px 0 8px 0px;
  }
}
.article blockquote p {
    font-family: Georgia,Garamond,serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
.article blockquote p.autor {
    color: #999999;
    font-size: 12px;
    line-height: 13px;
    margin: 0;
    padding: 0;
}
.article ul {
    line-height: 12pt;
    margin-left: 15px;
    margin-bottom: 12px;
    margin-top: 12px;
    padding: 0;
}
@media only screen and (max-width: 1024px) {
  .article ul{
	  margin-left: 15px;
  }
}
.article ol {
    line-height: 12pt;
    margin-left: 0;
}
@media only screen and (max-width: 1024px) {
  .article ol{
	  margin-left: 15px;
  }
}
.article ul li {
    list-style-image: url("/images/greydot.gif");
    list-style-type: square;
    margin-bottom: 0;
    padding-bottom: 4px;
}
.article .norm-lsp-wbox {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    clear: both;
    color: gray;
    font-size: 8px;
    margin: 10px 0 5px 12px;
    padding: 2px 0 10px 97px;
}
.article .norm-lsp-wbox img {
    border: 0 none;
    margin: 0;
}
.article dl {
    margin: 10px 0 10px 12px;
    padding: 0;
}

@media only screen and (min-width: 310px) {
  .article dl {
      margin: 10px 0 10px 0px;
      padding: 0;
  }
}
@media only screen and (min-width: 410px) {
  .article dl {
      margin: 10px 0 10px 0px;
      padding: 0;
  }
}
@media only screen and (min-width: 710px) {
  .article dl {
      margin: 10px 0 10px 0px;
      padding: 0;
  }
}
.article dt {
    margin: 0;
    padding: 0;
}
.article dt img {
    border: 1px solid #999999;
    margin: 0;
    padding: 0;
}
.article dd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #999999 #999999;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    color: #999999;
    margin: -4px 0 0;
    padding: 8px;
}
.article dt.noborder img {
    border-bottom: 0 none;
}
.article dl.imageSmall {
    clear: right;
    float: right;
    margin: 8px 0 8px 8px;
    padding: 0;
}
.article .imageSmall dt {
}
.article .imageSmall dt img {
}
.article .imageSmall dd {
}
@media only screen and (max-width: 1024px) {
  .article dl.imageSmall {
    clear: both;
	  margin-left: 0;
  }
}
@media only screen and (min-width: 310px) {
   .article dl.imageSmall{
     width: 100%
   }
   .article .imageSmall dt {
    width: 310px;
  }
  .article .imageSmall dt img,
  .article .imageSmall dt {
    width: 300px;
  }
}
@media only screen and (min-width: 410px) {
  .article dl.imageSmall{
    width: 100%
  }
  .article .imageSmall dt {
    width: 410px;
  }
  .article .imageSmall dt img,
  .article .imageSmall dd  {
    width: 400px;
  }
}
@media only screen and (min-width: 710px) {
  .article dl.imageSmall{
    width: 100%
  }
  .article .imageSmall dt {
    width: 610px;
  }
  .article .imageSmall dt img,
  .article .imageSmall dd {
    width: 600px;
  }
}
.article dl.imageMiddle {
    float: left;
    margin: 8px 8px 8px 12px;
    padding: 0;
}

@media only screen and (max-width: 1024px) {
  .article dl.imageMiddle {
    clear: both;
	  margin-left: 0;
  }
}
@media only screen and (min-width: 310px) {
  .article dl.imageMiddle{
    width: 100%
  }
  .article .imageMiddle dt {
    width: 310px;
  }
  .article .imageMiddle dt img,
  .article .imageMiddle dd {
    width: 300px;
  }
}
@media only screen and (min-width: 410px) {
  .article dl.imageMiddle{
    width: 100%
  }
  .article .imageMiddle dt {
    width: 410px;
  }
  .article .imageMiddle dt img,
  .article .imageMiddle dd  {
    width: 400px;
  }
}
@media only screen and (min-width: 710px) {
  .article dl.imageMiddle{
    width: 100%
  }
  .article .imageMiddle dt {
    width: 610px;
  }
  .article .imageMiddle dt img,
  .article .imageMiddle dd {
    width: 600px;
  }
}
.article dl.imageCenter {
    clear: both;
    margin: 0 0 8px 0;
    padding: 0;
}
.article .imageCenter dt {
    width: 493px;
}
.article .imageCenter dt img {
    width: 491px;
}
.article .imageCenter dd {
    width: 475px;
}
@media only screen and (max-width: 1024px) {
  .article dl.imageCenter{
	  margin-left: 0;
  }
}
@media only screen and (min-width: 310px) {
  .article dl.imageCenter{
    width: 100%
  }
  .article .imageCenter dt {
    width: 310px;
  }
  .article .imageCenter dt img,
  .article .imageCenter dd {
    width: 300px;
  }
}
@media only screen and (min-width: 410px) {
  .article dl.imageCenter{
    width: 100%
  }
  .article .imageCenter dt {
    width: 410px;
  }
  .article .imageCenter dt img,
  .article .imageCenter dd  {
    width: 400px;
  }
}
@media only screen and (min-width: 710px) {
  .article dl.imageCenter{
    width: 100%
  }
  .article .imageCenter dt {
    width: 610px;
  }
  .article .imageCenter dt img,
  .article .imageCenter dd {
    width: 600px;
  }
}
.article .imageFull dt {
    width: 659px;
}
.article .imageFull dt img {
    width: 661px;
}
.article .imageFull dd {
    width: 645px;
}
@media only screen and (max-width: 1024px) {
  .article dl.imageFull{
    clear: both;
	  margin-left: 0;
  }
}
@media only screen and (min-width: 310px) {
  .article dl.imageFull{
    width: 100%
  }
  .article .imageFull dt {
    width: 310px;
  }
  .article .imageFull dt img,
  .article .imageFull dd {
    width: 300px;
  }
}
@media only screen and (min-width: 410px) {
  .article dl.imageFull{
    width: 100%
  }
  .article .imageFull dt{
    width: 410px;
  }
  .article .imageFull dt img,
  .article .imageFull dd  {
    width: 400px;
  }
}
@media only screen and (min-width: 710px) {
  .article dl.imageFull{
    width: 100%
  }
  .article .imageFull dt {
    width: 610px;
  }
  .article .imageFull dt img,
  .article .imageFull dd  {
    width: 600px;
  }
}
.article p {
    color: #000000;
    line-height: 12pt;
    margin: 3px 0 5px 0;
    padding: 6px 0 0;
}
@media only screen and (max-width: 1024px) {
  .article p{
	  margin-left: 0;
  }
}
.article_absatz {
    clear: both;
    color: black;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 490px;
}
@media only screen and (max-width: 1024px) {
  .article_absatz {
	  margin-left: 0;
    width: 100%;
  }
}
.article_absatz p {
    margin-bottom: 14px;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}
.article .ressort{
  color: #999;
  font-size: 13px;
}

@media only screen and (max-width: 1024px) {
  .article .eingerueckt {
	  margin-left: 0;
  }
}