h1,h2,h3,h4 { margin:0; }
/*h1 { font-size:1.9em; }*/
@media screen {
h1 { font-family:arial, helvetica, sans-serif; width:700px; height:61px;
                         padding-left:47px; padding-top:52px;
                         color:#fff;
  background:url('DaDaTMBannerMathe.gif');
                  margin-left:auto; margin-right:auto; text-align:left;
                     margin-top:0; font-weight:normal; font-size:x-large;
}
}
@media print {
   h1 { font-family:arial, helvetica, sans-serif; font-size:x-large;
        font-weight:bold; text-decoration:underline; color:#000080;
        margin-top:0.8cm;}
}
h2   { font-size:1.5em; font-weight:normal; }
h3   { font-size:x-small; font-weight:normal;  height:4em; width:109px;}

body { width:100%; background-color:blue;
       margin:0; padding:0 0; font-size:small; color:white;
       font-family:verdana,arial,sans-serif;}
@media print {
   body { width:100%; background-color:white;
          margin:0; padding:0 5px; font-size:small;
          font-family:verdana,arial,sans-serif;}
}

form { margin:0; }

p.caption {font-family:verdana,arial,sans-serif; font-weight:normal; font-size:small;
           margin-left:auto; margin-right:auto; text-align:center;
           margin-top:6px; margin-bottom:10px;}

*.warnung { width:92%;
         border-top: 5px solid gray;
         border-left: 5px solid gray;
         border-right: 5px solid darkgray;
         border-bottom: 5px solid darkgray;
         margin-left:auto; margin-right:auto; text-align:left;
         font-family:verdana,arial,sans-serif; font-weight:normal; font-size:small;
         color:white; background-color:red;
         padding:5px; padding-left:20px; padding-right:20px;}

*.satz { width:90%;
         border-top: 5px solid gray;
         border-left: 5px solid gray;
         border-right: 5px solid darkgray;
         border-bottom: 5px solid darkgray;
         margin-left:auto; margin-right:auto; margin-top:10px; text-align:left;
         font-family:verdana,arial,sans-serif; font-weight:normal; font-size:small;
         color:gold; background-color:black;
         padding:10px; padding-left:20px; padding-right:20px;}

*.progs { width:90%;
         border-top: 5px solid gray;
         border-left: 5px solid gray;
         border-right: 5px solid darkgray;
         border-bottom: 5px solid darkgray;
         margin-left:auto; margin-right:auto; text-align:left;
         font-family:monospace; font-weight:bold; font-size:small;
         color:gold; background-color:black;
         padding:5px; padding-left:20px; padding-right:20px;}

/* Highlight Beispielankündigung */
*.hlbsp { color:black; background-color:gold; }

/* TOOLS */
*.float-divider  { clear:both; height:1px; font-size:1px; line-height:1px; }
*.screenreader-only { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow: hidden; }
*.hidden { position:absolute; top:-99999px; left:-99999px; width:1px; height:1px; overflow:hidden; }


/* LINKS */
a:link,  a:visited, a:active { text-decoration:underline; color:white; }
a:hover      { color:cyan; text-decoration:underline; }

a.text:link,  a.text:visited, a.text:active { text-decoration:underline; color:white; }
a.text:hover      { color:cyan; text-decoration:underline; }

a.set:link,  a.set:visited, a.set:active { text-decoration:underline; color:gold; }
a.set:hover      { color:cyan; text-decoration:underline; }

ul.text { margin-top:6px; }

/* TEXT */
*.message    { text-align:left; font-size:0.7em; }
*.copyright  { text-align:center; font-size:0.8em; }


/* SECTION */
*.section    { margin-top:10px; font-size:0.8em; border:1px solid gold; }
*.section h3 { text-indent:10px; padding:2px 0; border-bottom:1px solid gold;
               background:url("g1.jpg") repeat-x left bottom; position:relative; }
*.section p  { margin:5px 10px; }


/* BUTTONS */
*.button         { background:url("button.gif") no-repeat left top;
                   border:none; width:85px; height:26px; font-weight:bold;
                   vertical-align:-2px; margin:0; padding:0; cursor:pointer;}
*.button:hover   { color:blue; position:relative; top:1px; left:1px; }
*.button         { background:url("button.gif") no-repeat left top;
                   border:none; width:85px; height:26px; font-weight:bold;
                   vertical-align:-2px; margin:0; padding:0; cursor:pointer;}
*.button1       { margin:0; padding:3px 10px; font-size:1em; color:black;
                 cursor:pointer;
                 background:url("g1.jpg") repeat-x left bottom;
                 border-left:1px solid yellow; border-right:1px solid orange;
                 border-top:1px solid yellow; border-bottom:1px solid orange; }

*.button1:hover,*.button.hover { background:url("g2.jpg") repeat-x left top;
                 border-left:1px solid orange; border-right:1px solid yellow;
                 border-top:1px solid orange; border-bottom:1px solid yellow; }

a.button1       { padding:5px 10px; line-height:2em; color:black; text-decoration:none; }


/* TABS */
ul.tabs       { float:left; width:100%; padding:0; margin:0;
                border-bottom:1px solid gold; margin-bottom:10px; }

ul.tabs li    { float:left; width:30%; list-style-type:none;  }

ul.tabs *.tab-label { border:1px solid gold; margin:0; cursor:pointer;
                      padding-bottom:2px; padding-top:2px;
                      background:white url("g1.jpg") repeat-x left bottom;
                      font-weight:normal; text-align:center; font-size:1.1em; }

ul.tabs li.selected *.tab-label { position:relative; border-bottom:none;
           top:1px; padding-bottom:4px;
           padding-top:2px; border-top:2px solid gold; margin-top:-2px;
           background:white url("g2.jpg") repeat-x left top; font-weight:bold; }

ul.tabs { position:relative; }

ul.tabs *.tab-content { position:absolute; width:100%; height:14em;
                        border:1px solid gold; border-top:none;
                        left:-99999px; overflow:auto; }

ul.tabs li.selected *.tab-content { left:0; }

ul.tabs li *.oi2 { margin:0; padding:10px; }

ul.tabs *.hover  { text-decoration:underline; }


/* MENU */
*.menu      { float:left; position:relative; z-index:1; cursor:pointer;
              white-space:nowrap; margin-left:2px; margin-right:3px; margin-top:20px;
              text-align:center; font-size:small; font-weight:normal; color:black;
              text-decoration:none; padding-bottom:0;}
              /* ... legt Fonts fuer gesamtes Menue fest */

*.menu a    { font-size:0.9em; text-decoration:none; color:black; }

*.menu h3   { float:left; margin:0; padding:1px 5px; background:url("g1.jpg") repeat-x left bottom white; }
*.menu h4   { display:inline; margin:0; }

*.menu ul   { position:absolute; margin:0; padding:0; padding-bottom:1px; background:url("g3.jpg") repeat-x left bottom white;  }

*.menu li                { margin:0; padding:2px 5px; list-style-type:none; color:black; font-size:0.8em;
                           border-bottom:1px solid black; border-left:1px solid black;border-right:1px solid black;}
*.menu li img            { margin-left:-22px; padding-right:5px; }
*.menu li.separator      { margin-top:5px; border-top:1px solid gray; padding-top:5px; }
*.menu li.flyout-trigger { background:url("flyout1.gif") no-repeat right center; }

*.menu h3.hover      { background:url("g2.jpg") repeat-x left top white; }
*.menu li.hover      { background-color:firebrick; color:white; }

*.menu ul.dropdown   { top:100%;  clear:left; }
*.menu ul.submenu    { left:100%; margin-top:-1.5em; margin-left:-0.3em; }

*.menu *.hidden      { left:-99999px; top:-99999px; }

*.menu h3,*.menu ul { border-left:1px solid yellow; border-right:1px solid orange;
                      border-top:1px solid yellow; border-bottom:1px solid orange; }

*.menu li.flyout-trigger.hover { background:url("flyout2.gif") no-repeat right center firebrick; }

*.menu li.hover > a  { color:white; }


/* ROLLUP */
*.rollup-trigger       { cursor:pointer; }
*.rollup-trigger:hover { color:firebrick; }

span.rollup-trigger    { font-size:0.65em; padding-left:8px;
                         background:url("hide.gif") no-repeat left top; }
span.rolledup          { background:url("show.gif") no-repeat left top; }

*.hidden               { position:absolute; top:-99999px; left:-99999px;
                         width:1px; height:1px; overflow:hidden; }

/* MORE */
*.more { text-align:right; font-weight:bold; font-size:0.8em; }


/* LISTS */
ul.block     { padding:0; padding-top:5px; margin:0; text-align:left; font-weight:bold;  }
ul.block li  { display:block; padding-left:10px;  }
ul.list      { padding:0; padding-left:20px; margin:0; text-align:left; font-weight:bold; }
ul.list  li  { padding:2px 0; }

ul.inline    { padding:0; margin:0; text-align:center; }
ul.inline li { display:inline; font-size:0.8em;  }



/********************************************************************
 *  SECTION LAYOUT
 ********************************************************************/

/* PAGE */
#page              { max-width:905px; margin-left:auto; margin-right:auto;
                     font-size:medium; }

/* PRE-HEADER */
#preheader p       { font-size:0.7em; margin:0; padding:3px 0; }
#preheader *.part1 { float:left;  margin-left:10px;}
#preheader *.part2 { float:right; margin-right:10px;}

/* HEADER */
#header            { float:left; width:100%;  text-align:center;}
#header *.oi       { padding:5px 10px; }
  #title           { float:left; width:100%; margin-top:7px; }
  #title h1        { float:left; margin-right:40px; margin-bottom:15px;}
  #search          { float:right; margin-top:30px; margin-right:7px;
                     color:white;
                     font-family:verdana,arial,sans-serif; font-size:small; }
#header h3         { font-size:0.8em; }

/* POST-HEADER */
#postheader p             { font-size:0.7em; margin:0; padding:3px 0; }
#postheader *.breadcrumbs { float:left;  margin-left:10px;}
#postheader *.sequential  { float:right; margin-right:10px;}

/* BODY */
#body                { float:left; width:100%; border:2px solid black;
                       background-color:blue; font-family:verdana,arial,sans-serif;}
 #nav                { float:left; width:25%; min-width:160px; }
 #nav    *.oi        { padding-right:10px; }
 #main               { float:left; width:50%; min-width:300px; margin-top:10px; font-size:0.8em;}
 #main   *.oi        { padding-right:10px; position:relative; height:16em; }
 #extras             { float:left; width:25%; min-width:160px; }
 #extras *.oi        { padding-right:10px;}

/* FOOTER */
#footer              { clear:both; padding-top:10px; }

*.border        { border-left:1px solid gray; border-right:2px solid black;
                  border-top:1px solid gray; border-bottom:2px solid black;
                  background-color:gold; }

*.medium        { width:150px; }
*.popupfont     {font-size:small; font-weight:normal; color:black;
                 text-decoration:none; }

*.menu a    { font-size:0.9em; text-decoration:none;}

*.popup-trigger { position:relative;  z-index:1;}

*.popup         { position:absolute; left:0; top:2em; z-index:1;
                  padding:5px; text-align:left; }

*.popup-trigger *.popup { visibility:hidden;  }


*.left        { float:left;  }     *.right       { float:right; }
*.clear-left  { clear:left;  }     *.clear-right { clear:right; }
*.clear-both  { clear:both;  }     *.clear-none  { clear:none;  }

li { margin-bottom:1em; }

*.begriff     {font-style:italic; font-weight:bold; }
*.fml         {font-family:serif; font-size:medium; font-style:italic; }
*.fmlfcn      {font-family:serif; font-size:medium; font-style:normal; }
*.index       {font-family:serif; font-size:medium; }
*.formel-zentriert { margin-top:-5px; margin-bottom:-5px; text-align:center;
                     font-family:serif; font-size:large; }
*.img-zentriert { margin-top:10px; margin-bottom:6px; text-align:center;}
*.pageselect        { 1background-color:green; width:90%; padding-top:25px; margin-left:auto; margin-right:auto; }

*.headline {  width:98%; background-color:red; display:block; position:relative;
              font-family:arial, helvetica, sans-serif; font-size:x-large;
              border:1px solid #444; padding:6px;
              margin-left:auto; margin-right:auto; text-align:center;
              margin-top:10px; margin-bottom:20px; clear:both;}

*.linkcon  { width:98%; display:block; position:relative;
              font-family:arial, helvetica, sans-serif; font-size:small;
              background-color:#008;
              padding:6px;
              margin-left:auto; margin-right:auto;
              margin-top:25px; margin-bottom:25px; clear:both;}

*.field1   {background-color:maroon; width:98%; padding:6px;
            font-size:small;
            margin-left:auto; margin-right:auto;
            margin-top:25px; margin-bottom:25px;}

*.field2   {background-color:darkblue; width:98%; padding:6px;
            font-size:small;
            margin-left:auto; margin-right:auto;
            margin-top:25px; margin-bottom:25px;}

*.imagecon  {float:left;
             margin-left:auto; margin-right:auto;
             font-family:arial, helvetica, sans-serif; font-size:small;
             text-align:center; width:26%; padding:4px; }

*.imageright { float:right;
             margin-left:auto; margin-right:auto;
             font-family:arial, helvetica, sans-serif; font-size:small;
             text-align:center; width:26%; padding:4px; }

/********************************************************************
 *  SECTION LAYOUT
 ********************************************************************/

/* CONTAINER */
#container         { 1background-color:red; width:970px; margin-left:auto; margin-right:auto; }

/* HEADER */
#header            { 1background-color:yellow; width:100%; padding-top:15px; padding-bottom:25px; }

/* MAINNAV */
#mainnav           { 1background-color:lime; float:left; width:100%; height:auto; padding-top:15px; padding-bottom:30px;}

/* CONTENTS */
#contents          { background-color:maroon; float:left; width:70%; padding:8px; padding-bottom:0px;}

/* MENU */
/*#menu              { background-color:maroon; float:right; margin-left:auto; margin-right:auto; width:25%; padding:8px; }
*/
div#navigation a   { display:block; }

#noprint           { display:block; }
@media print {
   #noprint { display:none; margin-top:0px; margin-bottom:0px;}
}
#printonly         { display:none; }
@media print {
   #printonly { display:block; margin-top:0px; margin-bottom:0px;}
}
/* FOOTER */
#footer            { 1background-color:silver; clear:both; padding-top:10px;
                     padding-bottom:30px; text-align:center; }

/* PAGESELECT */
#pageselect1        { 1background-color:green; width:90%; padding-top:25px; margin-left:auto; margin-right:auto; }
#pageselect2        { 1background-color:green; width:90%; padding-top:25px; margin-left:auto; margin-right:auto; }

/* DANKERTLINK */
#dankertlink       { 1background-color:green; width:320px; float:left;
                     margin-left:auto; margin-right:auto;
                     font-size:small; font-weight:normal;}
/* Pagetitle */
#pagetitle         { float:left; margin-top:6px; margin-bottom:20px;
                     width:754px; height:118px; margin-left:0px; padding:2px;
                     padding-left:20px; }

/* MENU */
#backlink          { float:right; margin-top:6px; margin-bottom:20px;
                     margin-left:auto; margin-right:auto;
                     width:160px; height:96px;
                     padding:2px; padding-top:22px;
                     font-family:"arial,helvetica,sans-serif"; font-size:x-small ;
                     text-align:center; }
/* The z-index must sometimes be explicitly set in Internet Explorer 6 and 7
   to ensure positioned elements are positioned the way you want them. */

#pt1 { z-index:9; }
#pt2 { z-index:8; }
#pt3 { z-index:7; }
#pt4 { z-index:6; }
#pt5 { z-index:5; }
#pt6 { z-index:4; }
#pt7 { z-index:3; }
#pt8 { z-index:2; }
#pt9 { z-index:1; }