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


#sidenav{
	
}

#sidenav ul.level1{	margin-left: 10px; margin-top: 40px;}
#sidenav ul.level2{	margin-left: 15px; display: none;}
#sidenav ul.selected{	display: block !important;}
#IE6 #sidenav ul.level2{	margin-top: 0px; }

#sidenav ul.level1 li{
	color: #6b6b6b;
	font-weight: bold;
	font-size: 80%;
	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{
	height: 10px;
	/*padding-bottom: 7px;*/
	}	
/* ############### LEVEL 1 ############### */	
#sidenav ul.level1 li a{
	font-weight: bold;
	font-size: 120%;
	background-image: url(../gfx/basics/sidenav.level1.marker.off.gif);
	background-repeat: no-repeat;
	background-position: 275px 10px;
	display: block;
	padding: 6px 0 8px 8px;
	text-decoration: none;
}
#IE6 #sidenav ul.level1 li a{
	padding: 6px 0 8px 8px;
	/*background-color: orange;*/
	/*margin-bottom: -5px;*/
	width: 280px; /*causes jumpy navigation */
}
#sidenav ul.level1 li a.selected{
	background-image: url(../gfx/basics/sidenav.level1.marker.on.gif);
	}


#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: #B2B2B2;	color: #fff !important;}






/* ############### LEVEL 2 ############### */	
#sidenav ul.level2 li{
	background-image: url(../gfx/basics/sidenav.divider.level2.gif) !important;
	background-repeat: repeat-x;
	background-position: bottom;}
	
#IE6 #sidenav ul.level2 li{
	margin-bottom: 0px;}
		
#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{
	background-image: url(../gfx/basics/sidenav.level2.marker.gif) !important;
	background-repeat: no-repeat;
	background-position: 0 10px !important;
	display: block;
	padding: 6px 0 6px 10px !important;
	text-decoration: none;
	font-weight: normal !important;	
}		
#IE6 #sidenav ul.level2 li a{
	padding: 6px 0 6px 10px !important;
	/*margin-bottom: -5px;*/
	width: 263px;
}		

#sidenav ul.level2 li a:link, #sidenav ul.level2 li a:visited{
	color: #6b6b6b;
	font-size: 140%;
	}
	
#sidenav ul.level2 li a:hover, #sidenav ul.level2 li a:active{ background-color: #B2B2B2;	color: #fff !important;}
	
#sidenav ul.level2 li a.selected{/*font-weight: bold;*/}


#subscribe{
	display: block;
	margin: 30px 0 0 15px;
}

#subscribe img{
	border: 1px solid #A2A2A2;
}