body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; }
body { background-color: #FFF; margin: 0; }
a:link, a:visited { color: #3b3f8f; text-decoration: none; font-weight: bold; }
a:hover { color: #e4572e; }
a img { border: none; }
p { margin-top: 0; margin-bottom: 9px; line-height: 17px; }
h2 { font-size: 17px; line-height: 18px; font-weight: normal; color: #e4572e; margin: 0 0 13px 0; padding-top: 15px;
  background: url(/bilder/punktlinie.gif) repeat-x 0 0; }
h3 { font-size: 13px; font-weight: bold; color: #000; margin: 14px 0 3px 0; }
ul, ol { margin: 0 0 9px 0; padding: 0; }
#inhalt ul li { list-style: none; padding-left: 23px; background: url(/bilder/pfeil.gif) no-repeat 0 3px; padding-bottom: 4px; }
#inhalt ol { margin-left: 20px; }
#inhalt ol li { padding-left: 3px; padding-bottom: 4px; }
table.tab { border-collapse: collapse; width: 100%; margin: 4px 0 17px 0; font-size: 12px; }
table.tab th { text-align: left; color: #fff; background: #3b3f8f; font-weight: normal; padding: 4px 5px; }
table.tab td { padding: 5px; border-bottom: 1px dotted #9a9cc4; vertical-align: top; }
blockquote { margin: 5px 0 12px 0; padding: 0 0 0 38px; color: #e4572e; font-size: 16px; line-height: 20px;
  background: url(/bilder/sprechblase.gif) no-repeat 0 0; }
.einstieg { font-size: 14px; line-height: 19px; }

#behaelter { width: 960px; margin: 7px auto 0 auto; padding-left: 7px; }
#links { float: left; width: 281px; padding-right: 4px; position: relative; }
#rechts { float: left; width: 668px; }
#logo { height: 203px; }
#menue { padding-right: 54px; margin-top: -3px; }
#menue a { text-align: right; display: block; font-weight: normal; }
#menue ul a { font-size: 23px; line-height: 26px; }
#menue ul a.aktiv { color: #e4572e; }
#menue ul ul { padding-top: 10px; padding-bottom: 14px; }
#menue ul ul li { display: block; padding: 2px 0; text-align: right; }
#menue ul ul a { font-size: 13px; line-height: 16px; display: inline; }
#menue li { list-style: none; }

#kopf { background: #3b3f8f url(/bilder/kopf.gif) repeat-x 0 183px; height: 203px; }
#kopflinks { float: left; width: 385px; padding-top: 27px; padding-left: 26px; color: #fff; }
#kopflinks .gross { font-size: 19px; line-height: 23px; margin-bottom: 11px; }
#kopflinks select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 300px; padding: 1px; }
#kopflinks button { font-size: 11px; color: #3b3f8f; background: #fff; border: 0; padding: 2px 9px; margin-left: 5px; cursor: pointer; }
#kopflinks .klein { font-size: 12px; margin-top: 29px; color: #d6d7ee; }
#kopfrechts { float: left; width: 200px; padding-left: 36px; padding-top: 44px; font-size: 12px; }
#kopfrechts .blase { background: #fff; padding: 11px 12px 12px 12px; border: 2px solid #9a9cc4; }
#kopfrechts .blase a { font-size: 12px; }

#infobalken { background-color: #e4572e; padding: 7px 26px 32px 26px; margin-bottom: 18px; color: #fff; }
#infobalken h1 { font-size: 18px; line-height: 23px; color: #fff; margin: 0; font-weight: normal; }
#infobalken p { font-size: 18px; line-height: 23px; margin: 0; }
.startspalten { overflow: hidden; }
.startspalten .sp1 { float: left; width: 323px; padding-right: 18px; }
.startspalten .sp2 { float: left; width: 327px; }
.punkte { background: url(/bilder/punktlinie.gif) repeat-x 0 0; padding-top: 15px; padding-bottom: 30px; }
.punkte h4 { font-size: 12px; font-weight: normal; color: #8a8890; margin: 0 0 9px 0; padding-left: 38px; min-height: 30px;
  background: url(/bilder/sprechblase.gif) no-repeat 0 0; line-height: 15px; }
.punkte ul li { list-style: none; padding-left: 20px; background: url(/bilder/pfeil.gif) no-repeat 0 2px; padding-bottom: 4px; }
.punkte ul li a { font-size: 12px; }
.grau { color: #8a8890; font-size: 12px; }

/* Werkzeuge */
.werkzeug { background: #f1f1f8; padding: 12px 14px 5px 14px; margin: 5px 0 21px 0; }
.frage { padding: 7px 0; border-bottom: 1px dotted #9a9cc4; overflow: hidden; }
.frage span.t { float: left; width: 470px; }
.frage label { float: right; margin-left: 12px; font-weight: normal; cursor: pointer; }
.knopf { background: #e4572e; color: #fff; border: 0; font-size: 13px; padding: 5px 17px; cursor: pointer; margin: 12px 0 9px 0; }
.resultat { display: none; background: #fff; padding: 11px 13px; margin: 5px 0 12px 0; border: 2px solid #e4572e; }
.resultat.zeigen { display: block; }
.resultat b { color: #e4572e; font-size: 15px; }
#inhalt ol.quiz { margin: 0; padding: 0; }
#inhalt ol.quiz li { padding-left: 0; }
ol.quiz li { list-style: none; overflow: hidden; padding: 12px 0; border-bottom: 1px dotted #9a9cc4; }
ol.quiz img { float: left; width: 160px; height: 160px; margin-right: 17px; }
ol.quiz .nr { color: #8a8890; font-size: 12px; display: block; margin-bottom: 5px; }
ol.quiz button { font-size: 13px; padding: 4px 14px; margin: 5px 7px 5px 0; border: 1px solid #3b3f8f; background: #fff; color: #3b3f8f; cursor: pointer; }
ol.quiz .aufl { display: none; margin-top: 7px; }
ol.quiz li.fertig .aufl { display: block; }
ol.quiz li.fertig button { display: none; }
ol.quiz .ok { color: #2d7a3a; font-weight: bold; }
ol.quiz .nok { color: #e4572e; font-weight: bold; }
#stand { font-size: 15px; color: #3b3f8f; margin: 12px 0; }

#fuss { clear: both; margin-top: 50px; padding: 0 0 29px 285px; font-size: 12px; color: #8a8890; }
#fuss .kasten { float: left; width: 102px; height: 80px; padding: 29px 9px 0 9px; background: #3b3f8f; color: #fff; margin-right: 17px; font-size: 11px; line-height: 14px; }
#fuss a { font-size: 12px; }
/* #fuss .rss { display:none; } */
.clear { clear: both; font-size: 1px; height: 1px; }
a.hoch { display: block; margin-top: 37px; font-size: 12px; }

@media (max-width: 980px) {
  #behaelter { width: auto; padding: 0 12px; margin-top: 0; }
  #links, #rechts { float: none; width: auto; padding: 0; }
  #logo { height: auto; }
  #logo img { width: 140px; height: auto; }
  #menue { padding: 0 0 12px 0; margin: 0; }
  #menue a { text-align: left; }
  #menue ul a { font-size: 19px; line-height: 25px; }
  #menue ul ul li { text-align: left; }
  #kopf { height: auto; overflow: hidden; padding-bottom: 29px; background-position: 0 100%; }
  #kopflinks { float: none; width: auto; padding: 17px 12px 0 12px; }
  #kopflinks select { width: 70%; }
  #kopfrechts { float: none; width: auto; padding: 17px 12px 0 12px; }
  .startspalten .sp1, .startspalten .sp2 { float: none; width: auto; padding: 0; }
  .frage span.t { float: none; width: auto; display: block; }
  .frage label { float: none; margin: 0 12px 0 0; }
  ol.quiz img { width: 110px; height: 110px; }
  #fuss { padding-left: 0; }
  table.tab { display: block; overflow-x: auto; }
}
/* TODO: Druckversion wie früher (print.css) */