html { padding:0;width:100% !important;}
html, body { margin: 0px;padding: 0px; width:100%;max-width:100%;overflow-y:auto;
color:#2f4f4f; background-color: #fff;
}



/*Styles für a-Tags */
a {text-decoration: none;font-size: 1em;margin:1px;padding:0px 2px;white-space:nowrap;}
a, a:link, a:visited { color:#722;background-color:inherit;}
a:focus,a:hover,a:active { border: 1px solid #633;background-color: #735;color: #ffe;}
a.extern:after {content:"➹";margin:0 0 0 -1px;padding:0;color:#660;background-color:transparent;} 


/* Styles für h1 */
h1, .h1 {font-size:1.3em;line-height:1.6em;text-align:inherit;vertical-align:middle; max-width:100%;
margin: 0px 4px 12px 0px;padding: 6px 0px 9px 4px;color: #fff !important;background-color: #735;
}

/* Styles .border_h1_... für h1-buttons: */
.border_h1_home,.border_h1_home:link,
.border_h1_plus,.border_h1_plus:link,
.border_h1_minus,.border_h1_minus:link {
display:inline;float:left;text-decoration:none;line-height:1.3em;font-size:1.3em;
padding:0 6px;margin: 0px 2px 0px 0px;border-radius:5px;
border: 1px solid #469;color:#735 !important;background-color:#eee !important;
}
.border_h1_home:hover,
.border_h1_plus:hover,
.border_h1_minus:hover {
padding:0 6px;margin: 0px 2px 0px 0px;border-radius:5px;
border: 1px solid #ccc;color:#fff !important;background-color:#735 !important;
}


h2 {font-size: 1.25em;color:#343;margin: 15px 0px 6px 4px; padding: 2px 4px 2px 12px;border-bottom:1px solid #ccc;
}


/* Struktur-Styles für "Aufklappen" dl, dt, dd:  */
dl { clear:both; max-width:100%;line-height:1.05em;
margin: 0px 4px 0px 0px;padding: 0;
}

dfn, dl dt dfn,  h1 dfn, h2 dfn, h3 dfn, h4 dfn {display:inline; float:right;
background-color: inherit; color: #735;
padding:5px 7px 2px 7px;
font: normal 0.9em/1.02em "Zapf Dingbats", Tahoma, Geneva,sans-serif;
}
h1 dfn  {color:#fff;font-size: 0.8em;}

dl dt {clear:both; vertical-align:middle; max-width:100%;
color: #735;
font: bold 1.1em/1.2em "Zapf Dingbats", Tahoma, Geneva,sans-serif; 
padding: 4px 4px 2px 2px;
margin:  4px 4px 4px 0px;
border-bottom: 1px solid #ddd;
}
dl dd dl dt {color: #449; background-color: inherit;max-width:100%;
font: bold 1.02em/1.2em Geneva,"Zapf Dingbats", Tahoma, sans-serif;
}
dl dt:hover, dl dt:hover dfn, dl dt:hover em {
    background-color: #735;color: #fff;
}

dt.dt_hide {margin:2px;padding:2px;text-decoration:none;}
dt.dt_show {margin:2px;padding:2px;text-decoration:none;}

dt:before,
dt.dt_hide:before {content:"►";margin:1px; padding:2px 9px 0px 9px;border:1px solid #999;background-color:#eee;color:#735;font:1.15em "Courier New", Monospace;text-align:center;vertical-align:middle;}
dt.dt_show:before {content:"▼";margin:1px; padding:2px 9px 0px 9px;border:1px solid #999;background-color:#735;color:#fff;font:1.15em "Courier New", Monospace;text-align:center;vertical-align:middle;border-radius:15px;}

dt:after,
dt.dt_hide:after {content:"mehr...";  margin:0; padding:3px 4px 2px 4px;color: #ddd;font:0.7em "Times New Roman",serif;}
dt.dt_show:after {content:"verbergen";margin:0; padding:3px 2px 2px 1px;color: #ddd;font:0.7em "Times New Roman",serif;}

dl dd {clear:both;display: block;max-width:100%;margin: 8px 4px 20px 4px;}
dt a.null,dt a.null:link,dt a.null:focus,dt a.null:hover,dt a.null:active {font: inherit;border:none;}

.pfeil_right:before {content:"►";margin:2px 1px; padding:0 6px 0 6px;border:1px outset #999;background-color:#ddd;text-align:center;}
.pfeil_down:before  {content:"▼";margin:2px 1px; padding:0 6px 0 6px;border:1px outset #999;background-color:#ddd;text-align:center;}
.pfeil:before       {content:"➥";margin:3px 1px; padding:0 2px; font:1.2em/1.25em "Courier New",monospace;border:1px outset #eee;background-color:#ffe;color:#735;border-radius:10px;} 
.aufgabe:before     {content:"◎";margin:0px 6px; padding:0 2px;font:1.2em/1.25em "Courier New",monospace;border: 1px outset #d8e4f8;background-color:#ffe;color:#735;border-radius:6px; }
.sonne:before       {content:"☀";margin:2px 1px; padding:0 2px; font:1.2em/1.25em "Courier New", Monospace;text-align:center;}
.tool:before        {content:"✪";margin:3px 1px;padding:0 2px; font:1.2em/1.25em "Courier New", Monospace; text-align:center;}
.quiz:before        {content:"✔";margin:1px; padding:0 6px 0 3px;font:1.2em/1.25em "Courier New", Monospace;border:1px outset #eee;border-radius:10px; }



textarea { white-space:pre-wrap;overflow:auto; padding: 0px 2px;margin: 0px;font:0.82em 'Courier New',monospace;}
textarea.resize_v{resize:vertical;}




p,.p {clear:both;margin:1em;font-size:1.15em;line-height:1.15em;margin: 6px 0px 4px 14px;padding: 3px 3px 3px 8px;
}

pre, .pre {color:#300;font-size:1.05em;line-height:1.05em;max-width:100%;
white-space: pre;  
white-space: pre-wrap; 
white-space: pre-line; 
white-space: pre-wrap;
margin: 6px 0px 4px 14px;padding: 3px 3px 3px 8px;}

var,.var, 
em, .em { background-color:inherit; color:#400;}

.dir {margin-left: 2.5em;}
.center {margin-left: 15%; margin-right: 15%;}

.halbzeilig {line-height:7px;letter-spacing:0px;text-decoration:none;}
.radius {border-radius:6px;}
.display_block {display:block;}
.display_inline {display: inline;}
.display_inline_block {display:inline-block;}

.pointer {cursor: pointer;}

.float_left {float:left;}
.float_right {float:right;}
.float_clear {clear:both;}



.col_white {color:#fff;}
.col_char {color:#3f3f41;}
.col_grau {color:silver;}
.col_orange {color: #ff8c00;}
.col_blau {color: #735;}
.col_rot {color: #a90a08;font-weight:bold;}

.white {color: #3f3f41;background-color: #fff;}
.black {color: #fff;background-color: #000;}
.blau {color: #fff;background-color: #735;}
.rot {color: #fff;background-color: #a90a08;}
.gruen {color: #fff;background-color: #74971b;}
.braun {color: #fff;background-color: #826647;}
.grau {color: #999;background-color: #f8f0ff;}