/** Regeln für allgemeine Elemente
------------------------------------------------------------ */

/* alle kritischen Werte instanzieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
}


/* Farben und Hintergründe */
body {
     color: #000000;
     background-color: #ffffff;
     background-position: top left;
     background-repeat: repeat-x repeat-y;
}

/* allgemeine Schriftgrösse kontrollieren */
body  {
      font-family: times;
      font-size: 16px;
}

/* Links und Anker festlegen */
a:link {
       color: #000000;
       background-color: transparent;
       text-decoration: none;
}

a:visited {
          color: #000000;
          background-color: transparent;
          text-decoration: none;
}

a.unsigned {
           text-decoration: none;
}






/* Überschriften  */
h1, h2, h3, h4, h5, h6 {
    color: #660000;
    background-color: transparent;
}

h1 {
   font-size: 1.4em;
   margin: 0 0 1.4em 0;
}

/* Absätze */
p {
  margin: 1.2em 0;
}


/* Bilder positionieren */
img {
    vertical-align: bottom;
}


/* Rahmen um verlinkte Bilder entfernen */
   a:link img, a:visited img, a:hover img,
   a:focus img, a:active img {
   border: 0;
}



/**
--------------------------------------------------------------
       Regeln für besondere Bereiche
-------------------------------------------------------------- */
/* Standardmäßige nicht sichtbare Inhalte zur Erleichterung der Orientierung mit assistiven Technologien */
.invisible {
           position: absolute;
           left: -9999px;
}


/** Hauptbereich
-------------------------------------------------------------- */


/* für kaputte Browser, die mit obendrüber nichts anfangen können */

body {
/* Alle Inhalte horizontal zentrieren /*
text-align: center;
}

body * {
/* Textausrichtung korrigieren */
text-align: left;
}


#seite {
       width: 820px;
       height: 599px;
       margin: 35px auto 0 auto;
       padding: 10px 0 0 0;
}

#scrollbalkenseite {
       width: 820px;
       height: 599px;
       margin: 35px auto 0 auto;
       padding: 10px 0 0 16px;
}

#inhalt {
        width: 800px;
        height: 510px;
}

#papyrusoben {
             width: 813px;
             height: 9px;
             margin: 0 0 -20px -6px;
             z-index: 2;
}

#infobereich {
             width: 780px;
             margin: 15px 0 15px 0;
             padding: 15px 0 15px 20px;
              background-color: #ff9966;
              z-index: 1;
}

#papyrusunten {
              width: 813px;
              height: 10px;
              margin: -20px 0 0 -6px;
              z-index: 3;
}
#papyrusuntenimg {
              width: 814px;
}

#siegel {
        margin: -80px 0 0 758px;
}

#impreslink {
            margin: -23px 0 0 750px;
            font-size: 12px;
}

/* Rot für Head, Rahmen und Links
---------------------------------------------------------------- */

#infobereich, #navigation {
             border-right: 1px solid #660000;
             border-left: 1px solid #660000;
}

a:hover,
a:focus,
a.active,
a.textlink {
        color: #660000;
}

#name, #anwalt, #anschrift, #zeiten {
      color: #660000;
}


#header {
        border-top: 1px solid #660000;
        border-left: 1px solid #660000;
        border-right: 1px solid #660000;
}



/* Header
----------------------------------------------------------------- */
#header {
        width: 800px;
        height: 200px;

}
#linkerheader {
             background-image: url(stuff/Unterstrich3.png);
             background-repeat: no-repeat;
             background-position: 40px 90px;
             width: 470px;
             height: 200px;
             float: left;
}
#paragraph {
           float: right;
           margin: 0;
           padding: 0;
}

#paragraph img{
           margin: -127px 0 0 0;
           height: 160px;
}
#rechterheader {
               float: right;
               margin: -8px 0 0 0;
               padding: 0;
               width: 330px;
               height: 200px;
}

#name {
      background-color: none;
      margin: 40px 0 0 40px;
      font-size: 44px;
}

#anwalt {
        margin: 25px 0 0 95px;
        font-size: 28px;
}

#anschrift {
           margin-left: 155px;
}

table#zeiten {
        margin-left: 35px;
}

#zeiten .zeit,
#zeiten .tag {
        text-align: right;
}

#zeiten .zeit {
        width: 125px;
}

#zeiten .zeile1 {
        width: 90px;
}


/* Navigation
----------------------------------------------------------------- */
#navigation {
            width: 800px;

}
.navilink {
          display: inline;
}
#start {
       margin-left: 20px;
}
#kanzlei {
         margin-left: 30px;
}
#koop {
      margin-left: 30px;
}
#mitglied {
          margin-left: 30px;
}
#recht {
       margin-left: 30px;
}
#links {
       margin-left: 30px;
}
#download {
          margin-left: 30px;
}
#kontakt {
         margin-left: 30px;
}


/*Welcome
----------------------------------------------------------------- */


.welcometext a:hover {
           font-weight: normal;
           text-decoration: underline;
}

#welcome {
         font-size: 20px;
}



#hospespic img {
           width: 210px;
}

#hospespic {
           margin: -40px 45px 0 20px;
           float: right;
}
#hospeskontaktpic img {
           width: 210px;
}
#hospeskontaktpic {
           margin: -4px 45px 0 20px;
           float: right;
}
/* Kanzlei
----------------------------------------------------------------- */
td.zeitraum {
            width: 105px;
}

#werdeganghead, #historyhead {
                font-weight: bold;
}
#historytab {
                 width: 330px;
                 height: 120px;
                 margin: 15px 30px 90px 0;
                 float: left;
}
#historytab td.zeitraum {
          width: 50px;
}


#werdegangtab {
              margin: 10px 0 0 0;
              width: 510px;
              height: 130px;
}
#werdegangtab td{
              vertical-align: middle;
              height: 40px;
}

#slideshow {
           margin: 0 0 -15px 0;
}






/* Migliedschaft
---------------------------------------------------------------- */
li#anwaltverein {
                height: 50px;
                vertical-align: middle;
}

ul#mitgliedsliste {
                  line-height: 1.3em;
                  list-style-position: inside;
                  margin-bottom: 25px;
}

/* Rechtsgebiete
--------------------------------------------------------------- */
#familienbereich,
#arbeitsbereich,
#verkehrsbereich,
#bussgeldberecih,
#baubereich,
#strafbereich {
              width: 90%;
}



#gebieteliste dt {
              color: #660000;
              font-weight: bold;
              margin-top: 15px;
}

.leistungshead {
               margin-bottom: 5px;
               font-weight: bold;
               color: #660000;
}

.leistungsliste {
                line-height: 1.3em;
                margin-bottom: 35px;
                margin-left: 15px;
}

/* -------------------------------------------------------------
   Kostentabellen
----------------------------------------------------------------- */
#gebuehrentabelle1,
#gebuehrentabelle2 {
                   width: 550px;
                   height: 250px;
}

#gebuehrentabelle4 {
                   width: 475px;
                   height: 250px;
}


#gebuehrentabelle1,
#gebuehrentabelle2,
#gebuehrentabelle4 {
                   border: 1px solid black;
                   border-collapse: collapse;
}

/* Spaltenbreite
--------------------------------------------- */
#gebuehrentabelle1 .spalte1 {
         width: 130px;
}

#gebuehrentabelle1 .spalte2,
#gebuehrentabelle1 .spalte3 {
                   width: 60px;
}

#gebuehrentabelle1 .spalte4,
#gebuehrentabelle1 .spalte5 {
                   width: 70px;
}

#gebuehrentabelle1 .spalte6,
#gebuehrentabelle1 .spalte7 {
                   width: 80px;
}

#gebuehrentabelle2 .spalte2 {
                   width: 60px;
}


#gebuehrentabelle2 .spalte3,
#gebuehrentabelle2 .spalte4,
#gebuehrentabelle2 .spalte5,
#gebuehrentabelle2 .spalte6 {
                   width: 72px;
}

#gebuehrentabelle2 .spalte7 {
                   width: 99px;
}

#gebuehrentabelle4 .spalte1 {
                   width: 170px;
}

#gebuehrentabelle4 .spalte2 {
                   width: 65px;
}

#gebuehrentabelle4 .spalte3 {
                   width: 140px;
}

#gebuehrentabelle4 .spalte4 {
                   width: 100px;
}

/* Vertikale Ausrichtung in Zellen
----------------------------------------- */
#gebuehrentabelle1 td,
#gebuehrentabelle2 td,
#gebuehrentabelle4 td {
                   vertical-align: middle;
}

/* Zeilen zentrieren
 -------------------------------------------- */
#gebuehrentabelle1 #zelle12,
#gebuehrentabelle1 #zelle71,
#gebuehrentabelle2 #zeile7,
#gebuehrentabelle4 #zeile7 {
                   text-align: center;
}


/* dunkler Farbton in Tabelle
----------------------------------------------- */
#gebuehrentabelle1 tr#zeile1 td,
#gebuehrentabelle1 td.spalte1,
#gebuehrentabelle1 tr#zeile7 td,
#gebuehrentabelle4 tr#zeile1 td,
#gebuehrentabelle4 td.spalte1,
#gebuehrentabelle4 tr#zeile7 td {
                   border: 1px solid black;
                   background-color: #FF8C50;
}

/* Mittlere Farbton in Tabelle
----------------------------------------- */


#gebuehrentabelle1 #zelle22,
#gebuehrentabelle1 #zelle23,
#gebuehrentabelle1 #zelle24,
#gebuehrentabelle1 #zelle25,
#gebuehrentabelle1 #zelle26,
#gebuehrentabelle1 #zelle27,
#gebuehrentabelle2 #zelle22,
#gebuehrentabelle2 #zelle23,
#gebuehrentabelle2 #zelle24,
#gebuehrentabelle2 #zelle25,
#gebuehrentabelle2 #zelle26,
#gebuehrentabelle2 #zelle27,
#gebuehrentabelle2 #zelle62,
#gebuehrentabelle2 #zelle63,
#gebuehrentabelle2 #zelle64,
#gebuehrentabelle2 #zelle65,
#gebuehrentabelle2 #zelle66,
#gebuehrentabelle2 #zelle67,
#gebuehrentabelle4 .spalte2  {
                   background-color: #FFB87D;
}

/* Heller Farbton in Tabelle
-------------------------------------------- */
#gebuehrentabelle1 td.spalte2,
#gebuehrentabelle1 td.spalte3,
#gebuehrentabelle1 td.spalte4,
#gebuehrentabelle1 td.spalte5,
#gebuehrentabelle1 td.spalte6,
#gebuehrentabelle1 td.spalte7,
#gebuehrentabelle2 td.spalte2,
#gebuehrentabelle2 td.spalte3,
#gebuehrentabelle2 td.spalte4,
#gebuehrentabelle2 td.spalte5,
#gebuehrentabelle2 td.spalte6,
#gebuehrentabelle2 td.spalte7,
#gebuehrentabelle4 .spalte4,
#gebuehrentabelle4 .spalte3 {
                   background-color: #FFC391;
}




/* Grauer Zellenrahmen
------------------------------------------- */
#gebuehrentabelle1 .spalte2,
#gebuehrentabelle1 .spalte3,
#gebuehrentabelle1 .spalte4,
#gebuehrentabelle1 .spalte5,
#gebuehrentabelle1 .spalte6,
#gebuehrentabelle1 .spalte7,
#gebuehrentabelle2 .spalte2,
#gebuehrentabelle2 .spalte3,
#gebuehrentabelle2 .spalte4,
#gebuehrentabelle2 .spalte5,
#gebuehrentabelle2 .spalte6,
#gebuehrentabelle2 .spalte7,
#gebuehrentabelle2 .zeile2,
#gebuehrentabelle4 .spalte2,
#gebuehrentabelle4 .spalte3,
#gebuehrentabelle4 .spalte4 {
                   border: 1px solid gray;
}

/* Unterer schwarzer Strich
-------------------------------------------- */
#gebuehrentabelle1 #zelle22,
#gebuehrentabelle1 #zelle23,
#gebuehrentabelle1 #zelle24,
#gebuehrentabelle1 #zelle25,
#gebuehrentabelle1 #zelle26,
#gebuehrentabelle1 #zelle27,
#gebuehrentabelle1 #zelle62,
#gebuehrentabelle1 #zelle63,
#gebuehrentabelle1 #zelle64,
#gebuehrentabelle1 #zelle65,
#gebuehrentabelle1 #zelle66,
#gebuehrentabelle1 #zelle67,
#gebuehrentabelle2 #zelle22,
#gebuehrentabelle2 #zelle23,
#gebuehrentabelle2 #zelle24,
#gebuehrentabelle2 #zelle25,
#gebuehrentabelle2 #zelle26,
#gebuehrentabelle2 #zelle27,
#gebuehrentabelle2 #zelle62,
#gebuehrentabelle2 #zelle63,
#gebuehrentabelle2 #zelle64,
#gebuehrentabelle2 #zelle65,
#gebuehrentabelle2 #zelle66,
#gebuehrentabelle2 #zelle67,
#gebuehrentabelle4 #zelle62,
#gebuehrentabelle4 #zelle63,
#gebuehrentabelle4 #zelle64 {
                   border-bottom: 1px solid black;
}

/* Rechter schwarzer Strich
-------------------------------------------- */
#gebuehrentabelle1 #zelle27,
#gebuehrentabelle1 #zelle37,
#gebuehrentabelle1 #zelle47,
#gebuehrentabelle1 #zelle57,
#gebuehrentabelle1 #zelle67,
#gebuehrentabelle2 #zelle27,
#gebuehrentabelle2 #zelle37,
#gebuehrentabelle2 #zelle47,
#gebuehrentabelle2 #zelle57,
#gebuehrentabelle2 #zelle67,
#gebuehrentabelle4 .spalte4 {
                   border-right: 1px solid black;
}



/* Navigationsbutton
--------------------------------------------------- */
#tabellennavigation1 {
                    width: 50px;
                    height: 60px;
                    position: relative;
                    left: 700px;
                    top: -175px;
                    margin-bottom: -80px;
                    padding: 0;
}
#tabellennavigation2,
#tabellennavigation3,
#tabellennavigation4,
#tabellennavigation5,
#tabellennavigation6 {
                    width: 50px;
                    height: 60px;
                    position: relative;
                    left: 700px;
                    top: -175px;
                    margin-bottom: -80px;
                    padding: 0;
}

/* ---------------------------------------------- */

#gebuehrentabelle2 #zeile1 td {
                   background-color: #FF8C50;
                   border: 1px solid black;
}

#gebuehrentabelle2 .spalte1 {
                   width: 115px;
                   border: 1px solid black;
                   background-color: #FF8C50;
}



#gebuehrentabelle2 #zeile7 td {
                   background-color: #FF8C50;
                   border: 1px solid black;
}



/* Download
------------------------------------------------------------------------ */
a.downloadlink {
              color: #660000;
              text-decoration: underline;
}

p.menuhead {
           color: #660000;
           font-weight: bold;
           margin-bottom: 5px;
}

#vollmachtsliste,
#formularliste,
#vertragsliste,
#testamentsliste {
                  list-style-position: inside;
                 line-height: 1.2em;
}

h3#haftung {
           margin-top: 25px;
}


/* Kontakt
------------------------------------------------------------------------ */
#brautpaar img {
          margin: -330px 0 0 420px;
          padding-bottom: 80px;
}