h1,h2,h3,h4 { margin:0; }
/*h1 { font-size:1.9em; }*/
h1 { font-family:arial, helvetica, sans-serif; width:600px; height:61px;
                         padding-left:47px; padding-top:55px;
                         color:#fff;
  background:url('WWWTMIBannerSm.gif');
                  margin-left:auto; margin-right:auto; text-align:left;
                     margin-top:0; font-weight:normal; font-size:x-large;
}
/* 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; }

.unbeleuchtet
{
 background-color:#0000FF;
 color:#ffffff;
 font-weight:bold;
}
.beleuchtet
{
 background-color:#FF0000;
 color:#ffff00;
 font-weight:bold;
}

*.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; }

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

@media screen {
*.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;}
}


/* PAGE */
#page              { max-width:920px; margin-left:auto; margin-right:auto;
                     font-size:medium; }
#pagewide          { width:98%; max-width:1100px; 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:10px; margin-bottom:5px;}
  #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; }

/*#cont              {text-align:left;
                    font-size:small;} */

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

/* TOOLS */
*.float-divider  { clear:both; height:1px; font-size:1px; line-height:1px; }

body {
    background: #00F;
    color: #fff;
    font: 300 100.1% "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
    font-size:small;
}

#canvasdiv {
    width: 710px;
    margin-top: 5px;
    float: left ;
    font-family:verdana,arial,sans-serif; font-size:small;
}
#coords {
    width: 210px;
    float: left ;
    margin-top: 5px;
    font-size: small;
}
#inputfd {
    width: 500px;
    font-size: small;
}
#coordsdum {
    width: 20px;
    height: 480px;
    float: left ;
    margin-top: 10px;
}
#searchdum {
    width: 260px;
    height: 30px;
    float: right ;
}
#butts {
    width: 250px;
    float: left ;
    margin-top: 5px;
    font-size: small;
    background:magenta;
}
#points {
    width: 260px;
    max-width: 290px;
    float: right ;
    margin-top: 10px;
    font-size: small;
}
#explan {
    font-size:small;
    width: 440px;
    left: 10px;
    top: 10px;
    margin: 0 0 0 0;
    float: left ;
}
#changes {
    font-size:small;
    width: 400px;
    top: 612px;
    margin-left: 2px;
    position: absolute;
    background:black;
}
#results {
    font-size:small;
    width: 620px;
    height: 172px;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    float: left ;
}

#resultcont {
    background:#000066; border:2px solid #FFFF00; margin-bottom:20px; margin-top:2px; width:615px;
}

@media print {
  #resultcont {
    background:#000066; border:2px solid #FF0000; margin-top:2px; width:610px;
  }
}

#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;}
}

*.tfcol { color:cyan; }
@media print {
    *.tfcol { color:black; }
}

*.helpentry { background-color:#003300;
              width:94%;
              margin-left:auto; margin-right:auto;
              padding:8px; }

*.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;}

.unbeleuchtet
{
 background-color:#0000FF;
 color:#ffffff;
 font-weight:bold;
}
.beleuchtet
{
 background-color:#FF0000;
 color:#ffffff;
 font-weight:bold;
}

a.mover:link,  a.mover:visited, a.mover:active { text-decoration:none;
                                                 color:yellow; }
a.mover:hover      { color:cyan; text-decoration:none; }

.xbtooltip {
      display: none;
      position: absolute;
      background-color: yellow;
      color: black;
      border: 1px solid black;
      padding: 5px;
      width: 300px;
}

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

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

*.field1smft   {background-color:maroon; width:98%; padding:10px;
            margin-left:auto; margin-right:auto;
            margin-top:28px; margin-bottom:20px;
            font-family:verdana,arial,sans-serif; font-size:small;
            }

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

*.field2smft   {background-color:darkblue; width:98%; padding:10px;
            margin-left:auto; margin-right:auto;
            margin-top:28px; margin-bottom:20px;
            font-family:verdana,arial,sans-serif; font-size:small;
            }

a.popup:hover      { color:yellow; text-decoration:underline; }

*.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; }