html{ height: 100%;
}
body {  text-align: center;
        height: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #333333;
        text-decoration: none;
        background-color: #ffffff;
        margin: 0px;
        padding: 0px;
}

td {   vertical-align: top;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       font-weight: normal;
       color: #333333;
       text-decoration: none;
       padding: 0px;
       margin: 0px;
}

form{margin: 0px;}


.nok{border-style: solid;
         border-width: 1px;
         border-color:#ff0000;
         background-color: #FFCCCC;
         padding: 10px;
         width: 550px;
}
.ok{border-style: solid;
         border-width: 1px;
         border-color:#339900;
         background-color: #CCFFCC;
         padding: 10px;
         width: 550px;
}
.main {  background-image: url(images/start_01.jpg);
         background-repeat: no-repeat;
         background-position: left top;text-align: left;
         background-color: #EFEFF0;
         height: 100%;
         width: 1000px;
         margin-left: auto;
         margin-right: auto;
         border: solid;
         border-width: 0px 1px 0px 1px;
         border-color: #eeeeee;
         border-spacing: 0px;
         border-collapse: collapse;
}
.right {width: 177px;
        background-image: url(images/start_05.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
        padding: 75px 0px 0px 0px;
}
.foot { height: 28px;
        background-image: url(images/start_06.jpg);
        background-repeat: repeat-x;
        background-position: left bottom;
        border: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #ffffff;
        color: #ffffff;
        vertical-align: middle;
        padding-left: 10px;
        font-size: 10px;
}
.head{ height: 270px;
}
.leftnav{ width: 201px;
          height: 30px;
          background-color: #ffffff;
          border: solid;
          border-width: 1px 0px 1px 0px;
          border-color: #bbbbbb;
}
.leftbody{ width: 201px;
          background-color: #F4F4F4;
          padding-top: 10px;
}
.middlenav{ width: 619px;
            height: 30px;
            background-color: #ffffff;
            border: solid;
            border-width: 1px 0px 1px 0px;
            border-color: #bbbbbb;
}
.middlebody{ width: 619px;
             height: 100%;
             background-color: #FFFFFF;
             padding-top: 10px;
}
.nav { background-color: #D8D8D8;
       height: 24px;
       width: 100%;
       margin-top: 3px;
       margin-bottom: 3px;
}
.teaserrechts {  border: solid;
                 border-width: 2px 0px 2px 2px;
                 border-color: #ffffff;
                 margin: 20px 0px 20px 20px;
                 padding: 5px;
                 font-size: 11px;
                 color: #999999;
}
.teaserrechtsimg { border: solid;
                   border-width: 2px 0px 2px 2px;
                   border-color: #ffffff;
                   margin: 20px 0px 20px 20px;
                   padding: 0px;
                   font-size: 11px;
                   color: #999999;
                   background-color: #dddddd;
}
.middletitel { background-image: url(images/start_02.jpg);
               background-repeat: no-repeat;
               background-position: left top;
               font-weight: bold;
               padding: 7px 7px 7px 15px;
}
.halftitel { color: #007DB7;
}
.lefttitel { background-color: #dddddd;
             font-weight: bold;
             padding: 7px 7px 7px 15px;
}
.middletext { padding: 15px;}

.lefttext { padding: 15px;}


.form01 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #007DB7; background-color: #EEEEEE; width: 300px; border-color: #333333 #ffffff #ffffff #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.form02 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #007DB7; background-color: #EEEEEE; width: 200px; border-color: #333333 #ffffff #ffffff #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background-color: #007DB7; width: 100px; border-color: #ffffff #333333 #333333 #ffffff; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

a.linkfoot:link {color: #ffffff; font-size: 10px; text-decoration:none;}
a.linkfoot:visited {color: #ffffff; font-size: 10px; text-decoration:none;}
a.linkfoot:hover {color: #ffffff; font-size: 10px; text-decoration:underline;}
a.linkfoot:active {color: #ffffff; font-size: 10px; text-decoration:none;}
a.linkfoot:focus {color: #ffffff; font-size: 10px; text-decoration:none;}


a:link {color: #007DB7; text-decoration:underline;}
a:visited {color: #007DB7; text-decoration:underline;}
a:hover {color: #333333; text-decoration:underline;}
a:active {color: #007DB7; text-decoration:underline;}
a:focus {color: #007DB7; text-decoration:underline;}

  ul#Navigation {
    margin: 0; padding: 0;
    text-align: left;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; padding: 0;
    background-color: #D8D8D8;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -1px;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -1px;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 20px; left: 0;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: 0;
    lef\t: 0;
    background-color: #D8D8D8;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color: #D8D8D8;
    padding-bottom: 0;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
    background-color: #D8D8D8;
    width: 130px;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0;
    width: 100%;
    background-color: #D8D8D8;
  }

  ul#Navigation a {
    display: block;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    white-space:nowrap;

  }
  * html ul#Navigation a {
    white-space:nowrap;
  }
  ul#Navigation a:hover {
    color: #007DB7;
  }

  .spacer {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
  }