body {
    padding:0; margin:0;
    font-size:0.9em;
    background-color:#FFF;
    font-family:Serif;
    color:black;
}
body img { border:0; }
body blockquote { margin-left:0; padding-left:1.5em; font-style:italic; }
body a:link,body a:visited { color:#57D; text-decoration:none; }
body a:link:hover,body a:visited:hover { color:#ACF; }
body div#inhalt { padding:1em; margin:1em; }

body div.seitenleiste { display:none; }
body div#inhalt div#kurzmeldung { display:none; }
form { display:none; }
body div#fuss { display:none; }
body span.wrong { text-decoration:line-through; }

/* %%%%%%%%%%%%%%% Artikel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.blogeintrag h2 {
    font-size:1.7em; font-weight:normal;
    margin:0; padding-top:0;
}
.blogeintrag .text { line-height:1.35em; }
.blogeintrag .text h2 { margin:1.2em 0 0 0; padding:0; font: normal 1.3em Serif; }
.blogeintrag .text img.floating_right,
.blogeintrag .text img.floating_left{ display:block;margin:0.2em 0.5em; }
.blogeintrag .text img.floating_right { float:right; margin-right:0;}
.blogeintrag .text img.floating_left { float:left; margin-left:0;}
.blogeintrag .text sup { font-size:0.6em; padding-right:0.2em;}
.blogeintrag .info {
    border-top:1px #bbb solid;
    font-style:italic;
    font-size:0.8em;
    margin:1em 0 2em; padding:0.2em;
}

.blogeintrag .text .pulloutleft,
.blogeintrag .text .pulloutright {
    color: #a22;
    font-style: normal;
    font-size: 1.4em;
    font-weight:bold;
    text-transform: lowercase;
    background: transparent;
    letter-spacing:0.1em;
    line-height:1em;
    display:block;
    margin: 0.4em;
    max-width: 13em;
}
.blogeintrag .text .pulloutleft {
    float: left;
    margin-left: 0;
}
.blogeintrag .text .pulloutright {
    float: right;
    margin-right: 0;
}

/**************************************************************************/
/** FAQ section HTML and CSS from
  * http://red-team-design.com/fancy-faq-page-using-css3-only/
  */

.blogeintrag .text section.faq-section {
    margin: 1em 0;
    position:relative;
    display: table;
}

.blogeintrag .text section.faq-section div {
    display:none;
}

.blogeintrag .text section.faq-section input {
    position: absolute;
    z-index: 2;
    cursor: auto;
    opacity: 0;
    margin: 0;
    width: 100%;
    height: 36px;
}

.blogeintrag .text .faq-section label+div{
    display: block;
    height: auto;
    line-height:inherit;
    margin: 0.5em 1em 0.6em;
    color: #444;
    font-size: 1em;
    text-overflow: clip;
    overflow: visible;
}

.blogeintrag .text .faq-section label+div p{
    margin: 0 0 0.8em;
}

.blogeintrag .text .faq-section label {
    display: block;
    position: relative;
    padding: 0.5em 2em 0.5em 0.8em;
    margin: 0;
    font-size: 1em;
    font-family:Serif;
    font-weight:bold;
    transition: all .15s ease-out;
}

.blogeintrag .text .faq-section label::before{
    border: 6px inset transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px;
}

/**************************************************************************/

@media print {
    body div#inhalt { padding:0; margin:0; }
}
