div.links {position:absolute;
          top:0px;
          left:0px;
          width:190px;
          height:606px;
          background-image:url(Kalender.jpg);
          background-repeat:no-repeat; }

div.menue{position:absolute;
         top:0px;
         left:0px;
         width:151px;
         height:608px;
         background-image:url(kalendermenue.png);
         background-repeat:no-repeat;
         }


div.mitte {position:absolute;
          top:4%;
          left:180px;
          width:380px; }

div.einstiegmitte {position:absolute;
                  top:3%;
                  left:180px;
                  width:380px; }

div.aus {position:absolute;
        top:3%;
        left:170px;
        width:35%;}


div.emitte {position:absolute;
           top:3%;
           left:20%;
           width:80%; }

div.rechts {position:absolute;
           top:3%;
           left:640px;
           width:35%;
           }

div.projekte {position:absolute;
        top:3%;
        left:170px;
        width:40%;}

div.rechts-projekte {position:absolute;
           top:3%;
           left:690px;
           width:20%;
           margin-left: 2%;}

div.einstiegrechts
           {position:absolute;
           top:3%;
           left:580px;
           width:30%;
           margin-left:5%;}

div.rechts2 {position:absolute;
            top:3%;
            left:670px;
            width:30%;
            margin-left:5%;}

div.softaidaus {position:absolute;
            top:3%;
            left:180px;
            width:30%;
            margin-left:5%;}

div.softaidoffice {position:absolute;
            top:20%;
            left:640px;
            width:30%;
            margin-left:5%;}

div.softaidelearning {position:absolute;
            top:20%;
            left:640px;
            width:30%;
            margin-left:5%;}

body {background-color:#FFF7EF; color:#000080; }
body.puzzle { background-image: url(TabelleRechts.gif); }
body.beispiel {background-image: url(TabelleMitte.gif); padding-right:40%}
a:active {color:#FF0000; font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif;}
a:link {color:#00659C; font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif;}
a:visited {color:#00659C; font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; }

h1 { font-size:80%;
    font-family:Verdana, Helvetica,sans-serif;
    padding-left:5pt;
    margin-top:0px;
    margin-bottom:0px;
        }

h2 { font-size:68%;
    font-family:Verdana, Helvetica,sans-serif;
    padding-left:5pt;
    margin-bottom:-10px;
    margin-top:10px;
    line-height:140%;
    font-family:Verdana,Helvetica,sans-serif;
    letter-spacing:0.1mm;
    word-spacing:0.2mm;
    font-weight:bold;
    color:#D62118;
    }

h3 { font-size:68%;
   font-family:Verdana, Helvetica,sans-serif;
   line-height:140%;
   padding-left:5pt;
   margin-top:15px;
   margin-bottom:-10px;
   font-family:Verdana,Helvetica,sans-serif;
   letter-spacing:0.1mm;
   word-spacing:0.2mm;
   font-weight:bold; }

p  { font-size:66%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; margin-top:10px; margin-bottom:5px; padding-left:5pt;}
b  { font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; font-weight:bold; }
b.rot { font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; font-weight:bold; color:#D62118; }

ul.einstieg  { font-size:80%;
             line-height:140%;
             font-family:Verdana,Helvetica,sans-serif;
             letter-spacing:0.1mm;
             word-spacing:0.2mm;
             font-weight:bold;
             margin-top:-10px;
             color:#696C9F;}
li.einstieg { margin-top:8px;
              }
ul  { font-size:66%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; margin-top:5px; }
li  { font-size:100%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm;  margin-top:4px;}

ol  { font-size:66%; line-height:140%; font-family:Verdana,Helvetica,sans-serif; letter-spacing:0.1mm; word-spacing:0.2mm; margin-top:5px; }

p.klein {font-family: "Verdana", sans-serif;
        font-size:8pt;
        color: #808080;
        margin-top: 20pt;
        margin-bottom: 2pt;
        margin-left: 0pt;
        margin-right: 0pt;
        padding-top: 10pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        }

p.links {font-family: "Verdana", sans-serif;
        font-size:8pt;
        font-weight:bold;
        color: #FFFFFF;
        margin-top: 120pt;
        margin-bottom: 2pt;
        margin-left: 12pt;
        margin-right: 0pt;
        padding-top: 10pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        }

p.bereich {font-family: "Verdana", sans-serif;
        font-size:10pt;
        font-weight:bold;
        color: #FFFFFF;
        margin-top: 12pt;
        margin-bottom: 6pt;
        margin-left: 6pt;
        margin-right: 0pt;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        }

p.produkt {font-family: "Verdana", sans-serif;
        font-size:8pt;
        font-weight:bold;
        color: #FF0099;
        margin-top: -4pt;
        margin-bottom: 0pt;
        margin-left: 12pt;
        margin-right: 0pt;
        padding-top: 6pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        }
img.port {vertical-align:middle;}
img.links {width:60px; float:left; margin-right:10px; margin-bottom:0px}
a:link.aktiv { color:#D62118; text-decoration:none;}
a:visited.aktiv { color:#D62118; text-decoration:none;}
a:active.aktiv { color:#D62118; text-decoration:none;}

img.projektlinks {margin-right:0px; margin-bottom:0px; border:none;}


a:link.rubrik { color:#00007B; text-decoration:none;}
a:visited.rubrik { color:#00007B; text-decoration:none; }
a:active.rubrik { color:#0000DE; text-decoration:none; }