.body_article_a {
  display: inline-block;
  max-width: 900px;
  padding: 1em;
  text-align: left;
}

.article_h2 {
}

.time_descript {
  display: block;
  text-align: right;
  color: #77f;
}

p.article_a_p {
  text-align: left;
  /*font-family: "Droid Sans Fallback";
  font: 1em "Droid Sans Fallback";
  font: 1.2em "FreeMono";
  font: 1.2em "FreeSerif";
  font: 1em "FreeSans";
  font: 1em "Tahoma";
  font: 1em "Geneva";
  font: 1em "Courier New";
  font: 1.1em "Manjari Thin";
  font: 1.1em "Nimbus Roman";
  font: 1.1em "Suruma";*/
}

p.article_a_p br {
  margin: 0;
  background: #ffc;
  
}
p.article_a_p .article_a_p_mark {
  color: #888;
  font: .9em "FreeSans";
}
p.article_a_p .article_a_p_mark a {
  color: #888;
  /*text-decoration: none;*/
}
p.article_a_p .article_a_p_mark a:hover {
  color: #44f;
}

.article_a_dialog {
  display: block;
  padding: .6em;
  font-style: italic;
}
.article_a_dialog_author {
  font-style: normal;
}




p.mfg_unterschrift {
  font-family: Arial;
  color: #080;
  padding: 2em;
  clear: both;
}

.article_a_date {
  float: right;
  color: #999;
}


.article_a_more {
  display: inline-block;
  border-right: solid 1px #aaa;
  padding: 1em;
  min-width: 40%;
}

.article_a_more_txt {
  color: #aaa;
}

.article_a_more_a {
  text-decoration: none;
  display: block;
  padding: .2em .5em;
}
.article_a_more_a:hover {
  text-decoration: underline;
}

.article_a_img {
  width: 24em;
  height: 16em;
  max-width: 320px;
  max-height: 240px;
  float: right;
  margin: 1em;
}

.article_a_warn {
  display: inline-block;
  float: left;
  background: #444;
  color: #eee;
  margin: 1.6em 1.5em .5em 0;
  padding: 1.6em 2em;
  text-align: center;
  font-size: .7em;
}
.article_a_warn span {
  background: #eee;
  font-size: .8em;
}



.article_a_comment {
  display: inline-block;
  border-left: solid 1px #aaa;
  text-align: right;
  padding: 1em;
  float: right;
  min-width: 30%;
}

.article_a_comment_txt {
  color: #aaa;
}

.article_a_comment_bei {
  color: #aaa;
  
}

.article_a_comment_a {
  text-decoration: none;
  padding: 0 .5em;
}
.article_a_comment_a:hover {
  text-decoration: underline;
}

.article_a_comment_favicon {
  width: 1.5em;
  height: 1.5em;
}

@media (orientation: portrait) {

  .article_a_img {
    display: block;
    float: none;
    width: 90%;
    height: auto;
    max-width: none;
    max-height: none;
    margin: 4em auto;
    padding: 0;
    border: solid 3em #eee;
    border-width: 6em 2em;
  }
  
  .portrait_hidden {
    display: none;
  }

  .time_descript {
    padding-left: 35%;
    margin: 1em .5em 2em 0;
  }

.article_a_date {
  font-size: 2em;
  display: block;
}

.article_a_more {
  display: block;
  border-right-width: 0;
  font-size: 2em;
  min-width: none;
  padding: 2em 0;
}
.article_a_more_a {
    margin: 1.6em 0;
    padding: .2em .1em .4em 1em;
    border-left: solid .4em #77f;
    background: #f7f7f7;
}
.article_a_more_a:hover {
    border-left-color: #f80;
    background: #eee;
}

}