/***********************************************************/
/* (c) 2005 Pepperstream                                   */
/*                                                         */
/* Beschrijving: voorbeeld CSS classes bij Peppermenu.     */
/***********************************************************/

/***********************************************************/
/* Defineerbare waardes - voorbeeld -                      */
/***********************************************************/

#peppermenu {
    position: relative;
    top: -30px;
    font-size:0.95em;
    background-color:white;
    color:black;
}

.submenu {
    /* css waarde die voor alle sub menu containers gebruikt wordt naast opgegeven css class*/
    color:black;	
    background-image: url("../../../styles/algemeen/images/menulijn.gif");
    background-position:bottom;
    background-repeat:repeat-x; 
    padding-bottom:1px;   
    background-color:white; 
}

.submenus {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: hand;
		z-index: 9999;
	  background-color:white;
}

.pepperpijl {
    padding: 4px;
}


/* Niveau 0 */

.container0 {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 209px;
    cursor: hand;
    background-image: url("../../../styles/algemeen/images/menulijn.gif");
    background-position:bottom;
    background-repeat:repeat-x;   
	  background-color:white;     
}

.menu0, .menu0top, .menu0bottom  {
    background-color: #ffffff;
    background-image: url("../../../styles/algemeen/images/menulijn.gif");
    background-position:top;
    background-repeat:repeat-x;
        cursor:pointer; 
        cursor:hand; 

    padding:8px 0px 8px 10px;
    display: inline-table;
    /*height: 20px;*/
    width: 199px;
    font-weight: bold;
    margin-bottom:1px;
    font-family:'trebuchet ms';  
    line-height:21px;
}


/* Niveau 1 mouseovers */

.menu0over, .menu0topover, .menu0bottomover {
    background-image: url("../../../styles/algemeen/images/menulijn.gif");
    background-position:top;
    background-repeat:repeat-x;
    background-color: #c73334;
        cursor:pointer; 
        cursor:hand; 

    color: white;

    display: inline-table;
    /*height: 20px;*/
    width: 199px;
    padding:8px 0px 8px 10px;
    font-weight: bold;
    margin-bottom:1px;
    font-family:'trebuchet ms';  
    line-height:21px;
}


/* Niveau 1 */

.menu1, .menu1top, .menu1bottom, .menu1single {
    background-image: url("../../../styles/algemeen/images/menulijn.gif");
    background-position:top;
    background-repeat:repeat-x; 
		padding:8px 0px 8px 10px;
    background-color: white;
        cursor:pointer; 
        cursor:hand; 

    display: inline-table;
    /*height: 20px;*/
    width: 199px;
    font-weight: bold;
    margin-bottom:1px;    
    margin-left:1px;   
    font-family:'trebuchet ms';  
    line-height:21px;    
}

/* Niveau 1 mouseovers */


.menu1over, .menu1topover, .menu1bottomover, .menu1singleover {
    background-image: url("../../../styles/algemeen/images/menulijn.gif");
    background-position:top;
    background-repeat:repeat-x;
    padding:8px 0px 8px 10px;
    background-color: #c73334;
    cursor:pointer; 
    cursor:hand; 
    color: white;
    display: inline-table;
    /*height: 20px;*/
    width: 199px;
    font-weight: bold;
    margin-bottom:1px;    
    margin-left:1px; 
    font-family:'trebuchet ms';  
    line-height:21px;
}

/* etc... mogelijke overige niveau's */
.container1 {
	position:absolute;
	z-index:9999px;
		  background-color:white;
}

.home #peppermenu IMG {display:none;}
.home #menu0-0, .home #menu0-1, .home #menu0-2, .home #menu0-3{
    background-image: url("../../../styles/algemeen/images/menupijl.gif");
    background-position:190px 10px;
    background-repeat:no-repeat;
}
.home #menu0-0{ background-color:#0195b3; color:white; } /* ik huur     12 */ 
.home #menu0-1{ background-color:#d06600; color:white; } /* organisatie 17 */ 
.home #menu0-2{ background-color:#562b87; color:white; } /* ik zoek     15 */ 
.home #menu0-3{ background-color:#9cbd0e; color:white; } /* projecten   16 */ 

 .home .menu0, .home  .menu0top, .home  .menu0bottom, .home .menu0over, .home  .menu0topover, .home  .menu0bottomover, .home .container0 {
    background-image: none;
}