/* CSS Document */
/* ############### tales.be css framework v0.3 (by kvd) ###############  */
/* ############### SIDENAVIGATION ############### */


#sidenav{ }
#sidenav ul.level1{	margin-left: 10px; margin-top: 20px; margin-bottom:50px}

#sidenav ul.level2{	margin-left: 20px;}
#IE6 #sidenav ul.level2{	margin-top: 15px; }

#sidenav ul.level3{	margin-left: 15px;}
#IE6 #sidenav ul.level3{	margin-top: 5px; }

#sidenav ul.level4{	margin-left: 20px; margin-top: -3px;}
#IE6 #sidenav ul.level4{	margin-top: 5px; }

#sidenav ul.level1 li{
	color: #6b6b6b;
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 0 !important;
	background-image: url(../gfx/basics/sidenav.divider.level1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style-image: none !important;
	}
#IE6 #sidenav ul.level1 li{
/*	background-image: none;*/
	height:28px;
	margin-top:-3px;
	}
	
/* ############### LEVEL 1 #############################################################"### */	
#sidenav ul.level1 li a{
	display: block;
	font-weight: bold;
	font-size: 100%;
	background-image: url(../gfx/basics/sidenav.level1.marker.off.gif);
	background-repeat: no-repeat;
	background-position: 214px 6px;
	padding: 6px 0 8px 8px;
	text-decoration: none;
	}
#IE6 #sidenav ul.level1 li a{
	margin-bottom: -12px;
	}

#sidenav ul.level1 li a:link, #sidenav ul.level1 li a:visited{
	color: #6b6b6b;
	}
#sidenav ul.level1 li a:hover, #sidenav ul.level1 li a:active{
	background-color:#EDEEEA;
	background-image:none !important;
	color: #000 !important;
	}
#sidenav ul.level1 li a.selected{
	background-image:none !important;
	background-color:#EFF0EC;
	color: #666 !important;
	font-weight: bold;
	}


/* ############### LEVEL 2 ###################################################################""##### */	
#sidenav ul.level2 li{
	background-image: none !important;
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
#IE6 #sidenav ul.level2 li{
	margin-bottom: 0px;
	height:18px;}
		
#sidenav ul.level2 li.lastitem{
	background-image: none !important;
	padding-bottom: 5px;}
	
#IE6 #sidenav ul.level2 li.lastitem{
	background-image: none !important;
	padding-bottom: 0px;
	margin-bottom: 5px; }
	
	
#sidenav ul.level2 li a{
	display: block;
	background-image: url(../gfx/basics/list2ndnav.gif) !important;
	background-repeat: no-repeat;
	background-position: 3px 7px !important;
	padding: 2px 0 2px 16px !important;
	text-decoration: none;
	font-weight: normal !important;
}		
#IE6 #sidenav ul.level2 li a{
	margin-bottom: -5px;
}		

#sidenav ul.level2 li a:link, #sidenav ul.level2 li a:visited{
	color: #6b6b6b;
	font-size: 100%;
	}
	
#sidenav ul.level2 li a:hover, #sidenav ul.level2 li a:active{ background-image:none !important; color: #000 !important;}
	
#sidenav ul.level2 li a.selected, #IE6 #sidenav ul.level2 li a.selected{
	color:#ec823f !important;
	background-image: url(../gfx/basics/sidenav.level2.marker.gif) !important;
	background-color:#fff !important;
	padding: 2px 0 2px 16px !important;}
	



/* ############### LEVEL 3 ########################################################""####### */	
#sidenav ul.level3 li{
	background-image: none !important;
	background-repeat: repeat-x;
	background-position: bottom;
	list-style:none;
}
	
#IE6 #sidenav ul.level3 li{
	margin-bottom: 0px;
		height:16px;}
		
#sidenav ul.level3 li.lastitem{
	background-image: none !important;
	padding-bottom: 5px;}
	
#IE6 #sidenav ul.level3 li.lastitem{
	background-image: none !important;
	padding-bottom: 0px;
	margin-bottom: 5px; 
	}
	
#sidenav ul.level3 li a{
	background-image: url(../gfx/basics/list3rdnav.gif) !important;
	background-repeat: no-repeat;
	background-position: 8px 7px !important;
	display: block;
	padding: 2px 0 2px 20px !important;
	text-decoration: none;
	font-weight: normal !important;
	font-style: italic;
}		
#IE6 #sidenav ul.level3 li a{
	padding: 2px 0 2px 20px !important;
	margin-bottom: -5px;
}		

#sidenav ul.level3 li a:link, #sidenav ul.level3 li a:visited{
	color: #6b6b6b;
	font-size: 100%;
	}
	
#sidenav ul.level3 li a:hover, #sidenav ul.level3 li a:active{ background-image:none !important; color: #000 !important;}
	
#sidenav ul.level3 li a.selected, #IE6 #sidenav ul.level3 li a.selected{
	color:#ec823f !important;
	background-image: url(../gfx/basics/sidenav.level2.marker.gif) !important;
	background-position: 8px !important;
	background-color:#fff !important;
	padding: 2px 0 2px 20px !important;
}
	



/* ############### LEVEL 4 ########################################################""####### */	
#sidenav ul.level4 li{
	background-image: none !important;
	background-repeat: repeat-x;
	background-position: bottom;
	list-style:none;
	}	
#IE6 #sidenav ul.level4 li{
	margin-bottom: 0px;
	height:18px;}
		
#sidenav ul.level4 li.lastitem{
	background-image: none !important;
	padding-bottom: 5px;}
	
#IE6 #sidenav ul.level4 li.lastitem{
	background-image: none !important;
	padding-bottom: 0px;
	margin-bottom: 5px; }
	
#sidenav ul.level4 li a{
	background-image: url(../gfx/basics/list3rdnav.gif) !important;
	background-repeat: no-repeat;
	background-position: 6px 7px !important;
	display: block;
	padding: 2px 0 2px 20px !important;
	text-decoration: none;
	font-weight: normal !important;
	font-style: normal;
}		
#IE6 #sidenav ul.level4 li a{
	padding: 2px 0 2px 20px !important;
	margin-bottom: -5px;
}		

#sidenav ul.level4 li a:link, #sidenav ul.level4 li a:visited{
	color: #6b6b6b;
	font-size: 85%;
	}
	
#sidenav ul.level4 li a:hover, #sidenav ul.level4 li a:active{ background-image:none !important; color: #000 !important;}
	
#sidenav ul.level4 li a.selected, #IE6 #sidenav ul.level4 li a.selected{
	color:#ec823f !important;
	background-image: url(../gfx/basics/sidenav.level2.marker.gif) !important;
	background-position: 8px !important;
	background-color:#fff !important;
	padding: 2px 0 2px 20px !important;
}