BODY {
background-color:#F8DD4B;
}

#firmenkopf
{
position:absolute;
left:10px;
top:10px;
right:10px;
width:100%;
height:74px;
border:1px solid #1A2D80;
padding: 1px 10px 1px 10px;
text-align:right;
margin-bottom: 1em;	
background-color: #ffffff;
color: #1A2D80;
font: 20px verdana,arial,helvetica,sans-serif;
font-style:bold;
z-index: 1; 
}
  html>body #firmenkopf{
  width:95%;
  height:70px;
}

#bilderreihequer
{
position: absolute; 
width: 340px; 
height: 60px; 
z-index: 5; 
left: 6px; 
top: 6px
}
html>body #bilderreihequer
{
left: 6px; 
top: 6px
}

#navi {
  position: absolute;
  left:10px;
  top:99px;
  width: 230px;
  padding: 1px 0 1px 0;
  margin-bottom: 1em;	
  text-decoration:none;
  background-color: #F8DD4B;
  z-index: 1; 
  }
   html>body #navi{
   width:230px;
  }
  
  #navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size:100%;
}

#navi li {
  font-size:100%;
  border: 1px solid #F8DD4B;  
}

#navi li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-right: 1px solid #DF876A;
  border-bottom: 1px solid #DF876A;
  border-left: 1px solid #F7F3BA;
  border-top: 1px solid #F7F3BA;  
  
  background-color:#F8DD4B;
  color: #C64742;
  font: bold 11px verdana,arial,helvetica,sans-serif;
  text-decoration: none;
}
  html>body #navi li a{
  font: bold 11px verdana,arial,helvetica,sans-serif;
}

#navi li a:hover {
  border: 1px solid #1A2D80;
  background-color: #FFFFFF;
  color: #C64742;
}

#navi li a.active {
  border: 1px solid #1A2D80;
  background-color: #FFFFFF;
  color: #C64742;
}

#navi li a.unter
{
margin-left: 30px;
}

#navi li a.unteractive {
  margin-left: 30px;
  border: 1px solid #1A2D80;
  background-color: #FFFFFF;
  color: #C64742;
}

#navi li a.produkt
{
margin-left: 30px;
font: 10px verdana,arial,helvetica,sans-serif;
}

#navi li a.produktactive {
  margin-left: 30px;
  border: 1px solid #1A2D80;
  background-color: #FFFFFF;
  color: #C64742;
  font: 10px verdana,arial,helvetica,sans-serif;
}


#spaltemitte {

margin-top:100px; /* fummel */
margin-left:248px; /* für MSIE PC */
height:auto;
border:1px solid #1A2D80;
voice-family: "\"}\""; /* MSIE PC aussreigen lassen */
voice-family:inherit;
background-color: #FFFFFF;
color: #1A2D80;
padding:20px;
font: 11px verdana,arial,helvetica,sans-serif;
overflow:auto;
}
html>body #spaltemitte
{

font: 11px verdana,arial,helvetica,sans-serif;
margin-left:250px; /* für Standard-konforme Browser */
margin-right:22px; /* für Standard-konforme Browser */

}

.punktiert
{
  font: 11px verdana,arial,helvetica,sans-serif;
  text-decoration: none;
  list-style: square;
}
  html>body #spaltemitte ul {
  font: 11px verdana,arial,helvetica,sans-serif;}

.ohnepunkt
{
  font: 11px verdana,arial,helvetica,sans-serif;
  text-decoration: none;
  list-style: circle;
}
  html>body #spaltemitte ul {
  font: 11px verdana,arial,helvetica,sans-serif;}


#spaltemitte li {
  font: 11px verdana,arial,helvetica,sans-serif;
}
  html>body #spaltemitte li {
  font: 11px verdana,arial,helvetica,sans-serif;
}

#spaltemitte a {
  font: bold 11px verdana,arial,helvetica,sans-serif;
  text-decoration: underline;
  color: #1A2D80;
}
  html>body #spaltemitte a {
  font: bold 11px verdana,arial,helvetica,sans-serif;
}

#spaltemitte a.produkt_mitte
{
font: 11px verdana,arial,helvetica,sans-serif;
text-decoration: none;
}

#spaltemitte a.produkt_mitte:hover
{
font: 11px verdana,arial,helvetica,sans-serif;
text-decoration: underline;
}


#fusszeile
{
margin-top:5px; /* fummel */
margin-left:248px; /* für MSIE PC */

border:1px solid #1A2D80;
voice-family: "\"}\""; /* MSIE PC aussreigen lassen */
voice-family:inherit;
background-color: #FFFFFF;
color: #1A2D80;
padding:1px 5px 1px 5px;
font: small-caps 10px verdana,arial,helvetica,sans-serif;

}
html>body #fusszeile
{
margin-left:250px; /* für Standard-konforme Browser */
margin-right:22px; /* für Standard-konforme Browser */
font: small-caps 10px verdana,arial,helvetica,sans-serif;
}

#fusszeile a
{
  text-decoration: none;
  color: #1A2D80;
}

p.ueberschrift
{
font: bold 14px verdana,arial,helvetica,sans-serif;
color:#1A2D80;
border-bottom: 1px solid #8D96C0; 
padding-right: 1px; padding-top: 1px; padding-bottom: 1px
}
html>body #ueberschrift
{
font: bold 14px verdana,arial,helvetica,sans-serif;
}

p.ueberschrift_sr
{
font: bold 11px verdana,arial,helvetica,sans-serif;
background-color:#5463A0;
color:#FFFFFF;
  display: block;
 padding: 2px 2px 2px 2px;

}
html>body #ueberschrift
{
font: bold 11px verdana,arial,helvetica,sans-serif;
}


p.inhalt
{
text-align:rigth;
font: 11px verdana,arial,helvetica,sans-serif;
}
   html>body #p.inhalt
   {
   font: 11px verdana,arial,helvetica,sans-serif;
}

.top
{
text-align:rigth;
color:#1A2D80;
text-decoration:underline;
font: 10px verdana,arial,helvetica,sans-serif;
}
   html>body #.top
   {
   font: 10px verdana,arial,helvetica,sans-serif;
}

p.plan_klein
{
align:rigth;
}

table.inhalt
{
border: 1;
line-height: 1.0em;
text-align:left;
color:#1A2D80;
font: 11px verdana,arial,helvetica,sans-serif;
}
   html>body #table.terminplan
   {
   font: 11px verdana,arial,helvetica,sans-serif;

}
.button
{
font-align:right;
color:#1A2D80;
font: 11px verdana,arial,helvetica,sans-serif;
text-align:center;
line-height: 15px;
font-weight: bold;
border:1px #5463A0 solid;
}

.kontakt
{
font-family: Arial;
font: 11px verdana,arial,helvetica,sans-serif;
color: #1A2D80;
text-align:left;
border:3px;
width:50%;
}