body { margin:0; font-family:Arial,Helvetica,"Helvetica Neue",sans-serif; font-size:15px; line-height:20px; color:#222; background-color:#fff; }
a { color:#222; text-decoration:none; } a:hover { text-decoration:underline; }
h1, h2, h3, h4 { font-weight:normal; margin:0; }
h1 { font-size:28px; line-height:32px; margin-bottom:16px; clear:left; }
.rahmen { width:944px; margin:0 auto; }
.rahmen:after, .reihe:after { content:""; display:table; clear:both; }
/* Kopf */
#kopf { background:#2B2A26; color:#d2d2d2; }
#kopf .oben { height:28px; line-height:28px; font-size:12px; text-transform:uppercase; }
#kopf .oben a { color:#d2d2d2; margin-right:14px; }
#kopf .oben .rechts { float:right; } #kopf .oben .rechts a { margin:0 0 0 14px; }
#kopf .logozeile { height:58px; position:relative; }
#kopf .logo { position:absolute; left:0; top:6px; }
#kopf .logo a { display:block; }
#kopf .spruch { position:absolute; right:0; top:14px; font-size:13px; color:#d2d2d2; }
#kopf .spruch b { color:#D98E04; }
#hauptnav { background:#3A3833; height:32px; }
#hauptnav a { float:left; display:block; line-height:32px; padding:0 11px; color:#d2d2d2; font-size:13px; text-transform:uppercase; border-right:1px solid #2B2A26; }
#hauptnav a.aktiv, #hauptnav a:hover { background:#2B2A26; color:#fff; text-decoration:none; }
/* Promo-Band */
#promo { background:#3A3833; padding:16px 0; }
#promo .gross { float:left; width:624px; height:351px; position:relative; }
#promo .gross img { display:block; }
#promo .gross .kasten { position:absolute; left:0; bottom:20px; width:388px; background:rgba(43,42,38,.88); color:#fff; padding:12px 16px 10px; }
#promo .gross .kasten .titel { font-size:24px; line-height:26px; display:block; }
#promo .gross .kasten small { font-size:18px; line-height:22px; display:block; color:#eee; }
#promo .gross .kasten .ort { color:#b0aea6; font-size:13px; margin-top:6px; }
#promo .liste { float:right; width:320px; background:#2B2A26; }
#promo .liste a { display:block; overflow:hidden; padding:10px 16px; border-bottom:1px solid #3A3833; color:#d2d2d2; font-size:15px; line-height:18px; }
#promo .liste a:hover, #promo .liste a.hell { background:#4a4842; color:#fff; text-decoration:none; }
#promo .liste img { float:left; width:96px; height:54px; margin-right:10px; }
/* Inhalt */
#inhalt { padding-top:26px; }
.haupt { float:left; width:624px; }
.seite { float:right; width:304px; }
.etikett { display:inline-block; background:#D98E04; color:#fff; font-size:15px; line-height:20px; padding:3px 8px; text-transform:uppercase; margin-bottom:8px; }
.etikett.klein { font-size:11px; line-height:12px; padding:2px 5px; margin:6px 0 4px; }
ul.teaser { list-style:none; margin:0 0 22px; padding:0; overflow:hidden; }
ul.teaser li { float:left; padding:0 4px; border-left:1px solid #d2d2d2; min-height:280px; }
ul.teaser li:first-child { border-left:0; padding-left:0; }
ul.teaser li.breit { width:304px; padding-right:8px; }
ul.teaser li.schmal { width:143px; }
ul.teaser img { display:block; }
ul.teaser h3 { font-size:15px; line-height:18px; margin:2px 0 4px; }
ul.teaser li.breit h3 { font-size:18px; line-height:20px; }
ul.teaser p { font-size:13px; line-height:16px; color:#555; margin:0; }
ul.teaser li.breit p { font-size:15px; line-height:20px; }
.haupt .einleitung { font-size:18px; line-height:24px; margin:0 0 20px; }
.artikel p.einstieg { font-size:18px; line-height:24px; color:#333; }
.artikel h2 { font-size:20px; line-height:24px; border-bottom:1px solid #969696; margin:22px 0 10px; padding-bottom:4px; clear:left; }
.artikel h3 { font-size:16px; line-height:21px; margin:14px 0 4px; }
.artikel img.rechts { float:right; margin:4px 0 10px 16px; }
.artikel img.links { float:left; margin:4px 16px 10px 0; }
.artikel table { border-collapse:collapse; width:100%; margin:8px 0 18px; font-size:14px; }
.artikel th { text-align:left; border-bottom:2px solid #969696; padding:5px 6px; vertical-align:bottom; }
.artikel td { padding:5px 6px; border-bottom:1px solid #d2d2d2; vertical-align:top; }
.artikel tbody tr:nth-child(odd) td { background:#f5f5f2; }
.artikel blockquote { margin:12px 24px; color:#555; font-size:16px; }
.artikel ul, .artikel ol { padding-left:22px; }
.artikel a { text-decoration:underline; }
/* rechte Spalte */
.kasten2 { margin-bottom:24px; }
.kasten2 h3 { font-size:18px; line-height:22px; border-bottom:1px solid #969696; padding-bottom:4px; margin-bottom:8px; }
.kasten2 .dunkel { background:#2B2A26; color:#d2d2d2; padding:12px 14px; font-size:14px; line-height:19px; }
.kasten2 .dunkel a { color:#fff; }
.kasten2 .dunkel img { float:left; margin:0 12px 6px 0; }
.kasten2 .dunkel .rang { list-style:none; margin:0; padding:0; }
.kasten2 .dunkel .rang li { padding:6px 0; border-bottom:1px solid #4a4842; }
.kasten2 .dunkel .rang li:last-child { border-bottom:0; }
.kasten2 .dunkel .rang b { color:#D98E04; margin-right:8px; }
.kasten2 p { font-size:14px; line-height:19px; color:#555; }
.kasten2 .knopf { display:inline-block; background:#D98E04; color:#fff; padding:6px 12px; margin-top:6px; }
/* Fuss */
#fuss { background:#303030; border-top:1px solid #d2d2d2; margin-top:40px; color:#d2d2d2; }
#fuss .spalte { float:left; width:144px; margin-right:16px; padding-top:10px; }
#fuss .spalte.breit { width:304px; }
#fuss h2 { color:#969696; font-size:14px; margin:6px 0 5px; padding:2px 0 5px; border-bottom:1px solid #555; }
#fuss ul { list-style:none; margin:0; padding:0; font-size:13px; }
#fuss li { line-height:15px; margin-bottom:5px; }
#fuss a { color:#d2d2d2; }
#fuss .copyright { clear:both; padding:18px 0 28px; font-size:12px; color:#969696; }
/* .wetter { display:none; }  Wetter kommt nicht */
@media (max-width:960px) {
  .rahmen { width:auto; padding:0 8px; }
  #kopf .oben .rechts { display:none; }
  #kopf .spruch { display:none; }
  #hauptnav { height:auto; overflow:hidden; } #hauptnav a { padding:0 8px; font-size:12px; }
  #promo .gross, #promo .liste { float:none; width:auto; height:auto; }
  #promo .gross img { width:100%; height:auto; }
  #promo .gross .kasten { position:static; width:auto; }
  .haupt, .seite { float:none; width:auto; }
  ul.teaser li { float:none; width:auto !important; border-left:0; padding:0 0 12px; min-height:0; }
  ul.teaser li img { width:100%; height:auto; }
  .artikel img.rechts, .artikel img.links { float:none; display:block; margin:8px 0; max-width:100%; height:auto; }
  .artikel table { display:block; overflow-x:auto; }
  #fuss .spalte { float:none; width:auto; }
}