body {
    font-family: Arial, sans-serif;
    font-size: 75%;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    line-height: 150%;
  }

  h1 {
    font-weight: bold;
    color: #D31A02;
    background-color: #ffffff;
    padding-bottom: 7px;
  }

  div#wrapper {
    text-align: left;
    position: relative;
    width: 760px;
    min-width: 63.15em;
    top: 30px;
    margin-left: auto;
    margin-right: auto;
  }



     div#branding {
       position: absolute;
       top: 0;
       left: 29px;
     }

     div#menu {
       width: 170px;
       min-width: 14.15em;
       border: 1px solid #000;
       position: absolute;
       top: 45px;
       height: 35em;
       min-height: 35em;
     }

     div#main {
        width: 570px;
        min-width: 47.5em;
        border: 1px solid #000;
        position: absolute;
        top: 45px;
        left: 15.5em;
       height: 35em;        
       min-height: 35em;
     }

     div#branding img {
        border:none;
     }

     div#branding img#claim {
        padding-left: 5.9em;
     }


     div#mainpic {
        width: 372px;
        /*min-width: 30.9em;*/
        text-align: center;
        position: absolute;
       top: 1.7em;
       top: 2em;
        left: 18px;
        left: 2em;
     }

     div#maintext {
        width: 372px;
        /*min-width: 30.9em;*/
        text-align: left;
        position: absolute;
       top: 1.7em;
       top: 2em;
       top: 1.5em;
        left: 18px;
        left: 2em;
     }


     div#mainpic img {
       border: 1px solid #000000;
     }

     div#mainpic div#pageicons img {
       border: none;
     }



     div#zitat {
       text-align: left;
       min-width: 28em;
       position: absolute;
       top: 28em;
       left: 0;
/*       padding-left: 1em;
       padding-right: 2em;*/

     }

     div#pageicons {
       text-align: center;
       min-width: 28em;
       position: absolute;
       top: 27.5em;
       left: 0;
       padding-left: 1.5em;
       padding-right: 1.5em;
       padding-top: 15px;
     }

     div#pageicons img {
       padding-left: 3px;
       padding-right: 2px;
     }



     div#mainbody {
       width: 11em;
       min-width: 11em;
       position: absolute;
       top: 1.3em;
       top: 1.6em;
       left: 33.75em;
       left: 35em;
       left: 420px;
     }

     div#mainbody a:link, div#mainbody a:visited, div#maintext a:link, div#maintext a:visited  {
        color: #d31a02;
        text-decoration: none;
     }

     div#mainbody a:hover, div#mainbody a:active, div#mainbody a:focus, div#maintext a:hover, div#maintext a:active, div#maintext a:focus {
        color: #d31a02;
        text-decoration: underline;
     }

     div#copyright {
       width: 152px;
       min-width: 12.75em;
       position: absolute;
       top: 29.33em;
     }


     div#main p {
        padding-top: 4px;
        padding-bottom: 4px;
     }


    div#menu ul {
        margin: 1.6em 1.6em;
    }

    div#menu ul li ul {
     margin: 0px 22px;
    }


    div#menu li {
      margin: 4px 0px;
    }

     div#menu li a {
       min-height: 20px;
       padding: 2px 0px 2px 22px;
     }


     div#menu a:link, div#menu a:visited {
       text-decoration: none;
       color: #000000;
       font-weight: bold;
     }

     div#menu a:hover, div#menu a:active, div#menu a:focus, div#menu a.thispage {
       text-decoration: none;
       color: #d31a02 !important;
       font-weight: bold;
     }

/*START*/
 div#menu li a#start:link, div#menu li a#start:visited
    { background: url(../img/icn/u/start.gif) no-repeat 0 50%; }
 div#menu li a#start:hover, div#menu li a#start:active, div#menu li a#start.thispage
    { background: url(../img/icn/o/start.gif) no-repeat 0 50%; }
 li#sta { background: #fff url("../img/icn/o/start.gif") no-repeat -999px -999px; }


/*PROFIL*/
 div#menu li a#profil:link, div#menu li a#profil:visited
    { background: url(../img/icn/u/profil.gif) no-repeat 0 50%; }
 div#menu li a#profil:hover, div#menu li a#profil:active, div#menu li a#profil.thispage
    { background: url(../img/icn/o/profil.gif) no-repeat 0 50%; }
 li#pro { background: #fff url("../img/icn/o/profil.gif") no-repeat -999px -999px; }

      /*PROFIL : LEISTUNGEN*/
       div#menu li a#leistungen:link, div#menu li a#leistungen:visited
          { background: url(../img/icn/u/leistungen.gif) no-repeat 0 50%; }
       div#menu li a#leistungen:hover, div#menu li a#leistungen:active, div#menu li a#leistungen.thispage
          { background: url(../img/icn/o/leistungen.gif) no-repeat 0 50%; }
       li#lei { background: #fff url("../img/icn/o/leistungen.gif") no-repeat -999px -999px; }

      /*PROFIL : PHILOSOPHIE*/
       div#menu li a#philosophie:link, div#menu li a#philosophie:visited
          { background: url(../img/icn/u/philosophie.gif) no-repeat 0 50%; }
       div#menu li a#philosophie:hover, div#menu li a#philosophie:active, div#menu li a#philosophie.thispage
          { background: url(../img/icn/o/philosophie.gif) no-repeat 0 50%; }
       li#phi { background: #fff url("../img/icn/o/philosophie.gif") no-repeat -999px -999px; }

      /*PROFIL : PERSOENLICHES*/
       div#menu li a#persoenliches:link, div#menu li a#persoenliches:visited
          { background: url(../img/icn/u/persoenliches.gif) no-repeat 0 50%; }
       div#menu li a#persoenliches:hover, div#menu li a#persoenliches:active, div#menu li a#persoenliches.thispage
          { background: url(../img/icn/o/persoenliches.gif) no-repeat 0 50%; }
       li#per { background: #fff url("../img/icn/o/persoenliches.gif") no-repeat -999px -999px; }

      /*PROFIL : KOOPERATIONEN*/
       div#menu li a#kooperationen:link, div#menu li a#kooperationen:visited
          { background: url(../img/icn/u/kooperationen.gif) no-repeat 0 50%; }
       div#menu li a#kooperationen:hover, div#menu li a#kooperationen:active, div#menu li a#kooperationen.thispage
          { background: url(../img/icn/o/kooperationen.gif) no-repeat 0 50%; }
       li#koo { background: #fff url("../img/icn/o/kooperationen.gif") no-repeat -999px -999px; }

/*GALERIE*/
 div#menu li a#galerie:link, div#menu li a#galerie:visited
    { background: url(../img/icn/u/galerie.gif) no-repeat 0 50%; }
 div#menu li a#galerie:hover, div#menu li a#galerie:active, div#menu li a#galerie.thispage
    { background: url(../img/icn/o/galerie.gif) no-repeat 0 50%; }
 li#gal { background: #fff url("../img/icn/o/galerie.gif") no-repeat -999px -999px; }

    /*GALERIE : LAYOUT/PRINT*/
     div#menu li a#layoutprint:link, div#menu li a#layoutprint:visited
        { background: url(../img/icn/u/layoutprint.gif) no-repeat 0 50%; }
     div#menu li a#layoutprint:hover, div#menu li a#layoutprint:active, div#menu li a#layoutprint.thispage
        { background: url(../img/icn/o/layoutprint.gif) no-repeat 0 50%; }
     li#lay { background: #fff url("../img/icn/o/layoutprint.gif") no-repeat -999px -999px; }

            /*GALERIE : LAYOUT/PRINT : BROSCHUEREN*/
            div#menu li a#broschueren:link, div#menu li a#broschueren:visited
                { background: url(../img/icn/u/broschueren.gif) no-repeat 0 50%; }
            div#menu li a#broschueren:hover, div#menu li a#broschueren:active, div#menu li a#broschueren.thispage
                { background: url(../img/icn/o/broschueren.gif) no-repeat 0 50%; }
            li#bro { background: #fff url("../img/icn/o/broschueren.gif") no-repeat -999px -999px; }

            /*GALERIE : LAYOUT/PRINT : FLYER*/
             div#menu li a#flyer:link, div#menu li a#flyer:visited
                { background: url(../img/icn/u/flyer.gif) no-repeat 0 50%; }
             div#menu li a#flyer:hover, div#menu li a#flyer:active, div#menu li a#flyer.thispage
                { background: url(../img/icn/o/flyer.gif) no-repeat 0 50%; }
            li#fly { background: #fff url("../img/icn/o/flyer.gif") no-repeat -999px -999px; }

            /*GALERIE : LAYOUT/PRINT : PLAKATE*/
             div#menu li a#plakate:link, div#menu li a#plakate:visited
                { background: url(../img/icn/u/plakate.gif) no-repeat 0 50%; }
             div#menu li a#plakate:hover, div#menu li a#plakate:active, div#menu li a#plakate.thispage
                { background: url(../img/icn/o/plakate.gif) no-repeat 0 50%; }
            li#pla { background: #fff url("../img/icn/o/plakate.gif") no-repeat -999px -999px; }

            /*GALERIE : LAYOUT/PRINT : SONSTIGES*/
             div#menu li a#sonstiges:link, div#menu li a#sonstiges:visited
                { background: url(../img/icn/u/sonstiges.gif) no-repeat 0 50%; }
             div#menu li a#sonstiges:hover, div#menu li a#sonstiges:active, div#menu li a#sonstiges.thispage
                { background: url(../img/icn/o/sonstiges.gif) no-repeat 0 50%; }
            li#son { background: #fff url("../img/icn/o/sonstiges.gif") no-repeat -999px -999px; }


     /*GALERIE : ILLUSTRATIONEN*/
        div#menu li a#illustrationen:link, div#menu li a#illustrationen:visited
            { background: url(../img/icn/u/illustrationen.gif) no-repeat 0 50%; }
        div#menu li a#illustrationen:hover, div#menu li a#illustrationen:active, div#menu li a#illustrationen.thispage
            { background: url(../img/icn/o/illustrationen.gif) no-repeat 0 50%; }
        li#ill { background: #fff url("../img/icn/o/illustrationen.gif") no-repeat -999px -999px; }

            /*GALERIE : ILLUSTRATIONEN : TECHNISCH*/
            div#menu li a#technisch:link, div#menu li a#technisch:visited
                { background: url(../img/icn/u/technisch.gif) no-repeat 0 50%; }
            div#menu li a#technisch:hover, div#menu li a#technisch:active, div#menu li a#technisch.thispage
                { background: url(../img/icn/o/technisch.gif) no-repeat 0 50%; }
            li#com { background: #fff url("../img/icn/o/technisch.gif") no-repeat -999px -999px; }

            /*GALERIE : ILLUSTRATIONEN : ICONS*/
             div#menu li a#icons:link, div#menu li a#icons:visited
                { background: url(../img/icn/u/icons.gif) no-repeat 0 50%; }
             div#menu li a#icons:hover, div#menu li a#icons:active, div#menu li a#icons.thispage
                { background: url(../img/icn/o/icons.gif) no-repeat 0 50%; }
            li#ico { background: #fff url("../img/icn/o/icons.gif") no-repeat -999px -999px; }

            /*GALERIE : ILLUSTRATIONEN : FREI*/
             div#menu li a#frei:link, div#menu li a#frei:visited
                { background: url(../img/icn/u/frei.gif) no-repeat 0 50%; }
             div#menu li a#frei:hover, div#menu li a#frei:active, div#menu li a#frei.thispage
                { background: url(../img/icn/o/frei.gif) no-repeat 0 50%; }
            li#kla { background: #fff url("../img/icn/o/frei.gif") no-repeat -999px -999px; }

            /*GALERIE : ILLUSTRATIONEN : HERALDIK*/
             div#menu li a#heraldik:link, div#menu li a#heraldik:visited
                { background: url(../img/icn/u/heraldik.gif) no-repeat 0 50%; }
             div#menu li a#heraldik:hover, div#menu li a#heraldik:active, div#menu li a#heraldik.thispage
                { background: url(../img/icn/o/heraldik.gif) no-repeat 0 50%; }
             li#her { background: #fff url("../img/icn/o/heraldik.gif") no-repeat -999px -999px; }

            /*GALERIE : ILLUSTRATIONEN : LANDKARTEN*/
             div#menu li a#landkarten:link, div#menu li a#landkarten:visited
                { background: url(../img/icn/u/landkarten.gif) no-repeat 0 50%; }
             div#menu li a#landkarten:hover, div#menu li a#landkarten:active, div#menu li a#landkarten.thispage
                { background: url(../img/icn/o/landkarten.gif) no-repeat 0 50%; }
             li#lan { background: #fff url("../img/icn/o/landkarten.gif") no-repeat -999px -999px; }

     /*GALERIE : LOGOS/SIGNETS*/
        div#menu li a#logossignets:link, div#menu li a#logossignets:visited
            { background: url(../img/icn/u/logossignets.gif) no-repeat 0 50%; }
        div#menu li a#logossignets:hover, div#menu li a#logossignets:active, div#menu li a#logossignets.thispage
            { background: url(../img/icn/o/logossignets.gif) no-repeat 0 50%; }
        li#log { background: #fff url("../img/icn/o/logossignets.gif") no-repeat -999px -999px; }

     /*GALERIE : INTERNET*/
        div#menu li a#internet:link, div#menu li a#internet:visited
            { background: url(../img/icn/u/internet.gif) no-repeat 0 50%; }
        div#menu li a#internet:hover, div#menu li a#internet:active, div#menu li a#internet.thispage
            { background: url(../img/icn/o/internet.gif) no-repeat 0 50%; }
        li#int { background: #fff url("../img/icn/o/internet.gif") no-repeat -999px -999px; }

/*WERKSTATT*/
 div#menu li a#werkstatt:link, div#menu li a#werkstatt:visited
    { background: url(../img/icn/u/werkstatt.gif) no-repeat 0 50%; }
 div#menu li a#werkstatt:hover, div#menu li a#werkstatt:active, div#menu li a#werkstatt.thispage
    { background: url(../img/icn/o/werkstatt.gif) no-repeat 0 50%; }
 li#wer { background: #fff url("../img/icn/o/werkstatt.gif") no-repeat -999px -999px; }

/*KONTAKT*/
 div#menu li a#kontakt:link, div#menu li a#kontakt:visited
    { background: url(../img/icn/u/kontakt.gif) no-repeat 0 50%; }
 div#menu li a#kontakt:hover, div#menu li a#kontakt:active, div#menu li a#kontakt.thispage
    { background: url(../img/icn/o/kontakt.gif) no-repeat 0 50%; }
 li#kon { background: #fff url("../img/icn/o/kontakt.gif") no-repeat -999px -999px; }


img#icn {
    float:left;
  width: 32px;
  height: 32px;
  padding-right: 6px;
  vertical-align: top;
}

p#icntxt {
  line-height: 130%;
}

p.kooperationen {
  clear: both;
  float: left;
  width: 28em;
  margin-bottom: 2em;
}

p.kooperationen img {
  float: right;
}

p.kooperationen img.zentriert {
  padding-right: 3em;
}

form label {
  clear: both;
  display: block;
  float: left;
  width: 8.5em;
}

input.text {
    font-family: Arial, sans-serif;
  width: 22em;
  font-size: 100%;
  border: 1px solid #000;
    padding: 2px;
}

textarea {
    font-family: Arial, sans-serif;
    width: 22em;
  font-size: 100%;
  border: 1px solid #000;
  padding-left: 2px;
  padding-right: 2px;
}

p.rightalign {
  text-align: right;
}

input.submit {
  font-family: Arial, sans-serif;
  font-size: 100%;
  color: #d31a02;
  border: 1px solid #000;
  background-color: #fff;
  padding: 2px;
  font-weight: bold;
}