body { font-family:arial,helvetica,sans-serif; font-size:100%;
               text-align:center; margin:0; padding:0; width:100%; height:100%;
               color:#333333; background-color:#E2E0E0; } /* Nur grauer Rahmen */
        a, a:link, a:visited, a:hover, a:focus, a:active
          {
           color:#333333; background-color:#E2E0E0;  /* Farben betreffen nur Impressum-Zeile */
           text-decoration:none;
          }

        a img { border:0 none; }

        div#aussenbox
          {
           color:#000000;
           background:#F0EFEF url("../img/deko/rahmen-mitte-856x562.png") repeat-y;
           margin:0 auto; padding:0 0 0 0;
           width:856px; overflow:auto;
          }

        div#kopfdeko
          {
           margin:0;
           /* border:1px dotted #FF00C0; */
           height:44px;
           background:url("../img/deko/rahmen-oben-856x44.png") no-repeat;
          }

        div#fussdeko
          {
           margin:0; padding:0;
           /* border:1px dotted #FF00C0; */
           height:44px;
           background:url("../img/deko/rahmen-unten-856x44.png") no-repeat;
          }

        div#innenbox
        {
         margin:0 39px 0 39px;
         /* border:2px dashed #FF9F00; */
         padding:0;
         color:#000000;
         background:#F0EFEF url("../img/deko/hg-familie.jpg") no-repeat top right;
         height:562px;
         overflow:auto;
        }

        div#content a:link, div#content a:visited, div#content a:focus,
        div#content a:hover, div#content a:active
         { color:#00009F; background-color:#F0EFEF }

        .kontakt div#innenbox
         { background-image: url("../img/deko/hg-kontakt.jpg"); }

        .eigner div#innenbox
         { background-image: url("../img/deko/hg-eigner.jpg"); }

        .familie div#innenbox
         { background-image: url("../img/deko/hg-familie.jpg"); }

        .nachfolge div#innenbox
         { background-image: url("../img/deko/hg-nachfolge.jpg"); }

        .vorgehen div#innenbox
         { background-image: url("../img/deko/hg-vorgehen.jpg"); }

        .textseite div#innenbox
         { background-image: none; }

        p.indexbox { margin:0 auto; padding:0; }
        p.hoverbox0 { display:none; }
        p.hoverbox1
           {
             /* position:relative; top:-330px; left:0px; */
             position:absolute; top:310px; left:50%;
             margin:0 0 0 -170px; padding:12px;
             text-align:left; width:180px;
             color:#000000; background-color:#E2E0E0;
             font-family:"Formata Light Condensed", "arial narrow", arial, helvetica, sans-serif;
           }


        div#nav
          {
           margin:0; padding:24px 0 0 24px;
           /* border:1px dotted #0020FF; */
           height:25px;
          }
        #nav p { display:inline; float:left;
                  width:63px; /* wg. Validator-Warnung, genaue Breiten sind unten definiert. */
                  margin:0; padding:0;
                  text-align:left; font-weight:bold; font-size:14px;
                }

        #nav p a, #nav p span
         { display:block; height:25px; padding:0 20px 0 0; overflow:visible; }

        #nav p#li1 { width:126px; }
        #nav p#li2 { width:128px; }
        #nav p#li3 { width:153px; }
        #nav p#li4 { width:84px; }
        #nav p#li5 { width:191px; }
        #nav p#li6 { width:50px; }

        .en #nav p#li1 { width:162px; }
        .en #nav p#li2 { width:97px; }
        .en #nav p#li3 { width:122px; }
        .en #nav p#li4 { width:111px; }
        .en #nav p#li5 { width:191px; }
        .en #nav p#li6 { width:50px; }

        .fr #nav p#li1 { width:128px; }
        .fr #nav p#li2 { width:129px; }
        .fr #nav p#li3 { width:127px; }
        .fr #nav p#li4 { width:101px; }
        .fr #nav p#li5 { width:191px; }
        .fr #nav p#li6 { width:59px; }

        #nav p#li5 a, #nav p#li5 span { padding-left:110px; }
        #nav p#li6 a, #nav p#li6 span { padding-right:0; /* border:1px dotted red; */ }

        #nav p a:link, #nav p a:visited, #nav p a:active,
        #nav p a:hover, #nav p a:focus, #nav p span
          { text-decoration:none; /* border:1px dotted #FF00FF; */ }

        #nav p a:link, #nav p a:visited, #nav p a:active
          { color:#000000; background-color:transparent; }

        #nav p span
          { color:#DB0020; background-color:transparent; }

        /* NUR FÜR NORMALE SEITEN MIT DEKO-BILD: Links "Kontakt" und "Home" weiss: */
        #nav p#li5 a:link, #nav p#li5 a:visited, #nav p#li5 a:active,
        #nav p#li6 a:link, #nav p#li6 a:visited, #nav p#li6 a:active
          { color:#FFFFFF; background-color:transparent; /* border:1px dashed #00FF00; font-style:italic; */ }

        .textseite div#nav { text-align:right; padding-right:20px; }
        .textseite div#nav p { display:none; }
        .textseite div#nav p#li6 { display:inline; width:100%; text-align:right; }

        .textseite div#nav p#li6 a:link, .textseite div#nav p#li6 a:visited,
        .textseite div#nav p#li6 a:focus, .textseite div#nav p#li6 a:hover,
        .textseite div#nav p#li6 a:active
          { color:#00009F; background-color:#F0EFEF; padding-right:10px; /* border:1px solid #FF7F00; */ }


        /* Inhalts-Bereich: */

        div#content  /* Total-Breite: 531px (weil rechts Hintergrundbild) */
          { text-align:left; clear:both;
            width:483px; overflow:visible; float:left;
            margin:0 0 0 0; padding:0 24px 20px 24px;
            /* border:3px dotted #66FFFF; */
           }

        .textseite div#content /* Total-Breite: 777px (ohne Hintergrundbild) */
          {
            width:690px; /* width:724px; */
            margin:0 24px 0 24px;
            padding:0 0 0 0;
            float:none;
          }
        .textseite div#adresse
          { clear:both; float:right; width:125px; text-align:right; margin-right:56px; }
        .textseite div#adresse p.logo
          { margin-top:0; clear:both; }
        .textseite #adresse p.logo img.blank { background: url("../img/persserv-logo-120x42.gif") no-repeat; }

        /* Logo + Adresse: */

        div#adresse
          {
           padding:0 0 0 30px;
           /* border:1px dotted #9000E0; */
           float:right;
           width:185px;
           color:#FFFFFF; background-color:transparent;
           font-size:14px;
           text-align:left;
          }

        #adresse p { margin:0; padding:0; text-align:left; }
        #adresse p#tel { margin:5px 0; }

        #adresse a, #adresse a:link, #adresse a:visited, #adresse a:focus,
        #adresse a:hover, #adresse a:active
          { color:#ffffff; background-color:transparent; text-decoration:none; }

        #adresse p { display:none; } /* Auf allen Seiten ausser Kontakt: Adresse ausblenden */
        #adresse p.logo { display:block; } /* Logo überall einblenden  */
        .kontakt #adresse p  { display:block; } /* auf Kontakt-Seite: Adresse einblenden */

        #adresse p.logo { margin-top:440px; } /* auf normalen Seiten */
        .kontakt #adresse p.logo { margin-top:303px; } /* auf Kontakt-Seiten */

        #adresse p.logo img.persserv { display:none; }
        #adresse p.logo img.blank { width:125px; height:42px; /* border:1px dotted red; */ }

        /* Inhalt: */

        h1 { font-size:180%; margin-top:45px; font-weight:normal; clear:both; }
        .kontakt h1 { margin-top:10px; }
        .kontakt h1 a { margin-left:240px; }
        .kontakt .en h1 a { margin-left:210px; }
        .kontakt .fr h1 a { margin-left:200px; }

        h2 { font-size:130%; font-weight:normal; }

        h3 { font-size:100%; font-weight:bold; }

        td, th { text-align:left; vertical-align:top; }

        .textseite h1.impressum, div#content1 p
          { padding-left:140px; }

        div#content1
          { text-align:left;
            float:left; clear:both;
            width:370px;
            margin:0 10px 0 0px;
            /* border:1px dotted #FFFF33; */
            padding:0 0 0 0px;
           }

        div#content2
          { text-align:left;
            float:left;
            width:280px;
            margin:0;
            /* border:1px dotted #33FF66; */
            padding:0;
           }

        div#content1 p, div#content2 p
          { margin-left:0; /* border:1px dotted #005F00; */ }

        .spalte31
          { float:left; width:210px; padding-right:10px; }
        .spalte32
          { float:left; width:225px; padding-right:10px; }
        .spalte33
          { float:left; width:225px; }

        .spalte31 h2, .spalte32 h2, .spalte33 h2
          { margin-top:0; }

        .putzer
          { clear:both; }

        .adressesitemap
          { clear:both; border-top:2px solid #ffffff; }

        .adressesitemap p.logo2
          { float:right; width:120px; margin-top:120px; }

        /* Fusszeile mit Link zum Impressum: */

        p.impressum
          {
            margin:0 auto; border:0 none; padding:3px 50px 0 0;
            text-align:left; width:727px;
            font-size:86%; text-align:right;
          }

        p.impressum { display:none; } /* Grundsätzlich verstecken */

        .index p.impressum { display:block; } /* Auf Index-Seite einblenden */