css Menü

[Michi]

schön guten morgen ,

also ich arbeite mit joomla 1.5 und bin gerade dabei ein eigenes template zu erstellen, wahrschleinlich habe ich mir da zuviel vorgenommen und zwar fängt es schon beim menü an es soll wenn möglich zur seite ausklappen

sprich so hier

punkt1
punkt2=>punkt2.1
punkt3  punkt2.2
        punkt2.3

hoffe ihr wisst wie ich das meine ;-)
desweiteren sollte sich wenn das submenü aufklappt der inhalt der seite sich auch verschieben

punkt1|
punkt2| Seiteninhalt
punkt3|

also so hier

punkt1           |
punkt2=>punkt2.1 |Seiteninhalt
punkt3  punkt2.2 |
        punkt2.3 |

so ich hoffe ihr versteht das ;-)
und könnt mir da ein wenig weiterhelfen sprich ein link der mir weiterhelfen könntet

hier mein quellcode

.menu {  list-style-type: none; position:relative;  
 margin-left:-6px;}  
  
ul.menu, ul.menu ul  
  
{ padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }  
  
ul.menu li a, ul.menu li li a  
{text-decoration: none; height:30px;}  
  
  
  
ul menu li  
{  
display: block;  
padding: 3px;  
width: 160px;  
background-color: #FFFFFF;  
  
border-bottom: 1px solid #333333;  
}  
  
ul.menu li, ul.menu li li  
{ color: #000000; text-decoration:  
 none; font-weight: bold; background-image: url(../images/vertnavbutton.png); background-repeat:repeat-x; min-height:30px;  
padding: 4px; padding-left: 30px;  
}  
  
ul.menu li:hover , ul menu li li:hover  
{  
 color: #000000; text-decoration:  
 none; font-weight: bold;  
background-image:url(../images/vertnavbutton-hover.png);  
background-repeat:repeat-x;  
  
}  
ul.menu li.active, ul menu li li.active {  
background-color: #FFFFFF;  
color: #000000;  
background-image:url(../images/vertnavbutton-hover.png);  
background-repeat:repeat-x;  
  
}  
ul.menu li.active a, ul menu li li.active a  
{  
color: #000000;  
  
}  
  
ul.menu li.active li a  
  
{color:#c0c0c0;}  
  
  
ul.menu li li.active a  
{ color: #000000; }  

vielen dank im voraus

mfg michi