/* Formatierung grundlegender Elemente wie z. B. die html-Elemente*/
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   border: 0;
  }


body {    /* font: 95% = 0,95em= 15px = 11pt */
font: 95% Verdana, Arial, Helvetica, 'Bitstream Vera Sans',Geneva,'DejaVu Sans','Liberation Sans', sans-serif;
color: #000000;
background: #FFFFFF;
text-align: left;
}

h1 {     /* Format und Gestaltung von Überschriften 1. Ordnung */
font: normal 2em Georgia, 'Free Serif', 'Times New Roman', Cambria,  serif;
color: #CC6600;
padding: 25px 0 5px 0; }

h2 {    /* jetzt kommt die H2,  fuer Subtitel verwenden */
 font: normal 1.5em Georgia, 'Times New Roman', Times, serif;
 color: #CC6600;
 margin: 10px 0; }

h3 {
font-size: 1.4em;
font-weight: normal;
}

h4 {    /* H4,  fuer ueberschriften im normalen Content fett nach oben mehr Abstand */
 font-size: 1.2em;
 font: bold;
 margin: 25px 0 0px 0; }

h5 {    /* H5,  fuer Fett gedruckte Wörter im normalen Content fett nach oben mehr Abstand */
 font: bold;
 margin: 15px 0 0 0;
 }

p {font-size: 1em;   /* Format und Gestaltung normaler Absätze */
   padding: 7px 0 3px 0;}

footer { font-weight: normal;/* Format für footer für copyright, impressum, w3-Hinweise etc. */
         font-size: 0.9em;  }

.qstrich{      /* Format und Gestaltung des Querstriches. Format verwendbar mit Zuweisung z.B <hr class="qstrich"/> */
 background-color:navy;
 height:1px;
 margin: 30px 0px; }

/* Format und Gestaltung von Elementen, denen die Klasse X zugewiesen wurde z. B. <ul class="contli1"> */

.contli1 {font-size: 0.85em;     /* Format für Listen 1. Ordnung im normalen Content/ normalen Text */
          margin: 10px 0 10px 20px;}
.contli2 {margin: 0 0 10px 12px;} /* Liste 2. Ordnung im normalen Content/ normalen Text */

.contli1 li {margin-top: 7px;}    /* Format für Listenpunkte, wenn sie innerhalb einer Liste 1. Ordnung 
                                     der Klasse contli1 stehen*/

.contli3 {     /* Format für Listen in einer Tabelle / normalen Text */
          margin: 10px 0 10px 20px;}
.contli3 li {margin-top: 7px;} /* Format für Listenpunkte, wenn sie innerhalb einer Liste der Klasse contli3 stehen*/




/* grundlegende Formatierung von Links */
a:link { text-decoration:none;}
a:visited {color:#CC6600; }
a:focus, a:hover {text-decoration:underline; }
a:active {color:lime; }

.lit{font-size: 0.7em;} /* Format der Klasse fuer Literaturangaben, Downloads und Linkhinweise. 
                             Zuweisbar mit: <p class= "lit"> ... </p>*/

.c2 {font-weight:normal} /* Klasse fuer das base von knowledge base */
.c3 {
 font-weight: normal;
 font-size:0.7em;}   /* Klasse fuer klein geschriebene Untertexte, z. B. zu den Schildern Produkte und Knowledge base */


/* Formatierungen von Bildern, Logos , Smileys ,Cliparts und ähnlichem */
img.validc1 {border:0;width:88px;height:31px} /* img Stempel valides XHTML / CSS */