body { margin:0; padding:0; height:100%; }
div { border:0px solid #888; }

#a1 { position:absolute; top:0px; left:0px; width:26%; height:8%;
      z-index:1; background-color:#a3a3a3; }
#a3  { position:absolute; top:8%; left:0px; width:26%; height:92%;
      z-index:2; background-color:#5a5a5a; }
#a2   { position:absolute; top:0px; left:26%; width:74%; height:8%;
      z-index:3; background-color:#4d4d4d; }
#a4   { position:absolute; top:8%; left:26%;  width:74%; height:92%;
      z-index:4; background-color:#666666; }
#a11 { position:absolute; bottom:1px; right:10px;  width:210px; height:51px;
      z-index:5; background: #a3a3a3 url(../bild/lo_buth.jpg) no-repeat ;  }
#a31 { position:absolute; top:5px; right:10px;  width:210px; height:51px;
      z-index:5; background: #5a5a5a url(../bild/lo_foto.jpg) no-repeat ;
      }
#a32 { position:absolute; top:105px; right:20px;  width:190px; height:51px;
      z-index:5; background: #5a5a5a ;
      color: #E9E9E9;
      }
#a41 { position:absolute; top:2px; left:2px;  width:800px; height:600px;
      z-index:5; background: #a3a3a3 url(../bild/home.jpg) no-repeat ;  }
#a42 { position:absolute; top:2px; left:2px;  width:800px; height:600px;
      z-index:5; background: #666666 url(../bild/portf02.jpg) no-repeat ;  }

#a43 { position:absolute; top:2px; left:2px;  width:750px; height:600px;
      z-index:5; background: #666666 url(../bild/hzeit.jpg) no-repeat ;   }
#a44 { position:absolute; top:2px; left:2px;  width:750px; height:600px;
      z-index:5; background: #666666 url(../bild/portrait.jpg) no-repeat ;   }
#a45 { position:absolute; top:2px; left:2px;  width:750px; height:600px;
      z-index:5; background: #666666 url(../bild/grau.jpg) no-repeat ;  }
#a46 { position:absolute; top:0px; left:0px;  width:750px; height:900px;
      z-index:5; background: #666666 url(../bild/grau.jpg) no-repeat ;  }
#a47 { position:absolute; top:0px; left:0px;  width:750px; height:900px;
      z-index:5; background: #666666  ;  }

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1000px;
    padding: 0;
    background: #666666 url(hintergrund.gif) repeat-y;
    color: #efefef;
    border: 0px ridge gray;
    font:lighter  0.90em  Rockwell,VERDANA,ARIAL,HELVETICA;
  }

  h1 {
    font:lighter  1.0em  Book Antiqua, Palatino Linotype, Century;
    font-style:italic;
    color:#E9E9E9;
    margin: 10px; padding: 0.2em;
    text-align: left;
    }
   h3 {
    font:lighter  1.2em  Palatino Linotype, Book Antiqua, Century;
    font-style:bold;
    color:#E9E9E9;
    margin: 10px; padding: 0.2em;
    text-align: left;
    }
  h5 {
    font:lighter  0.9em   Book Antiqua, Palatino Linotype, Century;
    font-style:normal;
    color:#E9E9E9;
    margin: 10px; padding: 0.2em;
    text-align: left;
    }
   h6 {
    font:lighter  1.2em  Book Antiqua, Palatino Linotype, Century;
    font-style:normal;
    color:#000000;
    margin: 10px; padding: 0.2em;
    text-align: center;

  }
  ul#Navigation {
    font-family: Trajan Pro,Lithos Pro Regular,Verdana,HELVETICA;
    font-size: 1.0em; color:#c0c0c0;
    float: right; width: 100%;
    margin: 0 0 1.2em; padding: 0,5em;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0;  padding: 0.5em ;
    text-align: left;
  }
  ul#Navigation li.selected a{
       background-color: #700000; /*background color of tabs onMouseover*/
       color: white;
       font-size:0.88em;
              }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
    font-size:0.88em;
  }
  ul#Navigation a:link {
    padding:4px 0 4px 1em;
    background:transparent url(../bild/ic-add.gif) left no-repeat;
    display:block;
    text-decoration:none;
    color: #ffffff; background-color: #666666;
  }
  ul#Navigation a:visited {
    padding:4px 0 4px 1em;
    background:transparent url(../bild/ic-add.gif) left no-repeat;
    display:block;
    text-decoration:none;
    color: white; background-color: #666666;
  }
  ul#Navigation a:hover {
    padding:4px 0 4px 1em;
    background:transparent url(../bild/ic-add.gif) left no-repeat;
    display:block;
    color: #2f2f2f; background-color: #dfdfdf;
  }
  ul#Navigation a:active {
    padding:4px 0 4px 1em;
    background:transparent url(../bild/ic-add.gif) left no-repeat;
    display:block;
    color: white; background-color: #434343;
  }

  div#Inhalt {
    font:lighter  1em  Book Antiqua, Linotype, Century;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    margin-left:1em;
    margin-right:2em;
    padding: 0 1em;
    color: black;

  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }
  div#Inhalt h2 {
    font-size: 1.0em;
    margin: 0.2em 0;
    color: #5F5F5F;
  }
  div#Inhalt h3 {
    font-size:1.0em ;
    margin: 0.2em 0;
    color: #800000;
    text-align: left;
  }
   div#Inhalt h4 {
    font-size:0.9em ;
    margin: 0.2em 0;
    color: #f8f8f8;
  }
   div#Inhalt h5 {
    font-size:1.0em ;
    margin: 0.2em 0;
    color: #800000;
    text-align: center;
  }
  div#Inhalt h6 {
    font-size:1.0em ;
    margin: 0.2em 0;
    color: #000000;
    text-align: center;
  }

  div#Inhalt table {
    font-size:0.7em;
    margin: 0.5em 0 0;

    color: #1B1B1B;
  }
  div#Inhalt p {
    font-size:0.8em;
    margin: 1em 0;

    color: #1B1B1B;
  }
  div#Inhalt a {
    font-size: 1em;
    margin: 1em 0;
    color: #1B1B1B;
  }
  #langezeile  { white-space:nowrap; }
  p#Fusszeile {
    position:absolute; top:602px; left:2px;  width:800px; height:20px;

    clear: both;
    font-size: 0.83em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #666666;
    color: #ffffff;
    border-top: 0px solid #ffffff;
  }
    a:link {
    text-decoration:none;
    color: #434343; background-color: #c0c0c0;
  }
   a:visited {
    text-decoration:none;
    color: white; background-color: #c0c0c0;
  }
   a:hover {
    color: #2f2f2f; background-color: #dfdfdf;
  }
   a:active {
    color: white; background-color: #434343;
  }

  .ubercolortabs   table {
   position:absolute; bottom:2px; left:2px;
   font: bold 11px Verdana, Arial, sans-serif;
    }

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 0.83em  Verdana, Arial, Georgia;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
font-size:1.4em;
font-family:Trajan Pro,Verdana,HELVETICA;
background: transparent url(../bild/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../bild/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs li.selected a{
font-size:1.4em;
background-color: #700000;  /*background color of tabs onMouseover*/
color: #ffffff;
}

.ubercolortabs a:hover{

color:#2F2F2F;
background-color:#DFDFDF;
}


.ubercolortabs a:hover span{
background-color: transparent;
}