/*****************************
 Globale Styles
*****************************/
body {
font-family:Arial,Helvetica,sans-serif;
color:#333;
font-size:0.8125em;/* 13 px */
line-height:1.23em;/* 16 px = 13px * 1,23 */
background:none!important;
background-color:#ffffff!important;
}
hr,
#branding p,
.artikel .picture a.openFB p.longdesc,
.artikel table caption,
#breadcrumb,
#supplement {
display:none;
}
#branding #keyvisual img {
border:none;
}
h1, h2, h3, h4, h5 {
font-weight:normal;
}
a, a:visited, a:focus, a:active {
color:#333;
text-decoration:none;
}
a:hover {
color:#2dc6e5;
text-decoration:underline;
}
div.hr {
height:0px;
border-top:1px solid #c9c9c4;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
em { font-style:normal; }
p a.RichTextIntLink {
display:list-item;
color:#333;
padding-left:0;
list-style-type:disc;
background:none !important;
position:relative;
left:18px;
}
p a.RichTextIntLink:hover {
color:#2DC6E5;
}
p a.RichTextExtLink {
display:list-item;
color:#333;
padding-left:0;
list-style-type:disc;
background:none !important;
position:relative;
left:18px;
}
.box p a.RichTextExtLink {
display:block;
color:#333;
padding-left:0;
background:none !important;
position: static;
font-weight: bold;
}
a[href^="http"]:after {
  content: " [" attr(href) "]";
  font-weight: normal;
}
p a.RichTextExtLink:hover {
color:#2DC6E5;
}
.picture.links {
float:left;
margin-right:16px;
margin-bottom:8px;
}
.picture.rechts {
float:right;
margin-left:16px;
margin-bottom:8px;
}
.picture.big {
margin-bottom:24px;
}
.pictureIntro {
margin-bottom:24px;
}
#siteInfo {
background:none!important;
width:500px;
text-align:left;
margin:0 auto;
}
#siteInfo p {
padding:10px 0;
font-weight:bold;
}
/*****************************
 wrapperOuter
*****************************/
#wrapperOuter {
width:980px;
background-color:#ffffff;
text-align:center;
}
/*****************************
 wrapperInner
*****************************/
#wrapperInner {
width:500px;
border-bottom:1px solid #000000;
padding-bottom:40px;
margin:0 auto;
text-align:left;
}
/*****************************
 branding (header)
*****************************/
#branding {
width:980px;
background-color:#ffffff;
}
#branding #navKeyVisual {
width:226px;
height:72px;
position:relative;
left:-68px;
margin-top:20px;
margin-bottom:20px;
}
/*****************************
 Artikelseite / Erfahrungsbericht
*****************************/
.artikel h1 {
    color: #333;
font-size: 1.85em;/* 24px */
font-weight: bold;
line-height: 1.17em;/* 28px */
margin-bottom: 14px;
}
.artikel #mittenImLeben {
width:133px;
height:133px;
position:absolute;
top:-8px;
left:-8px;
z-index:2;
}
.artikel p {
font-size:0.9231em;/* 12px */
line-height:1.6667em;/* 20px */
padding-bottom:18px;
}
.artikel p.datum {
font-weight:bold;
padding-bottom:4px;
}
.artikel p.intro {
font-weight:bold;
padding-bottom:12px;
}
.artikel p strong {
font-weight:bold;
}
.artikel p em {
font-style:italic;
}
.artikel p sup {
font-size:0.8571em;/* 12px */
position:relative;
top:-0.4166em;/* 5px */
}
.artikel p sub {
font-size:0.8571em;/* 12px */
position:relative;
top:0.4166em;/* 5px */
}
.artikel .picture .caption {
float:left;
width:100%;
}
.artikel .picture .caption span.quelle {
display:inline-block;
font-size:0.92em;/* 12px */
line-height:1.17em;/* 14px */
padding-top:8px;
color:#767676;
}
.artikel .picture .caption span.shortdesc {
display:inline-block;
font-size:1em;/* 13px */
line-height:1.23em;/* 16px */
padding-top:4px;
}
.artikel .picture a.lupe {
float:right;
display:inline-block;
width:27px;
height:27px;
margin-top:8px;
}
.artikel .picture a.lupe:hover {
text-decoration:none;
}
.artikel h2 {
padding-top:8px;
padding-bottom:16px;
color:#333;
font-size:1.39em;/* 18px */
line-height:1.11em;/* 20px */
font-weight:bold;
}
.artikel h2.toctitle {
padding-top:0px;
padding-bottom:6px;
color:#333;
font-size:1.08em;/* 14px */
line-height:1.43em;/* 20px */
font-weight:bold;
}
.artikel h3 {
padding-bottom:6px;
color:#333;
font-size:1.08em;/* 14px */
line-height:1.43em;/* 20px */
font-weight:bold;
}
.artikel p.highlight {
background-color:#ffffff;
padding:8px 12px;
padding-bottom:16px;
margin-bottom:16px;
border:1px dashed #C9C9C4;
}
.artikel p q {
display:block;
font-size:1.39em;/* 18px */
line-height:1.34em;/* 24px */
font-style:italic;
color:#333;
padding:0px 20px;
}
.artikel p cite {
padding:0px 20px;
padding-bottom:24px;
}
.artikel .zitat p.quelle {
font-size:1em;/* 13px */
line-height:1.23em;/* 16px */
padding:0;
padding-top:8px;
}
.artikel .themenbox {
clear:both;
background-color:#cfe4ee;
padding-left:44px;
padding-right:44px;
margin-bottom:24px;
background:none !important;
border:1px solid #C9C9C4;
}
.artikel .themenbox h2 {
font-size:1.08em;/* 14px */
line-height:1.14em;/* 16px */
font-weight:bold;
padding:12px 0;
color:#333;
}
.artikel .themenbox ul {
list-style-type:disc;
margin-left:14px;
}
.artikel .themenbox ul li {
padding-bottom:4px;
}
.artikel ul.toc {
list-style-type:disc;
position:relative;
left:18px;
}
.artikel ul.toc li {
padding-bottom:4px;
}
.artikel ul.toc li a {
display:inline-block;
padding-left:0px;
background:none!important;
}
.artikel p.navToTop {
border-top:1px solid #C9C9C4;
}
.artikel p.navToTop a {
display:list-item;
color:#333;
padding-left:0;
list-style-type:disc;
background:none !important;
position:relative;
left:18px;
}
.artikel p.navToTop a:hover {
color:#2DC6E5;
}
.artikel .weiterLink {
margin-top:-14px;
padding-bottom:12px;
}
.artikel ul {
list-style-type:disc;
margin-left:18px;
padding-bottom:16px;
}
.artikel ol {
list-style-type:decimal;
margin-left:24px;
padding-bottom:16px;
}
.artikel table {
width:100%;
margin-bottom:16px;
border:1px solid #C9C9C4;
border-left:none;
}
.artikel table th, .artikel table td {
padding:12px 10px;
}
.artikel table tr th, .artikel table tr td {
border-left:1px solid #C9C9C4;
}
.artikel table tr th.ersteSpalte, .artikel table tr td.ersteSpalte {
border-left:none;
font-weight:bold;
}
.artikel table thead tr th {
border-bottom:1px solid #C9C9C4;
font-weight:bold;
background-color:#e2e2e1;
}
.artikel table tbody tr.odd td {
background-color:#f4f4f4;
}
.artikel .altprint {
border:1px solid #C9C9C4;
padding:6px;
margin-bottom:18px;
}
.artikel .altprint span {
display:block;
}
.artikel .audioBox {
border:1px solid #C9C9C4;
padding:6px;
margin-bottom:18px;
}
.artikel .audioBox span {
display:block;
}
.artikel .beitragEmpfehlen a.btnEmpfehlen {
float:left;
display:inline-block;
width:126px;
height:60px;
color:#fff;
padding-top:7px;
padding-left:33px;
margin-top:1px;
font-weight:bold;
}
.artikel .beitragEmpfehlen a.btnEmpfehlen:hover {
text-decoration:none;
}
.artikel .beitragEmpfehlen p a {
display:inline-block;
padding-left:20px;
width:280px;
font-weight:bold;
line-height:1.1429em;
}
.artikel .tagList {
border-top:1px solid #C9C9C4;
padding-bottom:16px;
}
.artikel .tagList h2 {
font-size:1.08em;/* 14px */
line-height:1.14em;/* 16px */
font-weight:bold;
color:#333;
padding-top:20px;
padding-bottom:8px;
}
.artikel .tagList ul {
list-style-type:none;
margin-left:0;
padding-bottom:0px;
}
.artikel .tagList ul li {
float:left;
height:32px;
padding-left:6px;
margin-right:18px;
margin-bottom:12px;
font-size:0.79em;/* 11px */
}
.artikel .tagList ul li span {
display:inline-block;
height:32px;
}
.artikel .tagList ul li span a {
display:inline-block;
padding:6px 14px 0 22px;
color:#333;
}
.artikel .tagList ul li span a:hover {
color:#2DC6E5;
}
.weiterLink a, strong.more a, .mailtoLink a {
  margin: 4px 0;
  padding-left: 18px;
}
/* Ausgeblendet*/
#navServiceMetaZoom,
#navServiceMeta,
#navPrimary,
.navSkip,
#navSecondary,
.tagList,
.zumSeitenanfang,
#siteInfo ul,
.fb-close-extra,
.artikel .picture a.lupe {
  display: none;
}
#navServiceMetaZoom{
  display: none!important;
}
/* Teaser*/
#meistgelesenThemenseite ul li a img {
  float: left;
  padding-right: 24px;
}
#meistgelesenThemenseite h2 {
  border-bottom: 1px solid #C9C9C4;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  padding-bottom: 8px;
}
.box li {
margin-bottom: 14px;
}
#mainTeaserThemenseite h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 14px;
}
.subTeaserThemenseite h2,
#themaDerWoche h2{
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.34em;
  padding-bottom: 8px;
}
.weiterLink {
   margin-bottom: 14px;
}
.box h1 {
  color: #000;
  font-size: 24px;
  font-weight: bold;;
  margin-bottom: 14px;
  margin-top: 14px;
}
#fragenAnregungenBox p{
  background-image: none;
}
#colA {
margin-top: 20px;
}
#themaDerWoche h3 {
  font-size: 0.85em;
  font-weight: normal;
  line-height: 1.09em;
  padding-bottom: 4px;
  text-transform: uppercase;
}