/*--- navigation styles ---*/
    
    
    div#leftCon li img {
       vertical-align:bottom !important;
    }
    
    div#leftCon div#navigationCon,
    div#leftCon div#navigationTargetGroupCon {
		width:				175px;
	}
	
	
	div#leftCon .menuTop {
		width:				175px;
		height:				5px;
		background-image: 	url(/gfx/nav/menu_topbg.png);
		line-height: 		0;
		font-size: 			0;
	}
	

	div#leftCon .menuBottom{
		width:				175px;
		height:				9px;
		background-image: 	url(/gfx/nav/menu_bottombg.png);
		line-height: 		0;
		font-size: 			0;
	}
	
	div#leftCon .menuBody {
		background-image: 	url(/gfx/nav/menu_bg.png);
		padding: 			0 8px 0 6px;
		margin:				0;
	}
	
	/* Menu */
	
	ul,  li,  li a { vertical-align:bottom;}
	
	div#leftCon .menuBody ul {
		padding: 			0;
		margin: 			0;
		list-style:			none;
		list-style-image:    none;
	}
	
	div#leftCon .menuBody ul li{
		width:				161px;
		background-color:	#f3481a;
		background-image:	url(/gfx/nav/menu_line_orangegrey-dashed.gif);
		background-position:bottom;
		background-repeat:	no-repeat;
		padding-bottom:     1px;
	}
	
	div#leftCon .menuBody ul li.last {
	    padding-bottom:     0;
	}
	
	div#leftCon .menuBody ul li.active{
		margin:				0;
		padding:			0;
	}
	
	/* --- wel / niet tonen menu --- */

	/* sub-nav */
	div#leftCon .menuBody ul li ul {
		display:			none;
	}
	
	div#leftCon .menuBody ul li.active ul {
		display:			block;
	}
	
	/* sub-sub-nav */
	div#leftCon .menuBody ul li.active ul li ul {
        display:            none;
    }
    
	div#leftCon .menuBody ul li.active ul li.active ul {
        display:            block;
    }
    
	div#leftCon .menuBody ul li.active a {
		background-color:	#8c2101;
	}
	
	div#leftCon .menuBody ul li a {
		background-color:	#f3481a;
		padding: 			0;
		margin: 			0;
		display: 			block;
	}
	
	div#leftCon .menuBody ul li a:hover{
		background-color:	#8c2101;
	}
	
	
	/* Sub-menu */
	
	div#leftCon .menuBody ul li ul li {
		background-color:	#e0dede;
		background-image:	url(/gfx/nav/menu_line_grey.gif);
		background-position:bottom;
		background-repeat:	no-repeat;
		padding:			0;
		margin: 			0;
	}
	
	div#leftCon .menuBody ul li ul li.last{
		background-image:	none;
	}
	
	div#leftCon div#navigationTargetGroupCon .menuBody ul {
		border-top:1px solid #f6a18a;
	}
	
	div#leftCon div#navigationTargetGroupCon .menuBody ul li.active ul li a,
	div#leftCon .menuBody ul li.active ul li a{
		display: 			block;
		padding: 			0 0 4px 25px;
		color: 				#000000;
		font-family:		Verdana;
		font-size:			11px;
		text-decoration:	none;
		background-color:	#e0dede;
		background-image:	url(/gfx/nav/sub-list.gif);
		background-repeat:	no-repeat;
		background-position:17px 9px;
	}
	
	 
	div#leftCon div#navigationTargetGroupCon .menuBody ul li.active ul li a:hover, 
	div#leftCon .menuBody ul li.active ul li a:hover{
		background-color:	#ababab;
	}
	
	div#leftCon .menuBody ul li.active ul li.active{
		background-image:	none;
		background-color:	#ababab;
		margin:				0;
		padding:			0;
	}
	
	/* Sub-sub-menu */

	div#leftCon .menuBody ul li.active ul li.active ul li{
		background-image:	url(/gfx/nav/menu_line_grey.gif);
		background-position:bottom;
		background-repeat:	no-repeat;
	}
	
	div#leftCon .menuBody ul li.active ul li.active ul li.first{
		background-image:	none;
	}
	
	div#leftCon .menuBody ul li.active ul li.active ul li.last{
		background-image:	none;
	}
	
	div#leftCon .menuBody ul li.active ul li.active ul li a{
		background-color:	#ffffff;
		color:				#f3481a;
	}
	
	div#leftCon div#navigationTargetGroupCon .menuBody ul li.active ul li.active ul li a,
	div#leftCon .menuBody ul li.active ul li.active ul li a{
		padding: 			2px 0 2px 25px;
		color: 				#000000;
		font-family:		Verdana;
		font-size:			11px;
		text-decoration:	none;
		background-color:	#ffffff;
		background-image:	url(/gfx/nav/sub-sub-list.gif);
		background-repeat:	no-repeat;
		background-position:17px 9px;
	}
	
	div#leftCon .menuBody ul li.active ul li.active ul li a:hover,
	div#leftCon .menuBody ul li.active ul li.active ul li.active a{
		color:				#f3481a;
		background-color:	#ffffff;
	}
	
	/*--- end navi styles ---*/
	
	
	/*--- specifics doelgroepmenu ---*/
    
    /* WWW */
    div#leftCon div#navigationTargetGroupCon .menuBody ul li{
        background-color:   #000;
        background-image:   url(/gfx/nav/menu_line_black.gif);
    }
    
    div#leftCon div#navigationTargetGroupCon .menuBody ul li a:hover {
        background-color:   #636363;
    }
    
    
    div#leftCon div#navigationTargetGroupCon .menuBody ul li.active a {
        background-color: 	#636363;
    }
    
    /* WWW */
    div#leftCon div#navigationTargetGroupCon .menuBody ul li a{
        background-color:   #000;
    }
    
    
    /*- start TDH Life -*/
    div.navi-block {
        width:              175px;
        float:              left;
        display:            inline;
    }
    
    div.navi-block div.top {
        width:              175px;
        height:             6px;
        background-image:   url('/gfx/backgrounds/navi-block-top.png');
        background-repeat:  no-repeat;
        background-position: left top;
    }
        
    div.navi-block div.center{
        width:              161px; /* 175 - 7 - 7 */
        padding:            0px 7px 4px 7px;
        background-image:   url('/gfx/backgrounds/navi-block-center.png');
        background-repeat:  no-repeat;
        background-position: left bottom;
    }
    
    div.navi-block div.bottom {
        width:              175px;
        height:             6px;
        background-image:   url('/gfx/backgrounds/left-block-bottom.png');
        background-repeat:  no-repeat;
        background-position: left top;
    }
	
/* special styles for navi-blocks */
	div.navi-block.special1 div.top {
        width:              175px;
        height:             6px;
        background-image:   url('/gfx/backgrounds/navi-block-top-special1.png') !important;
        background-repeat:  no-repeat;
        background-position: left top;
    }
        
    div.navi-block.special1 div.center{
        width:              161px; /* 175 - 7 - 7 */
        padding:            0px 7px 4px 7px;
        background-image:   url('/gfx/backgrounds/navi-block-center-special1.png') !important;
        background-repeat:  no-repeat;
        background-position: left bottom;
    }
    
    div.navi-block.special1 div.bottom {
        width:              175px;
        height:             6px;
        background-image:   url('/gfx/backgrounds/left-block-bottom-special1.png') !important;
        background-repeat:  no-repeat;
        background-position: left top;
    }