/* allgemein */
body             {font-family: Verdana, Arial, sans-serif; color: #000; background-color: #fff;
                  background-image: url(bilder/hgrund4.jpg); background-repeat: no-repeat; background-position: 98% 480px;}
                  
html, body            {margin: 0; padding: 0; height: 100%; overflow: hidden;}    

#inhalts_box          {z-index: 2; position: relative; top: 30px; height: 97%; width: 100%; overflow: auto;}              
                  
#kopf_box             {z-index: 9; position: relative; top: 0; height: 30px;  margin-bottom: -30px;
                       color: #003399; background-color: #ece9d8; border-bottom: 1px solid #666666; min-height: 30px;
                       }  
#kopf_box h1          {margin: 0; font-size: 10pt; font-weight: bold; font-variant: small-caps; padding: 7px 0 5px 180px; width: 800px; 
                       color: #666666; background-color: #ece9d8;}                      

#home                 {z-index: 9; position: absolute; top: 7px; left: 105px; width: 50px; height: 50px; margin: 0; padding: 14px 8px;
                       background-image: url(bilder/home.gif); background-repeat: no-repeat; background-color: transparent;} 

#home a        {color: #fff; background-color: #003399; text-decoration: none; font-size: 9pt; font-weight: bold; line-height: 150%;}

#home a:hover  {color: red;  background-color: #003399; text-decoration: none;}                       
                       
#navigation       {z-index: 4; position: absolute; top: 0; margin: 0; left: 68%; width: 250px; height: 100%;}
                                
/* Menueformatierung */

#logo             {z-index: 3; position: absolute; top: 485px; left: 12px; width: auto; height: auto;}

#logo img         {width: 148px; height: 58px}         
                  

#kontakt h3, #style h3
                  {margin: 0; text-align: center; display: block; line-height: 180%; font-size: 11pt; font-weight: bold; color: #fff;
                  background-image: url(bilder/balken1.jpg); background-color: #003399;}
                  
#kontakt ul, #style ul       
                  {margin:0; list-style-type: none; height: auto;
                  border-left: 1px solid #003399; border-right: 1px solid #003399; border-bottom: 1px solid #003399;
                  color: #000; background-color: #f5f9fc;}    
                  
#kontakt p,  #style p       
                 {margin:0; border-left: 1px solid #003399; border-right: 1px solid #003399; color: #000; background-color: #f5f9fc;}                                 
                  

#kontakt         {z-index: 4; position: absolute; top: 100px; left: 10px; width: 150px; height: auto; font-size: 9pt;}                            
                  
#kontakt p       {padding: 10px 10px 10px 10px; text-align: center; line-height: 120%; font-variant: small-caps;} 

#kontakt p span  {letter-spacing: 1px;}
                  
#kontakt ul      {padding: 0 0 70px 0px; text-align: center;}

#kontakt li      {padding-top: 8px; display: block;}

#kontakt li a, #kontakt li a strong, #kontakt li a:hover, #kontakt li a:hover strong
                 {text-decoration: none; color: #003399; background-color: #f5f9fc; font-size: 9pt;}                    
                  
#kontakt li a strong {visibility: hidden;}

#kontakt li a:hover  {visibility: visible; color: red;} 
                     
#kontakt li a strong.aktiv {visibility: visible; color: red; background-color: #f5f9fc;}                    
                            

#style           {z-index: 5; position: absolute; top: 280px; left: 25px; width: 125px; height: auto; font-size: 8pt;}

#style p         {padding: 10px; background-color: #f5f9fc; text-align: center;} 

#style p.layout1 {display: none;}                 
                  
#style ul        {padding: 0 0 15px 0; text-align: center;}

#style li        {padding-top: 5px; display: block;} 

#style li a  
{text-decoration: none; color: #003399; background-color: #f5f9fc; font-size: 8pt;}

#style li a:hover        {color: red; background-color: #f5f9fc; text-decoration: none;}

#style li a.aktiv        {border: 1px solid red;}          
                                 
/* Inhaltformatierung */

#inhalt          {z-index: 2; position: absolute; top: 0px; left: 130px; right: 30%; height: auto;
                 }                 

#inhalt h2       {margin: 0; padding: 20px 0 0 50px; 
                  font-size: 16pt; font-weight: normal; 
                  text-decoration: underline;
                  border-left: 1px solid #003399; border-right: 1px solid #003399;}

#inhalt h3       {margin: 0; padding: 20px 0 10px 50px; 
                  font-size: 14pt; font-weight: normal; 
                  text-decoration: underline;
                  border-left: 1px solid #003399; border-right: 1px solid #003399; border-bottom: 1px dashed #003399;}           
           
           
           
#inhalt form     {margin: 0; padding: 30px 50px 180px 50px; font-size: 11pt;
                  border-left: 1px solid #003399; border-right: 1px solid #003399; border-bottom: 1px solid #003399;}
                  
#inhalt ul.lnk     {margin: 0; padding: 30px 50px 20px 30px; font-size: 11pt;
                 border-left: 1px solid #003399; border-right: 1px solid #003399; 
                 border-bottom: 1px solid #003399; }

#inhalt ul.lnk li  {width: 150px; display: inline; padding-left: 20px; list-style-type: none;} 

#inhalt ul.lnk li a, #inhalt p a
                 {color: blue;  background-color: inherit; font-size: 10pt; font-weight: bold;} 

#inhalt ul.lnk li a:visited, #inhalt p a:visited 
                 {color: blue;  background-color: inherit;}                  
                  

#inhalt ul      {margin: 0; padding: 30px 50px 20px 80px; font-size: 12pt; font-weight: bold; letter-spacing: 0.5pt;
                 font-variant: small-caps; color: #003399; background-color: inherit;
                 border-left: 1px solid #003399; border-right: 1px solid #003399; 
                 }

#inhalt li       {padding-top: 15px;}         
                 
                 
#inhalt ul li ul {margin: 0; padding: 5px 0 0 30px; border: 0; font-size: 10pt; font-weight: normal; letter-spacing: 0;
                  color: #000; background-color: inherit; width: 80%;}
                  
                  
#inhalt p.lnk a      {font-size: 10pt; font-weight: normal;}                 
                  
#inhalt p.lnk        {margin: 0; padding: 10px 50px 20px 50px; font-size: 11pt;
                  border-left: 1px solid #003399; border-right: 1px solid #003399; border-bottom: 1px dashed #003399;}                  


#inhalt p        {margin: 0; padding: 10px 50px 20px 50px; font-size: 11pt;
                  border-left: 1px solid #003399; border-right: 1px solid #003399; border-bottom: 1px solid #003399;} 
                  
#inhalt p.ohne    {margin: 0; padding: 10px 50px 10px 0px; border-bottom-style: none;}                   
                  
#inhalt p strong {font-variant: small-caps; font-size: 12pt; color: #003399; background-color: inherit; letter-spacing: 0.5pt;}                                            

#inhalt p img.links  {margin: 5px 10px 10px 0; border: 0; float: left;}

#inhalt p img.rechts, #inhalt ul img.rechts
                    {margin: 5px 0 10px 10px; border: 0; float: right;}

#inhalt p img.ohne  {margin: 10px 10px 10px 0; border: 0;}

#fuss            {height: 30px; text-align: center; font-size: 8pt; 
                  margin: 0; padding-top: 10px;}
#fuss p.lnk      {display: none;}            
                  
                 
/* Formatierung Leistungsboxen*/ 

h4                {z-index: 1; margin: 0; position: absolute; top: 38px; left: 50px; width: 170px; height: 20px;
                  text-align: center; font-size: 9pt; color: #003366; line-height: 150%; letter-spacing: 5pt;
                  border: 1px solid #d4dbeb; background-color: #f5f9fc;} /*Navigation*/          
                                   
a.leistung1, a.leistung2, a.leistung3, a.leistung1a, a.leistung2a, a.leistung3a     
                  {z-index: 4; position: absolute; margin: 0; left: 0; width: 250px; height: 80px;
                   background-color: #f5f9fc; text-align: center;
                  display: block; font-size: 13pt; font-weight: bold; text-decoration: none;
                  line-height: 430%; color: #003399; }    

a.leistung1, a.leistung2, a.leistung3                  
                  {border: 5px solid #d4dbeb;}                          
                  
a.leistung1a, a.leistung2a, a.leistung3a                  
                  {border: 5px solid #003399;}                   
                  
a.leistung1, a.leistung1a       {top: 100px;}                                      

a.leistung2, a.leistung2a       {top: 230px;}                                        

a.leistung3, a.leistung3a       {top: 360px;}
                  
a.linkliste1, a.linkliste1a
                  {z-index: 4; position: absolute; left: 0; top: 560px;width: 110px; height: 30px;
                   background-color: #f5f9fc; text-align: center;
                   display: block; font-size: 13pt; font-weight: bold; text-decoration: none;
                   margin: 0; line-height: 160%; color: #003399;} 
                   
a.linkliste1      {border: 5px solid #d4dbeb; }
                   
a.linkliste1a     {border: 5px solid #003399; }              

a.leistung1:hover, a.leistung2:hover, a.leistung3:hover, a.linkliste1:hover
                  {color: #fff; background-color: #003366;}  



#bildbox1         {z-index: 0; position: absolute; top: 520px;  left: 0; width: 250px; height: 300px;
                   background-image: url(bilder/hgrund5.jpg);background-repeat: no-repeat;}

#bildbox2         {z-index: 0; position: absolute; top: 30px;  right: 0; width: 225px; height: 292px;
                   background-image: url(bilder/hgrund2.jpg);background-repeat: no-repeat;}
                   
#bildbox3         {z-index: 0; position: absolute; top: 30px;  left: 0px; width: 350px; height: 300px;
                   background-image: url(bilder/hgrund3b.jpg);background-repeat: no-repeat;}   
                   
/*Anfang Kontaktformular-Format +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#inhalt p.unsiba { display:none; }

#inhalt p.meldung {color: red; background-color: inherit; font-size: 100%; font-weight: bold; padding-left: 70px; border-bottom: 0;}

#inhalt p.anzeig, #inhalt p.fehler {text-align: center; margin-top: 250px; margin-left: 50px; width: 500px; height: 400px; color: green; background-color: inherit; font-size: 140%; border: 0;}

#inhalt p.anzeig {color: green;}

#inhalt p.fehler {color: red;}

form {margin: 20px 0 0 0; height: 800px;}

form .eing_feld  {color: #336699; background-color: inherit; border: 1px solid #999; font-size: 100%; 
                  font-weight: bold; font-family: verdana, sans-serif; padding: 0 5px; width: 500px;}
                  
label, input, textarea {margin: 5px 0 5px 20px; }

.eing_feld:focus {background: #f1f1f1;}

/*Ende Kontaktformular-Format ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/