/* Grundlagen */
html, body, div, p, form {margin:0; padding:0;}
body {font-family:"Trebuchet MS", Geneva, Helvetica, sans-serif; font-size:101%; color:#000; background-color:#fff;}
div, p, li, span, table, td, ul, li {font-family:"Trebuchet MS", Geneva, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#000;}
h1, h2, h3, h5 {padding:0; margin:0; font-family:"Trebuchet MS", Geneva, Helvetica, sans-serif;}
a {color:#2a64a0; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
ul, ol {margin:0; padding:0;}
.clear {clear:both; height:0; overflow:hidden;}
.klein {display:block; font-size:11px; line-height:14px; color:#898989;}

/* Raster wie gehabt: 940 + 2x14 */
#raster {position:relative; width:940px; background-color:#fff; margin:0 auto; padding:10px 14px 0 14px; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9;}

/* Kopf */
.kopf {height:66px; position:relative;}
.kopf a.logo {display:block; position:absolute; left:0; top:4px; height:56px; white-space:nowrap; color:#3d3d3d; text-decoration:none;}
.kopf a.logo img {float:left; margin-right:9px;}
.kopf .name {display:block; font-size:27px; line-height:31px; font-weight:bold; letter-spacing:-1px; color:#3d3d3d; padding-top:2px;}
.kopf .zeile {display:block; font-size:10px; line-height:13px; letter-spacing:1px; color:#6c6c6c;}
.kopfrechts {position:absolute; right:0; top:14px; text-align:right; font-size:12px; line-height:16px; color:#898989;}

/* Hauptnavigation, Band */
ul.hauptnav {list-style:none; background:#f5efd6; height:25px; padding:0 0 0 14px; margin:0 0 10px 0;}
ul.hauptnav li {float:left; font-size:13px; line-height:25px; padding:0 13px 0 0;}
ul.hauptnav li a {color:#222; padding-right:9px; background:url(/bilder/pfeil.png) no-repeat right 9px;}
ul.hauptnav li a:hover {color:#b8471c; text-decoration:none;}

/* Banner */
.banner {height:86px; margin-bottom:5px;}
.bannerbild {float:left; width:728px; height:86px; overflow:hidden;}
ul.bannerlinks {float:right; width:195px; list-style:none;}
ul.bannerlinks li {border-bottom:1px solid #ccc; padding:5px 0 5px 20px; font-size:13px; background:url(/bilder/pfeil.png) no-repeat 5px 11px;}
ul.bannerlinks li:last-child {border-bottom:0;}
ul.unternav {list-style:none; height:22px; margin:0 0 20px 0;}
ul.unternav li {float:left; padding-right:23px;}
ul.unternav li a {font-size:11px; font-weight:bold; color:#898989;}
ul.unternav li:first-child a {color:#2a64a0;}

/* drei Spalten */
.linkeSpalte {float:left; overflow:hidden; width:170px; margin-right:15px; padding-bottom:10px;}
.inhalt {float:left; overflow:hidden; width:545px; padding-bottom:10px;}
.rechteSpalte {float:left; overflow:hidden; width:195px; padding-bottom:10px; margin-left:15px;}

/* Kästen links und rechts */
.kasten {border:1px solid #c9c9c9; border-top:0; margin-bottom:12px; padding-bottom:8px;}
.kasten h3, h3.balken {display:block; height:23px; background:#4a4f58 url(/bilder/kastenkopf.gif) no-repeat top left; color:#fff; font-weight:normal; font-size:15px; padding:5px 0 0 40px; margin:0 -1px 8px -1px;}
h3.balken {margin:22px 0 12px 0;}
.kasten p {padding:0 10px 0 10px; margin-bottom:6px;}
.kasten ul.liste {list-style:none; padding:0 8px 0 10px;}
.kasten ul.liste li {padding:0 0 6px 9px; background:url(/bilder/punkt.gif) no-repeat 0 7px;}
.kasten ol.top {padding:0 8px 0 30px;}
.kasten ol.top li {padding-bottom:7px;}
.kasten p.zahl {font-size:22px; line-height:30px; font-family:Georgia, serif; color:#4a4f58; padding-top:2px;}
.kasten.zitat p {font-family:Georgia, serif; font-size:14px; line-height:19px;}
.kasten.zitat p.klein {font-family:"Trebuchet MS", Geneva, sans-serif; font-size:11px;}
.profil {font-size:12px; line-height:17px;}

/* Beitrag */
.eintrag {padding-bottom:5px;}
.blaettern {text-align:right; font-size:11px; color:#898989; padding-bottom:12px;}
.blaettern a {font-size:11px;}
.inhalt h1 {font-size:20px; line-height:24px; padding-bottom:6px; color:#2a64a0; font-weight:bold;}
body.start .inhalt h1 {color:#000;}
p.meta {font-size:11px; color:#898989; padding-bottom:12px;}
p.meta span {font-size:11px; color:#2a64a0;}
p.thema {font-size:12px; color:#8a6d1e; font-family:Georgia, serif; padding-bottom:3px;}
.text p {padding-bottom:14px; font-size:14px; line-height:19px;}
.text li {font-size:14px; line-height:19px;}
.text h2 {font-size:16px; line-height:21px; padding:8px 0 7px 0;}
.text h3 {font-size:14px; line-height:19px; padding:4px 0 5px 0;}
.text ul, .text ol {padding:0 0 14px 22px;}
.text table {border-collapse:collapse; margin:4px 0 16px 0;}
.text th {font-size:12px; text-align:left; background:#f1f1ef; padding:3px 7px; border-bottom:1px solid #bfbfbf;}
.text td {font-size:13px; padding:3px 7px; border-bottom:1px solid #e3e3e3;}
.text pre, .text code {font-family:"Courier New", monospace; font-size:12px;}
.text pre {background:#fafaf6; border:1px solid #e0ddcf; padding:8px 10px; margin:0 0 14px 0; overflow:auto;}
.text blockquote {margin:0 0 14px 18px; font-family:Georgia, serif; color:#434343;}
.text dt {font-weight:bold; font-size:14px; padding-top:6px;}
.text dd {margin:0 0 8px 0; font-size:14px; line-height:19px;}
.bild.rechts {float:right; width:230px; margin:0 0 10px 15px;}
.bild.rechts img {width:230px; height:auto; display:block;}
.bild.unten {clear:both; margin:6px 0 18px 0;}
.bild.unten img {max-width:545px; height:auto; display:block;}
.unterschrift {display:block; font-size:11px; line-height:14px; color:#6c7077; padding-top:4px;}

/* Startseite */
.anriss {border-bottom:1px dotted #bfbfbf; padding:9px 0 11px 0;}
.anriss h2 {font-size:16px; line-height:20px; padding-bottom:4px;}
.anriss h2 a {color:#000;}
.anriss p {font-size:13px;}

/* Fuß */
.fuss {clear:both; border-top:2px solid #9a8540; background:#faf6e6; margin:0 -14px 0 -14px; padding:10px 0 0 0; height:60px;}
.fuss ul {float:left; list-style:none;}
.fuss ul li {float:left; margin:0; padding:0 10px 0 16px; border-right:1px solid #cfc6a0;}
.fuss ul li:last-child {border-right:0;}
.fuss ul li a {color:#4d4424; font-size:10px; line-height:15px; font-weight:bold;}
.fuss span.copy {float:right; margin:0 14px 0 0; color:#9f9f9f; font-size:10px; line-height:15px;}
/* .fuss ul li a:hover {color:#b8471c;} */

/* TODO: Druckansicht */

/* schmale Bildschirme */
@media (max-width:980px) {
  #raster {width:auto; padding:10px 12px 0 12px; border:0; display:flex; flex-direction:column;}
  .kopf {order:1;} ul.hauptnav {order:2;} ul.unternav {order:3;} .inhalt {order:4;} .linkeSpalte {order:5;} .rechteSpalte {order:6;} .fuss {order:7;}
  .kopf {height:auto; min-height:62px;}
  .kopfrechts {display:none;}
  .kopf .name {font-size:21px; line-height:26px;}
  .kopf a.logo {position:static; height:auto; overflow:hidden; padding-bottom:6px;}
  ul.hauptnav {height:auto; overflow:hidden; padding:4px 8px;}
  ul.hauptnav li {line-height:22px;}
  .banner {display:none;}
  ul.unternav {height:auto; overflow:hidden;}
  ul.unternav li {padding-right:14px;}
  .linkeSpalte, .inhalt, .rechteSpalte {float:none; width:auto; margin:0;}
  .inhalt {display:block;}
  .bild.rechts {float:none; width:auto; margin:0 0 12px 0;}
  .bild.rechts img, .bild.unten img {width:100%; max-width:100%;}
  .text table {display:block; overflow-x:auto;}
  .fuss {height:auto; overflow:hidden; padding-bottom:10px; margin:0 -12px;}
  .fuss span.copy {float:none; display:block; clear:both; padding:8px 0 0 16px;}
}