/* body
*  margin: Für die Ausrichtung der Elemente ist es wichtig dass margin auf 0 
*  gesetzt ist. Cascading Styleheets (Seite 120)
*/

 div.left {
	position: absolute;
	height: 100%;
	width: 19%; 
	/* margin-top: 90px; */
 }

 div.top {
	position: absolute;
	height: 90px;	
	width: 100%;
 }

 div.kontext {
	position: absolute;
	margin-left: 80%;	
	height: 100%;
	width: 20%; 
 }

 div.content {  
     position: absolute;
     margin-left: 20%;	
     margin-top: 90px;
	 width: 58%;	
	 padding-top: 10px;
 }
  
  div.kopfTitel { 
     position: absolute;
     margin-left: 19%;	
     margin-top: 0px;
     width: 80%;  
     overflow: visible;
  }
 
 
  div.kopfHome {
	position: absolute;
	overflow: visible;
	padding: 5px;
	margin: 0px;
	/* border: 1px solid #0033CC; */
	height: 70px;
	width: 18%;	
  }
  
  div.kopfMenu { 
     position: absolute;
/*     FONT-SIZE: large; */
     padding: 5px;
/*     height: 22px; */
     margin-left: 20%;	
     margin-top: 66px;
     width: 80%;  
     overflow: visible;
  }
 

  div.leftMenu { 
	position: absolute;
	overflow: visible;
	padding: 5px;
	margin-top: 90px;

  /*  border: 1px solid #0033CC; */
	/* height: 70px; */
	width: 95%;
  }
 
   div.kontextMenu { 
	position: absolute;
	overflow: visible;
	padding: 5px;
	margin-top: 90px;
   /* border: 1px solid #0033CC;  */
	/* height: 70px; */
	width: 95%;
  }

 
 
 


BODY
{
  background: #FFFFFF url(none); 
}
 
 div.left {
    background-color: #CCFFAA ; 
 }

 div.top {
     background-color: #FFFFFF ; 
 }

 div.kontext {
    background-color: #CCFF66; 
 }
  div.kopfMenu {  
     background-color: #CCFFCC;   
  }
  
  div.content {  
     color: #006E00;  
 }