<!-- 
body {background-color:#7F99B2; margin: 0; padding: 0; font: 85% arial, helvetica, sans-serif; color: black;
text-align: justify;} /*grundsaetzliche Einstellungen fuer das gesamte Dokument*/

html {overflow: -moz-scrollbars-vertical;}


h1 {
color:#000000; 
font-size:1.2em; 
font-family:Arial,helvetica,sans-serif; 
text-align:left; 
font-weight:bold; 
margin-top:0.5em;
margin-left:0.2em;
margin-bottom:0.5em;} /*Einstellungen fuer Ueberschrift H1*/

h1 strong {font-size:1em; font-weight:normal;}
h1 b {font-size:1em; font-weight:bold;}

h2 {
color:#000000; 
font-size:1.2em; 
font-family:Arial,helvetica,sans-serif; 
text-align:left; 
font-weight:bold; 
margin-top:0.5em;
margin-left:0;
margin-bottom:0.5em;} /*Einstellungen fuer Ueberschrift H1*/

h2 strong {font-size:1em; font-weight:normal;}
h2 b {font-size:1em; font-weight:bold;}

/*h2 {color:#5A6476; 
    font-size:0.8em; 
    font-family:Arial,helvetica,sans-serif; 
    text-align:justify; 
    font-weight:bold; 
    padding:0; 
    margin-top: 0em;  
    margin-bottom:0em;}/*Einstellungen fuer Ueberschrift H2*/

/*h2 b {font-size:1.4em; padding:0em;}
h2 i {margin-left:2em; padding:0em; font-style:normal;} /*H2 Eigenschaften und eingerueckt*/


h3 {
  font-size: 1em;
	color: #000000;
  font-variant:normal;
  margin-top:0em;
  margin-left:0;
  margin-bottom:1em;
  text-align:justify;
}

h3 strong {font-size:1em; font-weight:bold;}

h4 {
  font-size: 1em;
	color: #800000;
  font-variant:normal;
  background-image:url(../layout/navigator.png);
	background-position:left center;
	background-repeat:no-repeat;
  padding-left: 1em;
  margin-top:0.4em;
  margin-left:0;
  margin-bottom:0.5em;
}


/*NEU++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#kopfzeile {
  font-size: 1em;
	color: #800000;
  font-variant:normal;
  background-image:url(../layout/navigator.png);
	background-position:left center;
	background-repeat:no-repeat;
  padding-left: 1em;
  margin-top:0.4em;
  margin-left:0;
  margin-bottom:0.5em;
}


h5 { color:black; font-size:0.9em; font-family:Arial,helvetica,sans-serif; text-align:justify; font-weight:normal; padding:0; margin-top: 0em;  margin-bottom:1em;} 


p {margin-bottom:1em;}  


h6 {
   width:90%;
   color:white;
   background:#5A6476;
   border-width:1px;
   border-bottom-width:0;
   border-color:#5A6476;
   border-style:solid; 
   padding-top: 0.1em;
   padding-bottom: 0.1em;
   padding-left:0.5em;
   padding-right:0.5em;
   margin-top:2em; margin-bottom:0;
   margin-left:1em;
   font-size:1em;
   text-align:left;
   font-weight: normal;
   font-size:0.9em;
   } 


h7 { color:black; font-size:0.75em; font-family:Arial,helvetica,sans-serif; font-weight:normal;  text-align:justify; margin:0em; padding-bottom:0.5em;} /*Einstellungen fuer Ueberschrift H7*/


#format1 {color: white; font-size:0.9em; font-weight:normal; padding-top:0em; margin-top:0.2em;} /*kleiner, weiss und fett*/

#format1 a {color: #FFFFFF;
    text-decoration: none; 
    font-variant:small-caps; 
  }
  
#format1 a:hover {
    border-color: white; text-decoration: underline;
    border-left-color: white; border-top-color: white;
    color: white; 
    font-variant:small-caps;
  }

i {color:#800000;
  font-style:normal;
}
  
  
 #grauerlink a {color: #800000;
    text-decoration: none;  
    font-variant:small-caps; 
  }

 #grauerlink a:hover {
    border-color: #800000; text-decoration: underline;
    border-left-color: #800000; border-top-color: #800000;
    color: #800000; font-variant:small-caps;
  }

.kleiner {font-size:0.8em;}

.abstand {margin-top:0.5em; margin-bottom:1em;} /*etwas Abstand nach oben*/

.abstand2 {margin-bottom:10px;} /*etwas Abstand nach unten*/

.abstand3 {margin-bottom:1.5em; margin-left:1em;} /*etwas mehr Abstand nach unten*/

.abstand4 {margin-right:3em;} /*etwas mehr Abstand nach rechts*/

.abstand5 {margin-right:1em; margin-left: 1em; padding-top:0.5em;} /*etwas mehr Abstand nach rechts*/


.ausrichtung {text-align:left; font-size:0.9em; margin:0em; padding:0em;}

.link {text-align:left; font-size:0.9em; padding:0em; margin-bottom:0.5em; margin-top:0.5em; margin-left:2em}

#fluss {float:left; border-width:0.1em; border-color:#5A6476; border-style:solid; margin-bottom:1em; margin-top:1em; margin-right:2em; margin-left:1em;} /*Bild soll links stehen und folgender Text rechts daneben fliessen*/

#flussB {float:right; border-width:0.1em; border-color:#5A6476; border-style:solid; margin-bottom:1em; margin-top:1em; margin-right:2em;} /*Bild soll rechts stehen und folgender Text links daneben fliessen*/

#flussende {clear:left;} /*Text soll nun nicht mehr fliessen sondern wieder unter dem Bild stehen*/

#flussendeB {clear:right;} /*Text soll nun nicht mehr fliessen sondern wieder unter dem Bild stehen*/


.flusstext {color:#800000; font-size:0.75em; font-family:Arial,helvetica,sans-serif; text-align:justify; font-weight:normal; font-style:italic; margin: 0em;  padding-left:0.5em; padding-right:1.5em; padding-top: 1em;}/*Einstellungen fuer kursiven Text neben Bild*/

.flusstextB {color:#800000; font-size:0.75em; font-family:Arial,helvetica,sans-serif; text-align:justify; font-weight:normal; font-style:italic; margin: 0em;  padding-left:1em; padding-right:23.5em; padding-top: 1em;}/*Einstellungen fuer kursiven Text neben Bild*/

.flusstext2 {color:##5A6476; font-size:0.9em; font-family:Arial,helvetica,sans-serif; text-align:left; font-weight:normal; font-style:normal; margin: 0em; padding-top: 1.5em;}/*Einstellungen fuer normalen Text neben Bild*/


/*ul und ol sind die Formatierungen fuer Listen bei Menus und Links*/
ul {list-style-type:none; font-size:0.9em; margin-left:1em; padding:0.5em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none)} /*Formatierungen der Listen fuer die Menus*/

ol {list-style-type:disc; font-size:0.9em; text-align:left; margin-left:3em; margin-bottom:0em; padding:0em} 

/*a: Einstellungen legen die Charakteristika der Links fest*/
a:link { color:#2C3B4A; text-decoration:underline; font-weight:normal; font-variant:normal;}
a:visited { color:#2C3B4A; text-decoration:underline; font-weight:normal; font-variant:normal;}
a:hover { color:#800000; text-decoration:underline;  font-weight:normal; font-variant:normal;}
a:active { color:#800000;  font-weight:normal; text-decoration:underline; font-variant:normal;}
a:focus { color:black;  font-weight:normal; font-variant:normal;} /*Formatierungen der Linkgestaltung*/


.kleinerlink, .kleinerlink:link {color:#000000; text-decoration:underline; font-weight:normal; font-variant:normal;
     }
     
.kleinerlink:visited {
     color:#000000; text-decoration:underline; font-weight:normal; font-variant:normal;
     }    
     

.kleinerlink:hover {
     color:#800000; text-decoration:underline;  font-weight:normal; font-variant:normal;
     }

.kleinerlink:active {
   color:#800000;  font-weight:normal; text-decoration:underline; font-variant:normal;
     }
     
.kleinerlink:focus {
  color:black;  font-weight:normal; font-variant:normal;
     }


#Navigation li {
    margin: 0em; padding: 0; text-align:left; margin-top:0em; margin-left:0.2em; padding-left:0.2em;
  }

 
ul#Navigation {
  white-space:nowrap; 
  margin-left:0.2em; 
  padding-left:0.2em;
  }
  

  ul#Navigation a {
    color: #3B4F63;
    padding: 0em;
    text-decoration: none; font-weight: bold; font-variant:normal; text-align:left;
    
  }
  
  ul#Navigation a:hover {
    border-color: #800000; text-decoration: none;
    border-left-color: #800000; border-top-color: #800000;
    color: #800000; background-color: #CCD6E0; text-align:left;
  }


/*  ... Neue Klassen ... */

.tabelle {
       margin-top:0.5em; 
       margin-bottom:0.5em;
       width:100%;
       background-color:#FFFFFF;
       border-width:1px;
       border-style:solid; 
       border-color:#5A6476;
       }
 
.tabelle2 {
       width:800px;
       background-color:#FFFFFF;
       height:80px;
       }  
       
.tabelle3 {
       width:800px;
       }        

.tabelle4 {
      width:650px;
      background-color:#FFFFFF;
      border-width:1px;
      border-style:solid;
      border-color:#5A6476;
      padding-left: 10px;
      padding-right: 10px;
      vertical-align:top;
      }     

      
#tabelle_testinhalte  {
     
      background-color:#FFFFFF;
      font-size:0.9em;
      vertical-align:top;
      }         

#tabelle_testinhalte .abstand {
      padding-top:1em;
      }     

#tabelle_testinhalte .abstand2 {
      padding-top:1em;
      font-weight:bold;
      } 

 
#header_rechts {
      
      padding-right:1em; 
      padding-bottom: 0.9em; 
      vertical-align:bottom; 
      color:#5C6C6F; 
      font-size:0.7em;
      text-align:right;
      }
       
       
#header_rechts a {color: #2C3B4A;
    text-decoration: none;  
    font-variant:small-caps; 
  }

  
#header_rechts a:hover {
    border-color: #800000; text-decoration: underline;
    border-left-color: #800000; border-top-color: #800000;
    color: #800000; font-variant:small-caps;
  }

  
#menuspalte {
    width:140px;
    height:450px;
    background-color:#E5EAEE;
    border-width:1px; 
    border-style:solid; 
    border-color:#5A6476;
    margin-left:0;
    padding-left:0;
    text-align:left;
    font-size:1em;
    }
    
.box1 {
    border-width:1px;
    border-color:#800000;
    border-style:dashed; 
    
    width:120px; 
    margin-top:2em;
    margin-left:10px;
    
    height:65px;
    background-color:#FFFFFF;
    text-align:center; 
    font-size:0.8em;
    color:#800000;
    font-weight:bold;
    padding:0.5em;
    
}    
    
.box1 a {color: #800000;
    text-decoration: none;  
    font-variant:normal; font-weight:bold;
    display:block
  }

  
.box1 a:hover {
    border-color: #800000; text-decoration: none;
    border-left-color: #800000; border-top-color: #800000;
    color: #800000; font-variant:normal; font-weight:bold;
    display:block
  }  
  
.box1 a:visited {
    border-color: #800000; text-decoration: none;
    border-left-color: #800000; border-top-color: #800000;
    color: #800000; font-variant:normal; font-weight:bold;
    display:block
  }   
  

#box2 {
    width:40%;
    border-width:1px;
    border-color:#7F9DB9;
    border-style:solid; 
    margin-top:0em;
    margin-left:0;
    margin-bottom:1em;
    padding:0.5em;
    background-color:#E5EAEE;   
}     


#box2b {
    width:90%;
    border-width:1px;
    border-top-width:0;
    border-color:#7F9DB9;
    border-style:solid; 
    margin-top:0em;
    margin-left:1em;
    margin-bottom:1em;
    padding:0.5em;
    padding-bottom:0;
    margin-top:0em;
    background-color:#E5EAEE; 
    font-size:0.9em;  
}     


#box2c {
    border-width:1px;
    border-color:#7F9DB9;
    border-style:solid; 
    margin-top:0em;
    margin-bottom:1em;
    padding:0.5em;
    padding-bottom:0;
    margin-top:0em;
    background-color:#E5EAEE; 
    font-size:0.9em;  
    margin-left:0em
}     


#box2b ul {list-style-type:square; font-size:0.9em; margin-left:2em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none);} 

#box2c ul {list-style-type:square; font-size:0.9em; margin-left:2em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none);} 


.referenzen  {list-style-type:square; font-size:0.9em; margin-left:2em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none);} 


#box3 {
    width:96%;
    border-width:2px;
    border-color:#800000;
    border-style:dashed; 
    margin-top:0em;
    margin-left:0;
    margin-bottom:1em;
    padding:0.5em;
    background-color:#FFFFFF;   
}   

#box4 {
    width:90%;
    border-width:1px;
    border-bottom-width:0px;
    border-color:#7F9DB9;
    border-style:solid;
    margin-top:0em;
    margin-left:0;
    margin-bottom:0em;
    padding:0.5em;
    background-color:#E5EAEE;  
    font-weight:bold; 
    font-size:0.9em; 
}     
  
#box4 ul  {list-style-type:square; font-size:0.9em; margin-left:2em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none);} 

#box4 li {margin-bottom:0.5em;}
 
  
#impressum {
    width:90%;
    border-width:1px;
    border-top-width:0px;
    border-color:#7F9DB9;
    border-style:solid; 
    margin-top:0em;
    margin-bottom:0em;
    padding:0.5em;
    padding-bottom:0;
    margin-top:0em;
    background-color:#FFFFFF; 
    font-size:0.9em;  
}   

#datenschutz {
    width:90%;
    border-width:1px;
    border-color:#7F9DB9;
    border-style:solid; 
    margin-top:0em;
    margin-bottom:0em;
    padding:0.5em;
    padding-bottom:0;
    margin-top:0em;
    background-color:#FFFFFF; 
    font-size:0.9em;  
}   


.button {background: url(023.png) 0 0.3em no-repeat; padding-left:1.3em;}


#impressum ol {list-style-type:decimal; font-size:0.9em; margin-left:2em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em;} 


#impressum ul {list-style-type:square; font-size:0.9em; margin-left:3em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none);} 


#impressum ul li {margin-bottom:0em;}

/*NEU++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#impressum p { color:black; font-size:0.9em; font-family:Arial,helvetica,sans-serif; text-align:justify; font-weight:normal; padding:0; margin-top: 0em;  margin-bottom:1em;} 


#datenschutz ol {list-style-type:decimal; font-size:0.9em; margin-left:2em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em;} 


#datenschutz ul {list-style-type:square; font-size:0.9em; margin-left:3em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none);} 


#datenschutz ul li {margin-bottom:0em;}

/*NEU++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#datenschutz p { color:black; font-size:0.9em; font-family:Arial,helvetica,sans-serif; text-align:justify; font-weight:normal; padding:0; margin-top: 0em;  margin-bottom:1em;} 


#photos {
    width:70%;
    border-width:1px;
    border-color:#7F9DB9;
    border-style:solid; 
    margin-top:0em;
    margin-bottom:1.5em;
    padding:0.5em;
    padding-bottom:0em;
    margin-top:0em;
    background-color:#FFFFFF; 
    font-size:0.9em;  
} 


#photos p {
      font-size:0.8em; 
      color:#5A6476;
      padding-left:1em;
      }
      
      
#photos img {
    border-width:1px;
    border-color:#5C6C6F;
    border-style:solid; 
    }

    
#photos h2 {color:#5A6476; 
    font-size:0.8em; 
    font-family:Arial,helvetica,sans-serif; 
    text-align:justify; 
    font-weight:bold; 
    padding:0; 
    margin-top: 0em;  
    margin-bottom:0em;}/*Einstellungen fuer Ueberschrift H2*/

#photos h2 b {font-size:1.4em; padding:0em;}
#photos h2 i {margin-left:2em; padding:0em; font-style:normal;} /*H2 Eigenschaften und eingerueckt*/    
    
#photos h3 { color:black; font-size:0.9em; font-family:Arial,helvetica,sans-serif; text-align:justify; font-weight:normal; padding:0; margin-top: 0em;  margin-bottom:1em;}     
    
    
#kunden    {
    margin:0;
    padding:0;
    } 

#kunden ul  {list-style-type:square; font-size:0.8em; margin-left:2em; margin-top:0; padding:0em; font-weight:normal; text-align:left; line-height:1.5em; list-style-image:url(none);}


.ausrichten {text-align:center;
            margin-top:2em;}
    
    
/*  ... bis hierher werden die Formate definiert ... */
-->
</style>