/*
   psmenu.css
   styles zur darstellung eines aufklappbaren menus 
   mit maximal drei ebenen
  
   (c)2011 peter schorn, peter@schorn-molitor.de
   Version: 5.00  31.12.2014
*/
/* Farben ---------------------------------------
border 1./2.level:   Silver;
opt. border 2.level: DimGray;
---------------------------------------------- */

/* navigationsstruktur --------------------------------------------- */
div#navi ul {
  list-style:        none;
	margin:	           0;
	padding:		       0;
}
div#navi li {
	width:			       120px;         /* breite des button */
	height:            30px;
  margin-left:	     0;
	margin-top:	       2px;
	padding:		       0;
}
div#navi li li {
	width:			       110px;          /* breite des button - margin-left*/
	margin-left:	     10px;           /* einrückung */
	margin-top:	       1px;
	padding:		       0;
}

/* navigations buttons ------------------------------------------ */
div#navi button {
	width:			       100%;
	height:			       100%;
	margin:			       0;
	padding:		       3px;
	text-align:		     left;
	cursor:			       pointer;
}

/* header menu ----------------------------------------------------- */
div#menu {
   float:          right;
}

/* menu 1. ebene --------------------------------------------------- */
div#menu ul {
   list-style:     none;
   margin:         0px;
   padding:        0px;
}

div#menu li {
   float:          left;
   padding-right:  6px;
   height:         20px;               /* höhe */
   min-width:      80px;
   text-align:     left;
   text-indent:    5px;
   border:         none;
   border-left:    1px solid Silver;   /* hintergrund unterstreichung */
   border-bottom:  5px solid Silver;   /* hintergrund unterstreichung */
}
div#menu li#start {
   min-width:      10px;
   border-left:    0px solid Silver;  /* hintergrund unterstreichung */
}
div#menu li#end {
   min-width:      10px;
   margin-right:   0px;               /* platz für submenu: breite - endbreite */
}

/* menu 2. ebene --------------------------------------------------- */
div#menu li ul {
   display:        none;
}
div#menu li:hover ul {
   display:        block;
}

div#menu li li {
   width:          160px;
   border-top:     1px solid Silver;
   border-bottom:  1px solid Silver;
}

/* menu aktionen ---------------------------------------------------- */
div#menu li button {
   width:          100%;
   height:         100%;
   margin:         0;
   padding:        0;
   text-align:     left;
   cursor:         pointer;
}

/* ################################################################# */
/* footer menu ----------------------------------------------------- */
div#footermenu {
   float:          right;
}

div#footermenu ul {
   margin:         0px;
   padding:        0px;
   list-style:     none;
}

div#footermenu li {
   float:          left;
   padding-left:  20px;
   text-align:     right;
   border:         none;
}

div#footermenu a {
   text-decoration:none;
   cursor:         pointer;
}

/* ################################################################# */