h4{	
    margin-bottom: 5px;
    margin-top: 5px;
    color: black; 
    }
	
   p {
    margin-top: 4px;
    margin-bottom: 0px;
   }
   
    #divInfo {
		/* position: relative;
		top: -60px; */
		/*font-style: italic;
		font-family: serif; */ 	
   		/*background-image : url(gradientBG_styleMetal.png); 
   		background-repeat : repeat-y ;*/
   		background-color: #DDD;
	}
 /*background-image wird momentan nicht vergrößert, daher lasse ich das 
  * background-repeat anscheinend nicht "dynamis" */ 

    #divOutput , #divOutput2 , #divInput {
    	background-color:#DDD;
    	color:  black; 
   }

   #divOutput , #divOutput2
   {
       min-width: 500px;
   }
   
   #divFirstTable { 
    color:black;
    background-color:white;   
   }
   #divSecondTable {  
    color:black;
    background-color:white;   
   }
   #divWdhTable {  
    color:black;
    width: 600px;
    background-color:white;   
   }
   
   
   #content {
   	margin : 0px 50px 0px 0px; /* top right bottom left*/     	   	
   }
   /* for debugging 
   div {
   		border: 2px solid red;   	
   }
   */
  .borderRed {
    border: 3px solid red;
  }

  .borderBlueDashed {
    border: 2px dashed blue; /* 1px im firefox nicht sichtbar */
  }

  .bluerow {
    background-color: #0011ff;
    color: #ddddff;
    
  }
  .t1decoTable , .t2decoTable {
    border-spacing: 0px;
    border: 3px solid blue;
    border-collapse:collapse;
  }
  .t1decoTable td, .t2decoTable td {
    padding: 5px 10px;  
    border: 1px solid blue;
  }
  .dangerBlue{
    background-color: #66b3e9;
  }
  .dangerLightBlue{
    background-color: #b0daf2;
  }
  .dangerYellow{
    background-color: #ffff00;
  }

  /* styles fuer die Wiederholungstabellen */
  /*-------------------*/
  .groupYellow{
    background-color: #fad525;
  }
  .groupSkinColoured{
    background-color: #fef9b2;
  }
  .groupWhiteColoured {
    background-color: #ffffff;
  }
  .groupBlue{
    background-color: #5db0db;
  }
  .groupLightBlue{
    background-color: #b0d7f0;
  }
  
  /*die  tabellen sollen uebernandernliegen. Damit das bei 
    verschiedenen Betriebssystemen klappt, muss ich die
    Schriftgroesse vorgeben und den Rand ggf. abschneiden :-) */
  #tabWdh {
    border: 0px solid blue;
    border-collapse:collapse;
    /*background-color:white;*/
    color:black;
  }
  #tabWdh td
  {
    border: 1px solid blue;
	  width:  40px;
	  max-width:  40px;
	  min-width: 40px;
	  text-align:center;
	  font-size: 15px;
	  overflow: hidden;
	
  }
  #tabWdhTiefe
  {
    margin-left: 40px;
    border: 1px solid blue;
    border-collapse:collapse;
    background-color:white;
    color:black;
  }
  #tabWdhTiefe td.groupBlue
  {
    width:  20px;
    max-width: 20px;
    overflow: hidden;
    border: 1px solid blue;
    text-align: center;   
  }
  #tabWdhTiefe td
  {
    width: 40px; 
    max-width: 40px;
    overflow: hidden;
    border: 1px solid blue;
    text-align: center;
  }
  
  #tabWdhTiefe td.borderRed /* td mit borderRed , td .borderRed muesste heissen irgendein elemen in <td> mit border red */
  {
    border: 2px solid red; 
  }