/* =======================================================================
## ++ Globale Einstellungen Formatierung grundlegender Elemente
*
*  muss noch ueberarbeitet und gekuerzt werden
========================================================================== */

html{
    width:100%;
    height: 100%;
    font-size:100%;
}

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

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

h2 {    /* jetzt kommt die H2,  fuer Subtitel verwenden */
 font: normal 1.2rem Georgia, 'Times New Roman', Times, serif;
 color: #CC6600;
 }

h3 {
font-size: 1.2rem;
font-weight: normal;
}

h4 {    /* H4,  fuer ueberschriften im normalen Content fett nach oben mehr Abstand  Titel Literatur bei Literaturangaben*/
    font-size: 1rem;
    font: bold;
    margin: 25px 0 0px 0; }

h5 {    /* H5,  fuer Fett gedruckte Worte im normalen Content fett nach oben mehr Abstand */
    font-size: 1rem;
    font: bold; 
 }

  /* Format und Gestaltung normaler Absaetze  p {   } */

ul {     /* Ausgangs-Format und Gestaltung von ungeordneten Listen z. B. in Menus */
      font-size: 1rem;
      margin:0px;
      padding: 0px;
      list-style-type: disc;
  }

ul,ol {     /* Ausgangs-Format und Gestaltung von geordneten Listen */
      font-size: 1rem;
      padding: 0px;      
     }

/* grundlegende Formatierung von Links   */
a{ text-decoration: none;
   color: navy;
}
a:focus, a:hover, a:active {text-decoration:underline; }
a:visited {color:deepskyblue; }

footer p{           /* p im footer */
 font-size: 0.8rem;
 line-height: 1.1;
 }


/* =======================================================================
## ++ Elemente ab hier noch pruefen ueberhaupt notwendig?
*
*  muss noch ueberarbeitet und gekuerzt werden
========================================================================== */



.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 { /* Format fuer Listen 1. Ordnung im normalen Content/ normalen Text */
          margin: 10px 0 10px 20px;}

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

.contli2 {margin: 0 0 10px 12px;     /* Liste 2. Ordnung im normalen Content/ normalen Text */
                 list-style-type: circle;
               } 

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



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


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


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