body               { color: #010; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #fff; text-align: center }
@page { margin-top: 1.5cm; margin-left: 1.5cm; }
p      { color: #010; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #fff; text-align: left; margin-bottom: 2.5em }
table { margin-bottom: 20px }
a:link     { color: #c03; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a:visited      { color: #c03; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a:hover     { color: #777; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a:active     { color: black; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
h1    { color: black; font-weight: bold; font-size: 18pt; text-align: left }
h2     { color: black; font-weight: bold; font-size: 16pt; text-align: left; line-height: 1.4em; padding-bottom: 5px; border-bottom: 1px solid #777; width: 100%;} 
h2.gross   { color: black; font-weight: bold; font-size: 170%; line-height: 1.4em; padding-bottom: 5px; border-bottom: 2px solid #777; width: 100%;}
h2.ohne { color: black; font-weight: bold; font-size: 150%; line-height: 1.4em; border-bottom: none;}
h2.standard { color: gray; font-weight: bold; font-size: 190%; line-height: 1.5em; border-bottom: none;}
h3      { color: black; font-weight: bold; font-size: 12pt; text-align: left; margin-bottom: 1em }
h4      { color: black; font-weight: bold; font-size: 12pt; text-align: left; margin-bottom: 1em }
li    { line-height: 1.5em; margin-bottom: 0.5em; text-align: left }
ul { text-align: left }
img { max-width: 100%; height: auto; }
a.linkschwarz:link    { color: black; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.linkschwarz:visited    { color: black; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.linkschwarz:hover    { color: #777; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.linkschwarz:active    { color: black; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
.uber { color: gray;  font-size: 110%; line-height: 1.4em; margin-bottom: 1em; margin-top: -2em; text-align: center; }
.center { text-align: justify; }
.breit { letter-spacing: 5px }
.blau { color: #4da9ff }
.grau_lektionen    { color: gray; font-weight: bold; font-size: 14pt }
.grau_hauptseiten { color: gray; font-size: 18pt; font-weight: bold; line-height: 1.5em; }
.klein    { font-size: 9pt; line-height: 1.4em }
.boxdashed   { background-color: #ffffff; padding: 5px; border: dotted 1px #999999 }
.boxdurchgezogen  { background-color: #ffffff; padding: 5px; border: solid 1px #999999 }
.boxbild   { background-color: #ffffff; border: solid 1px #999 }
.boxstartmitte { padding-right: 15px; padding-left: 15px }
.banner { max-width: 200px; border: 0px;}

/* ------------ Seiten ohne Tabellen ------------ */
#content { text-align: left }
#contentbdt  { text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#contentspielen { text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#contentimfreien { text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#contentlsw { text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#contentleer { text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#header  { margin-right: auto; margin-left: auto; width: 800px }
#rechner { padding: 10px; border: solid 1px #444; width: 420px }
#copyright   { color: gray; font-style: italic; font-size: 10pt; text-align: center; width: 800px; visibility: visible }
#footer  { text-align: center; width: 800px; visibility: hidden }
#footer800 { visibility: hidden }
#zitate { margin-bottom: 10px; width: 800px }
#grid2  { float: left; padding-right: 4%; border-right: 1px dashed #c0c0c0; width: 45% }
#grid2end  { float: left; margin-left: 5%; width: 45% }
#z1 { background-color: #FCF3E0; border-top: 7px solid #E39B2D; padding: 10px; }
#z2 { background-color: #E0EFF4; border-top: 7px solid #2F8FCE; padding: 10px; }
#z3 { background-color: #F2F9E8; border-top: 7px solid #97C941; padding: 10px; }
.noprint  { display: none; }
.textrechts { display: none; }
.bilderzitate { margin-right: 20px; margin-bottom: 20px }
.bildobenrechts { display: none; }
.searchbox { float: right; margin-bottom: 10px; margin-left: 10px; padding: 10px; border: solid 2px gray }
.bildrechtsohnerand { float: right; margin-bottom: 5px; margin-left: 5px }
.bildlinks  { margin: 5px 5px 5px 10px; border: solid 1px #000 }
.bildlinksohnerand { margin: 5px 5px 5px 10px }
.bildmitabstandrechts { margin-right: 20px }
.fett { font-weight: bold }
.border0 { border: 0px }
.bildshop { float: left; margin-right: 15px; margin-bottom: 15px; border: solid 1px #000 }
blockquote { color: #858585; font-style: italic; font-weight: normal; font-size: 16px; line-height: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; margin: 15px 10px; padding: 5px 7px }
hr {border:0; background:#e5e5e5; height:1px; margin:0 0 20px; }

/* ------------ grid ------------ */	

.grid2  { float: left; margin-right: 4%; width: 48% }
.grid2end  { float: left; width: 48% }
.grid2dashed  { float: left; padding-right: 4%; border-right: 1px dashed #c0c0c0; width: 45% }
.grid2dashedend  { float: left; margin-left: 4%; width: 45% }
.grid2banner { float: left; width: 10% }
.grid2bannerend { float: left; width: 48%; margin-left: 4%; text-align: right; display: none}
.grid3 { float: left; width: 30%; margin-right: 5%; }
.grid3end { float: left; width: 30%; }	
.grid4  { font-size: 90%; line-height: 1.6em; float: left; margin-right: 2.5%; margin-bottom: 20px; width: 23.13% }
.grid4end  { font-size: 90%; line-height: 1.6em; float: left; margin-bottom: 20px; width: 23% }


#pelessons      { display: none; }
#news260    { display: none; }
.bildertheorie3 { display: none; }
.bilderaufwaermen { display: none; }
#hauptnavunten { display: none; }
#disqus_thread { display: none; }
.boxlinieabstand { padding: 10px; border: solid 1px #999999 }
.box_hf   { float: left; margin: 4px; padding: 5px; border: solid 1px #444; width: 134px }
.box_hf1  { background-color: #faebd2; float: left; margin: 4px; padding: 5px; border: solid 1px #444; width: 134px }
.box_hf2  { background-color: #f1d3ae; float: left; margin: 4px; padding: 5px; border: solid 1px #444; width: 134px }
.box_hf3  { background-color: #e9bb8a; float: left; margin: 4px; padding: 5px; border: solid 1px #444; width: 134px }
.box_hf4  { background-color: #a95308; float: left; margin: 4px; padding: 5px; border: solid 1px #444; width: 134px }
.box_hf5  { background-color: #a95308; float: left; margin: 4px; padding: 5px; border: solid 1px #444; width: 134px }
.hfrechner  { background-color: #e5e5e5; padding: 10px }